@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#edf1f7;--muted:#a4afbe;--paper:#07090d;--line:#303947;--lime:#4169e1;--teal:#8aa7ff;--white:#151a22}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8aa7ff;outline-offset:4px}.top{display:flex;align-items:center;gap:40px;padding:22px 4.5%;background:#151a22;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:44px;font-weight:800;line-height:1}.brand span{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:1px;line-height:1.4}.top nav{display:flex;gap:28px;align-items:center;margin:auto}.top nav a{font-size:14px;font-weight:700;padding:12px 0;border-bottom:3px solid transparent}.top nav a.active{border-color:var(--teal);color:var(--teal)}nav span{font-size:10px;background:var(--paper);padding:3px 5px}.demo,.pill{font-size:12px;font-weight:700;letter-spacing:.06em;border:1px solid var(--line);padding:6px 9px;border-radius:4px}.demo{white-space:nowrap}main{max-width:1440px;margin:auto;padding:0 4.5% 60px}.workspace-line{display:flex;justify-content:space-between;margin:28px 0 34px;font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:700}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:24px}h1,h2,h3,p{margin-top:0}h1,h2,.big-number{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1.02;letter-spacing:-.015em}h1{font-size:clamp(42px,5vw,66px);margin-bottom:12px}h2{font-size:36px;margin-bottom:15px}h3{font-size:19px;line-height:1.3}p{color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:12px;color:var(--teal)}.page-head p{margin-bottom:0}.select-label{font-size:12px;color:var(--muted);display:grid;gap:6px;min-width:220px}select,input,textarea{background:#151a22;border:1px solid #49576b;border-radius:5px;color:var(--ink);padding:12px;width:100%}select{cursor:pointer}.hero-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:22px}.edge{background:#0e1420;color:white;padding:34px;position:relative;overflow:hidden;border-radius:10px}.edge .eyebrow{color:var(--lime)}.identity{display:flex;align-items:center;gap:14px;margin-bottom:24px}.monogram{display:grid;place-items:center;background:#26354f;width:50px;height:50px;border-radius:50%;font-weight:700;flex-shrink:0}.identity strong{font-size:18px}.identity p{font-size:14px;margin:2px 0 0;color:#b5bfce}.edge h2{font-size:clamp(34px,4vw,54px);max-width:600px}.edge .summary{color:#bac4d3;max-width:540px;margin-bottom:26px}.score-strip{border-top:1px solid #354156;padding-top:22px;display:flex;align-items:center;gap:22px}.big-number{font-size:70px;font-weight:700;color:var(--lime)}.score-strip small{font-size:13px;color:#aebbcf;display:block}.score-strip b{font-size:14px;font-weight:500}.score-note{margin-left:auto;font-size:13px;color:#afbbce;max-width:160px}.mission{padding:30px;background:var(--lime);border-radius:10px;display:flex;flex-direction:column}.mission p{color:#e1e8fc}.mission h2{font-size:36px}.mission .eyebrow{color:#eff3ff}.mission .cue{padding:15px 0;border-top:1px solid #7795f0;font-size:14px;color:#f0f4ff;margin-top:auto}.primary,.secondary,.text-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;border-radius:5px;font-weight:700;font-size:14px;padding:11px 18px}.primary{background:var(--ink);border:1px solid var(--ink);color:white}.secondary{background:#151a22;border:1px solid var(--line);color:var(--ink)}.text-button{border:0;background:transparent;color:var(--teal);padding:8px 0;justify-content:start}.primary:disabled{opacity:.6;cursor:default}.section-head{display:flex;align-items:end;justify-content:space-between;margin:35px 0 18px;gap:20px}.section-head h2{margin:0;font-size:32px}.section-head p{font-size:14px;margin:0}.columns{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.panel{background:#151a22;border:1px solid var(--line);border-radius:8px;padding:26px}.panel h3{margin-bottom:8px}.dimension{display:grid;grid-template-columns:140px 1fr 40px;align-items:center;gap:12px;padding:10px 0;font-size:14px}.track{height:8px;background:#293240;border-radius:5px;overflow:hidden}.track i{display:block;height:100%;background:var(--teal);border-radius:5px}.dimension.low .track i{background:#8b98aa}.dimension b{text-align:right}.legend{font-size:12px;color:var(--muted);margin:18px 0 0}.evidence{display:block;text-align:left;width:100%;padding:19px 0;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink)}.evidence:last-child{border:0}.evidence-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:8px}.evidence strong{font-size:16px;display:block}.evidence p{font-size:14px;margin:7px 0 0}.arrow{color:var(--teal);font-size:20px}.note{font-size:13px;color:var(--muted);padding:16px 0}.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.roster button{text-align:left;background:#151a22;border:1px solid var(--line);padding:21px;border-radius:8px;color:var(--ink)}.roster button.selected{border:2px solid var(--teal);padding:20px}.roster strong{display:block;font-size:17px;margin:8px 0}.roster .value{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;float:right}.roster p{margin:0;font-size:13px}.badge{font-size:12px;color:var(--teal);background:#1b2b4b;padding:5px 7px;display:inline-block;border-radius:3px}.badge.pending{color:#c7d1df;background:#303946}.row-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);font-size:12px;padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:14px 10px;border-bottom:1px solid var(--line)}td:first-child{font-weight:600}td small{font-size:12px;color:var(--muted);display:block}td button{white-space:nowrap}.stack{display:grid;gap:20px}.mission-line{padding:18px 0;border-bottom:1px solid var(--line)}.mission-line p{font-size:14px}.steps{display:flex;gap:8px;margin:20px 0}.steps span{font-size:12px;border-top:3px solid var(--line);padding-top:9px;flex:1}.steps span.done{border-color:var(--teal);color:var(--teal)}.about-lead{max-width:850px;font-size:20px}.dimension-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dimension-card{border-top:4px solid var(--teal);padding:22px;background:#151a22;border-radius:5px}.dimension-card h3{margin:14px 0 8px}.dimension-card p{font-size:14px;margin:0}.dimension-card small{color:var(--muted);font-size:12px}.formula{font-family:monospace;background:var(--paper);padding:16px;border-radius:5px;font-size:14px;overflow-wrap:anywhere}.trade{background:#0e1420;padding:40px;border-radius:10px;color:white;max-width:950px}.trade h2{font-size:48px}.trade p{color:#b9c5d7}.trade .primary{background:var(--lime);color:var(--ink)}.trade .eyebrow{color:var(--lime)}.trade ul{padding-left:20px;color:#b9c5d7;margin-bottom:28px}.trade li{margin:10px 0}.trade-links{display:flex;gap:12px;flex-wrap:wrap}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 4.5%;border-top:1px solid var(--line);gap:20px}footer .brand{font-size:30px}footer p,footer>span{font-size:12px;margin:0;color:var(--muted)}dialog{border:0;border-radius:10px;max-width:680px;width:calc(100% - 30px);padding:32px;color:var(--ink);max-height:90vh}dialog::backdrop{background:#030609dd}.close{float:right;border:0;background:var(--paper);width:38px;height:38px;border-radius:50%;font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:14px;display:grid;gap:7px}.form-grid .wide{grid-column:1/-1}textarea{min-height:95px;resize:vertical}.form-actions{display:flex;justify-content:end;margin-top:20px;gap:12px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:6px;padding:12px 20px;max-width:90%;z-index:10;box-shadow:0 6px 30px #0006}#notice:empty{display:none}.empty{padding:26px;border:1px dashed var(--line);border-radius:5px}.method{margin-top:25px}summary{cursor:pointer;font-weight:600;font-size:14px;padding:14px 0}details p{font-size:14px}.target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.target{background:var(--paper);padding:16px;border-radius:6px}.target h3{font-size:16px}.target p{font-size:13px}.target strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;color:var(--teal)}@media(min-width:1500px){.top{padding-left:max(4.5%,calc((100vw - 1310px)/2));padding-right:max(4.5%,calc((100vw - 1310px)/2))}}@media(max-width:900px){.top{gap:18px;flex-wrap:wrap}.top nav{order:3;width:100%;justify-content:space-between;gap:16px}.top .demo{margin-left:auto}.hero-grid,.columns{grid-template-columns:1fr}.dimension-grid{grid-template-columns:repeat(2,1fr)}.edge h2{max-width:650px}.mission{display:grid;grid-template-columns:1fr auto;gap:0 28px}.mission .eyebrow,.mission h2,.mission p{grid-column:1}.mission .cue{grid-column:1}.mission button{grid-column:2;grid-row:2/5;align-self:center}.score-note{max-width:none}.target-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.top{padding:17px 5% 0}.top nav{overflow:auto;gap:24px;justify-content:start}.top nav a{white-space:nowrap}.brand{font-size:36px}.workspace-line{margin:20px 0 24px}.workspace-line span:last-child{display:none}.page-head{align-items:stretch;flex-direction:column;gap:15px}.page-head h1{font-size:46px}.page-head .select-label{max-width:none}.edge,.mission,.panel{padding:22px}.edge h2{font-size:39px}.mission{display:flex}.mission button{width:100%}.score-strip{gap:15px;flex-wrap:wrap}.big-number{font-size:60px}.score-note{width:100%;font-size:12px;margin:0}.dimension{grid-template-columns:120px 1fr 34px;gap:9px}.section-head{align-items:start;flex-direction:column;gap:10px}.roster{grid-template-columns:1fr}.roster .value{font-size:32px}.roster strong{margin:5px 0}.dimension-grid,.target-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:1}.trade{padding:25px}.trade h2{font-size:38px}.row-title{align-items:start;flex-direction:column;gap:10px}.table-wrap{margin:0 -12px}.trade-links a{width:100%}footer{align-items:start;flex-direction:column}.demo{font-size:10px}.steps span{font-size:11px}dialog{padding:22px}.about-lead{font-size:18px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,border-color .15s}.primary:hover{background:#3357c4}.secondary:hover,.evidence:hover{background:#1d2737}}

/* Black / royal blue / steel: shared across every development view. */
:root{color-scheme:dark;--royal:#4169e1;--steel:#8b98aa}
body{background:#07090d}.top{background:#090c12;border-color:#2d3644}.brand{color:#8aa7ff}.brand span{color:#c3cbd7}
.edge{background:linear-gradient(125deg,#131c2d,#0d1119);border:1px solid #344359;box-shadow:0 18px 50px #0003}
.edge .eyebrow{color:#9eb5ff}.big-number{color:#8aa7ff}.mission{background:linear-gradient(135deg,#3156c8,#203c92);border:1px solid #5b7bea;color:#f5f7ff}.mission .eyebrow{color:#dbe4ff}.mission p{color:#e1e8fc}.mission .cue{border-color:#6b89e0;color:#edf2ff}
.primary{background:#3159d2;border-color:#5279eb;color:#fff}.mission .primary{background:#0b1222;border-color:#819bed;color:#f3f6ff}.secondary{background:#202936;color:#edf1f7;border-color:#4a576a}.text-button{color:#9eb5ff}
.roster button.selected{border-color:#6288ff;background:#17223a}.roster .value{color:#9eb5ff}.dimension .track i{background:#4169e1}.dimension.low .track i{background:#8b98aa}.dimension-card{border-top-color:#4169e1}.target strong{color:#9eb5ff}
.trade{background:linear-gradient(125deg,#121c30,#0d1119);border:1px solid #35435b}.trade .eyebrow{color:#9eb5ff}.trade .primary{background:#3159d2;color:#fff}.trade ul{color:#c1cbda}
dialog{background:#141b26;border:1px solid #42516a;box-shadow:0 24px 100px #0009}.close{color:#d9e1ee;background:#2c3747}#notice{background:#243959;color:#f3f6ff;border:1px solid #6382bb}input,select,textarea{background:#0e141e;border-color:#4a586e;color:#eef2f8}::placeholder{color:#98a5b9}
@media(prefers-reduced-motion:no-preference){.primary:hover{background:#4169e1}.mission .primary:hover{background:#1b2d50}.secondary:hover,.evidence:hover{background:#202c40}}

.definition{padding:28px 0 38px;border-bottom:1px solid var(--line);margin-bottom:35px}.definition>p:not(.eyebrow){max-width:1000px;font-size:18px;color:#c0ccdc}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.entry-grid a{padding:22px;border:1px solid #455d90;background:#111b2e;border-radius:8px}.entry-grid b,.entry-grid span{display:block}.entry-grid span{color:#adbcd2;font-size:14px;margin-top:8px}.brand span{font-size:12px}.workspace-line{font-size:12px}@media(max-width:700px){.entry-grid{grid-template-columns:1fr}}