:root { --ink:#050806; --panel:#0a0f0c; --line:rgba(199,255,219,.14); --green:#9cff57; --green2:#43f58d; --white:#effbf3; --muted:#8d9d93; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--white); font-family:Arial,Helvetica,sans-serif; overflow-x:hidden; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:10; opacity:.22; 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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E"); }
a { color:inherit; text-decoration:none; }
.shell { width:min(1400px,calc(100% - 80px)); margin-inline:auto; }
.ambient { position:fixed; border-radius:50%; filter:blur(120px); pointer-events:none; opacity:.14; }
.ambient-one { width:420px; height:420px; background:var(--green2); right:-220px; top:8vh; }
.ambient-two { width:330px; height:330px; background:#6eff4c; left:-240px; top:62vh; }

.site-header { height:104px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:5; }
.logo { display:inline-flex; align-items:center; gap:13px; font-weight:800; letter-spacing:.22em; font-size:18px; }
.system-mark { width:34px; height:34px; fill:none; stroke:var(--green); stroke-width:1.25; filter:drop-shadow(0 0 8px rgba(156,255,87,.28)); }
nav { display:flex; align-items:center; gap:42px; color:var(--muted); font:11px/1 monospace; letter-spacing:.16em; text-transform:uppercase; }
nav a { transition:color .25s ease; } nav a:hover { color:var(--white); }
.contact-link { color:var(--white); border:1px solid var(--line); padding:14px 17px; }
.contact-link span { color:var(--green); margin-left:18px; }

.hero { min-height:calc(100vh - 104px); display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:5vw; padding-block:72px; }
.hero-copy { position:relative; z-index:2; }
.eyebrow,.section-index { color:var(--green); font:11px/1.2 monospace; letter-spacing:.2em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:12px; }.eyebrow i { width:7px; height:7px; background:var(--green); border-radius:50%; box-shadow:0 0 16px var(--green); }
.hero h1 { font-size:clamp(58px,7.1vw,112px); font-weight:500; line-height:.88; letter-spacing:-.065em; margin:44px 0 36px; max-width:880px; }
.hero h1 span { display:block; color:var(--green); font-weight:300; }
.hero-copy>p { color:#a9b7ae; max-width:610px; font-size:clamp(17px,1.4vw,21px); line-height:1.65; }
.hero-actions { display:flex; align-items:center; gap:36px; margin-top:48px; }
.primary-action { display:inline-flex; align-items:center; gap:42px; background:var(--green); color:#071006; padding:18px 21px; font:700 12px/1 monospace; letter-spacing:.08em; text-transform:uppercase; transition:transform .2s,box-shadow .2s; }
.primary-action:hover { transform:translateY(-2px); box-shadow:0 12px 40px rgba(156,255,87,.16); }
.microcopy { color:#536158; font:10px/1 monospace; letter-spacing:.18em; }

.core-stage { position:relative; width:min(100%,620px); aspect-ratio:1; justify-self:end; overflow:hidden; border:1px solid rgba(156,255,87,.08); background:radial-gradient(circle,rgba(42,82,53,.18),transparent 57%); }
.core-grid { position:absolute; inset:0; opacity:.48; background-image:linear-gradient(rgba(156,255,87,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(156,255,87,.08) 1px,transparent 1px); background-size:42px 42px; mask-image:radial-gradient(circle,black 25%,transparent 72%); }
.core-stage::before,.core-stage::after { content:""; position:absolute; background:rgba(156,255,87,.28); }.core-stage::before { width:1px; height:100%; left:50%; }.core-stage::after { height:1px; width:100%; top:50%; }
.orbit { position:absolute; border:1px solid rgba(156,255,87,.28); border-radius:50%; inset:16%; animation:spin 20s linear infinite; }
.orbit-one span { position:absolute; width:9px; height:9px; background:var(--green); border-radius:50%; left:11%; top:11%; box-shadow:0 0 20px var(--green); }
.orbit-two { inset:26%; border-style:dashed; animation-duration:15s; animation-direction:reverse; }.orbit-two span { position:absolute; width:5px; height:5px; background:var(--white); border-radius:50%; right:-3px; top:50%; }
.orbit-three { inset:39%; animation-duration:9s; }.core-glow { position:absolute; inset:43%; border-radius:50%; background:var(--green); filter:blur(34px); opacity:.3; animation:pulse 3s ease-in-out infinite; }
.core-label { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.core-label small,.core-label em { font:9px/1 monospace; letter-spacing:.25em; color:var(--muted); font-style:normal; }.core-label strong { font:800 clamp(30px,4vw,54px)/1 Arial; letter-spacing:.15em; margin:13px 0; text-shadow:0 0 28px rgba(156,255,87,.25); }.core-label .eight { color:var(--green); }
.coordinate { position:absolute; color:#58655d; font:8px/1 monospace; letter-spacing:.15em; }.coordinate-a { left:20px; bottom:20px; }.coordinate-b { right:20px; top:20px; }
@keyframes spin { to { transform:rotate(360deg); } } @keyframes pulse { 50% { opacity:.6; transform:scale(1.18); } }

.system { padding-block:138px; border-top:1px solid var(--line); }
.section-heading { display:grid; grid-template-columns:90px 1.2fr .8fr; gap:28px; align-items:end; margin-bottom:70px; }
.section-heading>div p { margin:0 0 9px; color:var(--muted); font-size:15px; }
.section-heading h2,.focus-copy h2 { font-size:clamp(40px,5vw,76px); line-height:.95; letter-spacing:-.055em; font-weight:500; margin:0; }
.section-intro { color:var(--muted); font-size:16px; line-height:1.65; max-width:430px; margin:0; }
.direction-grid { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--line); }
.direction-card { padding:30px 30px 38px; min-height:350px; border-right:1px solid var(--line); transition:background .3s,transform .3s; }.direction-card:last-child { border-right:0; }.direction-card:hover { background:linear-gradient(160deg,rgba(156,255,87,.09),rgba(156,255,87,.015)); transform:translateY(-5px); }
.card-top { display:flex; align-items:center; gap:13px; color:var(--green); font:10px/1 monospace; }.card-top i { height:1px; flex:1; background:var(--line); }
.direction-card h3 { font-size:clamp(29px,3vw,44px); letter-spacing:-.04em; font-weight:500; margin:64px 0 12px; }.card-label { color:var(--green); font:9px/1.4 monospace; letter-spacing:.13em; text-transform:uppercase; }.card-description { color:var(--muted); line-height:1.65; font-size:15px; margin:42px 0 0; max-width:360px; }

.focus-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:10vw; padding-block:140px; }.focus-copy h2 { margin:35px 0 32px; }.focus-copy>p:last-child { max-width:480px; color:var(--muted); line-height:1.7; }
.focus-list { list-style:none; padding:0; margin:0; border-top:1px solid var(--line); }.focus-list li { display:grid; grid-template-columns:56px 1fr 30px; gap:10px; align-items:center; min-height:76px; border-bottom:1px solid var(--line); }.focus-list span { color:var(--green); font:10px/1 monospace; }.focus-list strong { font-size:clamp(17px,1.6vw,23px); font-weight:400; letter-spacing:-.02em; }.focus-list i { color:#46534a; font-style:normal; transition:color .2s,transform .2s; }.focus-list li:hover i { color:var(--green); transform:translate(3px,-3px); }

.manifesto { min-height:500px; border:1px solid var(--line); display:grid; grid-template-columns:180px 1fr; align-items:center; padding:70px; position:relative; overflow:hidden; background:radial-gradient(circle at 14% 50%,rgba(156,255,87,.09),transparent 30%); }
.manifesto::after { content:"08"; position:absolute; right:-10px; bottom:-70px; font-size:320px; font-weight:800; line-height:1; color:rgba(156,255,87,.025); letter-spacing:-.1em; }.manifesto-mark .system-mark { width:94px; height:94px; }.manifesto>p { position:relative; z-index:1; font-size:clamp(37px,5vw,76px); line-height:1.06; letter-spacing:-.05em; margin:0; max-width:1050px; }.manifesto>p span { display:block; color:var(--green); }

.site-footer { margin-top:70px; padding:56px 0 70px; border-top:1px solid var(--line); display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; align-items:end; }.footer-brand p,.site-footer small { color:var(--muted); font:9px/1 monospace; letter-spacing:.16em; text-transform:uppercase; }.footer-brand p { margin:16px 0 0 47px; }.site-footer>div:not(:first-child) { display:flex; flex-direction:column; gap:14px; }.site-footer>div:not(:first-child)>a,.site-footer>div:not(:first-child)>span { font-size:14px; }.footer-status small { display:flex; align-items:center; gap:8px; }.footer-status i { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }

@media (max-width:980px) { .shell{width:min(100% - 40px,780px)} .hero{grid-template-columns:1fr;padding-top:100px}.core-stage{justify-self:center;width:min(100%,560px)}.section-heading{grid-template-columns:50px 1fr}.section-intro{grid-column:2}.direction-grid{grid-template-columns:1fr}.direction-card{min-height:280px;border-right:0;border-bottom:1px solid var(--line)}.direction-card:last-child{border-bottom:0}.focus-section{grid-template-columns:1fr;gap:70px}.manifesto{grid-template-columns:1fr;gap:50px;padding:50px}.site-footer{grid-template-columns:2fr 1fr 1fr}.footer-status{grid-column:2} }
@media (max-width:620px) { .shell{width:calc(100% - 32px)}.site-header{height:82px}nav>a:not(.contact-link){display:none}.contact-link{padding:12px 13px}.hero{min-height:auto;padding:80px 0 40px}.hero h1{font-size:clamp(52px,17vw,78px);margin-top:32px}.hero-actions{align-items:flex-start;flex-direction:column}.core-stage{margin-top:30px}.system,.focus-section{padding-block:90px}.section-heading{grid-template-columns:1fr}.section-intro{grid-column:auto}.direction-card{padding-inline:22px}.manifesto{padding:34px 25px;min-height:480px}.manifesto::after{font-size:210px}.site-footer{grid-template-columns:1fr 1fr;align-items:start}.footer-brand{grid-column:1/-1;margin-bottom:26px}.footer-status{grid-column:auto} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.orbit,.core-glow{animation:none}*{transition:none!important} }