:root{--navy:#071525;--navy2:#0b2037;--blue:#1b77ff;--cyan:#74d4ff;--gold:#e9bd64;--red:#d64d50;--white:#f7fbff;--ink:#0b1a2b;--muted:#6f8092;--line:rgba(255,255,255,.12);--paper:#eef4f8;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,a,textarea{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.topbar{position:sticky;top:0;z-index:40;min-height:76px;padding:12px clamp(18px,4vw,64px);display:flex;align-items:center;gap:28px;background:rgba(7,21,37,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:max-content}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font-weight:900;letter-spacing:-1px}.brand strong,.brand small{display:block;line-height:1.1}.brand small{font-size:12px;color:#9eafbf;text-transform:uppercase;letter-spacing:.12em;margin-top:3px}.topbar nav{display:flex;gap:24px;margin-left:auto}.topbar nav a{color:#b8c7d5;text-decoration:none;font-size:14px}.topbar nav a:hover{color:#fff}.mode-button,.nav-toggle{border:1px solid var(--line);color:#fff;background:#10263c;border-radius:999px;padding:10px 14px;cursor:pointer}.mode-dot{display:inline-block;width:8px;height:8px;background:#56d88c;border-radius:50%;margin-right:7px}.nav-toggle{display:none}.hero{min-height:calc(100vh - 76px);position:relative;overflow:hidden;padding:clamp(70px,10vh,120px) clamp(24px,7vw,110px) 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.75fr);align-items:center;gap:60px;background:radial-gradient(circle at 75% 35%,#173b62 0,transparent 35%),linear-gradient(135deg,#06111e,#0a2037 70%,#0d2944)}.hero-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(116,212,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(116,212,255,.25) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,transparent,black)}.hero-copy,.case-stack,.case-meta{position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--cyan);margin:0 0 14px}.hero h1{font-size:clamp(60px,8vw,116px);line-height:.88;letter-spacing:-.065em;margin:0;max-width:780px}.hero h1 em,.principle h2 em,.recap h2 em{color:var(--gold);font-style:normal}.hero-lede{font-size:clamp(18px,2vw,25px);color:#b7c8d8;margin:32px 0}.hero-actions,.recap-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:12px 20px;border-radius:6px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800;cursor:pointer}.button.primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.button.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}.light .button.secondary{color:var(--ink);border-color:#aebdca}.button.compact{min-height:40px;padding:8px 14px}.case-stack{height:430px;perspective:900px}.case-folder{position:absolute;width:82%;height:240px;right:0;padding:30px;border-radius:8px 8px 18px 18px;box-shadow:0 25px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;justify-content:flex-end;transition:.4s transform}.case-folder:before{content:"";position:absolute;top:-25px;left:0;width:42%;height:35px;border-radius:8px 8px 0 0;background:inherit}.case-folder span,.case-folder small{text-transform:uppercase;letter-spacing:.15em;font-size:12px}.case-folder strong{font-size:38px;line-height:1;margin:8px 0}.folder-a{top:35px;background:#154778;transform:rotate(6deg)}.folder-b{top:150px;right:12%;background:#e7edf2;color:#122336;transform:rotate(-5deg)}.case-stack:hover .folder-a{transform:translateY(-12px) rotate(8deg)}.case-stack:hover .folder-b{transform:translateY(10px) rotate(-7deg)}.confidential-stamp{position:absolute;right:3%;bottom:45px;border:3px solid var(--red);color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.14em;padding:8px 14px;transform:rotate(-8deg);z-index:5}.case-meta{position:absolute;bottom:20px;left:clamp(24px,7vw,110px);right:clamp(24px,7vw,110px);display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;color:#90a4b7;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.section{padding:clamp(75px,10vw,140px) clamp(24px,7vw,110px)}.section.dark{background:var(--navy)}.section.light{background:var(--paper);color:var(--ink)}.section-head{display:grid;grid-template-columns:90px minmax(0,760px);gap:28px;margin-bottom:56px}.section-head .number{font-size:13px;color:var(--gold);border-top:1px solid currentColor;padding-top:10px;margin:5px 0}.section-head h2{font-size:clamp(40px,6vw,72px);line-height:.95;letter-spacing:-.045em;margin:0 0 18px}.section-head>div>p:last-child{font-size:18px;color:var(--muted);max-width:680px}.dark .section-head>div>p:last-child{color:#aebdcb}.mission-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}.mission-reel{background:linear-gradient(145deg,#0e2b49,#06101b);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:480px;display:flex;flex-direction:column}.reel-screen{flex:1;padding:clamp(30px,5vw,70px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 20%,rgba(27,119,255,.22),transparent 30%)}.reel-index{color:var(--gold);font-size:12px;letter-spacing:.12em}.reel-kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);font-size:13px}.reel-screen h3{font-size:clamp(32px,4vw,60px);line-height:1.02;margin:8px 0 20px;letter-spacing:-.03em}.reel-screen>p:last-child{color:#b5c7d7;max-width:560px}.reel-controls{display:flex;justify-content:center;align-items:center;gap:18px;padding:18px;border-top:1px solid var(--line)}.reel-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#fff;cursor:pointer}.reel-dots{display:flex;gap:8px}.reel-dots span{width:28px;height:3px;background:#42566a}.reel-dots span.active{background:var(--gold)}.assignment-card{background:#f4f8fb;color:var(--ink);border-radius:var(--radius);padding:36px}.assignment-card .eyebrow{color:#2c659c}.assignment-card h3{font-size:32px;line-height:1.05;margin:0 0 30px}.assignment-card ol{list-style:none;padding:0;margin:0}.assignment-card li{display:grid;grid-template-columns:40px 1fr;gap:0 14px;padding:18px 0;border-top:1px solid #cad5df}.assignment-card li span{grid-row:1/3;color:#7890a5;font-size:12px}.assignment-card li strong{font-size:18px}.assignment-card li small{color:#6a7c8c}.text-link{display:inline-flex;gap:35px;margin-top:25px;color:#0b5cc7;font-weight:800;text-decoration:none;text-transform:uppercase;font-size:13px;letter-spacing:.08em}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-card{position:relative;min-height:190px;text-align:left;padding:24px;border:1px solid #c7d2dc;border-radius:14px;background:#f8fbfd;color:var(--ink);cursor:pointer;transition:.2s transform,.2s background}.process-card:not(:last-child):after{content:"→";position:absolute;right:-18px;top:50%;z-index:2;color:var(--blue);font-weight:900}.process-card:hover{transform:translateY(-4px)}.process-card.active{background:#0d2b49;color:#fff;border-color:#0d2b49}.process-card span,.process-card strong,.process-card small{display:block}.process-card span{font-size:12px;color:var(--blue);font-weight:800}.process-card.active span{color:var(--gold)}.process-card strong{font-size:22px;margin-top:38px}.process-card small{color:#758697}.process-detail{margin:16px 0 35px;padding:18px 24px;background:#dfeaf1;border-left:4px solid var(--blue);display:flex;gap:25px}.process-detail span{text-transform:uppercase;font-size:12px;font-weight:800;color:#5e7386}.process-detail p{margin:0}.section blockquote{margin:40px 0 0;padding:28px;border-top:1px solid #b8c7d2;border-bottom:1px solid #b8c7d2;text-align:center;font-size:26px}.company-tabs{display:flex;border-bottom:1px solid var(--line)}.company-tab{padding:16px 28px;border:0;border-bottom:3px solid transparent;background:transparent;color:#91a6b9;font-weight:800;cursor:pointer}.company-tab.active{color:#fff;border-color:var(--gold)}.mapping-workspace{display:grid;grid-template-columns:300px 1fr;gap:22px;margin-top:28px}.name-bank,.mapping-board{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#0a1d31}.name-bank h3,.mapping-board h3{margin:0 0 22px;font-size:24px}.name-cards{display:grid;gap:10px}.name-card{padding:14px;border:1px solid #46617a;background:#122d48;color:#fff;border-radius:7px;text-align:left;font-weight:800;cursor:pointer}.name-card.selected{border-color:var(--gold);background:#23486a}.name-card.used{opacity:.36}.bank-help{font-size:13px;color:#91a5b8}.board-head{display:flex;justify-content:space-between;gap:15px}.status-chip{align-self:flex-start;border:1px solid #3d5870;padding:7px 11px;border-radius:999px;color:#9db0c1;font-size:12px}.drop-zones{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.drop-zone{min-height:115px;border:1px dashed #496177;border-radius:12px;padding:18px;text-align:left;background:#091827;color:#fff;cursor:pointer}.drop-zone span,.drop-zone small{display:block}.drop-zone span{font-size:12px;color:#8ca1b4}.drop-zone strong{display:block;margin:11px 0;font-size:18px}.drop-zone small{color:var(--gold);font-weight:800;min-height:21px}.drop-zone.filled{border-style:solid;border-color:#3b82f6;background:#102c47}.observation{margin-top:18px;padding:18px;border-left:3px solid var(--gold);background:#102943}.observation span{text-transform:uppercase;font-size:12px;color:var(--gold);font-weight:800}.observation p{margin:5px 0}.transaction{background:#0d2843}.transaction .section-head{margin-bottom:30px}.money-flow{display:grid;grid-template-columns:1fr auto 1fr 1fr;align-items:stretch;gap:18px}.money-flow>div{padding:32px;border:1px solid var(--line);border-radius:14px}.money-flow span,.money-flow strong{display:block}.money-flow span{text-transform:uppercase;font-size:12px;letter-spacing:.12em;color:#a1b4c5}.money-flow strong{font-size:clamp(44px,6vw,76px);line-height:1}.money-flow i{align-self:center;font-size:32px;color:var(--cyan)}.money-flow .mismatch{border-color:var(--red)}.money-flow .difference{background:var(--red);border-color:var(--red)}.evidence-question{margin-top:24px;background:#eef4f8;color:var(--ink);border-radius:14px;padding:28px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.evidence-question p{font-size:22px;margin:0}.choice{min-width:100px;padding:12px 20px;border:1px solid #a7b7c5;background:#fff;color:var(--ink);font-weight:900;cursor:pointer}.feedback{margin-top:18px;padding:0;color:var(--muted);grid-column:1/-1}.feedback.good{padding:16px;border-left:4px solid #18a45b;background:#e7f6ee;color:#155a36}.feedback.bad{padding:16px;border-left:4px solid var(--red);background:#fae8e8;color:#7d2729}.call-card{max-width:900px;margin:auto;text-align:center}.call-card>p{font-size:clamp(24px,3vw,38px);line-height:1.2}.company-choice{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:34px 0}.company-choice button{padding:28px;border:1px solid #b8c5d0;background:#fff;border-radius:12px;font-size:22px;font-weight:900;cursor:pointer}.company-choice span{display:inline-grid;place-items:center;width:42px;height:42px;margin-right:12px;border-radius:50%;background:#dce7ef}.company-choice button.selected{background:#0d2b49;color:#fff;border-color:#0d2b49}.reason-panel{padding:25px;background:#fff;border:1px solid #c7d2dc;text-align:left;border-radius:12px}.reason-panel button{width:100%;padding:13px;text-align:left;border:0;border-top:1px solid #d8e0e6;background:#fff;cursor:pointer}.principle{background:linear-gradient(135deg,#081828,#0c2944);display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.principle-intro h2{font-size:clamp(52px,7vw,98px);line-height:.87;letter-spacing:-.06em;margin:0}.principle-intro>p:last-child{font-size:20px;color:#afc0cf}.duty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.duty-grid article{padding:28px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:14px}.duty-grid article span{color:var(--gold);font-size:12px}.duty-grid h3{font-size:24px;line-height:1.1}.duty-grid p{color:#c0cfdb}.duty-grid small{color:var(--cyan)}.core-message{grid-column:1/-1;margin:35px 0 0;padding-top:35px;border-top:1px solid var(--line);font-size:clamp(24px,3vw,40px);line-height:1.2;text-align:center}.core-message strong{color:var(--gold)}.recommendations{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.recommendation{padding:24px;border:1px solid #c3d0da;border-radius:12px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.recommendation strong{display:block;font-size:18px;margin-bottom:7px}.recommendation span{color:var(--muted)}.recommendation.selected{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}.purchase-case{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:35px;border:1px solid var(--line);border-radius:var(--radius);background:#0a1d31}.mini-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mini-flow span{padding:10px;background:#163754;border-radius:5px}.purchase-case label{display:block;font-weight:800;margin-bottom:10px}.purchase-case textarea,.reflection textarea{width:100%;border:1px solid #496177;background:#071525;color:#fff;border-radius:8px;padding:14px;resize:vertical}.quiz-form{display:grid;gap:16px;margin-bottom:25px}.quiz-item{padding:24px;background:#fff;border:1px solid #c7d2dc;border-radius:12px}.quiz-item fieldset{border:0;padding:0;margin:0}.quiz-item legend{font-weight:900;font-size:18px;margin-bottom:15px}.quiz-item label{display:block;padding:9px;border-top:1px solid #e1e7ec;cursor:pointer}.quiz-result{margin-top:20px}.quiz-result h3{font-size:32px;margin:0}.reflection{background:var(--gold);color:#182434;display:grid;grid-template-columns:1fr 1fr;gap:60px}.reflection h2{font-size:clamp(52px,7vw,92px);line-height:.9;letter-spacing:-.055em;margin:0}.reflection .eyebrow{color:#6b4a13}.reflection-fields label{display:block;text-transform:uppercase;font-weight:900;margin-bottom:20px}.reflection-fields label span{display:block;text-transform:none;font-weight:400;margin:3px 0 8px}.reflection textarea{background:rgba(255,255,255,.35);border-color:#9f762a;color:var(--ink)}.reflection .button.primary{background:var(--ink);border-color:var(--ink)}.vault{background:#e8eff4;color:var(--ink)}.vault-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vault-item{border:1px solid #c0ced8;border-radius:12px;background:#fff;overflow:hidden}.vault-item button{width:100%;padding:22px;display:flex;justify-content:space-between;border:0;background:#fff;font-weight:900;text-align:left;cursor:pointer}.vault-content{display:none;padding:0 22px 22px;color:#56697a}.vault-item.open .vault-content{display:block}.recap{position:relative;padding:clamp(90px,12vw,170px) clamp(24px,7vw,110px);background:#07111d;overflow:hidden}.recap h2{font-size:clamp(42px,6vw,82px);line-height:1.02;letter-spacing:-.045em;margin:0 0 48px;max-width:1050px}.case-closed{position:absolute;right:5vw;bottom:100px;border:4px solid var(--red);color:var(--red);padding:16px 24px;transform:rotate(-7deg);text-transform:uppercase;letter-spacing:.12em;text-align:center}.case-closed span,.case-closed strong{display:block}.case-closed strong{font-size:32px}footer{padding:25px clamp(24px,7vw,110px);display:flex;justify-content:space-between;color:#8398aa;font-size:13px;border-top:1px solid var(--line)}body.live-mode .revision-only{display:none!important}body.live-mode #vault,body.live-mode #quiz{display:none!important}@media(max-width:980px){.topbar nav{display:none;position:absolute;top:75px;left:0;right:0;padding:20px;background:var(--navy);flex-direction:column}.topbar nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.mode-button{display:none}.hero{grid-template-columns:1fr}.case-stack{display:none}.mission-layout,.principle,.reflection{grid-template-columns:1fr}.mapping-workspace{grid-template-columns:1fr}.process-track,.duty-grid{grid-template-columns:repeat(2,1fr)}.process-card:after{display:none}.principle{gap:40px}.case-meta{display:none}}@media(max-width:650px){.hero{min-height:720px;padding-top:70px}.hero h1{font-size:58px}.hero-actions .button{width:100%}.section-head{grid-template-columns:45px 1fr;gap:14px}.section-head h2{font-size:42px}.process-track,.drop-zones,.money-flow,.company-choice,.recommendations,.purchase-case,.vault-list,.duty-grid{grid-template-columns:1fr}.money-flow i{transform:rotate(90deg);justify-self:center}.evidence-question{grid-template-columns:1fr}.evidence-question>div{display:flex}.choice{flex:1}.principle-intro h2,.reflection h2{font-size:54px}.case-closed{position:static;display:inline-block;margin:20px 0 30px}footer{flex-direction:column;gap:5px}}