:root{--bg:#000;--surface:#0b0b0c;--surface2:#121214;--text:#f8f8f6;--muted:#9a9a9d;--line:#ffffff18;--max:1500px;--pad:clamp(1rem,4vw,4.5rem);--display:'Space Grotesk',sans-serif;--body:'Manrope',sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--text);font-family:var(--body);line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 0,#ffffff0d,transparent 26%),linear-gradient(#0000,#000);z-index:-2}a{color:inherit;text-decoration:none}.shell{width:min(100%,var(--max));margin:auto;padding-inline:var(--pad)}.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100}.progress span{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left;box-shadow:0 0 22px #fff}header{position:sticky;top:0;z-index:40;background:#000c;border-bottom:1px solid var(--line);backdrop-filter:blur(22px)}.nav{height:76px;display:flex;align-items:center;gap:2rem}.brand{display:flex;align-items:center;gap:.75rem;font:700 1rem var(--display);letter-spacing:.3em;margin-right:auto}.brand img{width:38px;height:38px}.nav nav{display:flex;gap:1.5rem;color:var(--muted);font-size:.78rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.2rem;border:1px solid #fff;background:#fff;color:#000;border-radius:999px;font-weight:900;transition:.25s}.button:hover{transform:translateY(-3px);box-shadow:0 18px 60px #ffffff24}.ghost{background:transparent;color:#fff;border-color:var(--line)}.hero{min-height:calc(100svh - 76px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,8rem);align-items:center;padding-block:clamp(4rem,8vw,8rem)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font:800 .67rem var(--mono);color:#cfcfd3}h1,h2{font-family:var(--display);letter-spacing:-.065em;line-height:.9;margin:.6rem 0 1.4rem}h1{font-size:clamp(4rem,7.2vw,8.4rem)}h2{font-size:clamp(3rem,5.3vw,6rem)}h1 em,h2 em{font-style:normal;color:#8f8f94}.lead{max-width:700px;color:var(--muted);font-size:clamp(1rem,1.45vw,1.22rem)}.witty{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:.55rem .75rem;color:#d0d0d4;font:700 .72rem var(--mono)}.actions{display:flex;gap:1rem;align-items:center;margin-top:2rem}.text-link{color:#bbb}.constellation{height:680px;border:1px solid var(--line);border-radius:42px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#242428,#070708 43%,#000);box-shadow:0 50px 150px #000}.constellation canvas{width:100%;height:100%}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff33;background:#08080acc;display:grid;place-items:center;text-align:center;box-shadow:0 0 80px #ffffff18;backdrop-filter:blur(16px)}.core img{width:54px}.core span{font:700 .52rem var(--mono);letter-spacing:.16em;color:#aaa}.signal{position:absolute;right:1rem;bottom:1rem;border:1px solid var(--line);border-radius:999px;padding:.55rem .7rem;background:#000a;color:#888;font:600 .58rem var(--mono)}.signal i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 14px #fff;margin-right:.4rem}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:.8rem 0}.marquee>div{display:flex;gap:1rem;width:max-content;animation:marquee 35s linear infinite;font:700 .7rem var(--mono);letter-spacing:.12em;color:#888}.marquee b{color:#fff}.section{padding-block:clamp(5rem,9vw,9rem)}.heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2.5rem}.heading>p{max-width:560px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.product-card{min-height:320px;border:1px solid var(--line);border-radius:26px;padding:1.4rem;background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--p) 18%,transparent),transparent 35%),linear-gradient(145deg,#111,#050505);position:relative;overflow:hidden;transition:.28s}.product-card:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;right:-110px;bottom:-110px;background:radial-gradient(circle,var(--p),transparent 70%);opacity:.22}.product-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--p) 60%,transparent);box-shadow:0 26px 70px color-mix(in srgb,var(--p) 12%,transparent)}.product-card small{color:var(--p);font:700 .68rem var(--mono)}.product-card h3{font:700 2rem var(--display);margin:4rem 0 .7rem}.product-card p{color:var(--muted)}.product-card span{position:absolute;bottom:1.4rem;color:var(--p);font-weight:800}.studio{background:#080809;border-block:1px solid var(--line)}.studio-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:5rem}.layers{display:grid;gap:1rem}.layers article{border:1px solid var(--line);border-radius:22px;padding:1.4rem;background:#0e0e10}.layers b{font:700 .68rem var(--mono);color:#aaa}.layers p{color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.principles article{border-top:1px solid var(--line);padding-top:1.3rem}.principles span{font:700 .68rem var(--mono);color:#888}.principles p{color:var(--muted)}.closing{display:flex;justify-content:space-between;align-items:center;gap:2rem;border:1px solid var(--line);border-radius:38px;padding:clamp(2rem,5vw,4.5rem);background:radial-gradient(circle at 85% 20%,#ffffff14,transparent 33%),#0b0b0c}.footer{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:2rem;border-top:1px solid var(--line);padding-block:3rem;color:var(--muted);font-size:.8rem}.footer strong{display:block;color:#fff;margin-bottom:.8rem}.footer a{display:block;margin:.4rem 0}.reveal{opacity:0;transform:translateY(24px);filter:blur(6px);transition:.75s}.reveal.visible{opacity:1;transform:none;filter:none}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1050px){.nav nav{display:none}.hero{grid-template-columns:1fr}.constellation{height:590px}.product-grid{grid-template-columns:1fr 1fr}.studio-grid{grid-template-columns:1fr}.principles{grid-template-columns:1fr 1fr}}@media(max-width:620px){h1{font-size:clamp(3.3rem,16vw,5.3rem)}.constellation{height:480px;border-radius:28px}.product-grid,.principles{grid-template-columns:1fr}.heading{display:block}.closing{display:block}.closing .button{margin-top:1rem}.footer{grid-template-columns:1fr}.nav>.button{display:none}.actions{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div{animation:none}.reveal{opacity:1;transform:none;filter:none;transition:none}}