.landing{--margin:clamp(1rem, 3.2vw, 3rem);--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1rem, .96rem + .2vw, 1.125rem);--step-lead:clamp(1.1875rem, 1.05rem + .6vw, 1.5rem);--step-head:clamp(2.25rem, 1.4rem + 3.4vw, 4.25rem);--step-display:clamp(2.25rem, 10.24vw, 6.75rem);--step-monument:clamp(5.5rem, 3rem + 9vw, 11rem);--step-giant:clamp(3.5rem, 10.5vw, 11rem);--ease-soft:cubic-bezier(.33, 1, .68, 1);font-size:var(--step-body);line-height:1.55}@layer components{.landing .t-small{font-size:var(--step-small);line-height:1.45}.landing .t-body{font-size:var(--step-body);line-height:1.55}.landing .t-lead{font-size:var(--step-lead);letter-spacing:-.015em;line-height:1.4}.landing .t-head{font-size:var(--step-head);letter-spacing:-.045em;padding-bottom:.04em;font-weight:600;line-height:1.02}.landing .t-display{font-size:var(--step-display);letter-spacing:-.055em;font-weight:600;line-height:.98}.landing .t-monument{font-size:var(--step-monument);letter-spacing:-.06em;font-weight:600;line-height:.9}.landing .t-monument-sm{font-size:calc(var(--step-monument) * .72);letter-spacing:-.06em;font-weight:600;line-height:.9}.landing .t-giant{font-size:var(--step-giant);letter-spacing:.02em;font-weight:700;line-height:.9}}.landing .wrap{padding-inline:var(--margin);max-width:88rem;margin-inline:auto}.landing .link{text-underline-offset:.22em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.07em;transition:text-decoration-color .18s,color .18s}@media (hover:hover) and (pointer:fine){.landing .link:hover{text-decoration-color:currentColor}}.landing .nav{transition:background-color .24s,box-shadow .24s,-webkit-backdrop-filter .24s,backdrop-filter .24s}@supports (animation-timeline:scroll()){.landing .nav{animation:linear both nav-glass;animation-timeline:scroll();animation-range:0 120px}}@supports not (animation-timeline:scroll()){.landing .nav{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);box-shadow:inset 0 -1px 0 var(--line)}}@keyframes nav-glass{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;box-shadow:inset 0 -1px #0000}to{background:var(--glass);box-shadow:inset 0 -1px 0 var(--line);-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%)}}.landing .hero{isolation:isolate}.landing .hero-light{z-index:-1;pointer-events:none;background:radial-gradient(42% 34% at 50% 72%, color-mix(in oklab, var(--accent) 16%, transparent), transparent 70%), radial-gradient(30% 26% at 78% 18%, var(--ambient-b), transparent 70%), radial-gradient(36% 30% at 8% 6%, var(--ambient-a), transparent 70%);position:absolute;inset:-4rem 0 0}.landing .hero-light:after{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.55;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 46% at 50% 30%,#000,#0000 75%);mask-image:radial-gradient(60% 46% at 50% 30%,#000,#0000 75%)}.landing .stage-3d{perspective:1600px}.landing .bezel{background:linear-gradient(180deg, var(--hl), transparent 40%), color-mix(in oklab, var(--card) 55%, transparent);box-shadow:inset 0 0 0 1px var(--line-strong), inset 0 1px 0 var(--hl), 0 40px 110px -40px color-mix(in oklab, var(--accent) 22%, transparent), var(--float);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform-origin:50% 0;border-radius:28px;padding:8px;position:relative}.landing .bezel:before{content:"";border-radius:inherit;background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 45%, transparent), transparent 35%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing .bezel>[data-ui]{box-shadow:inset 0 0 0 1px var(--line)}.landing .glow-under{background:radial-gradient(50% 50% at 50% 50%, color-mix(in oklab, var(--accent) 15%, transparent), transparent 70%);pointer-events:none;height:90%;position:absolute;inset:auto -20% -50%}.landing .glow-corner{background:radial-gradient(50% 50% at 50% 50%, color-mix(in oklab, var(--accent) 11%, transparent), transparent 70%);pointer-events:none;width:70%;height:120%;position:absolute;top:-40%;right:-15%}.landing .stage-field{background:radial-gradient(60% 55% at 50% 60%, color-mix(in oklab, var(--accent) 9%, transparent), transparent 70%), color-mix(in oklab, var(--bg) 60%, transparent);box-shadow:inset 1px 0 0 var(--line)}@media not (min-width:900px){.landing .stage-field{box-shadow:inset 0 1px 0 var(--line)}}.landing .stage-layer{opacity:0;filter:blur(6px);transition:opacity .26s var(--ease-out), transform .42s var(--ease-out), filter .26s var(--ease-out);transform:translateY(12px)scale(.98)}.landing .stage-layer.is-on{opacity:1;filter:none;transform:none}.landing .cta{background:radial-gradient(60% 70% at 85% 110%, color-mix(in oklab, var(--accent) 22%, transparent), transparent 70%), radial-gradient(40% 50% at 0% 0%, var(--ambient-b), transparent 70%), var(--card);box-shadow:inset 0 0 0 1px var(--line), inset 0 1px 0 var(--hl), var(--shadow-2)}.landing .wordmark{background:radial-gradient(60% 70% at 100% 100%, color-mix(in oklab, var(--accent) 14%, transparent), transparent 70%), var(--card);box-shadow:inset 0 0 0 1px var(--line), inset 0 1px 0 var(--hl), var(--shadow-2)}.landing [data-ui] table{border-collapse:collapse}.landing [data-ui] thead tr{border-bottom:1px solid var(--line)}.landing [data-ui] tbody tr+tr,.landing [data-ui] .ui-rule{border-top:1px solid var(--line)}.landing [data-ui] .ui-field{box-shadow:inset 0 0 0 1px var(--line-strong)}.landing .panel{--p-bg:var(--card);--p-tint:color-mix(in oklab, var(--fg) 6%, transparent);--p-fg:var(--fg);--p-mute:var(--mute);background:linear-gradient(180deg, var(--hl), transparent 40%), var(--card);color:var(--p-fg);box-shadow:inset 0 0 0 1px var(--line), inset 0 1px 0 var(--hl), var(--shadow-2);transition:opacity .4s var(--ease-out), box-shadow .4s var(--ease-out), filter .4s var(--ease-out)}.landing .slide:not(.is-lit) .panel{opacity:.45;filter:saturate(.6)}.landing .slide.is-lit .panel,.landing .slide-static .panel{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 35%, var(--line)), inset 0 1px 0 var(--hl), var(--shadow-2), 0 30px 70px -40px color-mix(in oklab, var(--accent) 25%, transparent)}.landing .panel .p-tint{background:var(--p-tint)}.landing .panel .p-mute{color:var(--p-mute)}.landing .panel .p-fill{background:var(--p-fg)}.landing .rail{scrollbar-width:none;overscroll-behavior-x:contain;padding-block:3rem 4rem}.landing .rail::-webkit-scrollbar{display:none}.landing .rail.is-dragging{scroll-snap-type:none;cursor:grabbing}.landing .rail.is-dragging *{-webkit-user-select:none;user-select:none}.landing .lane-fill{transform-origin:0;transform:scaleX(var(--v))}.landing .loss-path{stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 3px color-mix(in oklab, var(--accent) 50%, transparent))}.landing .bar{transform:scaleX(var(--v))}.landing .faq{transition:background-color .24s}.landing .faq+.faq{box-shadow:inset 0 1px 0 var(--line)}.landing .faq[open]{background:color-mix(in oklab, var(--fg) 3%, transparent)}.landing .faq-plus{flex:none;width:14px;height:14px;position:relative}.landing .faq-plus:before,.landing .faq-plus:after{content:"";width:14px;height:2px;transition:transform .28s var(--ease-out), background-color .2s ease;background:currentColor;border-radius:2px;position:absolute;top:6px;left:0}.landing .faq-plus:after{transform:rotate(90deg)}.landing .faq[open] .faq-plus:after{transform:rotate(0)}.landing .faq[open] .faq-plus:before,.landing .faq[open] .faq-plus:after{background:var(--accent)}@media (hover:hover) and (pointer:fine){.landing .faq:not([open]):hover{background:color-mix(in oklab, var(--fg) 2%, transparent)}}.landing .press{transition:transform .14s var(--ease-out), background-color .18s ease, color .18s ease, filter .18s ease, box-shadow .22s ease}.landing .press:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.landing .accent-fill.press:hover{filter:brightness(1.08)}.landing .tile-cta:hover .tile-arrow{transform:translate(6px,-6px)}}.landing .tile-arrow{transition:transform .28s var(--ease-out)}.landing .line{display:block}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.landing .line{margin-bottom:-.1em;padding-bottom:.1em;overflow:hidden}.landing .line>span{animation:l-line 1s var(--ease-out) forwards;animation-delay:calc(var(--i,0) * .11s + .12s);display:block;transform:translateY(105%)}.landing [data-rise]{opacity:0;filter:blur(6px);animation:l-rise .9s var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 90ms + .38s);transform:translateY(18px)}.landing .stage-3d>.bezel{opacity:0;animation:l-tilt 1.4s var(--ease-out) .52s forwards;transform:rotateX(22deg)translateY(40px)scale(.96)}@supports (animation-timeline:view()){.landing .stage-3d>.bezel{opacity:1;animation:linear both l-flatten;animation-timeline:view();animation-range:entry cover 45%}.landing .stage-3d{animation:l-rise 1s var(--ease-out) .52s both}}.landing .bar-in{animation:l-bar .9s var(--ease-out) both;animation-delay:calc(1.2s + var(--i,0) * 70ms)}.landing [data-reveal] [data-part]{opacity:0;filter:blur(6px);transition:opacity .8s var(--ease-out), transform 1s var(--ease-out), filter .8s var(--ease-out);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(24px)}.landing [data-reveal] [data-part=fade]{transform:none}.landing [data-reveal] [data-part=settle]{transform:scale(.97)}.landing [data-reveal].is-in [data-part]{opacity:1;filter:none;transform:none}.landing [data-reveal] [data-row]{opacity:0;transition:opacity .5s var(--ease-out), transform .6s var(--ease-out);transition-delay:calc(var(--i,0) * 70ms + .3s);transform:translateY(12px)}.landing [data-reveal].is-in [data-row]{opacity:1;transform:none}.landing [data-reveal] .bar{transition:transform 1.4s var(--ease-out);transition-delay:calc(var(--i,0) * .12s + .45s);transform:scaleX(0)}.landing [data-reveal].is-in .bar{transform:scaleX(var(--v))}.landing .slide:not(.is-lit) .lane-fill{transform:scaleX(calc(var(--v) * .45))}.landing .slide .lane-fill{transition:transform 1.4s var(--ease-out);transition-delay:calc(var(--i,0) * 90ms)}.landing .slide:not(.is-lit) .loss-path{stroke-dashoffset:1px}.landing .slide .loss-path{transition:stroke-dashoffset 1.8s var(--ease-soft) .15s}.landing .slide .panel{transition:opacity .4s var(--ease-out), box-shadow .4s var(--ease-out), filter .4s var(--ease-out), transform .7s var(--ease-out)}.landing .slide:not(.is-lit) .panel{transform:scale(.94)}.landing .rail:not(.is-in) .slide .panel{transform:translate(48px)scale(.94)}.landing [data-reveal] .honing path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 2.4s var(--ease-soft) .3s}.landing [data-reveal].is-in .honing path{stroke-dashoffset:0}}@keyframes l-line{to{transform:none}}@keyframes l-rise{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}@keyframes l-tilt{to{opacity:1;transform:rotateX(10deg)}}@keyframes l-flatten{0%{transform:rotateX(24deg)scale(.94)}to{transform:none}}@keyframes l-bar{0%{transform:scaleX(0)}}
