:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef7fb;background:#07111a}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#102b3b 0,transparent 30%),#07111a;color:#eef7fb}
a{color:inherit}.top{padding:48px 28px 32px;max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.brand{font-weight:800;letter-spacing:.08em;color:#6ee7f2}.brand span{font-size:12px;color:#8aa8b7}
h1{font-size:clamp(38px,7vw,72px);line-height:.98;margin:12px 0 18px;letter-spacing:-.04em}
.lead{max-width:760px;color:#a8c2cf;font-size:18px;line-height:1.65}.badge{border:1px solid #2d5668;border-radius:999px;padding:9px 13px;color:#9bd8e3;font-size:11px;font-weight:700;white-space:nowrap}
main{max-width:1180px;margin:auto;padding:0 28px 70px}section{margin:34px 0;padding:28px;border:1px solid #18394a;border-radius:18px;background:rgba(9,27,40,.86)}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.section-head h2{margin:0;font-size:24px}.section-head span{color:#7897a8;font-size:13px}
.questions,.guardrails,.metrics{display:grid;gap:12px}.questions{grid-template-columns:repeat(3,1fr);margin:0 0 34px}.questions article{padding:22px;border:1px solid #285267;background:#0c2231;border-radius:14px}.questions span{display:block;color:#53d6e8;font:700 11px monospace;margin-bottom:12px}
.guardrails{grid-template-columns:repeat(4,1fr)}.guardrails article,.metrics article{padding:18px;border-radius:13px;background:#0b1c28;border:1px solid #18394a}.guardrails strong{color:#dffbff}.guardrails p{color:#8fb0bf;line-height:1.5;font-size:13px}
.metrics{grid-template-columns:repeat(3,1fr)}.metrics span{display:block;color:#7f9ead;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.metrics strong{display:block;margin-top:8px;font-size:28px}
.actions{display:grid;gap:12px}.action{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:18px;border-radius:14px;border:1px solid #23495c;background:#0a1d2a}.action>span{font:800 12px monospace;color:#5fe0ec}.action h3{margin:0 0 6px;font-size:17px}.action p{margin:0;color:#a1bdc9;line-height:1.55}.action.p0{border-color:#995243}.action.p0>span{color:#ff9e88}
.learning{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;list-style:none}.learning li{padding:14px 16px;border:1px solid #1e4050;background:#0a1b27;border-radius:11px;color:#b9d4de}
.nav{max-width:1180px;margin:0 auto;padding:0 28px 24px;display:flex;flex-wrap:wrap;gap:9px}.nav a{padding:9px 13px;border:1px solid #24495b;border-radius:999px;text-decoration:none;color:#a9cad6;font-size:13px}.nav a:hover{border-color:#66d8e5;color:#fff}
footer{max-width:1180px;margin:auto;padding:0 28px 42px;color:#668696;font-size:12px;line-height:1.6}
@media(max-width:800px){.top{display:block}.badge{display:inline-block;margin-top:18px}.questions,.guardrails,.metrics,.learning{grid-template-columns:1fr}.section-head{display:block}.section-head span{display:block;margin-top:8px}}

.table-wrap{overflow:auto;border:1px solid #18394a;border-radius:13px}table{width:100%;border-collapse:collapse;min-width:720px;background:#091b27}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid #173646;font-size:13px}th{color:#79dce8;background:#0b2230;font-size:11px;text-transform:uppercase;letter-spacing:.05em}td{color:#c4d9e2}
.scenario textarea{display:block;width:100%;min-height:320px;padding:16px;border:1px solid #285064;border-radius:12px;background:#040c12;color:#bff6ff;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.scenario-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.scenario-controls button,.file-button{border:1px solid #2a596b;border-radius:9px;padding:10px 14px;background:#0b2734;color:#e5fbff;font-weight:700;cursor:pointer}.scenario-controls .secondary{background:transparent;color:#9dbac6}.file-button input{display:none}.ok{color:#7ee2b8}.bad{color:#ff9e88}

.variable-lab{border-color:#2f6476;background:linear-gradient(180deg,#0b2230,#091a25)}.variable-lab .section-head h2{color:#eaffff}.var-group{margin:14px 0 18px;padding:16px;border:1px solid #214756;border-radius:13px;background:#081823}.var-group h3{margin:0 0 12px;font-size:15px;color:#bfeaf1}.var-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.var-field{display:block;min-width:0}.var-field span{display:block;margin-bottom:6px;color:#86a8b6;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.var-field input{display:block;width:100%;min-width:0;padding:10px 11px;border:1px solid #315d6d;border-radius:9px;background:#06121a;color:#ecfbff;font-size:14px}.var-field input:focus{outline:2px solid #60dbe8;outline-offset:1px}.advanced{margin:34px 0;color:#9fb9c4}.advanced>summary{cursor:pointer;font-weight:700;color:#9fd9e4}.advanced .scenario{margin-top:12px}.variable-lab .scenario-controls{margin-top:4px}
@media(max-width:900px){.var-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.var-grid{grid-template-columns:1fr}}