
:root{
  --bg:#080a0d; --bg2:#0d1117; --panel:#11161d; --panel2:#151c24;
  --ink:#f2f4f6; --muted:#99a5b3; --line:#283240;
  --accent:#b9d5c6; --accent2:#7ea893; --gold:#c9a86a;
  --max:1180px; --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;color:var(--ink);
  background:
    radial-gradient(circle at 18% 0%,rgba(126,168,147,.12),transparent 34rem),
    radial-gradient(circle at 90% 15%,rgba(201,168,106,.08),transparent 30rem),
    linear-gradient(180deg,#090b0e 0%,#080a0d 42%,#090c10 100%);
  font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.62;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:99;
  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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")
}
a{color:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(8,10,13,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;letter-spacing:.06em}
.mark{width:34px;height:34px;border:1px solid #5b6b75;display:grid;place-items:center;transform:rotate(45deg);border-radius:8px}
.mark span{transform:rotate(-45deg);font-family:Georgia,serif;font-size:14px;color:var(--accent)}
.navlinks{display:flex;align-items:center;gap:22px;color:#c0c8d1;font-size:14px}.navlinks a{text-decoration:none}.navlinks a:hover{color:white}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #36424e;border-radius:999px;padding:7px 11px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#c9d2dc;background:rgba(255,255,255,.025)}
.hero{padding:112px 0 88px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:750}
h1,h2,h3{line-height:1.08;margin:0 0 18px}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(54px,8vw,104px);letter-spacing:-.055em}
h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(36px,5vw,58px);letter-spacing:-.035em}
h3{font-size:21px}.lede{font-size:clamp(19px,2vw,25px);color:#c1c9d1;max-width:780px}.hero-copy p{color:#aeb8c3;max-width:760px;font-size:17px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:12px;text-decoration:none;font-weight:700;font-size:14px;border:1px solid #42505d;background:#151c23;transition:.2s ease}
.btn.primary{background:#e7ece9;color:#0b0d0f;border-color:#e7ece9}.btn:hover{transform:translateY(-1px);border-color:#62717f}
.hero-orbit{aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;border:1px solid rgba(185,213,198,.17);box-shadow:inset 0 0 80px rgba(126,168,147,.05)}
.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09)}
.hero-orbit::before{inset:15%}.hero-orbit::after{inset:31%}
.core{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#cadbd1,#5a7969 55%,#1d2824 75%);color:#07100c;font-family:Georgia,serif;font-size:30px;box-shadow:0 0 75px rgba(143,188,164,.22)}
.node{position:absolute;width:13px;height:13px;border-radius:50%;background:#b9d5c6;box-shadow:0 0 20px rgba(185,213,198,.55)}
.n1{left:8%;top:48%}.n2{right:13%;top:23%;background:#c9a86a}.n3{right:9%;bottom:21%}.n4{left:26%;bottom:7%;background:#7f91aa}
.section{padding:88px 0;border-top:1px solid rgba(255,255,255,.065)}.section-intro{max-width:840px;margin-bottom:42px}.section-intro p{color:#aeb8c3;font-size:18px}
.kicker{color:#7f8d9c;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800;margin-bottom:12px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:linear-gradient(180deg,rgba(20,26,33,.86),rgba(13,17,22,.86));border:1px solid rgba(255,255,255,.085);border-radius:var(--radius);padding:26px;min-height:220px;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.card p{color:#a6b0bb;margin-bottom:0}.card .tag{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.large-card{grid-column:span 2}
.quote{padding:54px;border-left:2px solid var(--accent2);background:linear-gradient(90deg,rgba(126,168,147,.08),transparent);font-family:Georgia,serif;font-size:clamp(25px,3vw,40px);line-height:1.28;color:#e8ecea}
.stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.status-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.status-row:last-child{border-bottom:0}
.status-row p{margin:6px 0 0;color:#97a4b0}.status-label{white-space:nowrap;font-size:12px;border:1px solid #3c4855;padding:6px 9px;border-radius:999px;color:#bac4ce}.testing{border-color:#8b744b;color:#e0c58f;background:rgba(201,168,106,.06)}.live{border-color:#4e735e;color:#abd0ba;background:rgba(126,168,147,.06)}.planned{border-color:#4c5868;color:#9caabc}
.timeline{position:relative;padding-left:26px}.timeline::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:#3a4652}.milestone{position:relative;margin:0 0 34px}.milestone::before{content:"";position:absolute;left:-26px;top:8px;width:11px;height:11px;border-radius:50%;background:#8eaa9b;border:3px solid #0a0d10}
.milestone small{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-weight:800}.milestone p{color:#9eabb7}
.arch{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:30px}.arch div{text-align:center;padding:20px 10px;border:1px solid #2c3742;border-radius:15px;background:#0e1318}.arch strong{display:block;font-size:14px}.arch span{font-size:11px;color:#778493}
.threshold-tease{position:relative;overflow:hidden;border-radius:28px;border:1px solid #34333a;padding:64px;background:radial-gradient(circle at 85% 20%,rgba(118,89,59,.18),transparent 28rem),linear-gradient(135deg,#131113,#090a0d)}
.threshold-tease::after{content:"";position:absolute;right:-100px;top:-80px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(201,168,106,.18);box-shadow:0 0 0 55px rgba(201,168,106,.025),0 0 0 110px rgba(201,168,106,.018)}
.threshold-tease p{max-width:660px;color:#aaa6a5}.threshold-tease h2{color:#e6dfd4}
footer{padding:55px 0 70px;color:#72808e;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:flex;justify-content:space-between;gap:25px;align-items:flex-end}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#9ba8b4}
.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.hero-grid,.stack{grid-template-columns:1fr}.hero-orbit{max-width:520px}.grid{grid-template-columns:1fr 1fr}.arch{grid-template-columns:1fr 1fr}.navlinks a.hide-small{display:none}}
@media(max-width:640px){.wrap{width:min(calc(100% - 26px),var(--max))}.hero{padding-top:72px}.grid{grid-template-columns:1fr}.large-card{grid-column:span 1}.navlinks{gap:10px}.navlinks .pill{display:none}.threshold-tease{padding:38px 26px}.footer-grid{display:block}.footer-links{margin-top:22px}}
