:root{color-scheme:dark;--bg:#070a12;--bg2:#0b1020;--card:#11182a;--card2:#151e33;--line:#26324d;--text:#f7f8fb;--muted:#9aa8c1;--accent:#71e6c4;--accent2:#8aa7ff;--warn:#ffcf70;--danger:#ff7f8e;--ok:#71e6c4;--radius:22px;--shadow:0 18px 50px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -10%,#152344 0,#0b1020 32%,#070a12 70%);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}.app-shell{width:min(100%,760px);margin:0 auto;min-height:100dvh;padding:env(safe-area-inset-top) 0 calc(84px + env(safe-area-inset-bottom));position:relative}.topbar{height:72px;padding:14px 18px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(7,10,18,.96),rgba(7,10,18,.78));backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#172540,#0d1423);display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px #2a3959}.brand-mark span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(113,230,196,.55)}.brand-mark span:nth-child(1){transform:translate(-7px,-4px)}.brand-mark span:nth-child(2){transform:translate(7px,-4px);background:var(--accent2)}.brand-mark span:nth-child(3){transform:translate(0,8px);background:white}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#91a4c7}.brand-title{font-size:14px;font-weight:750;margin-top:2px}.topbar .ghost{margin-left:auto}main{padding:10px 16px 18px}.view{display:none;animation:fade .24s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.card{background:linear-gradient(145deg,rgba(19,27,47,.97),rgba(12,18,32,.97));border:1px solid rgba(145,165,201,.17);border-radius:var(--radius);box-shadow:var(--shadow)}.hero{padding:28px 23px;margin-top:4px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-85px;background:radial-gradient(circle,rgba(113,230,196,.16),transparent 70%);pointer-events:none}.glow{box-shadow:0 20px 70px rgba(48,89,141,.22),var(--shadow)}.status-pill,.demo-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #2b3d5d;border-radius:999px;padding:7px 10px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#b4c0d4;background:#0d1422}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}h1{font-size:clamp(36px,9vw,62px);line-height:.98;letter-spacing:-.045em;margin:25px 0 17px;max-width:680px}h1 span{background:linear-gradient(90deg,var(--accent),#b3c8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.lede{font-size:16px;line-height:1.55;color:#afbbce;margin:0 0 22px;max-width:650px}.hero-actions{display:grid;gap:10px;margin-top:26px}button,.button-link{font:inherit;cursor:pointer;touch-action:manipulation}.primary,.secondary,.ghost,.button-link{border-radius:14px;min-height:48px;padding:12px 16px;font-weight:800;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primary{background:linear-gradient(135deg,#75e5c5,#88aaff);color:#071119;box-shadow:0 8px 30px rgba(113,230,196,.17)}.secondary{background:#17223a;color:#ecf1fa;border-color:#31415f}.ghost{background:transparent;color:#c8d2e3;border-color:#2b3853}.compact{min-height:36px;padding:8px 11px;font-size:12px}.wide{width:100%;margin-top:11px}.principle-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0}.mini-card{background:#0d1322;border:1px solid #202a41;border-radius:17px;padding:15px;display:grid;grid-template-columns:36px 1fr;column-gap:10px}.mini-card .icon{grid-row:1/3;width:34px;height:34px;border-radius:11px;background:#17223a;display:grid;place-items:center;color:var(--accent);font-weight:900}.mini-card strong{font-size:14px}.mini-card span{font-size:12px;color:#95a5bf;line-height:1.4;margin-top:3px}.journey-card{width:100%;border:1px solid #2b3958;border-radius:18px;background:linear-gradient(100deg,#10182a,#121d33);color:white;padding:16px;display:grid;grid-template-columns:1fr auto;text-align:left;gap:3px}.journey-kicker{grid-column:1;font-size:10px;letter-spacing:.12em;color:#8ba0c2;font-weight:900}.journey-card strong{font-size:15px}.arrow{grid-column:2;grid-row:1/3;align-self:center;font-size:22px;color:var(--accent)}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:10px 2px 12px}.section-head h2{font-size:28px;letter-spacing:-.03em;line-height:1.08;margin:4px 0 0}.role-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0 12px}.role{border:1px solid #293651;background:#0c1220;color:#8fa0ba;border-radius:12px;min-height:42px;font-size:11px;font-weight:800;padding:7px 4px}.role.active{background:#e8f9f4;color:#10221e;border-color:#e8f9f4;box-shadow:0 5px 22px rgba(113,230,196,.16)}.projection{padding:20px}.projection-top{display:flex;justify-content:space-between;gap:15px}.projection-label{font-size:11px;color:var(--accent);font-weight:850;text-transform:uppercase;letter-spacing:.1em}.projection h3{font-size:22px;margin:5px 0 8px}.projection>p{color:#9dadc6;line-height:1.5;font-size:14px}.score-ring{min-width:67px;width:67px;height:67px;border-radius:50%;border:5px solid #2f4665;box-shadow:inset 0 0 0 2px #0d1424;display:flex;align-items:baseline;justify-content:center;padding-top:17px;background:radial-gradient(circle,#172640,#101827)}.score-ring span{font-size:20px;font-weight:900}.score-ring small{font-size:10px;color:#9eb0c9}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.metric{background:#0b1220;border:1px solid #202c44;border-radius:13px;padding:10px}.metric span{display:block;font-size:10px;color:#7f91af;margin-bottom:5px}.metric strong{font-size:14px}.attention-box{border-left:3px solid var(--warn);background:#171a1f;border-radius:10px;padding:11px 12px;display:flex;flex-direction:column;gap:3px}.attention-box span{font-size:10px;color:#baaa83;text-transform:uppercase;font-weight:850}.attention-box strong{font-size:13px;line-height:1.35}.reveal{width:100%;margin-top:12px;border:1px dashed #3a4967;border-radius:13px;background:#0b101c;color:#afbdd0;padding:13px 15px;display:flex;justify-content:space-between}.same-truth{margin-top:8px;background:#0c1322;border:1px solid #26334c;border-radius:15px;padding:13px}.same-truth div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #1b263b;font-size:12px}.same-truth div span{color:#8193af}.same-truth p{font-size:12px;line-height:1.45;color:#aab7ca;margin:12px 0 2px}.work-card{padding:19px}.work-title{display:flex;gap:11px;align-items:center}.work-title small{display:block;color:#788cae;font-size:9px;letter-spacing:.12em}.work-title strong{display:block;font-size:16px;margin-top:3px}.work-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#192641;color:var(--accent)}.workflow-track{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:24px 0 12px}.stage{height:6px;border-radius:999px;background:#27324a}.stage.done{background:var(--accent)}.stage.current{background:var(--accent2);box-shadow:0 0 14px rgba(138,167,255,.45)}.work-state{background:#0b1220;border:1px solid #222f47;border-radius:14px;padding:13px;margin-bottom:8px}.work-state strong{display:block;font-size:14px}.work-state span{display:block;font-size:12px;line-height:1.45;color:#91a2bb;margin-top:4px}.guardrail-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:13px}.guardrail-grid div{display:flex;justify-content:space-between;background:#0b111d;border:1px solid #202a3f;border-radius:13px;padding:11px 13px}.guardrail-grid strong{font-size:13px}.guardrail-grid span{font-size:12px;color:var(--accent)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.dash-card{min-height:128px;text-align:left;padding:15px;border-radius:17px;background:#0e1525;border:1px solid #25324b;color:white;display:flex;flex-direction:column}.dash-card span{font-size:11px;color:#8fa1bc}.dash-card strong{font-size:35px;line-height:1;margin:13px 0 9px}.dash-card small{font-size:10px;color:#7184a4;line-height:1.35}.dash-card.urgent{background:linear-gradient(145deg,#221b26,#12182a);border-color:#5d3d4e}.attention-list,.why-card{padding:16px;margin-top:11px}.card-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}.card-title span{font-size:14px;font-weight:850}.card-title small{font-size:9px;color:#7486a3}.attention-item{display:grid;grid-template-columns:6px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #202b40}.severity{width:5px;height:34px;border-radius:99px}.severity.high{background:var(--danger)}.severity.med{background:var(--warn)}.severity.low{background:var(--accent)}.attention-item strong,.attention-item span{display:block}.attention-item strong{font-size:12px}.attention-item span{font-size:10px;color:#7f91ae;margin-top:3px}.attention-item button{border:1px solid #2e3b55;background:#151f33;color:#bdc9da;border-radius:10px;padding:8px;font-size:10px}.compact-timeline div{padding-bottom:9px!important}.compact-timeline span{font-size:11px!important;color:#8ea0b9}.suggestions{display:flex;gap:7px;overflow:auto;padding:2px 0 10px}.suggestions button{white-space:nowrap;border:1px solid #2a3854;background:#101829;color:#9fb0c9;border-radius:999px;padding:8px 11px;font-size:11px}textarea{width:100%;resize:vertical;border-radius:16px;border:1px solid #2b3954;background:#0a111e;color:white;padding:14px;font:inherit;font-size:14px;line-height:1.5;outline:none;min-height:112px}textarea:focus{border-color:#6984b7;box-shadow:0 0 0 3px rgba(105,132,183,.12)}.compiler-output{padding:16px;margin-top:12px}.compiler-output pre{white-space:pre-wrap;word-break:break-word;background:#080e18;border:1px solid #202c42;border-radius:13px;padding:13px;max-height:330px;overflow:auto;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#bdd0e8}.copy-row{display:flex;align-items:center;gap:10px}.copy-row span{font-size:11px;color:var(--accent)}.reality-hero{padding:27px 21px;text-align:center;margin-top:9px}.reality-orbit{width:126px;height:126px;margin:0 auto 20px;border:1px solid #32425f;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#182943,#0d1320 58%,#090d16 72%);box-shadow:0 0 55px rgba(96,124,192,.18)}.reality-orbit:before,.reality-orbit:after{content:"";position:absolute;border:1px solid #283b59;border-radius:50%;width:92px;height:92px}.reality-orbit:after{width:154px;height:62px;transform:rotate(-18deg)}.reality-orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent);z-index:2}.reality-orbit span:nth-child(1){left:20px;top:34px}.reality-orbit span:nth-child(2){right:14px;top:56px;background:var(--accent2)}.reality-orbit span:nth-child(3){bottom:19px;left:55px;background:white}.reality-orbit b{font-size:23px;letter-spacing:.05em;z-index:3}.reality-hero h2{font-size:31px;margin:6px 0 10px}.reality-hero p{font-size:14px;line-height:1.5;color:#9dafc7}.gate-box{text-align:left;background:#0a111d;border:1px solid #27364f;border-radius:14px;padding:13px;margin:16px 0}.gate-box strong,.gate-box span{display:block}.gate-box strong{font-size:12px;color:var(--accent)}.gate-box span{font-size:11px;color:#8496b2;margin-top:4px}.disabled{opacity:.48;pointer-events:none}.proof-list{display:grid;gap:11px}.proof-list div{display:flex;gap:9px;font-size:12px;line-height:1.4;color:#9fb0c8}.proof-list i{font-style:normal;color:var(--accent);font-weight:900}.timeline{padding:18px}.timeline>div{display:grid;grid-template-columns:15px 1fr;gap:9px;position:relative;padding-bottom:20px}.timeline>div:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;border-left:1px solid #2c3b57}.timeline i{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(113,230,196,.35);margin-top:5px}.timeline small,.timeline strong,.timeline p{display:block}.timeline small{color:#7286a4;font-size:9px}.timeline strong{font-size:13px;margin:2px 0}.timeline p{font-size:11px;line-height:1.45;color:#8fa1bb;margin:0}.truth-note{font-size:11px;line-height:1.45;color:#7f91ac;text-align:center;padding:16px 10px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);height:calc(70px + env(safe-area-inset-bottom));padding:7px 11px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(8,12,21,.94);border-top:1px solid #202b40;backdrop-filter:blur(20px)}.bottom-nav button{border:0;background:transparent;color:#71839f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:13px}.bottom-nav button span{font-size:20px;line-height:1}.bottom-nav button small{font-size:9px;font-weight:800}.bottom-nav button.active{color:#eaf2f6;background:#141e31}.bottom-nav button.active span{color:var(--accent)}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,15px);opacity:0;background:#e9f9f4;color:#0c1a17;padding:10px 14px;border-radius:999px;font-size:11px;font-weight:800;transition:.2s;z-index:99;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:560px){main{padding-left:22px;padding-right:22px}.principle-grid{grid-template-columns:repeat(3,1fr)}.mini-card{grid-template-columns:1fr}.mini-card .icon{grid-row:auto;margin-bottom:9px}.dashboard-grid{grid-template-columns:repeat(4,1fr)}.hero-actions{display:flex}.guardrail-grid{grid-template-columns:repeat(3,1fr)}.guardrail-grid div{display:block}.guardrail-grid span{display:block;margin-top:5px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.guided-next{margin-top:14px}.hero:after{content:"POLISHED EXPLANATION → GOVERNED INTERACTION → LIVE PROOF";display:block;margin-top:18px;padding-top:14px;border-top:1px solid #26334c;color:#7187a7;font-size:9px;font-weight:850;letter-spacing:.08em}.reality-hero .gate-box{border-color:#3b526f;background:linear-gradient(145deg,#0d1727,#0a111d)}