:root{--bg:#08080c;--bg-2:#0e0e16;--ink:#f5f3fa;--ink-soft:#9b98ad;--ink-faint:#6a6780;--line:rgba(255,255,255,.1);--line-soft:rgba(255,255,255,.06);--accent:#7d79f7;--accent-2:#b0a9ff;--glow:rgba(125,121,247,.3);--maxw:1240px;--disp:"Clash Display","Space Grotesk",-apple-system,Segoe UI,sans-serif;--serif:"Instrument Serif",Georgia,serif;--mono:"Space Mono",ui-monospace,monospace;--body:"Inter",-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}::selection{background:var(--accent);color:#fff}body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--ink-soft)}.accent{color:var(--accent-2)}.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--body);font-weight:600;font-size:.92rem;padding:14px 26px;border-radius:999px;border:1px solid var(--line);cursor:pointer;transition:.2s ease}.btn-primary{background:var(--ink);color:#0a0a0f;border-color:var(--ink)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-2);transform:translateY(-2px)}section{padding:120px 0;position:relative}.kicker{display:flex;align-items:center;gap:14px;margin-bottom:24px}.kicker:before{content:"";width:34px;height:1px;background:var(--accent)}h2{font-family:var(--disp);font-weight:500;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.04;letter-spacing:-.03em;margin:0;max-width:20ch}.sec-intro{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-end;margin-bottom:72px}.sec-intro p{color:var(--ink-soft);max-width:38ch;font-size:1.05rem;margin:0}header.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:.35s ease;border-bottom:1px solid transparent}header.nav.scrolled{background:#08080cb8;backdrop-filter:blur(14px);border-bottom-color:var(--line-soft)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:78px}.logo{display:flex;align-items:center;gap:13px;font-family:var(--disp);font-weight:600;letter-spacing:.01em;font-size:1.4rem}.nav-inner .logo img{height:46px!important;width:auto}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a.link{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--ink-soft);transition:.2s}.nav-links a.link:hover{color:var(--ink)}@media(max-width:820px){.nav-links a.link{display:none}}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding-bottom:15vh;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(120deg,#171325,#0b0b14 60%)}.hero-video{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;will-change:transform}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,12,.55) 0%,rgba(8,8,12,.15) 30%,rgba(8,8,12,.85) 88%,var(--bg) 100%)}.hero .wrap{position:relative;z-index:2;width:100%}.hero .mono{display:inline-flex;align-items:center;gap:12px;font-size:.84rem;letter-spacing:.16em;color:var(--ink)}.hero .mono:before{content:"";width:30px;height:1px;background:var(--accent)}h1{font-family:var(--disp);font-weight:600;font-size:clamp(3rem,9.2vw,7.6rem);line-height:.94;letter-spacing:-.03em;margin:26px 0 0;max-width:14ch}h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent-2);letter-spacing:-.01em}.hero p.lede{font-size:clamp(1.12rem,1.9vw,1.5rem);line-height:1.5;color:var(--ink-soft);max-width:50ch;margin:30px 0 0}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.scrollcue{position:absolute;left:28px;bottom:26px;z-index:2}.live-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;margin:0 0 22px;border:1px solid var(--line);border-radius:999px;background:#7d79f714;backdrop-filter:blur(6px);font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);transition:.2s}.live-pill:hover{border-color:var(--accent);background:#7d79f729;transform:translateY(-1px)}.live-pill .dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade808c;animation:pulse 2s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #4ade808c}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}.marquee{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:20px 0;overflow:hidden;white-space:nowrap;background:var(--bg-2)}.marquee .track{display:inline-block;animation:scroll 32s linear infinite}.marquee span{font-family:var(--disp);font-weight:500;font-size:1.5rem;letter-spacing:-.01em;color:var(--ink-faint);padding:0 26px}.marquee span b{color:var(--ink)}.marquee .sep{color:var(--accent)}@keyframes scroll{to{transform:translate(-50%)}}.prod{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:56px 0;border-top:1px solid var(--line-soft)}.prod:nth-child(2n) .shot{order:-1}@media(max-width:860px){.prod{grid-template-columns:1fr;gap:32px}.prod:nth-child(2n) .shot{order:0}}.prod .idx{font-family:var(--mono);color:var(--accent-2);font-size:.8rem;letter-spacing:.14em}.prod h3{font-family:var(--disp);font-weight:500;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.02em;margin:14px 0}.prod p{color:var(--ink-soft);font-size:1.05rem;max-width:44ch;margin:0}.prod-meta{color:var(--ink-faint)!important;font-size:.9rem!important;margin-top:14px!important;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em}.prod-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:24px}.prod .tag{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--ink);border:1px solid var(--line);padding:7px 13px 7px 11px;border-radius:999px}.prod .tag .dot{width:7px;height:7px;border-radius:50%;background:var(--ink-faint)}.prod .tag--live .dot{background:#4ade80;box-shadow:0 0 #4ade808c;animation:pulse 2s ease-out infinite}.prod .tag--available .dot{background:var(--accent-2)}.prod-cta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--accent-2);border-bottom:1px solid transparent;padding-bottom:2px;transition:.2s}.prod-cta:hover{color:var(--ink);border-bottom-color:var(--accent)}.shot{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 120% at 30% 20%,rgba(125,121,247,.28),transparent 55%),linear-gradient(160deg,#181328,#0c0c15)}.shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.prod:hover .shot img{transform:scale(1.04)}.shot--contain{background:radial-gradient(130% 120% at 50% 0%,rgba(125,121,247,.22),transparent 60%),linear-gradient(160deg,#16122a,#0b0b13)}.shot--contain img{object-fit:contain;padding:28px;filter:drop-shadow(0 22px 44px rgba(0,0,0,.55))}.prod:hover .shot--contain img{transform:scale(1.03)}.approach{background:var(--bg-2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:18px;overflow:hidden;margin-top:8px}@media(max-width:860px){.vals{grid-template-columns:1fr}}.val{background:var(--bg-2);padding:40px 34px}.val .n{font-family:var(--mono);color:var(--accent-2);font-size:.75rem;letter-spacing:.14em}.val h3{font-family:var(--disp);font-weight:500;font-size:1.35rem;letter-spacing:-.01em;margin:20px 0 10px}.val p{color:var(--ink-soft);margin:0;font-size:1rem}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:18px;overflow:hidden;margin-top:40px}@media(max-width:860px){.facts{grid-template-columns:repeat(2,1fr)}}.fact{background:var(--bg-2);padding:24px 22px}.fact .mono{display:block;color:var(--ink-faint);margin-bottom:8px}.fact p{margin:0;font-family:var(--disp);font-weight:500;font-size:1.05rem;color:var(--ink);letter-spacing:-.01em}.fact a{color:inherit;border-bottom:1px solid var(--line);transition:.2s}.fact a:hover{color:var(--accent-2);border-bottom-color:var(--accent)}.contact-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start}@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:44px}}.contact h2{font-size:clamp(2.2rem,4.6vw,3.4rem);max-width:14ch;line-height:1.02}.contact-sub{color:var(--ink-soft);font-size:1.05rem;max-width:36ch;margin:22px 0 0}.contact .lines{display:flex;flex-direction:column;gap:16px;margin-top:40px}.contact .lines a,.contact .lines span{display:flex;align-items:center;gap:12px;font-size:1.02rem;color:var(--ink-soft);transition:.2s}.contact .lines a:hover{color:var(--ink)}.contact .lines svg{opacity:.7}.contact-form-wrap{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:20px;padding:34px}@media(max-width:900px){.contact-form-wrap{padding:26px}}.cform{display:flex;flex-direction:column;gap:18px}.cform .field{display:flex;flex-direction:column;gap:8px}.cform label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;color:var(--ink-soft)}.cform input,.cform textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--ink);font-family:var(--body);font-size:1rem;transition:border-color .2s}.cform input::placeholder,.cform textarea::placeholder{color:var(--ink-faint)}.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--accent)}.cform textarea{resize:vertical;min-height:130px}.cform button{align-self:flex-start;margin-top:4px}.cform button:disabled{opacity:.6;cursor:default}.form-status{font-size:.92rem;margin:2px 0 0;min-height:1.1em}.form-status.ok{color:#7bdca0}.form-status.err{color:#ff8f8f}.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}footer{padding-top:56px;border-top:1px solid var(--line-soft)}.foot-links{display:flex;flex-wrap:wrap;gap:22px 36px;justify-content:space-between;align-items:center;padding-bottom:40px}.foot-links nav{display:flex;gap:26px;flex-wrap:wrap}.foot-links a{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--ink-soft);transition:.2s}.foot-links a:hover{color:var(--accent-2)}.wordmark{font-family:var(--disp);font-weight:700;letter-spacing:-.03em;line-height:.82;font-size:clamp(3.5rem,18vw,15rem);background:linear-gradient(180deg,var(--ink) 30%,rgba(245,243,250,.06));-webkit-background-clip:text;background-clip:text;color:transparent;padding:10px 0 0;user-select:none}.foot-legal{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;padding:26px 0 48px;border-top:1px solid var(--line-soft);margin-top:8px;color:var(--ink-faint);font-size:.82rem}html.js .reveal,html.js .hero .wrap>*{opacity:0}@media(prefers-reduced-motion:reduce){html.js .reveal,html.js .hero .wrap>*{opacity:1!important;transform:none!important}.marquee .track,.hero-video{animation:none!important}}#toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,18px);z-index:9998;background:var(--ink);color:#0a0a0f;font-family:var(--body);font-weight:600;font-size:.9rem;padding:12px 20px;border-radius:999px;box-shadow:0 12px 34px #00000073;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}#toast.show{opacity:1;transform:translate(-50%)}
