:root{--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--primary:oklch(21% .006 285.885);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(96.7% .001 286.375);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--accent:oklch(96.7% .001 286.375);--border:oklch(92% .004 286.32);--ring:oklch(70.5% .015 286.067);--radius:.625rem;--canvas:#fbfbfa;--canvas-dot:#94a3b83b;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 8px 24px -12px #0f172a2e;--shadow-lg:0 24px 60px -28px #0f172a52;--brand:#ec3944;--brand-soft:color-mix(in oklab, var(--brand) 12%, transparent);--status-ok:#059669;--status-pending:#64748b;--card-shadow:0 1px 2px #0f172a0a;--scene-bg:#fbfbfa;--scene-node:#334155;--scene-line:#cbd5e1;--scene-dust:#94a3b8;--scene-carrier:#ec3944;--scene-packet:#334155;--scene-core:#475569;--scene-additive:0;--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--pad:clamp(20px, 5vw, 64px);--max:1120px}@media (prefers-color-scheme:dark){:root{--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--card:oklch(14.1% .005 285.823);--card-foreground:oklch(98.5% 0 0);--primary:oklch(98.5% 0 0);--primary-foreground:oklch(21% .006 285.885);--secondary:oklch(27.4% .006 286.033);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--accent:oklch(27.4% .006 286.033);--border:oklch(27.4% .006 286.033);--ring:oklch(44.2% .017 285.786);--canvas:#141414;--canvas-dot:#64748b57;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 8px 24px -12px #000000b3;--shadow-lg:0 24px 60px -28px #000c;--scene-bg:#141414;--scene-node:#a1a1aa;--scene-line:#3f3f46;--scene-dust:#52525b;--scene-carrier:#fb4246;--scene-packet:#d4d4d8;--scene-core:#a1a1aa;--scene-additive:1;--status-ok:#34d399;--status-pending:#94a3b8;--card-shadow:0 1px 2px #02061773}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.1}p{margin:0}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono);font-size:.9em}::selection{background:color-mix(in oklab, var(--foreground) 15%, transparent)}.skip{z-index:100;background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-md);padding:10px 16px;position:absolute;top:0;left:-9999px}.skip:focus{top:8px;left:8px}:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent);border-radius:var(--radius-md);outline:none}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:8px;margin:0 0 18px;font-size:11.5px;display:inline-flex}.eyebrow:before{content:"";background:var(--brand);border-radius:50%;width:5px;height:5px}.eyebrow--dark{color:var(--muted-foreground)}.btn{border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.btn--lg{height:40px;padding:0 24px}.btn--solid{background:var(--primary);color:var(--primary-foreground)}.btn--solid:hover{background:color-mix(in oklab, var(--primary) 90%, transparent)}.btn--line{background:var(--background);border-color:var(--border);color:var(--foreground);box-shadow:var(--shadow-xs)}.btn--line:hover{background:var(--accent)}.sec-head{max-width:680px;margin:0 0 clamp(36px,5vw,60px)}.sec-title{letter-spacing:-.03em;font-size:clamp(28px,4vw,44px)}.sec-title em{color:var(--muted-foreground);font-style:normal}.sec-sub{color:var(--muted-foreground);max-width:62ch;margin-top:16px;font-size:clamp(15px,1.5vw,17px)}.sec-sub strong{color:var(--foreground);font-weight:500}.reveal{opacity:0;transition:opacity .55s,transform .55s cubic-bezier(.2,.7,.2,1);transform:translateY(16px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.nav{z-index:60;padding:0 var(--pad);pointer-events:none;justify-content:center;display:flex;position:fixed;inset:10px 0 auto}.nav__shell{pointer-events:auto;position:relative}.pill{border:1px solid var(--border);border-radius:var(--radius-xl);background:color-mix(in oklab, var(--background) 82%, transparent);backdrop-filter:blur(14px)saturate(160%);box-shadow:var(--shadow-sm);align-items:center;gap:2px;padding:5px;transition:box-shadow .25s,background .25s;display:flex;position:relative}.nav.is-stuck .pill{background:color-mix(in oklab, var(--background) 94%, transparent);box-shadow:var(--shadow-md)}.pill__brand{align-items:center;padding:0 12px 0 8px;display:flex}.pill__brand img{width:auto;height:19px;display:block}.pill__brand .logo-dark{display:none}@media (prefers-color-scheme:dark){.pill__brand .logo-light{display:none}.pill__brand .logo-dark{display:block}}.pill__marker{border-radius:var(--radius-md);background:var(--accent);opacity:0;pointer-events:none;width:0;height:calc(100% - 10px);transition:transform .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1),opacity .18s;position:absolute;top:5px;left:0;transform:translate(0)}.pill__marker.is-on{opacity:1}.pill__item,.pill__burger{z-index:1;border-radius:var(--radius-md);height:32px;color:var(--muted-foreground);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;transition:color .16s;display:inline-flex;position:relative}.pill__item:hover,.pill__burger:hover,.pill__item[aria-expanded=true],.pill__burger[aria-expanded=true]{color:var(--foreground)}.pill__item.is-current{color:var(--foreground);background:var(--accent)}.pill__chev{border-bottom:1.4px solid;border-right:1.4px solid;width:6px;height:6px;transition:transform .26s cubic-bezier(.22,1,.36,1);transform:translateY(-2px)rotate(45deg)}[aria-expanded=true] .pill__chev{transform:translateY(1px)rotate(-135deg)}.pill__cta{z-index:1;border-radius:var(--radius-md);background:var(--primary);height:32px;color:var(--primary-foreground);white-space:nowrap;align-items:center;margin-left:6px;padding:0 14px;font-size:14px;font-weight:500;line-height:1;transition:background .16s;display:inline-flex;position:relative}.pill__cta:hover{background:color-mix(in oklab, var(--primary) 90%, transparent)}.pill__burger,.narrow-only{display:none}.nav__panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);width:0;height:0;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transform:translate(var(--panel-x,0px), -6px) scale(.98);transform-origin:0 0;transition:opacity .16s,transform .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1),height .34s cubic-bezier(.22,1,.36,1);position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.nav__panel.is-open{opacity:1;pointer-events:auto;transform:translate(var(--panel-x,0px), 0) scale(1)}.nav__menu{opacity:0;pointer-events:none;flex-direction:column;width:max-content;padding:6px;transition:opacity .18s;display:flex;position:absolute;top:0;left:0}.nav__menu.is-active{opacity:1;pointer-events:auto}.nav__menu--cols{grid-template-columns:repeat(2,max-content);gap:0 2px;display:grid}.nav__menu--cols3{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(3,max-content);grid-auto-flow:column}.nav__menu a{border-radius:var(--radius-md);flex-direction:column;gap:2px;padding:8px 10px;transition:background .16s;display:flex}.nav__menu a:hover{background:var(--accent)}.nav__menu b{font-size:14px;font-weight:500}.nav__menu span{color:var(--muted-foreground);white-space:nowrap;font-size:12.5px}@media (width<=900px){.pill__item,.nav__panel{display:none}.pill__burger{display:inline-flex}.wide-only{display:none}.narrow-only{display:inline}.nav__shell{width:100%}.pill{justify-content:space-between}.pill__brand{margin-right:auto;padding:0 8px}.nav__sheet[hidden]{display:none}.nav__sheet{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);max-height:min(70vh,540px);box-shadow:var(--shadow-lg);padding:4px 14px 12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.nav__sheet section{padding-top:12px}.nav__sheet section+section{border-top:1px solid var(--border)}.nav__sheet h2{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);margin:0 0 2px;font-size:10.5px}.nav__sheet a{padding:8px 0;font-size:15px;display:block}}@media (width>=901px){.nav__sheet{display:none}}@media (prefers-reduced-motion:reduce){.pill__marker,.nav__panel,.nav__menu,.pill__chev,.switch__marker,.switch__opt,.hero__views>.hero__sub,.hero__titles>[data-view]{transition:none}}.hero-pin{position:relative}.hero-dots{z-index:3;flex-direction:column;gap:10px;display:none;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.hero-dots__dot{background:color-mix(in oklab, var(--muted-foreground) 32%, transparent);border-radius:50%;width:7px;height:7px;transition:background .25s,transform .25s}.hero-dots__dot.is-on{background:var(--brand);transform:scale(1.35)}.hero{min-height:100svh;padding:120px var(--pad) 80px;background:var(--canvas);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:clamp(32px,4vw,64px);display:flex;position:relative;overflow:hidden}@media (width>=1101px) and (height>=760px){@media (prefers-reduced-motion:no-preference){.hero-pin{height:200svh}.hero{height:100svh;position:sticky;top:0}.hero-dots{display:flex}}}.hero__stage{z-index:0;position:absolute;inset:0}#hero-canvas{width:100%;height:100%;display:block}.hero__stage:after{content:"";pointer-events:none;background:linear-gradient(to right, var(--canvas) 0%, var(--canvas) 24%, color-mix(in oklab, var(--canvas) 80%, transparent) 42%, transparent 64%), linear-gradient(to bottom, var(--canvas) 0%, transparent 16%, transparent 84%, var(--canvas) 100%);position:absolute;inset:0}.hero__fallback{display:none;position:absolute;inset:0}.hero.no-webgl .hero__fallback{background:radial-gradient(60% 55% at 72% 46%, var(--brand-soft), transparent 64%), var(--canvas);display:block}.hero.no-webgl #hero-canvas,.hero.no-webgl .hero__labels{display:none}.hero__labels{pointer-events:none;position:absolute;inset:0}.lbl{font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);will-change:transform, opacity;padding:2px 7px;font-size:10.5px;position:absolute;transform:translate(-50%,-50%)}.lbl--carrier{color:var(--brand);border-color:color-mix(in oklab, var(--brand) 30%, var(--border))}.lbl--region{color:var(--foreground);border-color:color-mix(in oklab, var(--foreground) 22%, var(--border));box-shadow:var(--shadow-sm);font-weight:500}.lbl--ghost{color:var(--muted-foreground);box-shadow:none;background:0 0;border-style:dashed}.lbl--scene{color:var(--foreground);border-color:color-mix(in oklab, var(--foreground) 22%, var(--border));box-shadow:var(--shadow-sm);align-items:center;gap:7px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.lbl--scene-ours{border-color:color-mix(in oklab, var(--brand) 40%, var(--border))}.lbl__step{color:var(--muted-foreground);font-weight:400}.lbl--stacked{text-align:center}.lbl__sub{opacity:.85;margin-top:1px;font-size:9.5px;display:block}.lbl--scene-ours .lbl__step{color:var(--brand)}.lbl--lift{z-index:1}.hub-ring{border:1.5px solid color-mix(in oklab, var(--foreground) 62%, transparent);background:color-mix(in oklab, var(--muted-foreground) 12%, var(--canvas));will-change:transform, opacity;border-radius:50%;width:40px;height:40px;position:absolute;transform:translate(-50%,-50%)}.hub-ring:after{content:"";border:1px solid color-mix(in oklab, var(--muted-foreground) 55%, transparent);border-radius:50%;position:absolute;inset:7px}.svc-stack{will-change:transform, opacity;width:0;height:0;position:absolute}.svc-stack__col{flex-direction:column-reverse;align-items:flex-start;gap:3px;display:flex;position:absolute;bottom:0;left:-14px}.svc-chip{font-family:var(--font-mono);letter-spacing:.02em;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);white-space:nowrap;will-change:transform, opacity;align-items:center;gap:5px;padding:2px 7px 2px 5px;font-size:10.5px;display:flex}.svc-chip svg{flex:none;width:12px;height:12px}.svc-chip__dot{background:var(--status-pending);border-radius:50%;width:5px;height:5px;margin-left:1px;animation:.8s ease-in-out infinite svc-pending}.svc-chip--online .svc-chip__dot{background:var(--status-ok);animation:none}@keyframes svc-pending{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.svc-chip__dot{animation:none}}@media (width<=860px){.hero__labels{display:none}}.hero__content{z-index:2;flex:520px;max-width:660px;position:relative}.hero__title{letter-spacing:-.04em;font-size:clamp(40px,6.2vw,68px);line-height:1.04}.hero__title em{color:var(--muted-foreground);font-style:normal}.hero__sub{max-width:54ch;color:var(--muted-foreground);margin-top:20px;font-size:clamp(16px,1.6vw,18px)}.hero__sub strong{color:var(--foreground);font-weight:500}.hero__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero__content .reveal:first-child{transition-delay:40ms}.hero__content .reveal:nth-child(2){transition-delay:.1s}.hero__content .reveal:nth-child(3){transition-delay:.18s}.hero__content .reveal:nth-child(4){transition-delay:.26s}.hero__content .reveal:nth-child(5){transition-delay:.34s}.hero__content .reveal:nth-child(6){transition-delay:.42s}.console{z-index:2;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:540px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;flex:440px;margin-left:auto;font-size:12px;transition:opacity .3s,transform .3s,visibility .3s;position:relative;overflow:hidden;transform:translateY(10px)scale(.99)}.console.is-on{opacity:1;visibility:visible;transform:none}.console__bar{border-bottom:1px solid var(--border);background:var(--muted);font-family:var(--font-mono);color:var(--muted-foreground);align-items:center;gap:10px;padding:9px 12px;font-size:11px;display:flex}.console__dots{gap:5px;display:inline-flex}.console__dots i{background:color-mix(in oklab, var(--muted-foreground) 30%, transparent);border-radius:50%;width:8px;height:8px}.console__region{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);margin-left:auto;padding:2px 7px}.console__body{gap:12px;padding:12px;display:grid}.cpal{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.cpal__field{border-bottom:1px solid var(--border);font-family:var(--font-mono);align-items:center;gap:8px;padding:9px 11px;display:flex}.cpal__field kbd{font:inherit;color:var(--muted-foreground);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 5px;font-size:10px}.cpal__typed{font-family:var(--font-mono);color:var(--foreground);white-space:nowrap;width:0;overflow:hidden}.cpal__caret{background:var(--foreground);width:1px;height:13px;margin-left:-4px}.cpal__list{margin:0;padding:4px;list-style:none}.cpal__list li{border-radius:var(--radius-sm);align-items:baseline;gap:8px;padding:6px 8px;display:flex;overflow:hidden}.cpal__list b{color:var(--foreground);font-weight:500}.cpal__list span{color:var(--muted-foreground);font-size:11px}.cpal__hit{background:var(--muted)}.proj{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;gap:22px;padding:18px 12px;display:flex}.card__head{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px;display:grid}.card__icon{width:28px;height:24px;color:var(--foreground);justify-content:center;align-items:center;display:flex}.card__icon svg{width:18px;height:18px}.card__id{min-width:0}.card__name{letter-spacing:-.02em;color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;overflow:hidden}.card__sub{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:11.5px;overflow:hidden}.card__foot{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;display:grid}.card__status{margin:0;font-size:12px;font-weight:500}.card__status--ok{color:var(--status-ok)}.card__status--pending{color:var(--status-pending)}.dot{border-radius:50%;justify-self:center;width:6px;height:6px;position:relative}.dot:before{content:"";border:1px solid;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%}.dot--ok{background:var(--status-ok)}.dot--ok:before{border-color:color-mix(in oklab, var(--status-ok) 35%, transparent)}.spin{border:1.5px solid color-mix(in oklab, var(--muted-foreground) 30%, transparent);border-top-color:var(--muted-foreground);border-radius:50%;justify-self:center;width:13px;height:13px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.agent{border:1px dashed var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--muted-foreground);align-items:center;gap:9px;padding:9px 11px;font-size:11px;display:flex}.agent__tag{border-radius:var(--radius-sm);background:var(--brand-soft,var(--muted));color:var(--brand);letter-spacing:.06em;padding:2px 6px;font-size:10px}.agent__said{white-space:nowrap;overflow:hidden}.console__body :where(.cpal__typed,.cpal__list li,.card,.agent,.agent__said){animation-duration:12s;animation-iteration-count:infinite;animation-play-state:paused}.console.is-running .console__body :where(.cpal__typed,.cpal__list li,.card,.agent,.agent__said){animation-play-state:running}.console.is-running .cpal__caret{animation:1s steps(2,end) infinite cpal-blink}.cpal__typed{animation-name:cpal-type}.cpal__list li:not(.cpal__hit){animation-name:cpal-narrow}.card--a{animation-name:proj-a}.card--b{animation-name:proj-b}.card--c{animation-name:proj-c}.agent{animation-name:agent-in}.agent__said{animation-name:agent-type}@keyframes cpal-type{0%,8.33%{width:0;animation-timing-function:steps(8,end)}15.83%,93.33%{width:8ch}94%,to{width:0}}@keyframes cpal-blink{0%{opacity:1}to{opacity:0}}@keyframes cpal-narrow{0%,15.83%{opacity:1;max-height:34px;padding-top:6px;padding-bottom:6px}20%,93.33%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}94%,to{opacity:1;max-height:34px;padding-top:6px;padding-bottom:6px}}@keyframes proj-a{0%,20%{opacity:0;transform:translateY(6px)}25%,93.33%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}@keyframes proj-b{0%,55%{opacity:0;transform:translateY(6px)}61.67%,93.33%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}@keyframes proj-c{0%,61.67%{opacity:0;transform:translateY(6px)}68.33%,93.33%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}@keyframes agent-in{0%,41.67%{opacity:0;transform:translateY(6px)}45.83%,93.33%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}@keyframes agent-type{0%,45.83%{width:0;animation-timing-function:steps(37,end)}55%,93.33%{width:37ch}94%,to{width:0}}@media (width<=1100px){.console{flex-basis:100%;max-width:100%;margin:40px 0 0}.console:not(.is-on){display:none}}@media (prefers-reduced-motion:reduce){.console,.console *{transition:none!important;animation:none!important}.agent__said{width:auto}.cpal__caret{display:none}}.switch{background:var(--muted);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--border);margin:18px 0 20px;padding:3px;display:inline-flex;position:relative}.switch__marker{background:var(--card);border-radius:var(--radius-md);box-shadow:var(--shadow-xs), inset 0 0 0 1px var(--border);will-change:transform, width;transition:transform .26s cubic-bezier(.4,0,.2,1),width .26s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.switch__opt{z-index:1;appearance:none;font:inherit;color:var(--muted-foreground);border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:9px 15px;font-size:13.5px;font-weight:500;line-height:1;transition:color .2s;position:relative}.switch__opt[aria-selected=true],.switch__opt:hover{color:var(--foreground)}.switch__opt:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hero__titles{display:grid}.hero__titles>[data-view]{grid-area:1/1;transition:opacity .28s,transform .28s}.hero__titles>[data-view]:not(.is-on){opacity:0;visibility:hidden;transform:translateY(6px)}.hero__views{display:grid}.hero__views>.hero__sub{grid-area:1/1;transition:opacity .28s,transform .28s}.hero__views>.hero__sub:not(.is-on){opacity:0;visibility:hidden;transform:translateY(6px)}.stats{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-xs);grid-template-columns:repeat(4,minmax(0,1fr));margin:44px 0 0;padding:0;display:grid;overflow:hidden}.stats div{flex-direction:column;gap:4px;padding:16px 18px;display:flex}.stats div+div{border-left:1px solid var(--border)}.stats dt{letter-spacing:-.02em;font-size:20px;font-weight:600}.stats dd{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);margin:0;font-size:10.5px}@media (width<=720px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats div:nth-child(3),.stats div:nth-child(4){border-top:1px solid var(--border)}.stats div:nth-child(odd){border-left:0}}.hero__scroll{bottom:22px;left:var(--pad);z-index:2;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:10px;font-size:10.5px;display:flex;position:absolute}.hero__scroll span{background:var(--border);width:28px;height:1px;position:relative;overflow:hidden}.hero__scroll span:after{content:"";background:var(--brand);animation:2.4s ease-in-out infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.hero__scroll span:after{animation:none}}@media (width<=700px){.hero__scroll{display:none}}.split{padding:clamp(72px, 9vw, 120px) var(--pad)}.split__inner{max-width:var(--max);margin:0 auto}.split__lead{letter-spacing:-.025em;max-width:26ch;margin-bottom:clamp(36px,5vw,60px);font-size:clamp(22px,2.8vw,32px);line-height:1.3}.split__pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=860px){.split__pair{grid-template-columns:1fr}}.split__card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-xs);flex-direction:column;align-items:flex-start;padding:clamp(24px,3vw,34px);transition:box-shadow .22s,border-color .22s,transform .22s;display:flex}.split__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.split__tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);font-size:11px}.split__card h2{letter-spacing:-.025em;margin:14px 0 12px;font-size:clamp(21px,2.2vw,27px)}.split__card p{color:var(--muted-foreground);max-width:42ch;font-size:15px}.split__go{margin-top:auto;padding-top:22px;font-size:14px;font-weight:500;display:inline-block}.split__go:after{content:""}.users{background:var(--canvas);border-block:1px solid var(--border);padding:clamp(72px, 9vw, 120px) var(--pad)}.users__inner{max-width:var(--max);margin:0 auto}.users__grid{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,64px);display:grid}@media (width<=860px){.users__grid{grid-template-columns:1fr}}.phone{justify-content:center;display:flex}.phone__frame{background:var(--foreground);width:236px;height:470px;box-shadow:var(--shadow-lg);border-radius:34px;padding:9px;position:relative}.phone__notch{background:var(--foreground);z-index:2;border-radius:0 0 11px 11px;width:84px;height:18px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.phone__screen{background:var(--card);border-radius:26px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone__status{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:13px 16px 8px;font-size:9.5px;display:flex}.phone__bal{color:var(--brand)}.phone__app{flex-direction:column;gap:10px;padding:12px 16px;display:flex}.phone__bar{border-radius:var(--radius-sm);background:var(--muted);height:24px}.phone__row{background:var(--muted);border-radius:4px;height:9px}.phone__row--short{width:62%}.phone__tile{border-radius:var(--radius-lg);background:var(--secondary);border:1px solid var(--border);height:100px}.phone__toast{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-lg);font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:8px;padding:10px 12px;font-size:10px;display:flex;position:absolute;bottom:14px;left:12px;right:12px}.phone__toast:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px}.phone .phone__app>*,.phone .phone__toast{opacity:0;transform:translateY(6px)}.phone.is-in .phone__app>*,.phone.is-in .phone__toast{animation:.45s cubic-bezier(.2,.7,.2,1) forwards fill}.phone.is-in .phone__app>:first-child{animation-delay:.12s}.phone.is-in .phone__app>:nth-child(2){animation-delay:.2s}.phone.is-in .phone__app>:nth-child(3){animation-delay:.28s}.phone.is-in .phone__app>:nth-child(4){animation-delay:.36s}.phone.is-in .phone__app>:nth-child(5){animation-delay:.44s}.phone.is-in .phone__app>:nth-child(6){animation-delay:.52s}.phone.is-in .phone__toast{animation-delay:.72s}@keyframes fill{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.phone .phone__app>*,.phone .phone__toast{opacity:1;animation:none;transform:none}}.users__points{flex-direction:column;gap:28px;display:flex}.point{border-top:1px solid var(--border);padding-top:22px}.point h3{letter-spacing:-.02em;font-size:clamp(18px,2vw,22px)}.point p{color:var(--muted-foreground);max-width:54ch;margin-top:10px;font-size:15px}.carriers{flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.carriers li{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--muted-foreground);padding:3px 9px;font-size:11px}.users__foot{border-top:1px solid var(--border);letter-spacing:-.025em;max-width:32ch;margin-top:clamp(44px,6vw,72px);padding-top:26px;font-size:clamp(18px,2.2vw,26px);line-height:1.32}.devs{background:var(--canvas);border-block:1px solid var(--border);padding:clamp(72px, 9vw, 120px) var(--pad)}.devs__inner{max-width:var(--max);margin:0 auto}.devs__feats{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=760px){.devs__feats{grid-template-columns:1fr}}.feat{background:var(--card);padding:clamp(24px,3vw,34px);transition:background .2s}.feat:hover{background:var(--accent)}.feat__n{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);font-size:11px}.feat h3{letter-spacing:-.02em;margin:12px 0 10px;font-size:clamp(18px,2vw,22px)}.feat p{color:var(--muted-foreground);max-width:46ch;font-size:15px}.feat code,.svc code{font-family:var(--font-mono);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);padding:1px 5px}.term{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-sm);margin-top:clamp(28px,4vw,48px);overflow:hidden}.term__bar{border-bottom:1px solid var(--border);background:var(--muted);align-items:center;gap:6px;padding:8px 14px;display:flex}.term__bar>i{background:var(--border);border-radius:50%;flex:none;width:9px;height:9px}.term__tabs{scrollbar-width:none;gap:2px;min-width:0;margin-left:10px;display:flex;overflow-x:auto}.term__tab{font:500 11.5px/1 var(--font-mono);color:var(--muted-foreground);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;padding:6px 10px}.term__tab:hover{color:var(--foreground)}.term__tab[aria-selected=true]{color:var(--foreground);background:var(--card);border-color:var(--border);box-shadow:var(--shadow-xs)}.term__title{font-family:var(--font-mono);color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;padding-left:12px;font-size:11px;overflow:hidden}.term__ctrl{flex:none;gap:2px;margin-left:8px;display:flex}.term__ctrl[hidden]{display:none}.term__btn{width:26px;height:26px;color:var(--muted-foreground);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.term__btn:hover{color:var(--foreground);background:var(--card);border-color:var(--border)}.term__btn svg{width:14px;height:14px}.term__btn :is(.term__i-pause,.term__i-play){fill:currentColor}.term__btn[data-state=pause] .term__i-play,.term__btn[data-state=play] .term__i-pause{display:none}@media (width<=720px){.term__title{display:none}.term__ctrl{margin-left:auto}}.term__pane{height:clamp(400px,62vh,580px);overflow:auto}.term__pane[hidden]{display:none}.term__body{box-sizing:border-box;min-height:100%;margin:0;padding:clamp(16px,2.4vw,26px)}.term__body code{font-size:clamp(12px,1.3vw,13.5px);line-height:1.8;display:block}.term__body .c,.term__body .d{color:var(--muted-foreground)}.term__body .g{color:var(--brand)}.term__body .a{color:var(--muted-foreground)}.term__body .cur{animation:1.1s step-end infinite blink}.term__body .cur.is-typing{animation:none}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.term__body .cur{animation:none}}.term__pane--dash{overflow:hidden}.dash{background-color:var(--canvas);background-image:radial-gradient(var(--canvas-dot) 1.1px, transparent 1.3px);background-size:28px 28px;height:100%;position:relative;overflow:hidden}.dash__crumb{font-family:var(--font-mono);color:var(--muted-foreground);margin:0;font-size:11px;position:absolute;top:14px;left:18px}.dash__grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:16px;padding:52px clamp(16px,3vw,36px) 96px;display:grid}@media (width<=720px){.dash__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:44px}}.dcard.is-hidden{opacity:0;transform:scale(.96)}.dot--idle{background:var(--status-pending)}.dot--idle:before{border-color:color-mix(in oklab, var(--status-pending) 35%, transparent)}.dash__menu{z-index:3;background:var(--card);min-width:190px;color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);opacity:0;transform-origin:0 0;pointer-events:none;padding:4px;font-size:13px;transition:opacity .12s,transform .12s;position:absolute;top:0;left:0;transform:scale(.97)}.dash__menu.is-open{opacity:1;transform:none}.dash__menu p{color:var(--muted-foreground);margin:0;padding:6px 8px 4px;font-size:11px}.dash__menu ul{margin:0;padding:0;list-style:none}.dash__menu li{border-radius:var(--radius-sm);padding:5px 8px}.dash__menu li.is-hot{background:var(--accent)}.dash__apply{z-index:2;background:var(--card);color:var(--foreground);border:2px solid var(--status-ok);box-shadow:var(--shadow-lg);white-space:nowrap;opacity:0;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%,14px)}.dash__apply.is-on{opacity:1;transform:translate(-50%)}.dash__btn{border:1px solid var(--border);border-radius:var(--radius-md);padding:5px 10px;font-size:12.5px}.dash__btn--primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);align-items:center;gap:8px;display:inline-flex}.dash__btn kbd{font:inherit;opacity:.6;font-size:11px}.dash__cursor{z-index:10;width:15px;height:19px;fill:var(--foreground);stroke:var(--card);stroke-width:1.2px;opacity:0;transition:transform .6s cubic-bezier(.3,.7,.2,1),opacity .2s;position:absolute;top:0;left:0}.dash__cursor.is-on{opacity:1}.dash__scrim{z-index:6;background:color-mix(in oklab, var(--foreground) 22%, transparent);opacity:0;pointer-events:none;transition:opacity .18s;position:absolute;inset:0}.dash__scrim.is-on{opacity:1}.dash__dialog,.dash__dns{z-index:7;background:var(--card);width:min(440px,100% - 32px);max-height:calc(100% - 32px);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;align-content:start;gap:8px;padding:18px 20px;font-size:13px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-48%)scale(.98)}.dash__dialog.is-open,.dash__dns.is-open{opacity:1;transform:translate(-50%,-50%)}.dash__dialog h4,.dash__dns h4{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.dlg__desc{color:var(--muted-foreground);margin:0 0 6px;font-size:12.5px;line-height:1.45}.dash__dialog b,.dash__sheet b{font-size:12.5px;font-weight:500}.dash__dialog small,.dash__sheet small{color:var(--muted-foreground);font-size:11.5px}.dash__dialog footer,.dash__dns footer,.net__form footer{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.dlg__box{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);gap:4px;padding:10px 12px;display:grid}.dlg__row{justify-content:space-between;align-items:baseline;display:flex}.dlg__val{color:var(--muted-foreground);font-weight:500}.fin{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);white-space:nowrap;align-items:center;min-width:0;min-height:32px;padding:0 10px;font-size:12.5px;display:flex;overflow:hidden}.fin:empty:before{content:attr(data-placeholder);color:var(--muted-foreground)}.fin.is-focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 35%, transparent)}.fin.is-focus:not(:empty):after{content:"";background:var(--foreground);width:1px;height:14px;margin-left:1px}.fin .chip,.vars__list .chip{border-radius:var(--radius-sm);background:var(--muted);font-family:var(--font-mono);margin:0 2px;padding:1px 6px;font-size:11.5px;display:inline-flex}.fselect{border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;min-height:32px;padding:0 10px;font-size:12.5px;display:flex}.fselect:after{content:"⌄";color:var(--muted-foreground);margin-top:-4px}.fslider{background:var(--muted);border-radius:3px;height:6px;margin:6px 0 2px;position:relative}.fslider:before{content:"";width:var(--v,0%);background:var(--primary);border-radius:3px;position:absolute;top:0;bottom:0;left:0}.fslider i{top:50%;left:var(--v,0%);background:var(--background);border:1.5px solid var(--primary);width:16px;height:16px;box-shadow:var(--shadow-xs);border-radius:50%;margin:-8px 0 0 -8px;position:absolute}.dash__btn--ghost{border-color:#0000}.dash__btn.is-pressed,.sheet__tabs span.is-pressed,.dcard.is-pressed{transform:scale(.96)}.dash__btn,.dcard{transition:transform .1s,opacity .28s}.dash__sheet{z-index:4;background:var(--card);width:min(460px,94%);color:var(--foreground);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);visibility:hidden;flex-direction:column;font-size:13px;transition:transform .3s cubic-bezier(.3,.7,.2,1),visibility 0s linear .3s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(104%)}.dash__sheet.is-open{visibility:visible;transition:transform .3s cubic-bezier(.3,.7,.2,1);transform:none}.sheet__head{grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:8px;padding:18px 22px 10px;display:grid}.sheet__head .card__icon{margin-top:2px}.sheet__x{color:var(--muted-foreground);font-size:18px;line-height:1}.sheet__tabs{border-bottom:1px solid var(--border);color:var(--muted-foreground);gap:20px;padding:0 22px;font-size:13.5px;display:flex}.sheet__tabs span{padding:8px 0 10px}.sheet__tabs span.is-on{color:var(--foreground);box-shadow:inset 0 -1px 0 0 var(--foreground)}.sheet__panel{align-content:start;gap:8px;padding:16px 22px;display:grid;overflow:hidden}.sheet__panel[hidden]{display:none}.vars__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.vars__actions{gap:6px;display:flex}.vars__new{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;align-items:center;gap:6px;display:grid;position:relative}.vars__new[hidden]{display:none}.vars__suggest{z-index:2;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:170px;box-shadow:var(--shadow-md);font-family:var(--font-mono);margin:0;padding:4px;font-size:11.5px;list-style:none;position:absolute;top:calc(100% + 4px);left:40%}.vars__suggest li{border-radius:var(--radius-sm);padding:4px 8px}.vars__suggest li:first-child{background:var(--accent)}.vars__list{margin:0;padding:0;list-style:none;display:grid}.vars__list li{border-bottom:1px solid var(--border);font-family:var(--font-mono);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:8px;padding:8px 2px;font-size:11.5px;display:grid}.vars__list li>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.net__title{margin:0 0 4px;font-size:14px;font-weight:600}.net__btns{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.net__form{border:1px solid var(--border);border-radius:var(--radius-md);gap:6px;padding:12px;display:grid}.net__form[hidden],.net__domains[hidden]{display:none}.net__domains{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted);font-family:var(--font-mono);justify-content:space-between;gap:8px;padding:10px 12px;font-size:12px;display:flex}.net__port{color:var(--muted-foreground)}.dash__dns{width:min(520px,100% - 32px)}.dash__dns table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-md);table-layout:fixed;width:100%;font-size:12px}.dash__dns th,.dash__dns td{text-align:left;border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;overflow:hidden}.dash__dns th{background:var(--muted);font-weight:600}.dash__dns th:first-child,.dash__dns th:nth-child(2){width:22%}.dash__dns td:last-child{font-family:var(--font-mono);font-size:11.5px}.services{background:var(--canvas);border-block:1px solid var(--border);padding:clamp(72px, 9vw, 120px) var(--pad)}.services__inner{max-width:var(--max);margin:0 auto}.svc-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width<=960px){.svc-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.svc-grid{grid-template-columns:1fr}}.svc{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--shadow-xs);padding:18px;transition:box-shadow .2s,transform .2s}.svc:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.svc h3{letter-spacing:-.01em;font-size:15px;font-weight:600}.svc p{color:var(--muted-foreground);margin-top:8px;font-size:13.5px}.svc>a{border-radius:inherit;height:calc(100% + 36px);margin:-18px;padding:18px;display:block}.pricing{padding:clamp(72px, 9vw, 120px) var(--pad)}.pricing__inner{max-width:var(--max);margin:0 auto}.rates{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (width<=760px){.rates{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.rates{grid-template-columns:1fr}}.rates li{background:var(--card);flex-direction:column;gap:8px;padding:clamp(20px,2.4vw,28px);display:flex}.rates b{letter-spacing:-.03em;font-size:clamp(22px,2.6vw,30px);font-weight:600}.rates span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);font-size:10.5px;line-height:1.65}.rates__note{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);margin-top:16px;font-size:11.5px}.rates__more{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.cta{padding:clamp(72px, 9vw, 120px) var(--pad)}.cta__inner{max-width:var(--max);text-align:center;border-radius:var(--radius-xl);background:var(--primary);color:var(--primary-foreground);margin:0 auto;padding:clamp(48px,7vw,84px) clamp(24px,4vw,48px)}.cta h2{letter-spacing:-.035em;font-size:clamp(28px,4.4vw,48px)}.cta p{color:color-mix(in oklab, var(--primary-foreground) 70%, transparent);margin-top:16px;font-size:16px}.cta .hero__actions{justify-content:center;margin-top:26px}.cta .btn--solid{background:var(--primary-foreground);color:var(--primary)}.cta .btn--solid:hover{background:color-mix(in oklab, var(--primary-foreground) 88%, transparent)}.cta .btn--line{border-color:color-mix(in oklab, var(--primary-foreground) 30%, transparent);color:var(--primary-foreground);box-shadow:none;background:0 0}.cta .btn--line:hover{background:color-mix(in oklab, var(--primary-foreground) 12%, transparent)}.foot{border-top:1px solid var(--border);padding:36px var(--pad);background:var(--canvas)}.foot__inner{max-width:var(--max);flex-wrap:wrap;align-items:center;gap:20px;margin:0 auto;display:flex}.foot__logo{width:auto;height:20px}.foot__logo.logo-dark{display:none}@media (prefers-color-scheme:dark){.foot__logo.logo-light{display:none}.foot__logo.logo-dark{display:block}}.foot__links{color:var(--muted-foreground);flex-wrap:wrap;gap:8px 20px;margin-left:auto;font-size:14px;display:flex}.foot__links a:hover{color:var(--foreground)}.foot__bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;width:100%;display:flex}.foot__copy{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted-foreground);margin:0;font-size:11px}.yc{color:var(--muted-foreground);align-items:center;gap:8px;font-size:14px;line-height:1;display:inline-flex}.yc__mark{flex:none;width:auto;height:18px;display:block}@media (width<=560px){.foot__bottom{justify-content:flex-start}}.vid{border-radius:var(--radius-xl);width:min(1100px,100vw - 32px);max-width:none;max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);background:#000;border:0;padding:0;overflow:visible}.vid::backdrop{backdrop-filter:blur(4px);background:#09090bb8}.vid[open]{animation:.22s ease-out vid-in}.vid__player{aspect-ratio:16/9;border-radius:inherit;background:#000;width:100%;max-height:calc(100vh - 32px);display:block}.vid__close{z-index:1;border:1px solid var(--border);cursor:pointer;background:var(--background);width:36px;height:36px;color:var(--foreground);box-shadow:var(--shadow-md);border-radius:999px;place-items:center;display:grid;position:absolute;top:-14px;right:-14px}.vid__close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (width<=600px){.vid__close{top:-44px;right:0}}@keyframes vid-in{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.vid[open]{animation:none}}