:root{--bg:#0c0c0c;--bg-soft:#141414;--fg:#f2f2f0;--fg-muted:#8a8a86;--line:#f2f2f01f;--accent:#f2f2f0;--font-display:"Syne", sans-serif;--font-body:"Instrument Sans", sans-serif;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--fg);background:var(--bg)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{min-height:100svh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.page{isolation:isolate;place-items:center;min-height:100svh;padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.atmosphere{z-index:-2;background:radial-gradient(ellipse 80% 60% at 50% 110%, #f2f2f014, transparent 55%), radial-gradient(ellipse 50% 40% at 80% 10%, #f2f2f00d, transparent 50%), linear-gradient(165deg, var(--bg) 0%, var(--bg-soft) 48%, #0a0a0a 100%);position:absolute;inset:0}.hex-field{z-index:-1;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath fill='none' stroke='%23f2f2f0' stroke-width='0.6' d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100'/%3E%3C/svg%3E");background-size:56px 100px;animation:48s linear infinite drift;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(70% 65% at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 65% at 50% 45%,#000 20%,#0000 75%)}.scan{z-index:-1;pointer-events:none;background:linear-gradient(#0000 0%,#f2f2f008 50%,#0000 100%) 0 0/100% 220%;animation:14s ease-in-out infinite scan;position:absolute;inset:0}.hero{text-align:center;flex-direction:column;align-items:center;gap:clamp(1.25rem,3vw,1.75rem);width:min(100%,42rem);display:flex}.brand{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;opacity:0;font-size:clamp(2.4rem,8vw,4.75rem);font-weight:800;line-height:.95;animation:.9s cubic-bezier(.22,1,.36,1) .1s forwards rise;transform:translateY(1.25rem)}.brand span{display:block}.line{background:var(--line);width:0;height:1px;animation:.8s cubic-bezier(.22,1,.36,1) .55s forwards draw}.tagline{max-width:28rem;color:var(--fg-muted);opacity:0;font-size:clamp(1rem,2.4vw,1.15rem);font-weight:400;line-height:1.55;animation:.85s cubic-bezier(.22,1,.36,1) .45s forwards rise;transform:translateY(.75rem)}.tagline strong{color:var(--fg);font-weight:500}.cta{font-family:var(--font-display);letter-spacing:-.02em;opacity:0;align-items:center;gap:.55rem;margin-top:.35rem;padding:.85rem 0;font-size:1.05rem;font-weight:600;animation:.85s cubic-bezier(.22,1,.36,1) .7s forwards rise;display:inline-flex;position:relative;transform:translateY(.75rem)}.cta:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:.55rem;left:0;transform:scaleX(.35)}.cta:hover:after,.cta:focus-visible:after{transform:scaleX(1)}.cta:focus-visible{outline:1px solid var(--fg);outline-offset:6px}.cta-arrow{transition:transform .35s cubic-bezier(.22,1,.36,1);display:inline-block}.cta:hover .cta-arrow,.cta:focus-visible .cta-arrow{transform:translate(4px)}.legal{letter-spacing:.04em;color:var(--fg-muted);white-space:nowrap;opacity:0;font-size:.75rem;animation:1s 1.1s forwards fade;position:absolute;bottom:clamp(1rem,3vw,1.75rem);left:50%;transform:translate(-50%)}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes draw{to{width:min(5rem,20vw)}}@keyframes fade{to{opacity:1}}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-56px,-100px)}}@keyframes scan{0%,to{background-position:0 0}50%{background-position:0 100%}}@media (prefers-reduced-motion:reduce){.hex-field,.scan,.brand,.line,.tagline,.cta,.legal{animation:none}.brand,.tagline,.cta,.legal{opacity:1;transform:none}.line{width:min(5rem,20vw)}}