html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
@layer components{.landing{background:var(--color-porcelain);overflow-x:clip}.landing-giant{letter-spacing:-.055em;text-wrap:balance;font-weight:800;line-height:.92}.landing-hero-field{background:radial-gradient(55% 50% at 78% 38%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 70%), radial-gradient(45% 45% at 15% 90%, color-mix(in srgb, var(--second) 9%, transparent), transparent 70%), linear-gradient(180deg, transparent 75%, var(--color-porcelain))}.landing-grain{opacity:.07;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.landing-hero-glow{background:radial-gradient(ellipse at 35% 38%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 62%), radial-gradient(ellipse at 72% 72%, color-mix(in srgb, var(--second) 16%, transparent), transparent 65%)}.landing-scene{perspective:1200px;perspective-origin:50% 45%}.landing-rig,.landing-shell{transform-style:preserve-3d}.landing-shell{backface-visibility:hidden}.landing-card{border:1px solid var(--color-line);background:var(--color-surface)}.landing-card-far{border-color:color-mix(in srgb, var(--color-tone-4) 40%, var(--color-line));box-shadow:0 24px 55px color-mix(in srgb, var(--color-tone-4) 14%, transparent), 0 10px 24px #0000004d}.landing-card-mid{border-color:color-mix(in srgb, var(--second) 45%, var(--color-line));box-shadow:0 30px 70px color-mix(in srgb, var(--second) 14%, transparent), 0 14px 32px #00000059}.landing-card-near{box-shadow:0 38px 85px #0009, 0 0 48px color-mix(in srgb, var(--accent) 16%, transparent);background:#0b0b0b;border-color:#ffffff1f}.landing-art-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:1.25rem}.landing-cta{isolation:isolate;transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1),background-color .3s;position:relative;overflow:hidden}.landing-cta:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff80 48%,#0000 62%);transition:transform .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:-40% -60%;transform:translate(-55%)skew(-18deg)}.landing-cta-label{transition:letter-spacing .42s cubic-bezier(.16,1,.3,1)}@media (hover:hover) and (pointer:fine){.landing-cta:hover{box-shadow:0 12px 34px color-mix(in srgb, var(--accent) 35%, transparent)}.landing-cta:hover:before{transform:translate(55%)skew(-18deg)}.landing-cta:hover .landing-cta-label{letter-spacing:.012em}}.landing-sweep{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 34%, transparent), color-mix(in srgb, var(--accent) 16%, transparent))}.landing-curve{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 55%, transparent))}.landing-progress{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 55%, var(--color-surface)), var(--accent));box-shadow:0 0 6px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 30%, transparent)}.landing-step{box-shadow:0 30px 80px #00000080, 0 0 48px color-mix(in srgb, var(--step,var(--accent)) 14%, transparent)}.landing-portal{box-shadow:inset 0 0 80px #ffffff08, 0 0 90px color-mix(in srgb, var(--accent) 8%, transparent)}.landing-stripe{background:linear-gradient(90deg, var(--color-tone-1) 0 20%, var(--color-tone-2) 20% 40%, var(--color-tone-3) 40% 60%, var(--color-tone-4) 60% 80%, var(--color-tone-5) 80% 100%)}.landing-grid{--g:color-mix(in srgb, var(--color-ink) 12%, transparent);background-image:linear-gradient(to right, transparent calc(50% - .5px), var(--g) calc(50% - .5px), var(--g) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to bottom, transparent calc(50% - .5px), var(--g) calc(50% - .5px), var(--g) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(45deg, transparent calc(50% - .5px), var(--g) calc(50% - .5px), var(--g) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(-45deg, transparent calc(50% - .5px), var(--g) calc(50% - .5px), var(--g) calc(50% + .5px), transparent calc(50% + .5px))}.landing-stroke{background:linear-gradient(180deg, var(--color-ink) 45%, color-mix(in srgb, var(--color-tone-4) 70%, var(--color-raised)) 55%);color:#0000;background-size:100% 220%;-webkit-background-clip:text;background-clip:text;animation:3.2s ease-in-out infinite alternate landing-ink}.landing-caret{animation:1s step-end infinite landing-blink}.landing-step.is-active .landing-type{animation:1.2s steps(27,end) .3s both landing-type}.landing-step.is-active .landing-pop-in{animation:landing-pop .5s cubic-bezier(.2, .9, .3, 1.3) var(--delay,0s) both}.landing-step.is-active .landing-select{animation:.5s .6s both landing-select}.landing-menu{opacity:0}.landing-step.is-active .landing-menu{animation:.4s cubic-bezier(.2,.9,.3,1.3) 1.1s both landing-pop}.landing-bar{opacity:.5;transform:scaleY(.35)}.landing-step.is-active .landing-bar{animation:landing-wave .9s ease-in-out var(--delay,0s) infinite alternate}.landing-flip{perspective:900px}.landing-face{backface-visibility:hidden;transition:transform .6s cubic-bezier(.16,1,.3,1)}.landing-back{transform:rotateY(180deg)}.landing-flip[data-flipped]>.landing-face:first-child{transform:rotateY(-180deg)}.landing-flip[data-flipped]>.landing-back{transform:rotateY(0)}@keyframes landing-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes landing-blink{50%{opacity:0}}@keyframes landing-pop{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@keyframes landing-select{0%{background-color:#0000}to{background-color:color-mix(in srgb, var(--accent) 22%, transparent)}}@keyframes landing-wave{0%{opacity:.5;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}@keyframes landing-ink{0%{background-position:0 0}to{background-position:0 100%}}@media (max-width:767px){.landing-scene{perspective:none}.landing-rig{transform-style:flat;transform:none!important}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before{transition-duration:1ms!important;animation:none!important}.landing-menu{opacity:1}.landing-step .landing-select{background-color:color-mix(in srgb, var(--accent) 22%, transparent)}}}
