
:root{--bg:#070908;--panel:#0e1210;--line:#232a25;--text:#f4f6f4;--muted:#99a39c;--green:#9cff3a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}.nav{height:74px;width:min(1180px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.8rem;font-weight:800;letter-spacing:.02em}.brand img{width:38px;height:38px;border-radius:50%}.xlink{font-size:.92rem;color:#d6dcd8}
.hero{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden;border-top:1px solid #151917;border-bottom:1px solid #171c19}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,5,.96) 0%,rgba(4,6,5,.79) 39%,rgba(4,6,5,.18) 72%,rgba(4,6,5,.4) 100%),linear-gradient(0deg,rgba(5,7,6,.65),transparent 45%)}.hero-copy{position:relative;z-index:2;width:min(1180px,92%);margin:auto;padding:6rem 0}.eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.2em;color:var(--green)}h1{font-size:clamp(4rem,8vw,7.8rem);line-height:.87;letter-spacing:-.065em;margin:.65rem 0 1.6rem;max-width:760px}h1 span{color:var(--green)}.hero p{font-size:clamp(1.12rem,1.8vw,1.48rem);line-height:1.5;color:#c6cec8}.cta{display:inline-block;margin-top:1.5rem;padding:.88rem 1.12rem;background:var(--green);color:#071006;border-radius:999px;font-weight:800}
.livebar{width:min(1120px,92%);margin:-31px auto 0;position:relative;z-index:5;background:rgba(13,17,15,.96);backdrop-filter:blur(10px);border:1px solid #2a322d;border-radius:18px;padding:1.05rem 1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 45px rgba(0,0,0,.3)}.liveleft{display:flex;align-items:center;gap:.85rem}.liveleft div{display:flex;gap:.7rem}.liveleft b{font-size:.8rem;letter-spacing:.1em}.liveleft span:last-child,.meta{color:var(--muted);font-size:.9rem}.pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(156,255,58,.08),0 0 18px rgba(156,255,58,.55)}
.section{width:min(1120px,92%);margin:auto;padding:6.8rem 0;border-bottom:1px solid #1b211d}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.1rem}.section-title p{max-width:420px;color:var(--muted);line-height:1.55}.section h2{font-size:clamp(2.7rem,5vw,5.2rem);line-height:.98;letter-spacing:-.055em;margin:.45rem 0 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:linear-gradient(180deg,#101411,#0c0f0d);border:1px solid var(--line);border-radius:22px;padding:1.5rem;min-height:330px}.card.featured{border-color:#5c8e30;box-shadow:inset 0 0 0 1px rgba(156,255,58,.07)}.card-head{display:flex;justify-content:space-between;font-size:.8rem;color:#7f8982}.tag{font-weight:900;letter-spacing:.12em;color:var(--green)}.mutedtag{color:#c7ceca}.card h3{font-size:1.7rem;margin:2.1rem 0 .4rem}.metric{font-size:2rem;font-weight:900;letter-spacing:-.035em}.metric span{color:var(--green)}.card p{color:var(--muted);line-height:1.55;min-height:72px}.track{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.8rem}.track span{padding:.43rem .63rem;border:1px solid #2d352f;border-radius:999px;font-size:.75rem;color:#b4bcb7}
.memory{display:grid;grid-template-columns:1.05fr .95fr;gap:5rem;align-items:center}.memory p{max-width:560px;color:var(--muted);font-size:1.08rem;line-height:1.65}.stateflow{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.state{padding:.8rem .95rem;border:1px solid #344038;border-radius:999px;font-weight:800;font-size:.82rem;letter-spacing:.05em}.state.active{border-color:#70b632;color:var(--green)}.arrow{color:var(--green)}.wrong{width:100%;color:#7e8881;margin-top:.5rem}.wrong span{color:#d8ddd9;font-weight:800;margin-left:.35rem}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.4rem}.pillars div{border-top:1px solid #364039;padding-top:1.3rem}.pillars b{color:var(--green);font-size:.82rem;letter-spacing:.12em}.pillars p{color:var(--muted);line-height:1.65}
footer{width:min(1120px,92%);margin:auto;padding:3rem 0 4rem;display:flex;justify-content:space-between;align-items:center;color:#8f9992}.footbrand{display:flex;gap:.8rem;align-items:center}.footbrand img{width:38px;height:38px;border-radius:50%}.footbrand div{display:flex;flex-direction:column;gap:.15rem}.footbrand b{color:#eef2ef;font-size:.9rem}.footbrand span{font-size:.8rem}.footlinks{display:flex;gap:1.2rem}.footlinks a{color:#dfe4e0}
@media(max-width:820px){.nav{height:66px}.brand span{font-size:.88rem}.hero{min-height:620px}.hero-bg{object-position:64% center}.overlay{background:linear-gradient(90deg,rgba(4,6,5,.97) 0%,rgba(4,6,5,.83) 58%,rgba(4,6,5,.38) 100%)}.hero-copy{padding:5rem 0}.hero h1{font-size:4rem}.livebar,.section-title,footer{align-items:flex-start;flex-direction:column}.liveleft div{display:flex;flex-direction:column;gap:.1rem}.cards,.memory,.pillars{grid-template-columns:1fr}.memory{gap:2.4rem}.section{padding:4.8rem 0}.card{min-height:auto}.section-title{margin-bottom:1.4rem}.xlink{font-size:.82rem}}

.cards{grid-template-columns:repeat(2,1fr)}
.state-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-top:1.4rem;color:#6f7972;font-size:.78rem}
.state-chip{padding:.35rem .55rem;border-radius:999px;border:1px solid #313a34;font-size:.68rem;font-weight:900;letter-spacing:.08em}
.state-chip.active{border-color:#70b632;color:#9cff3a}
.state-chip.watching{color:#d7ddd9}
.state-chip.noticed{color:#8b958f}
.pillars.five{grid-template-columns:repeat(5,1fr)}
@media(max-width:1000px){.pillars.five{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.cards,.pillars.five{grid-template-columns:1fr}}
