.landing{--bg:var(--color-background);--bg-2:var(--color-muted);--bg-card:var(--color-card);--ink:var(--color-foreground);--ink-2:var(--color-foreground-secondary);--ink-3:var(--color-muted-foreground);--ink-4:var(--color-foreground-faint);--rule:var(--color-border);--rule-2:var(--color-border-strong);--accent:var(--color-primary);--accent-2:var(--color-primary-hover);--accent-tint:var(--color-primary-subtle);--ok:var(--color-success);--warn:var(--color-warning);--info:var(--color-info);--pad-x:clamp(20px, 4vw, 64px);--gap:clamp(48px, 7vw, 112px);--maxw:1280px;--serif:var(--font-anek), ui-sans-serif, system-ui, sans-serif;--editorial:var(--font-editorial);--mono:var(--font-fragment-mono), ui-monospace, "SF Mono", Menlo, monospace;font-family:var(--serif);background:var(--bg);color:var(--ink);font-feature-settings:"ss01", "ss02";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;isolation:isolate;min-height:100vh;position:relative;overflow:clip}.landing:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(ellipse 22% 9% at 4% 23%, color-mix(in oklab, var(--color-primary) 7%, transparent), transparent 72%), radial-gradient(ellipse 24% 10% at 96% 58%, color-mix(in oklab, var(--color-primary) 6%, transparent), transparent 74%), radial-gradient(ellipse 20% 8% at 3% 84%, color-mix(in oklab, var(--color-primary) 5%, transparent), transparent 72%), linear-gradient(to right, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border) 1px, transparent 1px);opacity:.42;background-size:auto,auto,auto,52px 52px,52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 9%,#0000 18% 82%,#000 91% 100%);mask-image:linear-gradient(90deg,#000 0% 9%,#0000 18% 82%,#000 91% 100%)}.landing:after{content:"";z-index:2;pointer-events:none;background-image:repeating-radial-gradient(circle at -2% 50%, transparent 0 94px, color-mix(in oklab, var(--color-primary) 10%, transparent) 94px 95px), repeating-radial-gradient(circle at 102% 50%, transparent 0 94px, color-mix(in oklab, var(--color-primary) 10%, transparent) 94px 95px), linear-gradient(to right, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border) 1px, transparent 1px);opacity:.52;background-repeat:repeat-y;background-size:100% 760px,100% 760px,52px 52px,52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 12%,#0000 25% 75%,#000 88% 100%);mask-image:linear-gradient(90deg,#000 0% 12%,#0000 25% 75%,#000 88% 100%)}.landing>*{z-index:1;position:relative}@media (max-width:899px){.landing:before{opacity:.24;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 10% 90%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#0000 10% 90%,#000 100%)}}@media (max-width:639px){.landing:before,.landing:after{display:none}}.landing *{box-sizing:border-box}@layer components{.landing a{color:inherit;text-decoration:none}}.landing button{font:inherit;cursor:pointer}.landing .wrap{max-width:var(--maxw);padding-inline:var(--pad-x);margin:0 auto}.landing .section{padding-block:clamp(24px,3.5vw,48px)}.landing>.section-divider+.section-divider,.landing>.section-divider:last-child{display:none}.landing .section-divider{background-color:color-mix(in oklab, var(--color-primary) 3%, var(--color-background));background-image:linear-gradient(to right, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border) 1px, transparent 1px);background-size:52px 52px}.landing .hero{padding-block:calc(clamp(20px,2vw,32px) + 56px) clamp(16px,2vw,28px)}.landing .hero h1{font-family:var(--serif);letter-spacing:-.025em;text-wrap:balance;color:var(--ink);margin:10px 0 12px;font-size:clamp(32px,3.6vw,44px);font-weight:600;font-stretch:106%;line-height:1.06}.landing .hero h1 em{color:var(--accent);font-style:normal;font-weight:600}.landing .hero-sub{color:var(--ink-2);max-width:54ch;margin:0 0 18px;font-size:clamp(15px,1.1vw,18px);line-height:1.45}.landing .flow-code{background:var(--color-surface-subtle);border:1px solid var(--rule);font-family:var(--mono);white-space:pre;color:var(--ink-2);letter-spacing:0;-webkit-font-smoothing:antialiased;border-radius:10px;margin:0;padding:14px 16px 14px 18px;font-size:12.5px;line-height:1.7;position:relative;overflow-x:auto;box-shadow:inset 0 1px #00000005}@media (max-width:480px){.landing .flow-code{white-space:pre-wrap;overflow-wrap:anywhere}}.landing .flow-code:after{content:"JSX";background:var(--bg-2);border:1px solid var(--rule);color:var(--ink-4);letter-spacing:.1em;pointer-events:none;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:600;line-height:1;position:absolute;top:8px;right:10px}.landing .t-p{color:var(--ink-4)}.landing .t-t{color:var(--accent);font-weight:600}.landing .t-a{color:var(--ink);font-weight:500}.landing .t-s{color:var(--color-syntax-string)}.landing .t-e{color:var(--info);font-style:italic}.landing section h2{font-family:var(--serif);letter-spacing:-.025em;text-wrap:balance;color:var(--ink);margin:0;font-size:clamp(28px,3.6vw,44px);font-weight:600;font-stretch:105%;line-height:1.08}.landing section h2 em{color:var(--accent);font-style:normal;font-weight:600}.landing .lede{color:var(--ink-3);max-width:60ch;margin:0;font-size:15px;line-height:1.55}.landing .cta{text-align:center;padding-block:clamp(56px,8vw,96px);position:relative}.landing .cta h2{font-family:var(--serif);letter-spacing:-.025em;text-wrap:balance;color:var(--ink);margin:12px 0 16px;font-size:clamp(32px,4.5vw,56px);font-weight:600;line-height:1.05}.landing .cta h2 em{color:var(--accent);font-style:normal;font-weight:600}.landing .cta .lede{color:var(--ink-3);max-width:56ch;margin:0 auto 24px;font-size:15px;line-height:1.55}.landing .cta-row{flex-wrap:wrap;justify-content:center;gap:8px;display:inline-flex}.landing .flow-rail{position:relative}@media (min-width:768px){.landing .flow-line{background:linear-gradient(90deg, var(--accent-tint), var(--accent), var(--accent-tint));border-radius:999px;height:2px;position:absolute;top:32px;left:16%;right:16%;overflow:hidden}.landing .flow-line:after{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent-tint);border-radius:999px;animation:3s linear infinite flow-travel;position:absolute;top:-3px;left:0}}@keyframes flow-travel{0%{opacity:0;left:0}12%{opacity:1}88%{opacity:1}to{opacity:0;left:100%}}@media (prefers-reduced-motion:reduce){.landing .flow-line:after{display:none}}.landing .console-carousel-card{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform, opacity}.landing .console-carousel-viewport{perspective:1500px;perspective-origin:50% 42%}.landing .capabilities-section{--capabilities-dark-depth:400px;isolation:isolate;background-image:linear-gradient(to bottom, var(--color-surface-deep) 0, var(--color-surface-deep) var(--capabilities-dark-depth), color-mix(in oklab, var(--color-primary) 7%, var(--color-background)) var(--capabilities-dark-depth), color-mix(in oklab, var(--color-primary) 3%, var(--color-muted)) 100%);padding-top:calc(clamp(24px,3.5vw,48px) + 38px)}.landing .capabilities-section:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(to right, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--color-muted) 92%, transparent), color-mix(in oklab, var(--color-surface-deep) 72%, transparent) 72%, var(--color-surface-deep));background-size:32px 32px,32px 32px,auto;height:76px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0% 72%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#0000 100%)}.landing .capabilities-ground{background-image:radial-gradient(ellipse 42% 18% at 10% 8%, color-mix(in oklab, var(--color-primary) 20%, transparent), transparent 72%), linear-gradient(to right, color-mix(in oklab, var(--color-background) 10%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--color-background) 10%, transparent) 1px, transparent 1px);opacity:.62;-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(var(--capabilities-dark-depth) - 80px), transparent var(--capabilities-dark-depth));mask-image:linear-gradient(to bottom, black 0, black calc(var(--capabilities-dark-depth) - 80px), transparent var(--capabilities-dark-depth));background-size:auto,44px 44px,44px 44px}.landing .capabilities-light-ground{background-image:radial-gradient(ellipse 38% 22% at 4% 52%, color-mix(in oklab, var(--color-primary) 11%, transparent), transparent 74%), radial-gradient(ellipse 34% 20% at 96% 78%, color-mix(in oklab, var(--color-primary) 9%, transparent), transparent 76%), linear-gradient(to right, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border) 1px, transparent 1px);opacity:.58;-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent calc(var(--capabilities-dark-depth) - 18px), black calc(var(--capabilities-dark-depth) + 72px), black 100%);mask-image:linear-gradient(to bottom, transparent 0, transparent calc(var(--capabilities-dark-depth) - 18px), black calc(var(--capabilities-dark-depth) + 72px), black 100%);background-size:auto,auto,52px 52px,52px 52px}.landing .capabilities-orbits{background-image:repeating-radial-gradient(circle at -2% 28%, transparent 0 92px, color-mix(in oklab, var(--color-background) 13%, transparent) 92px 93px), repeating-radial-gradient(circle at 102% 54%, transparent 0 92px, color-mix(in oklab, var(--color-background) 13%, transparent) 92px 93px);opacity:.68;-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(var(--capabilities-dark-depth) - 48px), transparent calc(var(--capabilities-dark-depth) + 44px));mask-image:linear-gradient(to bottom, black 0, black calc(var(--capabilities-dark-depth) - 48px), transparent calc(var(--capabilities-dark-depth) + 44px))}.landing .capabilities-orbits:after{content:"";background-image:repeating-radial-gradient(circle at -2% 28%, transparent 0 92px, color-mix(in oklab, var(--color-primary) 11%, transparent) 92px 93px), repeating-radial-gradient(circle at 102% 54%, transparent 0 92px, color-mix(in oklab, var(--color-primary) 11%, transparent) 92px 93px);-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent calc(var(--capabilities-dark-depth) - 16px), black calc(var(--capabilities-dark-depth) + 72px), black 100%);mask-image:linear-gradient(to bottom, transparent 0, transparent calc(var(--capabilities-dark-depth) - 16px), black calc(var(--capabilities-dark-depth) + 72px), black 100%);position:absolute;inset:0}@media (max-width:639px){.landing .capabilities-orbits{opacity:.4}}.landing .capabilities-intro h2{color:var(--color-background)}.landing .capabilities-intro h2 em{color:var(--color-primary-subtle)}.landing .capabilities-intro .lede{color:color-mix(in oklab, var(--color-background) 70%, transparent)}.landing .capabilities-intro>div:first-child>span{color:color-mix(in oklab, var(--color-background) 58%, transparent)}.landing .capability-preview{transition:transform .32s cubic-bezier(.22,1,.36,1)}.landing .capability-card[data-category=sign-in]{background-image:radial-gradient(ellipse 72% 48% at 100% 0%, color-mix(in oklab, var(--color-primary) 8%, transparent), transparent 72%);background-color:color-mix(in oklab, var(--color-card) 97%, var(--color-primary))}.landing .capability-card[data-category=control]{background-image:radial-gradient(ellipse 72% 48% at 100% 0%, color-mix(in oklab, var(--color-info) 7%, transparent), transparent 72%);background-color:color-mix(in oklab, var(--color-card) 97%, var(--color-info))}.landing .capability-card[data-category=operate]{background-image:radial-gradient(ellipse 72% 48% at 100% 0%, color-mix(in oklab, var(--color-warning) 6%, transparent), transparent 72%);background-color:color-mix(in oklab, var(--color-card) 98%, var(--color-warning))}.landing .capability-card:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-background) 70%, transparent);position:absolute;inset:0}.landing .capability-card{perspective:1100px;transform-style:preserve-3d}.landing .capability-card-inner{transform-style:preserve-3d;transition:transform .62s cubic-bezier(.16,1,.3,1)}.landing .capability-face{backface-visibility:hidden;position:absolute;inset:0}.landing .capability-back,.landing .capability-card:hover .capability-card-inner,.landing .capability-card:focus-visible .capability-card-inner,.landing .capability-card.is-flipped .capability-card-inner{transform:rotateY(180deg)}.landing .capability-card:hover .capability-preview{transform:translateY(-2px)}@keyframes capability-card-enter{0%{clip-path:inset(0 0 16% round 12px);opacity:.2;transform:translateY(26px)scale(.985)}to{clip-path:inset(0 round 12px);opacity:1;transform:translateY(0)scale(1)}}@supports (animation-timeline:view()){.landing .capability-card{animation:cubic-bezier(.22,1,.36,1) both capability-card-enter;animation-timeline:view();animation-range:entry 3% entry 32%}.landing .capability-card:nth-child(2n){animation-range:entry 7% entry 36%}.landing .capability-card:nth-child(3n){animation-range:entry 11% entry 40%}}@media (max-width:767px){.landing .capabilities-section{--capabilities-dark-depth:440px}}@media (prefers-reduced-motion:reduce){.landing .capability-card{animation:none}.landing .capability-preview{transition:none}.landing .capability-card-inner{transition:none;transform:none}.landing .capability-back{opacity:0;transform:none}.landing .capability-card:hover .capability-front,.landing .capability-card:focus-visible .capability-front,.landing .capability-card.is-flipped .capability-front{opacity:0}.landing .capability-card:hover .capability-back,.landing .capability-card:focus-visible .capability-back,.landing .capability-card.is-flipped .capability-back{opacity:1}}.landing .console-section{isolation:isolate;background-image:linear-gradient(to bottom, color-mix(in oklab, var(--color-card) 64%, transparent), color-mix(in oklab, var(--color-muted) 88%, transparent))}.landing .console-ground{background-image:linear-gradient(to right, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border) 1px, transparent 1px);opacity:.55;background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,#000 0% 16%,#0000 32% 68%,#000 84% 100%);mask-image:linear-gradient(90deg,#000 0% 16%,#0000 32% 68%,#000 84% 100%)}.landing .console-orbits{background-image:repeating-radial-gradient(circle at -2% 58%, transparent 0 82px, color-mix(in oklab, var(--color-primary) 11%, transparent) 82px 83px), repeating-radial-gradient(circle at 102% 42%, transparent 0 82px, color-mix(in oklab, var(--color-primary) 11%, transparent) 82px 83px);opacity:.75;-webkit-mask-image:linear-gradient(90deg,#000 0% 20%,#0000 34% 66%,#000 80% 100%);mask-image:linear-gradient(90deg,#000 0% 20%,#0000 34% 66%,#000 80% 100%)}.landing .console-focus{background:radial-gradient(ellipse 46% 22% at 50% 38%, color-mix(in oklab, var(--color-primary) 8%, transparent), transparent 76%), linear-gradient(to right, transparent 8%, color-mix(in oklab, var(--color-card) 76%, transparent) 24%, color-mix(in oklab, var(--color-card) 76%, transparent) 76%, transparent 92%)}@media (max-width:639px){.landing .console-ground{opacity:.28;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 28% 72%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#0000 28% 72%,#000 100%)}.landing .console-orbits{display:none}.landing .console-focus{background:radial-gradient(ellipse 80% 22% at 50% 34%, color-mix(in oklab, var(--color-primary) 7%, transparent), transparent 76%)}}.landing>section[id],.landing>div[id]{scroll-margin-top:84px}