:root { --ink:#09171c; --ink-soft:#10242a; --paper:#edf1ed; --mist:#adc0c4; --line:rgba(173,192,196,.19); --blue:#88aef0; --blue-light:#b5cdff; --lime:#cee88a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-shell { overflow:hidden; position:relative; min-height:100vh; background:linear-gradient(118deg,#09171c 2%,#0d2026 51%,#081519 100%); }
.grain { inset:0; opacity:.115; pointer-events:none; position:absolute; z-index:3; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.field { position:absolute; top:150px; left:0; width:100%; height:900px; fill:none; stroke:#2b5562; stroke-width:1.35; opacity:.53; pointer-events:none; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.field path { vector-effect:non-scaling-stroke; will-change:stroke-dashoffset, opacity; }
.nav, main, footer { position:relative; z-index:4; }
.nav { height:94px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(24px,5vw,80px); border-bottom:1px solid var(--line); }
.brand { font:700 clamp(28px,2.4vw,39px)/1 'Space Grotesk',sans-serif; letter-spacing:-.09em; }
.brand span { color:var(--blue); }
.nav-meta { display:flex; align-items:center; gap:21px; color:var(--mist); font:500 10px/1 'DM Mono',monospace; letter-spacing:.14em; text-transform:uppercase; }
.nav-meta a { color:var(--paper); border-bottom:1px solid rgba(237,241,237,.45); padding-bottom:4px; }
.live-dot { width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px var(--lime); }
.hero { min-height:650px; padding:clamp(72px,12vw,182px) clamp(24px,8vw,130px) 70px; border-bottom:1px solid var(--line); }
.eyebrow,.section-tag { color:var(--blue-light); font:500 10px/1.3 'DM Mono',monospace; letter-spacing:.15em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:27px; }
.eyebrow span { width:28px; height:1px; background:var(--blue); display:block; }
h1,h2,h3,p { margin:0; }
h1 { max-width:1100px; font:600 clamp(54px,9.1vw,146px)/.88 'Space Grotesk',sans-serif; letter-spacing:-.075em; }
em { font-style:normal; color:var(--blue); }
.hero-lower { margin-top:63px; display:flex; gap:50px; align-items:flex-end; justify-content:space-between; max-width:922px; }
.intro { max-width:489px; color:#d2dedd; font-size:clamp(17px,1.55vw,23px); font-weight:500; line-height:1.42; letter-spacing:-.03em; }
.arrow-link { white-space:nowrap; font:600 12px/1 'DM Mono',monospace; letter-spacing:.03em; padding:17px 0; border-bottom:1px solid var(--blue); transition:color .25s, border .25s; }
.arrow-link i { font:400 23px/0 Manrope,sans-serif; margin-left:11px; }
.arrow-link:hover { color:var(--blue-light); border-color:var(--lime); }
.manifesto { padding:clamp(90px,13vw,190px) clamp(24px,8vw,130px) clamp(84px,11vw,160px); }
.manifesto h2 { max-width:1160px; margin-top:30px; font:600 clamp(36px,5.1vw,77px)/1 'Space Grotesk',sans-serif; letter-spacing:-.065em; }
.manifesto h2 span { color:#7d999f; }
.manifesto-foot { display:flex; align-items:end; justify-content:space-between; gap:40px; padding-top:67px; }
.manifesto-foot > p { max-width:460px; color:var(--mist); font-size:16px; line-height:1.6; }
.coordinate { color:var(--paper); font:500 11px/1.8 'DM Mono',monospace; letter-spacing:.14em; text-align:right; }
.coordinate span { color:#789399; font-size:9px; }
.principles { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.principles article { min-height:330px; padding:31px clamp(24px,4vw,67px) 42px; display:flex; flex-direction:column; border-right:1px solid var(--line); }
.principles article:last-child { border-right:0; }
.number { color:var(--blue); font:500 10px 'DM Mono',monospace; letter-spacing:.1em; }
.principles h3 { margin-top:auto; font:600 clamp(27px,3.15vw,47px)/.95 'Space Grotesk',sans-serif; letter-spacing:-.065em; }
.principles p { margin-top:23px; color:var(--mist); max-width:265px; font-size:14px; line-height:1.5; }
.closing { min-height:570px; padding:clamp(84px,11vw,157px) clamp(24px,8vw,130px); position:relative; }
.closing h2 { position:relative; z-index:1; margin-top:23px; font:600 clamp(52px,8.1vw,124px)/.87 'Space Grotesk',sans-serif; letter-spacing:-.08em; }
.circle-cta { position:absolute; right:clamp(24px,13vw,205px); top:50%; z-index:2; width:142px; height:142px; display:flex; flex-direction:column; justify-content:space-between; padding:22px; background:var(--blue); color:var(--ink); border-radius:50%; font:700 13px/1.2 'DM Mono',monospace; letter-spacing:-.04em; transition:transform .35s cubic-bezier(.2,.8,.2,1), background .25s; }
.circle-cta b { align-self:flex-end; font:400 34px/1 Manrope,sans-serif; }.circle-cta:hover { transform:rotate(10deg) scale(1.08); background:var(--lime); }
.closing-orbit { position:absolute; right:-90px; bottom:-180px; width:690px; height:690px; border:1px solid rgba(136,174,240,.24); border-radius:50%; }
.closing-orbit span { position:absolute; border:1px solid rgba(136,174,240,.18); border-radius:50%; inset:55px; }.closing-orbit span:nth-child(2) { inset:120px; }.closing-orbit span:nth-child(3) { inset:197px; }
footer { display:flex; justify-content:space-between; padding:23px clamp(24px,5vw,80px); color:#71898e; border-top:1px solid var(--line); font:500 9px/1.4 'DM Mono',monospace; letter-spacing:.13em; }
@media (max-width:700px) { .nav{height:76px}.nav-meta span:not(.live-dot){display:none}.nav-meta{gap:15px}.hero{min-height:630px;padding-top:94px}.hero-lower{margin-top:44px;align-items:flex-start;flex-direction:column;gap:28px}h1{font-size:clamp(51px,15vw,85px)}.manifesto-foot{padding-top:44px;align-items:flex-start;flex-direction:column;gap:30px}.coordinate{text-align:left}.principles{grid-template-columns:1fr}.principles article{min-height:235px;border-right:0;border-bottom:1px solid var(--line)}.principles article:last-child{border-bottom:0}.principles h3{margin-top:48px}.closing{min-height:520px}.circle-cta{top:auto;bottom:68px;right:25px;width:117px;height:117px;padding:18px;font-size:11px}.closing-orbit{width:480px;height:480px;bottom:-110px;right:-170px}footer{gap:16px;flex-wrap:wrap}footer span:last-child{display:none}.field{top:300px;height:900px} }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important} }