@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#fafaf7;--paper:#fff;--ink:#1c2525;--secondary:#5b6768;--muted:#899394;--line:#e4e8e5;--mint:#d4efe3;--blue:#d8e9f7;--orange:#f1ac88;--softorange:#ffebdf;--lime:#e5efba;--lavender:#e5ddf5;--sand:#f3e8d1;--radius:17px;--shadow:0 15px 55px rgba(22,38,35,.08);--font:'DM Sans','Noto Sans JP',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.75;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #79a7af;outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}.container{max-width:1200px;padding:0 32px;margin:auto}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:#ed9772;z-index:1000;transition:width .12s}
.site-header{position:sticky;top:0;z-index:50;background:rgba(250,250,247,.94);border-bottom:1px solid #e5e8e3;backdrop-filter:blur(12px)}.header-content{height:78px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;letter-spacing:-.9px;font-weight:800;white-space:nowrap;line-height:1}.brand-thin{font-weight:500;margin-left:2px}.brand-icon{width:34px;height:34px;display:grid;place-items:center;border:2.5px solid var(--ink);font-size:21px;font-weight:800;position:relative;border-radius:10px}.brand-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#ef9876;right:-4px;top:-3px;border:1px solid var(--bg)}.desktop-nav{display:flex;gap:28px;margin:auto;align-items:center}.desktop-nav a{font-size:12px;font-weight:700;white-space:nowrap;color:#596263;transition:color .2s}.desktop-nav a:hover{color:#df7550}.header-actions{display:flex;gap:15px;align-items:center}.header-free{font-size:10px;white-space:nowrap;letter-spacing:1.2px;font-weight:800;color:#9ca5a4}.button{border:1px solid var(--ink);font-size:13px;font-weight:800;display:inline-flex;gap:28px;justify-content:space-between;align-items:center;padding:15px 20px;border-radius:7px;transition:transform .2s,box-shadow .2s,background .2s;line-height:1.4}.button:hover{transform:translateY(-2px);box-shadow:0 8px 19px rgba(28,37,37,.14)}.button-dark{background:var(--ink);color:white}.button-outline{background:transparent;color:var(--ink)}.button-outline:hover{background:#f0f4ef}.button-sm{font-size:11px;padding:11px 14px;gap:14px}.mobile-menu,.mobile-nav{display:none}
.hero{padding-top:96px;padding-bottom:112px;display:grid;grid-template-columns:1.1fr .9fr;gap:58px;min-height:640px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:#657171;font-weight:800;letter-spacing:1.45px;font-size:10px;margin-bottom:34px}.eyebrow-line{height:2px;width:24px;background:#ed906b}.eyebrow-version{margin-left:5px;color:#a8b0af}.hero h1{font-weight:900;font-size:clamp(42px,4.3vw,68px);line-height:1.34;letter-spacing:-3.2px;margin:0 0 22px;white-space:nowrap}.hero h1 em{font-style:normal;position:relative;z-index:1;white-space:nowrap}.hero h1 em:before{content:"";background:var(--lime);height:17px;position:absolute;left:0;right:0;bottom:7px;z-index:-1;transform:rotate(-1.4deg)}.period{color:#ed9878}.hero-lead{font-size:17px;font-weight:800;margin:0 0 14px;letter-spacing:-.3px}.hero-description{font-size:13.3px;color:#677371;line-height:2.25;margin:0 0 30px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-note{color:#87918f;font-size:11px;margin-top:20px;display:flex;gap:9px;align-items:center;font-weight:600}.status-orb{width:8px;height:8px;border-radius:50%;background:#83b7a1;box-shadow:0 0 0 4px #e4f3e9}.note-separator{color:#d2d7d2}
.hero-art{height:480px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#f4f4ec 3%,transparent 70%)}.hero-art:before{position:absolute;inset:25px 10px;content:"";background-image:radial-gradient(#c7d2cb 1.1px,transparent 1.1px);background-size:19px 19px;opacity:.52;mask-image:radial-gradient(ellipse,black 30%,transparent 74%)}.art-label{position:absolute;font-size:10px;font-weight:800;letter-spacing:1.5px}.art-label-top{left:3%;top:8%;transform:rotate(-5deg)}.art-label-top span{color:#eaa17d;margin-left:8px;font-size:25px}.art-label-bottom{right:1%;bottom:5%;font-size:8px;color:#a6afab;transform:rotate(-4deg)}.art-dot{position:absolute;border-radius:50%}.dot-one{width:26px;height:26px;background:var(--orange);left:6%;bottom:25%}.dot-two{width:13px;height:13px;background:#d0def1;right:4%;top:20%}.dot-three{width:8px;height:8px;background:#8db5a8;right:17%;bottom:11%}.structure-card{position:relative;width:90%;max-width:440px;padding:26px 24px 22px;background:#fff;border:1px solid #d9e3dd;box-shadow:12px 12px 0 #dceee7,0 30px 80px rgba(36,68,61,.1);border-radius:13px;transform:rotate(-3deg)}.structure-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9ece9;padding-bottom:17px}.structure-top strong{display:block;font-size:18px;margin-top:6px;letter-spacing:-.6px}.mock-label{font-weight:800;color:#84918f;font-size:9px;letter-spacing:1.3px}.mock-icon{width:35px;height:35px;border:1px solid #d8e0dc;border-radius:50%;display:grid;place-items:center;font-size:19px}.tree-root{display:flex;justify-content:center;padding-top:22px}.tree-root>span{background:#283b37;border-radius:8px;padding:10px 36px;text-align:center;color:white;font-size:16px;font-weight:800}.tree-root small{display:block;color:#b3d2c1;letter-spacing:1px;font-weight:500;font-size:7px}.tree-stem{height:22px;border-left:2px solid #bacbc1;width:0;margin:auto}.tree-branches{position:relative;display:flex;align-items:center;justify-content:center;gap:13px;padding-top:12px}.tree-branches:before{content:"";position:absolute;border:2px solid #bacbc1;border-bottom:0;width:56%;height:12px;top:0;border-radius:7px 7px 0 0}.branch-card{border-radius:9px;padding:15px 17px;flex:1;min-height:116px}.branch-card>span{font-size:15px;font-weight:800}.branch-card small{display:block;color:#677b80;font-size:9px;letter-spacing:.2px}.branch-blue{background:#e0eef8}.branch-orange{background:#fce3d3}.branch-times{font-weight:900;font-size:23px}.branch-bars{height:37px;display:flex;align-items:flex-end;gap:5px;margin-top:7px}.branch-bars i{width:13px;background:#98c4dc;border-radius:2px 2px 0 0;height:38%}.branch-bars i:nth-child(2){height:58%}.branch-bars i:nth-child(3){height:76%}.branch-bars i:nth-child(4){height:95%;background:#4e95be}.branch-progress{margin-top:25px;height:8px;background:#edc2a6;border-radius:10px;overflow:hidden}.branch-progress span{display:block;width:75%;height:100%;background:#e9a177;border-radius:10px}.mock-footer{display:flex;align-items:center;gap:8px;margin-top:23px;background:#f6f8f5;padding:10px;font-size:10px;font-weight:700;color:#52655d;border-radius:6px}.spark{font-size:18px;color:#f2b477}.mock-footer-arrow{margin-left:auto;font-size:18px}.art-sticker{position:absolute;right:-1%;top:6%;background:#eeab85;color:#26312a;width:100px;height:100px;border-radius:50%;transform:rotate(13deg);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.25;font-size:14px;font-weight:600;border:4px solid var(--bg);box-shadow:0 6px 20px #0001}.art-sticker strong{font-size:16px}.art-sticker>span{position:absolute;bottom:11px;right:25px}
.microbar{background:#23332f;color:#f6f8f4}.microbar-inner{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-top:21px;padding-bottom:21px}.microbar-inner>div{font-size:11px;color:#dce5db;font-weight:600}.micro-index{color:#b7ddc9;font-weight:800;font-size:10px;letter-spacing:.7px;margin-right:10px}.microbar-last{letter-spacing:1.4px;font-size:9px!important;color:#acc8bd!important}
.section{padding-top:116px;padding-bottom:116px;scroll-margin-top:70px}.section-kicker{font-size:10px;font-weight:800;letter-spacing:1.2px;display:flex;gap:12px;align-items:center;color:#566762;margin-bottom:30px}.kicker-square{display:inline-block;width:9px;height:9px;background:#efaa88;transform:rotate(45deg)}.kicker-rule{width:44px;height:1px;background:#bdc9c2}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-head h2,.method-layout h2{font-size:clamp(32px,3.6vw,49px);font-weight:900;letter-spacing:-1.5px;line-height:1.48;margin:0 0 14px}.heading-accent{color:#668c7f}.section-head p{font-size:13px;color:#78827d;margin:0}.section-side-note{color:#9aa9a2;font-size:9px;font-weight:700;letter-spacing:1.2px;text-align:right;line-height:1.9}.section-side-note span{font-size:20px;color:#6a977e;margin-left:7px}
.roadmap-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.roadmap-card{display:flex;text-align:left;border:1px solid #e4e9e4;border-radius:11px;padding:24px 22px 20px;background:white;position:relative;min-height:300px;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s,border-color .2s}.roadmap-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#afc9b9}.step-pill{font-size:10px;font-weight:800;letter-spacing:1px;color:#43564d}.step-pill span{font-size:9px;margin-left:8px;color:#aab3ae}.roadmap-symbol{margin-top:17px;margin-bottom:19px;width:76px;height:73px;border-radius:20px 20px 22px 7px;display:flex;align-items:center;justify-content:center;font-size:39px;font-weight:800;position:relative}.symbol-coral{background:#ffe2d7;color:#c7785b}.symbol-coral i{position:absolute;font-size:17px;right:12px;top:0;transform:rotate(14deg)}.symbol-blue{background:var(--blue)}.symbol-lime{background:var(--lime);color:#829d50}.symbol-lavender{background:var(--lavender)}.symbol-sand{background:var(--sand)}.symbol-mint{background:var(--mint);color:#669b87}.small-star{font-size:15px;position:absolute;right:11px;top:5px}.mini-tree{position:relative;width:44px;height:42px;display:flex;justify-content:space-between;align-items:flex-end;border-top:3px solid #709bbb}.mini-tree:before{content:"";width:3px;height:20px;background:#709bbb;position:absolute;left:50%;top:-19px}.mini-tree b{width:12px;height:16px;border:3px solid #709bbb;border-radius:3px}.mini-bars{display:flex;align-items:flex-end;gap:5px;height:40px}.mini-bars b{width:10px;height:18px;background:#a499bf;border-radius:3px 3px 0 0}.mini-bars b:nth-child(2){height:29px}.mini-bars b:nth-child(3){height:38px}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;width:43px;height:43px}.mini-grid b{background:#d3b784;border-radius:2px}.mini-grid b:nth-child(2){background:#987b4c}.roadmap-content{display:flex;flex-direction:column;gap:7px}.chapter-no{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#a5b3aa}.roadmap-content strong{font-size:16px;letter-spacing:-.35px}.roadmap-content small{font-size:11px;color:#87938d;line-height:1.7}.chapter-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.chapter-tags span{font-size:9px;color:#718077;background:#f2f5f1;padding:3px 8px;border-radius:3px;font-weight:600}.roadmap-arrow{position:absolute;right:21px;bottom:20px;font-size:21px;font-weight:600}.roadmap-annotation{font-size:11px;color:#9aa59c;margin:22px 0 0}.roadmap-annotation span{color:#d38f72;font-size:18px}
.section-lab{background:#f1f4ef;border-block:1px solid #e3e8de}.handwritten{font-family:cursive;color:#c18163;font-size:26px;transform:rotate(-9deg);white-space:nowrap}.lab-tabs{display:flex;gap:8px;margin-bottom:0}.lab-tab{border:1px solid #dfe6dc;border-radius:9px 9px 0 0;background:#e8ede5;color:#7a877c;padding:16px 22px;font-size:12px;font-weight:800;transition:background .2s}.lab-tab.active{background:#fff;color:#26372f;border-bottom-color:#fff}.lab-panel{display:none;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #dfe6dc;border-radius:0 13px 13px 13px;overflow:hidden;min-height:465px}.lab-panel.active{display:grid}.lab-explain{padding:48px 40px}.lab-count{font-size:10px;color:#81a18f;font-weight:800;letter-spacing:1.5px}.lab-explain h3{font-weight:900;font-size:26px;line-height:1.6;letter-spacing:-.8px;margin:19px 0 13px}.lab-explain>p{font-size:12.5px;color:#78847d;line-height:2.1;margin-bottom:28px}.formula{padding:15px;display:flex;gap:9px;align-items:center;background:#f5f7f2;border:1px solid #e4eae1;border-radius:9px;flex-wrap:wrap;font-weight:800;font-size:12px}.formula span{background:#fff;border:1px solid #dfe8df;padding:7px 10px;border-radius:6px}.formula b{color:#87a993}.insight{border-left:3px solid #edab8a;padding-left:15px;margin-top:30px}.insight span{font-size:10px;letter-spacing:1px;color:#d68c6b;font-weight:900}.insight p{font-size:12px;line-height:2;color:#697a70;margin:5px 0}.lab-workbench{background:#f9fbf8;border-left:1px solid #e8eee6;padding:29px 31px 22px}.bench-head{display:flex;justify-content:space-between;align-items:center;color:#87948b;font-size:10px;font-weight:800;letter-spacing:1.2px;margin-bottom:26px}.live-label{color:#82ac90}.live-label i{display:inline-block;height:7px;width:7px;border-radius:50%;background:#74b18e;margin-right:5px}.slider-group{margin:22px 0}.slider-header{display:flex;justify-content:space-between;align-items:baseline}.slider-header label{font-size:12px;font-weight:800}.slider-header strong{font-size:22px;font-weight:800;letter-spacing:-.6px}.slider-header strong small{font-size:11px;color:#8d9a90}.slider-group input{width:100%;accent-color:#769c88;margin-top:12px;cursor:grab}.range-limits{display:flex;justify-content:space-between;font-size:9px;color:#99a49c}.result-card{margin-top:28px;background:#e1efe4;border:1px solid #d1e2d5;border-radius:9px;padding:17px 20px}.result-card>span{font-size:10px;letter-spacing:.7px;color:#5f8d74;font-weight:800}.result-number{display:flex;align-items:center;gap:18px;justify-content:space-between}.result-number>strong{font-size:33px;font-weight:900;letter-spacing:-1px}.result-number>strong span{font-size:14px;margin-left:3px}.delta-chip{font-size:11px!important;padding:4px 7px;border-radius:5px;background:#fbfffb;color:#528261!important;letter-spacing:0!important;white-space:nowrap}.comparison{margin-top:10px;display:flex;flex-direction:column;gap:8px}.baseline,.currentline{display:flex;align-items:center;gap:10px}.baseline span,.currentline span{font-size:9px;width:59px;white-space:nowrap;color:#769482}.baseline i,.currentline i{display:block;height:7px;background:#bfd7c5;border-radius:5px;width:25%}.currentline i{background:#719c7c;width:25%;transition:width .25s}.text-button{background:none;border:0;padding:13px 0 0;font-size:11px;font-weight:700;color:#8a978d}.text-button:hover{color:#2f5f46}.fermi-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fermi-fields label{font-size:11px;font-weight:800;color:#596e63}.fermi-fields label>div{display:flex;border:1px solid #dce7dd;border-radius:7px;background:white;align-items:center;margin-top:5px;overflow:hidden}.fermi-fields input{min-width:0;width:100%;padding:12px;border:0;background:transparent;font-size:16px;font-weight:800;outline:none}.fermi-fields label span{white-space:nowrap;color:#9ca79e;padding-right:10px;font-size:10px}.fermi-sub{font-size:10px;color:#63836b}.sensitivity{margin-top:15px}.sensitivity-row{display:flex;align-items:center;gap:9px;font-size:10px;color:#77847b;margin-top:5px}.sensitivity-row span{width:72px;flex-shrink:0}.sensitivity-row i{height:8px;background:#a9c7b0;display:block;border-radius:3px}.sensitivity-row b{font-size:10px;white-space:nowrap}.matrix{padding:5px 4px 0 25px;position:relative}.axis-y{position:absolute;left:-12px;top:126px;transform:rotate(-90deg);font-size:9px;color:#83998a;font-weight:800;letter-spacing:1px}.axis-x{text-align:center;color:#83998a;font-size:9px;font-weight:800;letter-spacing:1px;margin-top:6px}.matrix-grid{height:258px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;position:relative;border:1px solid #acc4b2;background:#f5f9f3}.quadrant{padding:12px;color:#8da395;font-size:10px;font-weight:700;border-right:1px dashed #c0d1c3;border-bottom:1px dashed #c0d1c3}.quadrant:nth-child(even){border-right:0}.quadrant:nth-child(n+3){border-bottom:0}.quadrant.featured{background:#e3f2e5;color:#6e9478}.quadrant.muted{background:#f0f1ed}.matrix-point{position:absolute;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;width:31px;height:31px;background:#618a78;color:white;font-size:11px;font-weight:800;box-shadow:0 2px 7px #0002;transition:transform .15s,background .15s}.matrix-point.active,.matrix-point:hover{background:#dd8f6e;transform:translate(-50%,-50%) scale(1.18)}.priority-detail{margin-top:18px;background:#fff;border:1px solid #e3e9e4;padding:13px 17px;border-radius:7px}.priority-detail span{font-size:10px;color:#d08e70;font-weight:800;margin-right:7px}.priority-detail strong{font-size:13px}.priority-detail p{font-size:11px;color:#89958c;margin:4px 0 0;line-height:1.65}
.completion-box{text-align:center;border:1px solid #e0e8e0;background:#f2f7f0;padding:13px 22px;border-radius:9px}.completion-box strong{font-size:24px;display:block;line-height:1.2}.completion-box strong span{font-size:13px;color:#98a69b}.completion-box small{font-size:10px;color:#77877b;font-weight:700}.practice-controls{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:22px}.filter-pills{display:flex;flex-wrap:wrap;gap:7px}.filter-button{border:1px solid #e0e6df;padding:10px 14px;border-radius:6px;color:#7e8982;background:#fff;font-weight:700;font-size:11px;white-space:nowrap}.filter-button span{color:#a8ada9;margin-left:5px}.filter-button.active{background:#2d4037;border-color:#2d4037;color:#fff}.search-field{border:1px solid #e0e6df;background:white;padding:8px 12px;display:flex;align-items:center;gap:6px;border-radius:7px;min-width:210px}.search-field span{font-size:24px;color:#8a9790;line-height:1}.search-field input{border:0;width:100%;outline:none;background:transparent;color:#293932;font-size:11px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.case-card{text-align:left;background:white;border:1px solid #e2e8e0;border-radius:10px;padding:20px 20px 18px;display:flex;flex-direction:column;align-items:flex-start;min-height:238px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.case-card:hover{transform:translateY(-4px);border-color:#b0c5b4;box-shadow:var(--shadow)}.case-card-top{width:100%;display:flex;justify-content:space-between;align-items:center}.case-id{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#b4bdb6}.case-category{font-size:10px;font-weight:800;padding:4px 9px;border-radius:4px;color:#6e8c7a;background:#e8f3e8}.category-fermi{background:#e9ecfb;color:#6972ad}.category-growth{background:#fff0e6;color:#b57b5f}.category-profit{background:#e9f2e9;color:#669175}.category-strategy{background:#f4eafa;color:#9676aa}.case-card h3{font-weight:800;font-size:16px;line-height:1.75;letter-spacing:-.35px;margin:19px 0 10px;max-width:95%}.case-card p{font-size:11px;color:#89938e;line-height:1.8;margin:0 0 25px}.case-card-bottom{margin-top:auto;display:flex;align-items:center;gap:8px;color:#8d9a90;font-size:10px;font-weight:600;width:100%}.difficulty{display:flex;gap:3px;align-items:center}.difficulty i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#e4e9e4}.difficulty i.on{background:#e8a07b}.case-start{margin-left:auto;color:#2f5540;font-size:11px;font-weight:800}.done-flag{position:absolute;right:17px;bottom:55px;font-size:10px;color:#538e6e;font-weight:800}.empty-state{padding:40px;text-align:center;color:#8f9b92;font-size:13px}.case-disclaimer{color:#9aa69d;font-size:10px;margin-top:21px}
.section-method{background:#e6efe8}.method-layout{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.method-layout h2{margin-bottom:16px}.method-lead{font-size:13px;color:#718478;line-height:2.2;margin:0 0 25px}.method-list>div{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid #cbded0;align-items:flex-start}.method-list>div:first-child{border-top:1px solid #cbded0}.method-list>div>span{font-size:11px;color:#9cb2a4;letter-spacing:1px;font-weight:800;padding-top:4px}.method-list>div>div{flex:1}.method-list h3{font-size:19px;letter-spacing:.1px;margin:0;font-weight:800}.method-list h3 small{margin-left:8px;font-size:10px;color:#8c9d8f;letter-spacing:0}.method-list p{font-size:11px;color:#74897a;margin:5px 0 0;line-height:1.8}.method-list b{color:#90a997}.footer{background:#21332b;color:#eaf1eb}.footer-upper{display:flex;justify-content:space-between;align-items:flex-start;padding-top:67px;padding-bottom:62px}.footer-brand .brand-icon{border-color:#eef5ef}.footer-brand .brand-dot{border-color:#21332b}.footer-upper p{font-size:11px;color:#b7c8bc;margin:17px 0 0;line-height:2}.backtop{border:1px solid #506559;padding:11px 16px;border-radius:6px;font-size:10px;letter-spacing:1px;font-weight:800}.footer-bottom{border-top:1px solid #425449;padding-top:21px;padding-bottom:22px;display:flex;justify-content:space-between;gap:10px;color:#91a69b;font-size:9px}
.dialog-backdrop{position:fixed;inset:0;z-index:500;background:rgba(18,32,26,.65);display:flex;justify-content:center;align-items:center;padding:18px;backdrop-filter:blur(4px)}.dialog-backdrop[hidden]{display:none}.content-dialog{background:#fff;border-radius:14px;width:min(100%,720px);max-height:min(88vh,900px);overflow-y:auto;padding:31px 35px 38px;box-shadow:0 30px 100px #0004}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.dialog-overline{color:#829789;font-size:10px;font-weight:800;letter-spacing:1.3px}.dialog-close{border:1px solid #e2e9e2;background:#f6f8f5;border-radius:50%;width:37px;height:37px;font-size:24px;line-height:1}.dialog-heading{font-size:27px;line-height:1.5;font-weight:900;letter-spacing:-.7px;margin:0 0 12px}.dialog-summary{font-size:13px;color:#657b6d;line-height:2;margin:0 0 20px}.lesson-section{margin-top:23px}.lesson-section h4,.case-dialog h4{font-size:12px;color:#7e987f;letter-spacing:1px;margin:0 0 12px;font-weight:900}.lesson-key{background:#f0f5ed;padding:19px 21px;font-size:15px;font-weight:800;border-left:4px solid #8fb8a1;border-radius:6px;line-height:1.9}.lesson-illustration{background:#faf9f4;border-radius:10px;padding:21px 15px;margin:20px 0;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.diagram-node{padding:13px 18px;border-radius:6px;background:#e0eee4;font-weight:800;font-size:12px;text-align:center}.diagram-node.secondary{background:#e9f0fa}.diagram-node.tertiary{background:#ffe9de}.diagram-arrow{font-size:23px;color:#97a59c}.lesson-list{margin:10px 0;padding-left:23px;font-size:12px;color:#5f7265;line-height:2.2}.lesson-footer{font-size:11px;background:#fff5eb;border-left:3px solid #e8ad7b;padding:14px 17px;margin-top:25px;line-height:1.9}.dialog-action{margin-top:18px}.case-badges{display:flex;gap:8px;margin-bottom:15px}.case-badges span{font-size:10px;padding:5px 10px;border-radius:4px;background:#edf4e9;color:#60816b;font-weight:800}.case-prompt{background:#f3f7f2;padding:19px 21px;border-left:4px solid #86ae90;border-radius:6px;font-size:14px;line-height:1.9;font-weight:700}.case-dialog h4{margin-top:27px}.timer-bar{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e6ede5}.timer-clock{font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;letter-spacing:1px}.timer-bar button{border:1px solid #d7e2d7;background:white;border-radius:5px;padding:6px 12px;font-size:11px;font-weight:800}.timer-hint{margin-left:auto;font-size:10px;color:#98a398}.case-notes{width:100%;resize:vertical;min-height:145px;border:1px solid #dfe8de;background:#fcfdfa;border-radius:7px;padding:15px;font-size:13px;color:#293932;line-height:1.8}.hint-box{margin-top:11px;background:#fff7ed;padding:13px;border-radius:7px;font-size:12px;line-height:1.9;color:#846c54}.review-box{background:#f0f6ee;border:1px solid #deeadb;padding:18px;border-radius:8px;margin-top:14px;font-size:12px;line-height:2}.review-box ol{padding-left:20px;margin:5px 0}.review-box li{margin:3px 0}.review-box p{margin:8px 0}.review-box strong{color:#4c7058}.review-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.review-actions button{border:1px solid #d7e2d7;background:#fff;border-radius:7px;padding:10px 15px;font-size:11px;font-weight:800}.review-actions .primary-action{background:#253d2f;color:#fff;border-color:#253d2f}.review-actions .marked{background:#e2f2e2;color:#4c8158}.toast{position:fixed;bottom:25px;right:25px;padding:13px 21px;background:#20382c;color:white;border-radius:8px;z-index:1001;font-size:12px;box-shadow:var(--shadow)}.toast[hidden]{display:none}
@media(max-width:1050px){.desktop-nav{gap:14px}.header-free{display:none}.hero{gap:20px}.hero h1{font-size:51px}.roadmap-track,.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-layout{gap:40px}.microbar-last{display:none}.lab-explain{padding:35px 25px}.lab-workbench{padding:26px 22px}}
@media(max-width:760px){.container{padding-left:21px;padding-right:21px}.header-content{height:67px}.brand{font-size:18px}.desktop-nav,.header-actions>.button,.header-free{display:none}.mobile-menu{display:block;border:1px solid #dce5df;padding:4px 10px;border-radius:6px;background:transparent;font-size:24px}.mobile-nav{display:none;flex-direction:column;border-top:1px solid #e5e9e5;padding:12px 21px 20px;gap:5px}.mobile-nav.open{display:flex}.mobile-nav a{font-size:14px;padding:10px;border-bottom:1px solid #e6eae6;font-weight:700}.hero{padding-top:60px;padding-bottom:68px;display:flex;flex-direction:column;align-items:stretch;gap:25px;min-height:auto}.hero h1{font-size:clamp(38px,9vw,55px);letter-spacing:-2.3px}.eyebrow{font-size:8px;margin-bottom:22px}.hero-description br{display:none}.hero-art{height:385px;margin-inline:0}.structure-card{transform:rotate(-2deg);width:85%;padding:19px}.structure-top strong{font-size:15px}.art-sticker{width:78px;height:78px;font-size:11px;right:0}.art-sticker strong{font-size:12px}.branch-card{padding:10px;min-height:103px}.branch-card>span{font-size:13px}.microbar-inner{padding-top:16px;padding-bottom:16px;justify-content:flex-start;gap:19px;overflow:auto}.microbar-inner>div{white-space:nowrap;font-size:9px}.micro-index{font-size:8px;margin-right:4px}.section{padding-top:70px;padding-bottom:70px}.section-head{align-items:start;gap:15px;margin-bottom:30px}.section-head h2,.method-layout h2{font-size:35px}.section-side-note,.handwritten{display:none}.roadmap-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.roadmap-card{min-height:290px;padding:18px 14px}.roadmap-content strong{font-size:14px}.roadmap-content small{font-size:10px}.roadmap-symbol{width:65px;height:60px;margin:17px 0}.roadmap-arrow{right:14px;bottom:14px}.lab-tabs{overflow:auto}.lab-tab{padding:12px 15px;white-space:nowrap;font-size:10px}.lab-panel.active{display:block}.lab-explain{padding:30px 22px}.lab-workbench{border-left:none;border-top:1px solid #e8eee6;padding:25px 22px}.lab-explain h3{font-size:22px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.case-card{padding:16px;min-height:240px}.case-card h3{font-size:14px}.practice-controls{display:block}.filter-pills{margin-bottom:12px}.search-field{min-width:0}.method-layout{display:block}.method-list{margin-top:40px}.footer-upper{padding-top:45px;padding-bottom:40px}.footer-bottom{flex-direction:column}.content-dialog{padding:22px 19px 29px}.dialog-heading{font-size:22px}}
@media(max-width:480px){.hero h1{font-size:39px}.hero-lead{font-size:15px}.hero-buttons{gap:9px}.hero-buttons .button{width:100%}.hero-art{height:335px}.structure-card{width:92%}.roadmap-track,.case-grid{grid-template-columns:1fr}.roadmap-card{min-height:210px;padding:20px 20px 20px 125px;justify-content:center}.roadmap-card .step-pill{position:absolute;top:20px;left:20px}.roadmap-symbol{position:absolute;left:20px;top:64px;margin:0}.roadmap-content{margin-top:26px}.roadmap-content strong{font-size:15px}.chapter-tags{margin-top:6px}.case-card{min-height:190px}.case-card h3{margin-top:12px}.case-card p{margin-bottom:14px}.section-head h2{font-size:32px}.completion-box{padding:10px}.completion-box strong{font-size:19px}.completion-box small{font-size:8px}.formula{font-size:10px;gap:4px;padding:8px}.formula span{padding:5px}.fermi-fields{gap:9px}.footer-brand{font-size:17px}.review-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}