.as{--as-bg: #0e0912;--as-card: #151019;--as-chrome: #1a131f;--as-text: #fff;--as-muted: #b9b7ba;position:relative;z-index:1;width:100%;border-radius:1.35rem;overflow:hidden;background:var(--as-bg);border:1px solid rgb(255 255 255 / .08);isolation:isolate}.as-who{min-height:22rem}.as-goals{min-height:100%;height:100%;min-height:22rem}@media(min-width:640px){.as-who{min-height:28rem}}.as:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,rgb(143 47 254 / .22),transparent 44%);animation:as-drift 16s ease-in-out infinite;pointer-events:none}.as>*{position:relative;z-index:1;height:100%}.as-who{display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 1.4rem 1.1rem;gap:1rem}.as-rejects,.as-off{display:flex;flex-wrap:wrap;gap:.5rem}.as-rejects span,.as-off span{display:inline-flex;align-items:center;gap:.35rem;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--as-text);background:#0e0912a6;border:1px solid rgb(255 255 255 / .12);border-radius:999px;padding:5px 10px}.as-rejects b,.as-off b{color:#ff6b8a}.as-who-row{display:grid;grid-template-columns:1.2fr auto .7fr;gap:.75rem;align-items:center}.as-laptop,.as-phone{background:var(--as-card);border:1px solid rgb(255 255 255 / .1);border-radius:14px;overflow:hidden;box-shadow:0 16px 40px #00000059}.as-chrome{display:flex;align-items:center;gap:5px;padding:8px 10px;background:var(--as-chrome);border-bottom:1px solid rgb(255 255 255 / .08)}.as-chrome i{width:7px;height:7px;border-radius:50%;background:#ff5f57}.as-chrome i:nth-child(2){background:#febc2e}.as-chrome i:nth-child(3){background:#28c840}.as-chrome em{margin-left:8px;font-style:normal;font-size:11px;color:var(--as-muted);font-family:ui-monospace,Menlo,Consolas,monospace}.as-lid,.as-phone{padding:14px 14px 16px;display:flex;flex-direction:column;gap:4px}.as-laptop .as-lid{padding:16px 14px 18px}.as-lid strong,.as-phone strong{font-size:1.05rem;color:var(--as-text)}.as-lid span,.as-phone span:not(.as-paired){font-size:12px;color:var(--as-muted)}.as-phone{min-height:7.5rem;justify-content:center;position:relative;border-color:#8f2ffe66}.as-paired{align-self:flex-start;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#bc88ff;background:#8f2ffe29;border:1px solid rgb(143 47 254 / .4);border-radius:999px;padding:3px 7px;margin-bottom:6px}.as-bridge{width:4.5rem;height:2px;background:repeating-linear-gradient(90deg,#c7b3ff 0 6px,transparent 6px 11px);position:relative;animation:as-flow 2.8s linear infinite}.as-bridge span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;letter-spacing:.08em;color:#fff;background:linear-gradient(90deg,#8f2ffe,#df53fe);border-radius:999px;padding:5px 8px;box-shadow:0 0 0 4px #8f2ffe2e}.as-who p,.as-goals p{margin:0;text-align:center;font-size:.95rem;color:var(--as-muted)}.as-goals{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:1.1rem;background:linear-gradient(180deg,#2a1548,#12081a 55%,#0e0912)}.as-sky{position:absolute;inset:0;background:radial-gradient(1.4px 1.4px at 18% 16%,rgb(255 255 255 / .7),transparent),radial-gradient(1px 1px at 70% 12%,rgb(223 83 254 / .8),transparent),radial-gradient(70% 50% at 70% 0%,rgb(223 83 254 / .22),transparent);pointer-events:none}.as-ridge{position:absolute;left:-8%;right:-8%;bottom:22%;height:42%;pointer-events:none}.as-ridge.a{clip-path:polygon(0 100%,0 48%,22% 28%,48% 52%,72% 22%,100% 46%,100% 100%);background:linear-gradient(180deg,#6d4aa3,#241433)}.as-ridge.b{bottom:0;height:28%;clip-path:polygon(0 40%,30% 10%,62% 36%,100% 8%,100% 100%,0 100%);background:#0e0912}.as-off{position:relative;z-index:2}.as-kit{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;gap:.85rem;margin:2.5rem 0 1rem}.as-kit-laptop{width:46%;max-width:220px;height:88px;background:var(--as-chrome);border:1px solid rgb(255 255 255 / .12);border-radius:10px 10px 4px 4px;padding:8px;display:flex;gap:4px}.as-kit-laptop em{width:6px;height:6px;border-radius:50%;background:#ff5f57;font-style:normal}.as-kit-laptop em:nth-child(2){background:#febc2e}.as-kit-laptop em:nth-child(3){background:#28c840}.as-kit-phone{width:42px;height:72px;border-radius:10px;border:3px solid #3a2f48;background:#0d0a10;box-shadow:0 0 16px #8f2ffe59}.as-goals p{position:relative;z-index:2}@keyframes as-drift{0%,to{transform:translate3d(-4%,-2%,0);opacity:.55}50%{transform:translate3d(5%,4%,0);opacity:.95}}@keyframes as-flow{to{background-position:11px 0}}@media(max-width:700px){.as-who-row{grid-template-columns:1fr}.as-bridge{width:2px;height:2.2rem;margin:0 auto;background:repeating-linear-gradient(180deg,#c7b3ff 0 6px,transparent 6px 11px)}}@media(prefers-reduced-motion:reduce){.as:before,.as *{animation:none!important}}
