:root{color-scheme:dark;--ink:#f8f3e8;--muted:#aaa79f;--gold:#d9a441;--panel:#15171d;--line:#32343b;--green:#69c996;--amber:#e7bd62;--red:#eb7b72}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 50% -20%,#29304b 0,#11131a 43%,#090a0e 100%);color:var(--ink);font-family:"Plus Jakarta Sans",sans-serif;min-height:100vh}
.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);background:#0b0c10e8;position:sticky;top:0;backdrop-filter:blur(16px);z-index:5}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand span:last-child{display:grid}.brand small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-top:2px}.brand-mark{display:grid!important;place-items:center;width:40px;height:40px;border:1px solid var(--gold);border-radius:12px;color:var(--gold);font:700 27px "Cormorant Garamond",serif}
.back,button{border:1px solid #5f543a;background:#1b1a16;color:var(--ink);padding:10px 14px;border-radius:10px;text-decoration:none;font:600 13px inherit;cursor:pointer}
main{width:min(1180px,92vw);margin:0 auto;padding:68px 0 90px}
.hero{max-width:860px;padding-bottom:60px}.eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}h1,h2{font-family:"Cormorant Garamond",serif;margin:0}h1{font-size:clamp(48px,7vw,80px);line-height:.95;letter-spacing:-.035em}h2{font-size:38px}.hero>p:not(.eyebrow){color:#c8c5bd;font-size:18px;line-height:1.7;max-width:760px}
.north-star{display:inline-grid;padding:16px 18px;border:1px solid #554b34;background:#181711;border-radius:14px;gap:4px}.north-star span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.north-star strong{color:var(--gold)}
.mode{border:1px solid #455368;background:#151b25;color:#b9cee9;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.awareness-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.signal-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,#181a21,#111218);padding:18px}.signal-card span{display:block;color:var(--muted);font-size:11px;line-height:1.45}.signal-card strong{display:block;color:var(--gold);font:700 30px "Cormorant Garamond",serif;margin-top:5px}.attention-list{display:grid;gap:10px;margin-top:14px}.attention-item{display:grid;grid-template-columns:auto 1fr;gap:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:16px}.attention-item h3{margin:0 0 5px;font-size:14px}.attention-item p{margin:3px 0;color:var(--muted);font-size:12px;line-height:1.55}.severity{width:9px;height:9px;border-radius:999px;margin-top:5px;background:var(--amber)}.severity.high{background:var(--red)}.severity.low{background:var(--green)}
section+section{border-top:1px solid var(--line);padding-top:46px;margin-top:46px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.truth-note,.loading{color:var(--muted);font-size:13px}
.journey{display:grid;grid-template-columns:repeat(9,1fr);padding:0;list-style:none;gap:8px}.journey li{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:16px 12px;min-height:82px;font-size:13px}.journey li::before{content:counter(list-item);display:block;color:var(--gold);font-weight:700;margin-bottom:8px}
.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.provider{background:linear-gradient(150deg,#181a21,#111218);border:1px solid var(--line);border-radius:15px;padding:18px}.provider header{display:flex;justify-content:space-between;gap:12px}.provider h3{margin:0;font-size:15px}.provider p{color:var(--muted);font-size:12px;line-height:1.55;margin-bottom:0}.status{border-radius:999px;padding:5px 8px;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.08em}.status.live{color:var(--green);background:#13271d}.status.configured{color:var(--amber);background:#2c2514}.status.blocked{color:var(--red);background:#311918}.status.not_configured{color:#aaa;background:#24252a}
.loop-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:20px;border:1px solid #584c30;border-radius:15px;background:#17150f}.loop-flow span{font-weight:700}.loop-flow b{color:var(--gold)}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.rules article,.evidence-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--panel)}.rules p,.evidence-card p{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:0}
.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.evidence-card strong{font-size:30px;font-family:"Cormorant Garamond",serif;color:var(--gold)}.error{color:var(--red)}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.detail-panel{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--panel)}.detail-panel h3{margin:0 0 14px;font-size:15px}.metric-row,.experiment-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.metric-row span,.experiment-row p{color:var(--muted);margin:0}.metric-row strong{color:var(--gold)}.experiment-row{display:block}.experiment-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.experiment-meta span{background:#23252d;border-radius:999px;padding:4px 7px;color:#c8c5bd;font-size:10px}.empty{color:var(--muted);font-size:12px}
@media(max-width:850px){.journey{grid-template-columns:repeat(3,1fr)}.provider-grid,.rules,.evidence-grid,.awareness-summary{grid-template-columns:1fr 1fr}}
@media(max-width:560px){main{padding-top:40px}.journey,.provider-grid,.rules,.evidence-grid,.detail-grid,.awareness-summary{grid-template-columns:1fr}.topbar{padding:0 16px}.brand small{display:none}.section-head{align-items:start;flex-direction:column}.attention-item{grid-template-columns:1fr}.severity{width:34px;height:4px}}