:root{--ink:#17201d;--muted:#66716d;--line:#dce2df;--paper:#f6f8f6;--white:#fff;--orange:#ef6c2c;--orange-dark:#b94716;--orange-soft:#fff0e8;--teal:#0c8d82;--teal-soft:#e5f5f2;--red:#c93e36;--red-soft:#fff0ee;--yellow:#e9b949;--shadow:0 16px 50px rgba(26,39,34,.1);--radius:6px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",sans-serif;letter-spacing:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.topbar{height:72px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;gap:36px;position:sticky;top:0;background:rgba(246,248,246,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:40}.brand{display:flex;align-items:center;gap:10px;font-size:14px;white-space:nowrap}.brand b{color:var(--muted);font-weight:500}.brand-mark{width:32px;height:32px;background:var(--ink);color:white;display:grid;place-items:center;border-radius:50%;font:700 15px "Roboto Mono"}.topbar nav{display:flex;gap:24px;margin-right:auto}.topbar nav a{font-size:13px;color:var(--muted)}.topbar nav a:hover{color:var(--orange-dark)}.progress-mini{display:flex;align-items:center;gap:10px;font:600 11px "Roboto Mono"}.progress-track{display:block;width:92px;height:5px;background:#d8deda;overflow:hidden;border-radius:5px}.progress-track span{display:block;height:100%;width:0;background:var(--teal);transition:width .25s}.hero{min-height:calc(100vh - 72px);max-height:800px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1.15fr);align-items:center;padding:58px clamp(24px,6vw,96px) 72px;gap:24px;background:var(--white);overflow:hidden}.hero-copy,.hero-visual{min-width:0}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 14px;color:var(--orange-dark);font:600 11px "Roboto Mono";letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(48px,5vw,78px);line-height:1.08;margin:0 0 24px;font-weight:800;letter-spacing:0}.lead{font-size:17px;line-height:1.9;color:#52605b;max-width:640px;overflow-wrap:anywhere}.hero-actions{display:flex;gap:10px;margin:30px 0}.button{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:600;background:transparent}.button svg{width:16px}.button.primary{background:var(--ink);color:white}.button.primary:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.button.secondary:hover{border-color:var(--orange-dark);color:var(--orange-dark)}.button.small{min-height:38px}.truth-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted)}.truth-strip b{font:700 18px "Roboto Mono";color:var(--ink);margin-right:4px}.hero-visual{position:relative;height:min(66vw,680px);display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:82%;aspect-ratio:1;border:1px solid var(--line);border-radius:50%}.hero-visual:after{content:"";position:absolute;width:58%;aspect-ratio:1;border:1px dashed #c6ceca;border-radius:50%}.hero-visual img{position:relative;z-index:2;width:min(92%,760px);max-height:620px;object-fit:contain;filter:drop-shadow(0 34px 30px rgba(33,39,37,.18))}.spec-label{position:absolute;z-index:3;max-width:150px;background:rgba(255,255,255,.94);border:1px solid var(--line);padding:8px 12px;font-size:11px;box-shadow:0 8px 20px rgba(0,0,0,.05)}.spec-label span{color:var(--orange-dark);font:600 10px "Roboto Mono";margin-right:7px}.spec-a{left:2%;top:23%}.spec-b{right:3%;top:36%}.spec-c{right:14%;bottom:13%}.start-band{background:var(--ink);color:white;padding:58px clamp(24px,6vw,96px)}.section-heading{max-width:820px;margin-bottom:34px}.section-heading.compact{margin-bottom:26px}.section-heading h2{font-size:clamp(28px,3vw,44px);line-height:1.25;margin:0 0 14px;letter-spacing:0}.section-heading>p:last-child{color:var(--muted);line-height:1.8;margin:0}.start-band .section-heading>p:last-child{color:#aeb9b4}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#44504b;border:1px solid #44504b}.entry{position:relative;min-height:150px;padding:28px;text-align:left;border:0;background:#202a26;color:white;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start}.entry:hover{background:#29342f}.entry svg{width:23px;color:#f38a54;margin-bottom:23px}.entry strong{font-size:16px;margin-bottom:7px}.entry small{color:#aeb9b4;line-height:1.6}.entry-no{position:absolute;right:22px;top:20px;font:700 12px "Roboto Mono";color:#76817c}.content-section{padding:100px clamp(24px,7vw,112px);max-width:1500px;margin:auto}.concept-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.75fr);gap:30px;align-items:stretch}.concept-figure{margin:0;background:white;border:1px solid var(--line);padding:12px}.concept-figure img{width:100%;display:block;aspect-ratio:3/1.75;object-fit:cover}.concept-figure figcaption{font-size:11px;color:var(--muted);padding:10px 4px 2px}.causal-chain{background:var(--ink);color:white;padding:28px;display:flex;flex-direction:column;justify-content:center}.causal-chain>div{display:flex;gap:14px;align-items:center}.causal-chain b{width:32px;height:32px;border:1px solid #53615b;display:grid;place-items:center;font:600 12px "Roboto Mono";color:#ff9560}.causal-chain span{display:flex;flex-direction:column}.causal-chain strong{font-size:14px}.causal-chain small{color:#9daba5;margin-top:3px}.causal-chain>svg{height:24px;width:16px;margin:4px 8px;color:#62716a}.teach-back{margin-top:22px;border-left:4px solid var(--orange);background:var(--orange-soft);padding:20px 22px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center}.teach-back>svg{color:var(--orange-dark)}.teach-back strong{font-size:14px}.teach-back p{font-size:13px;color:#6c5548;margin:4px 0 0;line-height:1.7}.text-button{border:0;background:transparent;color:var(--orange-dark);font-size:12px;font-weight:700;cursor:pointer}.reveal-panel{padding:16px 22px;background:#fff8f4;border-left:4px solid #f5b28f;color:#694c3e;font-size:13px}.prep-grid{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);background:white}.prep-column{padding:30px}.prep-column+ .prep-column{border-left:1px solid var(--line)}.prep-column h3{display:flex;align-items:center;gap:9px;margin:0 0 24px;font-size:17px}.prep-column h3 svg{width:19px;color:var(--orange-dark)}.file-dictionary{margin:0}.file-dictionary div{display:grid;grid-template-columns:70px 1fr;padding:15px 0;border-top:1px solid var(--line)}.file-dictionary dt{font:700 13px "Roboto Mono";color:var(--orange-dark)}.file-dictionary dd{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.tool-list{list-style:none;padding:0;margin:0}.tool-list li{padding:14px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.tool-list span{display:inline-block;min-width:78px;color:var(--ink);font-weight:700}.micro-tip{margin-top:22px;background:var(--teal-soft);padding:15px;display:flex;gap:10px;font-size:12px;line-height:1.7;color:#39645e}.micro-tip svg{width:18px;flex:none}.warning-band{margin-top:18px;background:var(--red-soft);border:1px solid #efc6c2;padding:20px 24px;display:flex;gap:16px}.warning-band svg{color:var(--red);flex:none}.warning-band strong{font-size:14px}.warning-band p{font-size:13px;line-height:1.75;color:#75504c;margin:5px 0 0}.roadmap{background:white;max-width:none}.roadmap>*{max-width:1280px;margin-left:auto;margin-right:auto}.split-heading{display:flex;max-width:1280px;justify-content:space-between;align-items:end}.stage-rail{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);margin-bottom:24px}.stage-rail button{padding:14px 8px;border:0;border-right:1px solid var(--line);background:#fafbfa;cursor:pointer;font-size:11px;color:var(--muted)}.stage-rail button:last-child{border-right:0}.stage-rail button:hover{background:var(--orange-soft);color:var(--orange-dark)}.stage-rail b{display:block;font:700 11px "Roboto Mono";color:var(--ink);margin-bottom:3px}.stage{border-top:1px solid var(--line)}.stage:last-child{border-bottom:1px solid var(--line)}.stage-head{width:100%;display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px 12px;border:0;background:white;text-align:left;cursor:pointer}.stage-head:hover{background:#fafbfa}.stage-index{font:700 23px "Roboto Mono";color:var(--orange)}.stage-title strong{display:block;font-size:18px}.stage-title small{display:block;color:var(--muted);margin-top:6px}.stage-meta{display:flex;gap:14px;align-items:center;font:600 11px "Roboto Mono";color:var(--muted)}.stage-meta svg{width:18px;transition:transform .2s}.stage.open .stage-meta svg{transform:rotate(180deg)}.stage-body{display:none;padding:0 12px 30px 100px}.stage.open .stage-body{display:block}.stage-explain{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.stage-explain div{padding:16px;background:var(--paper);font-size:13px;line-height:1.7}.stage-explain b{display:block;margin-bottom:4px}.stage-explain .pit{background:var(--red-soft);color:#724944}.step-list{border:1px solid var(--line)}.step-item{display:grid;grid-template-columns:auto 54px minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px;border-top:1px solid var(--line);background:white}.step-item:first-child{border-top:0}.step-item.completed{background:#f3faf8}.step-item input{position:absolute;opacity:0}.custom-check{width:22px;height:22px;border:1px solid #a9b4af;display:grid;place-items:center;cursor:pointer}.step-item input:checked+.custom-check{background:var(--teal);border-color:var(--teal)}.step-item input:checked+.custom-check:after{content:"✓";color:white;font-weight:800;font-size:13px}.step-no{font:700 12px "Roboto Mono";color:var(--orange-dark);padding-top:2px}.step-copy strong{font-size:14px;display:block}.step-copy p{font-size:12px;color:var(--muted);line-height:1.7;margin:5px 0 0}.step-tag{font-size:10px;padding:4px 7px;background:var(--orange-soft);color:var(--orange-dark);white-space:nowrap}.stage-done{margin-top:14px;padding:15px;border-left:3px solid var(--teal);background:var(--teal-soft);font-size:12px;color:#3b655f}.checkpoint{max-width:none;background:#edf1ee}.checkpoint>*{max-width:1280px;margin-left:auto;margin-right:auto}.loop-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ccd5d0;background:white}.loop-row>div{position:relative;padding:26px;border-right:1px solid var(--line);min-height:190px}.loop-row>div:last-child{border-right:0}.loop-row span{position:absolute;right:16px;top:14px;font:700 11px "Roboto Mono";color:#adb7b2}.loop-row svg{color:var(--orange-dark);margin-bottom:22px}.loop-row strong{display:block}.loop-row p{font-size:12px;line-height:1.7;color:var(--muted)}.diagnostic-tabs{display:flex;gap:8px;flex-wrap:wrap}.diag-tab{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;padding:11px 14px;cursor:pointer;font-size:13px}.diag-tab svg{width:17px}.diag-tab.active{background:var(--ink);color:white;border-color:var(--ink)}.diagnostic-result{margin-top:14px;border:1px solid var(--line);background:white;padding:28px}.diag-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.diag-flow div{position:relative;padding:0 25px;border-left:1px solid var(--line)}.diag-flow div:first-child{border-left:0;padding-left:0}.diag-flow div:not(:last-child):after{content:"→";position:absolute;right:-8px;top:0;color:var(--orange-dark);font-weight:800}.diag-flow b{display:block;font:700 11px "Roboto Mono";color:var(--orange-dark);margin-bottom:8px}.diag-flow strong{display:block;font-size:13px;margin-bottom:6px}.diag-flow p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.glossary{padding-top:40px}.glossary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.glossary details{border:1px solid var(--line);background:white;padding:18px}.glossary summary{cursor:pointer;font:700 13px "Roboto Mono";color:var(--orange-dark)}.glossary details p{font-size:12px;line-height:1.7;color:var(--muted);margin:14px 0 0}.resources{max-width:none;background:var(--ink);color:white}.resources>*{max-width:1280px;margin-left:auto;margin-right:auto}.resources .section-heading>p:last-child{color:#aeb9b4}.resource-list{border-top:1px solid #45514c}.resource-list a{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:16px;border-bottom:1px solid #45514c;padding:18px 4px}.resource-list a:hover{background:#202a26;padding-left:14px;padding-right:14px}.resource-list a>svg{color:#f08b59;width:19px}.resource-list span{display:flex;flex-direction:column}.resource-list strong{font-size:14px}.resource-list small{color:#9daba5;margin-top:4px}.resource-list b{font:600 10px "Roboto Mono";color:#f08b59;border:1px solid #784c37;padding:4px 7px}.source-note{display:flex;gap:12px;margin-top:28px;padding:18px;background:#202a26;color:#aeb9b4}.source-note svg{width:18px;flex:none;color:#f08b59}.source-note p{font-size:11px;line-height:1.8;margin:0}footer{height:90px;padding:0 clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);background:white}footer a{display:flex;gap:8px;align-items:center;color:var(--ink)}footer svg{width:15px}.mobile-progress{display:none}
@media(max-width:960px){.topbar nav{display:none}.progress-mini{margin-left:auto}.hero{grid-template-columns:1fr;max-height:none;min-height:0;padding-top:72px}.hero-visual{height:520px}.entry-grid{grid-template-columns:1fr}.entry{min-height:125px}.concept-layout{grid-template-columns:1fr}.causal-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:6px}.causal-chain>svg{transform:rotate(-90deg)}.prep-grid{grid-template-columns:1fr}.prep-column+ .prep-column{border-left:0;border-top:1px solid var(--line)}.stage-rail{grid-template-columns:repeat(3,1fr)}.stage-rail button:nth-child(3){border-right:0}.stage-rail button:nth-child(-n+3){border-bottom:1px solid var(--line)}.stage-body{padding-left:12px}.loop-row{grid-template-columns:repeat(2,1fr)}.loop-row>div:nth-child(2){border-right:0}.loop-row>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.diag-flow{grid-template-columns:1fr 1fr;gap:24px}.diag-flow div:nth-child(3){border-left:0;padding-left:0}.diag-flow div:after{display:none}.glossary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){html{scroll-padding-top:64px}.topbar{height:60px;padding:0 16px}.brand b{display:none}.progress-mini{display:none}.hero{padding:36px 20px 22px}.hero h1{font-size:38px;margin-bottom:17px}.lead{font-size:14px;line-height:1.7;margin-bottom:0}.hero-actions{flex-direction:column;align-items:stretch;margin:20px 0}.truth-strip{gap:8px;padding-top:14px}.truth-strip span{display:flex;min-width:0;flex-direction:column;font-size:10px}.truth-strip b{font-size:16px}.hero-visual{width:100%;height:235px}.hero-visual img{max-height:245px}.spec-label{max-width:108px;font-size:8px;padding:5px 6px;white-space:normal}.spec-label span{font-size:8px;margin-right:3px}.spec-a{left:0;top:12%}.spec-b{right:0;top:42%}.spec-c{right:4%;bottom:2%}.start-band,.content-section{padding:64px 20px}.section-heading h2{font-size:30px}.entry{padding:22px}.concept-figure img{aspect-ratio:1.2;object-position:center}.causal-chain{display:flex}.causal-chain>svg{transform:none}.teach-back{grid-template-columns:auto 1fr}.teach-back button{grid-column:2;justify-self:start;padding:0}.split-heading{align-items:start;gap:16px}.split-heading .button{width:40px;padding:0;font-size:0;flex:none}.stage-rail{grid-template-columns:repeat(2,1fr)}.stage-rail button{border-bottom:1px solid var(--line)}.stage-rail button:nth-child(2n){border-right:0}.stage-head{grid-template-columns:44px 1fr auto;padding:19px 4px}.stage-index{font-size:17px}.stage-title strong{font-size:15px}.stage-title small{font-size:11px;line-height:1.5}.stage-meta span{display:none}.stage-body{padding:0 4px 24px}.stage-explain{grid-template-columns:1fr}.step-item{grid-template-columns:auto 38px 1fr;padding:14px 10px}.step-tag{grid-column:3;justify-self:start}.loop-row{grid-template-columns:1fr}.loop-row>div{border-right:0;border-bottom:1px solid var(--line);min-height:0}.diagnostic-tabs{display:grid;grid-template-columns:1fr 1fr}.diag-tab{font-size:11px;padding:10px}.diag-flow{grid-template-columns:1fr}.diag-flow div,.diag-flow div:nth-child(3){border-left:3px solid var(--orange-soft);padding:0 0 18px 18px}.glossary-grid{grid-template-columns:1fr}.resource-list a{grid-template-columns:22px 1fr}.resource-list a>b{display:none}.resource-list small{line-height:1.5}.mobile-progress{display:flex;position:fixed;z-index:50;left:12px;right:12px;bottom:10px;background:var(--ink);color:white;align-items:center;justify-content:space-between;padding:10px 14px;box-shadow:var(--shadow);font:600 10px "Roboto Mono"}.mobile-progress .progress-track{width:40%}footer{padding-bottom:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}