.landing{--ring-angle:0deg}.landing .display{letter-spacing:-.045em;line-height:.98}.landing .title{letter-spacing:-.03em;line-height:1.15}.landing details>summary{list-style:none}.landing details>summary::-webkit-details-marker{display:none}.landing details[open] .faq-icon{transform:rotate(45deg)}.landing-texture{z-index:0;pointer-events:none;background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);background-size:22px 22px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.landing .bg-grid{background-image:linear-gradient(to right, color-mix(in oklab, var(--line) 55%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--line) 55%, transparent) 1px, transparent 1px);background-size:56px 56px}.landing .landing-rule{position:relative}.landing .landing-rule:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--product) 45%, var(--line)), color-mix(in oklab, var(--accent) 45%, var(--line)), transparent);height:1px;position:absolute;top:0;left:0;right:0}.landing .text-gradient{background:linear-gradient(100deg, var(--product) 0%, var(--accent-ink) 38%, var(--chart-3) 62%, var(--product) 100%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out infinite alternate landing-gradient}@keyframes landing-gradient{0%{background-position:0%}to{background-position:100%}}.landing .live-dot{background:var(--success);border-radius:999px;width:7px;height:7px;display:inline-block;position:relative}.landing .live-dot:after{content:"";border-radius:inherit;border:1px solid var(--success);animation:1.8s cubic-bezier(0,0,.2,1) infinite landing-ping;position:absolute;inset:-4px}@keyframes landing-ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}.landing .btn-glass{color:var(--ink);background:linear-gradient(180deg, color-mix(in oklab, var(--ink) 16%, var(--panel)), color-mix(in oklab, var(--accent) 18%, var(--panel)));border:1px solid color-mix(in oklab, var(--ink) 24%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--ink) 25%, transparent), var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background-color .2s,border-color .2s,filter .2s,transform .2s cubic-bezier(.16,1,.3,1)}.landing .btn-glass:hover{filter:brightness(1.12);border-color:color-mix(in oklab, var(--ink) 36%, transparent)}.landing .btn-ring{--ring:conic-gradient(from var(--ring-angle), var(--line) 0deg, var(--product) 70deg, var(--accent) 140deg, var(--line) 210deg, var(--line) 360deg);color:var(--ink);background:linear-gradient(var(--panel), var(--panel)) padding-box, var(--ring) border-box;border:1.5px solid #0000;transition:transform .2s cubic-bezier(.16,1,.3,1);animation:4.5s linear infinite landing-ring}.landing .btn-ring:hover{background:linear-gradient(var(--panel-2), var(--panel-2)) padding-box, var(--ring) border-box}.landing .btn-glass:active,.landing .btn-ring:active{transform:translateY(1px)}.landing .btn-glass:focus-visible,.landing .btn-ring:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.landing .ring-spin{background:conic-gradient(from var(--ring-angle), var(--line) 0deg, var(--product) 70deg, var(--accent) 140deg, var(--line) 210deg, var(--line) 360deg);animation:4.5s linear infinite landing-ring}@keyframes landing-ring{to{--ring-angle:360deg}}.landing .spot{isolation:isolate;background:linear-gradient(180deg, color-mix(in oklab, var(--panel) 92%, transparent), color-mix(in oklab, var(--panel) 75%, transparent));border:1px solid var(--line);box-shadow:var(--shadow-sm), var(--shine);border-radius:18px;transition:border-color .25s,transform .25s cubic-bezier(.2,.8,.2,1);position:relative}.landing .spot:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--product) 13%, transparent), transparent 45%);transition:opacity .3s;position:absolute;inset:0}.landing .spot:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--accent-ink) 70%, transparent), transparent 60%);-webkit-mask-composite:xor;padding:1px;transition:opacity .3s;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 .spot:hover{border-color:var(--line-2)}.landing .spot:hover:before,.landing .spot:hover:after{opacity:1}.landing .window{background:linear-gradient(180deg, color-mix(in oklab, var(--panel) 96%, transparent), color-mix(in oklab, var(--bg) 92%, transparent));border:1px solid var(--line-2);box-shadow:var(--shadow-lg), 0 40px 120px -40px color-mix(in oklab, var(--accent) 55%, transparent), inset 0 1px 0 color-mix(in oklab, var(--ink) 8%, transparent);border-radius:20px;position:relative;overflow:hidden}.landing .window-glow{pointer-events:none;filter:blur(60px);opacity:.55;background:radial-gradient(40% 50% at 30% 50%, color-mix(in oklab, var(--product) 40%, transparent), transparent 70%), radial-gradient(40% 50% at 70% 40%, color-mix(in oklab, var(--accent) 45%, transparent), transparent 70%);height:70%;position:absolute;inset:-20% -10% auto}.landing.reveal-ready [data-reveal]{opacity:0;filter:blur(4px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .7s ease-out;transition-delay:calc(var(--d,0) * 1ms);transform:translateY(22px)}.landing.reveal-ready [data-reveal][data-shown]{opacity:1;filter:none;transform:none}.landing .marquee{animation:48s linear infinite landing-marquee}.landing .marquee:hover{animation-play-state:paused}@keyframes landing-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing .flow-line{overflow:hidden}.landing .flow-line:after{content:"";background:linear-gradient(90deg, transparent, var(--product), var(--accent-ink), transparent);width:30%;animation:3.6s ease-in-out infinite landing-flow;position:absolute;top:0;bottom:0}@keyframes landing-flow{0%{left:-30%}to{left:100%}}.landing .float-y{animation:6s ease-in-out infinite landing-float}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.landing .scan-beam{pointer-events:none;background:linear-gradient(180deg, transparent, var(--product), transparent);width:2px;box-shadow:0 0 18px 4px color-mix(in oklab, var(--product) 45%, transparent);position:absolute;top:0;bottom:0}.landing .strike-out{transition:opacity .6s,filter .6s,color .4s;position:relative}.landing .strike-out:after{content:"";background:var(--destructive);width:0;height:1.5px;transition:width .45s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:0}.landing .strike-out[data-on]{color:var(--ink-4)}.landing .strike-out[data-on]:after{width:100%}.landing .strike-out[data-gone]{opacity:.18;filter:blur(2px)}.landing .cell-pulse{animation:2.8s ease-in-out infinite landing-cell}@keyframes landing-cell{0%,to{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--product) 20%, transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--product) 70%, transparent), 0 0 18px -4px var(--product)}}.landing .travel{transition:left 1.1s cubic-bezier(.65,0,.35,1),top 1.1s cubic-bezier(.65,0,.35,1)}.landing .fade-swap{animation:.52s cubic-bezier(.16,1,.3,1) both landing-swap}@keyframes landing-swap{0%{opacity:0;filter:blur(3px);transform:translateY(10px)scale(.99)}to{opacity:1;filter:none;transform:none}}.landing .tick-in{animation:.42s cubic-bezier(.34,1.56,.64,1) both landing-tick}@keyframes landing-tick{0%{transform:scale(0)}to{transform:scale(1)}}.landing .progress-run{transform-origin:0;animation:linear forwards landing-progress}@keyframes landing-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.landing .text-gradient,.landing .live-dot:after,.landing .ring-spin,.landing .marquee,.landing .flow-line:after,.landing .float-y,.landing .cell-pulse,.landing .btn-ring,.landing .fade-swap,.landing .tick-in,.landing .progress-run{animation:none}.landing.reveal-ready [data-reveal]{opacity:1;filter:none;transition:none;transform:none}.landing .travel,.landing .strike-out,.landing .strike-out:after{transition:none}}
