:root { color-scheme: dark; --bg:#050505; --ink:#f4f4f0; --muted:#999a95; --line:rgba(244,244,240,.16); --acid:#49efae; --ease:cubic-bezier(.22,1,.36,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--bg); color:var(--ink); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-rendering:optimizeLegibility; }
a { color:inherit; text-decoration:none; }
button { color:inherit; font:inherit; }
.shell { width:min(1240px,calc(100% - 64px)); margin:0 auto; }
.ambient { position:fixed; inset:0; z-index:-1; overflow:hidden; background:radial-gradient(circle at 85% 8%,rgba(73,239,174,.08),transparent 24rem),linear-gradient(180deg,#050505 0%,#080908 54%,#050505 100%); }
.ambient i,.ambient b,.ambient em { position:absolute; display:block; border:1px solid rgba(73,239,174,.12); border-radius:50%; filter:blur(.1px); }
.ambient i { width:52vw; height:52vw; right:-16vw; top:8vh; animation:drift 18s ease-in-out infinite alternate; }
.ambient b { width:35vw; height:35vw; left:-16vw; bottom:7vh; border-color:rgba(244,244,240,.08); animation:drift 15s ease-in-out infinite alternate-reverse; }
.ambient em { width:2px; height:46vh; right:11vw; top:22vh; border:0; border-left:1px solid rgba(73,239,174,.2); transform:rotate(28deg); }
.nav { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 0; }
.brand { display:inline-flex; align-items:center; gap:11px; font-size:13px; font-weight:800; letter-spacing:.16em; white-space:nowrap; }
.brand img { width:34px; height:34px; border-radius:50%; object-fit:cover; }
.nav-links { display:flex; gap:28px; color:var(--muted); font-size:13px; }
.nav-links a:hover { color:var(--ink); }
.nav-cta,.button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:48px; padding:0 20px; border:1px solid var(--line); font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease); }
.nav-cta { min-height:36px; border:0; padding:0; color:var(--acid); }
.nav-cta i,.button i { font-size:17px; font-style:normal; }
.button:hover,.nav-cta:hover { transform:translateY(-3px); }
.button.primary { background:var(--ink); border-color:var(--ink); color:#080808; }
.button.primary:hover { background:var(--acid); border-color:var(--acid); }
.button.secondary { background:rgba(255,255,255,.03); }
.button.secondary:hover { border-color:var(--acid); color:var(--acid); }
.hero { min-height:100svh; display:flex; flex-direction:column; }
.hero-content { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:40px; flex:1; padding:52px 0 100px; }
.eyebrow { display:flex; align-items:center; gap:9px; margin:0; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.16em; }
.eyebrow span { width:20px; height:1px; background:var(--acid); }
h1,h2,h3,p { margin:0; }
h1 { max-width:790px; margin-top:28px; font-size:clamp(62px,9.3vw,146px); font-weight:760; letter-spacing:-.09em; line-height:.82; }
h1 em,h2 em { color:var(--acid); font-family:Georgia,serif; font-size:.9em; font-style:italic; font-weight:400; letter-spacing:-.07em; }
.hero-lead { max-width:500px; margin-top:36px; color:#b7b9b3; font-size:18px; line-height:1.75; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:26px; margin-top:42px; }
.text-button { display:inline-flex; align-items:center; gap:10px; padding:0; border:0; background:transparent; cursor:pointer; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.play-dot { display:grid; width:28px; height:28px; place-items:center; border:1px solid var(--line); border-radius:50%; color:var(--acid); font-size:9px; }
.hero-mark { position:relative; display:grid; min-height:520px; place-items:center; }
.hero-mark img { position:relative; z-index:2; width:min(86%,460px); border-radius:50%; filter:drop-shadow(0 30px 64px rgba(0,0,0,.65)); }
.hero-mark p { position:absolute; z-index:3; right:5%; bottom:17%; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.18em; line-height:1.7; text-align:right; }
.orbit { position:absolute; width:82%; aspect-ratio:1; border:1px solid rgba(244,244,240,.13); border-radius:50%; }
.orbit-one { transform:rotate(-19deg) scaleX(1.17); }
.orbit-two { width:64%; border-color:rgba(73,239,174,.22); transform:rotate(54deg) scaleX(1.54); }
.manifesto { display:grid; grid-template-columns:.72fr 1.28fr; gap:64px; padding:125px 0; border-top:1px solid var(--line); }
.manifesto h2,.principles h2,.signature h2,.launch h2 { font-size:clamp(38px,5vw,78px); font-weight:650; letter-spacing:-.07em; line-height:.97; }
.manifesto p:not(.eyebrow) { max-width:660px; margin-top:30px; color:#b2b4ae; font-size:18px; line-height:1.75; }
.film { padding:20px 0 120px; }
.film-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.film-head>span { color:var(--acid); font-size:10px; font-weight:800; letter-spacing:.13em; }
.film-frame { position:relative; display:grid; aspect-ratio:16/8.3; overflow:hidden; place-items:center; border:1px solid var(--line); background:radial-gradient(circle at 52% 46%,rgba(73,239,174,.18),transparent 13rem),linear-gradient(135deg,#101311,#060706 65%,#0d1511); }
.film-frame>img { position:relative; z-index:2; width:min(34%,330px); border-radius:50%; filter:drop-shadow(0 28px 48px rgba(0,0,0,.55)); transition:transform 1.3s var(--ease); }
.film-frame:hover>img { transform:scale(1.05) rotate(3deg); }
.motion-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(244,244,240,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(244,244,240,.07) 1px,transparent 1px); background-size:60px 60px; mask-image:radial-gradient(circle at 50% 48%,black 0,transparent 68%); }
.motion-grid i { position:absolute; left:-20%; width:140%; height:1px; background:linear-gradient(90deg,transparent,rgba(73,239,174,.1),transparent); transform:rotate(-25deg); }
.motion-grid i:nth-child(1) { top:28%; }.motion-grid i:nth-child(2) { top:51%; }.motion-grid i:nth-child(3) { top:74%; }
.motion-ring { position:absolute; border:1px solid rgba(244,244,240,.13); border-radius:50%; }.ring-a { width:70%; aspect-ratio:1; transform:rotate(-30deg) scaleX(1.45); }.ring-b { width:48%; aspect-ratio:1; border-color:rgba(73,239,174,.32); transform:rotate(52deg) scaleX(1.8); }
.film-copy { position:absolute; top:11%; left:5%; z-index:2; }.film-copy span,.film-meta { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.13em; }.film-copy strong { display:block; margin-top:12px; color:var(--ink); font-size:clamp(20px,3vw,40px); letter-spacing:-.055em; line-height:.94; }
.film-meta { position:absolute; z-index:2; right:20px; bottom:17px; left:20px; display:flex; align-items:flex-end; justify-content:space-between; color:rgba(244,244,240,.78); }
.film-meta strong { font-size:11px; line-height:1.5; text-align:right; }
.principles { display:grid; grid-template-columns:.88fr 1.12fr; gap:70px; padding:125px 0; border-top:1px solid var(--line); }
.principles-copy > p:not(.eyebrow) { max-width:420px; margin-top:26px; color:#aeb0aa; font-size:16px; line-height:1.8; }
.principle-list { border-top:1px solid var(--line); }
.principle-list article { display:grid; grid-template-columns:64px 1fr; gap:24px; padding:26px 0; border-bottom:1px solid var(--line); }
.principle-list b { color:var(--acid); font-size:11px; letter-spacing:.12em; }
.principle-list h3 { font-size:26px; letter-spacing:-.04em; }
.principle-list p { max-width:390px; margin-top:7px; color:var(--muted); line-height:1.7; }
.signature { padding:10px 0 130px; }
.signature-card { position:relative; display:grid; grid-template-columns:1.1fr .9fr; min-height:520px; overflow:hidden; padding:68px; border:1px solid var(--line); background:radial-gradient(circle at 76% 40%,rgba(73,239,174,.17),transparent 18rem),linear-gradient(135deg,#161815,#090a09); }
.signature-copy { position:relative; z-index:1; align-self:center; }
.signature-copy > p:not(.eyebrow) { max-width:460px; margin:25px 0 36px; color:#b6b8b2; font-size:17px; line-height:1.75; }
.signature-card > img { position:absolute; width:min(52%,500px); right:4%; top:50%; border-radius:50%; transform:translateY(-50%); filter:drop-shadow(0 30px 60px rgba(0,0,0,.55)); }
.launch { padding:110px 0 126px; border-top:1px solid var(--line); text-align:center; }
.launch .eyebrow { justify-content:center; }
.launch h2 { margin-top:25px; font-size:clamp(54px,8vw,128px); }
.launch > p:not(.eyebrow) { max-width:460px; margin:30px auto 38px; color:#adb0aa; font-size:17px; line-height:1.75; }
.footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:26px 0 42px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.09em; }
.footer .brand { color:var(--ink); }
.footer a:last-child { color:var(--acid); }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .9s var(--ease),transform .9s var(--ease); }
.reveal.is-visible { opacity:1; transform:translateY(0); }
@keyframes drift { to { transform:translate3d(4vw,-3vh,0) rotate(18deg); } }
@media (max-width:900px) { .nav-links{display:none}.hero-content,.manifesto,.principles,.signature-card{grid-template-columns:1fr}.hero-content{padding-top:44px}.hero-mark{min-height:360px;order:-1}.hero-mark img{width:min(74%,380px)}.manifesto,.principles{gap:36px;padding:85px 0}.signature-card{padding:44px;min-height:620px}.signature-card>img{width:68%;right:-7%;top:auto;bottom:-2%;transform:none}.footer{flex-wrap:wrap} }
@media (max-width:620px) { .shell{width:min(100% - 36px,1240px)}.nav{padding:16px 0}.nav-cta{font-size:10px}.hero-content{padding:24px 0 68px}.hero-mark{min-height:290px}.hero-mark img{width:88%}.hero-mark p{right:0;bottom:7%;font-size:8px}.hero-lead{font-size:16px}.hero-actions{gap:18px;margin-top:30px}.button{min-height:46px;padding:0 15px;font-size:10px}.manifesto,.principles{padding:70px 0}.film{padding-bottom:70px}.film-frame{aspect-ratio:4/3}.film-frame>img{width:54%}.film-copy{top:9%;left:7%}.film-meta{font-size:8px}.film-meta strong{font-size:9px}.signature{padding-bottom:75px}.signature-card{padding:32px;min-height:560px}.signature-card>img{width:86%;right:-17%;bottom:-4%}.launch{padding:80px 0}.footer{font-size:9px}.footer p{order:3;width:100%} }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;} }