@charset "UTF-8";
:root{--bg:#f5f7fa;--paper:#fff;--ink:#25354a;--muted:#748398;--blue:#4777c9;--line:#e3e9f1;--pale:#eef4fe;--radius:12px;--sidebar:218px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}img{display:block;max-width:100%}h1,h2,h3,h4,p,figure,blockquote{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #7da9ef;outline-offset:4px}button:hover,a:hover{color:var(--blue)}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;z-index:50;padding:10px;background:#fff}.skip:focus{top:5px}.topbar{position:sticky;top:0;z-index:10;height:62px;background:#ffffffed;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 32px;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;min-width:190px;font-weight:650;font-size:17px}.brand img{width:32px;height:32px;object-fit:cover;border-radius:9px}.brand small{font-size:10px;font-weight:500;color:#92a0b3;margin-left:5px;letter-spacing:1px}.top-label{font-size:11px;color:#8b98aa}.top-label i{font-style:normal;margin:0 14px;color:#c6ced8}.back-link{margin-left:auto;font-size:11px;color:#64788f}.back-link span{margin-left:12px}.page-shell{max-width:1536px;margin:auto;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);gap:34px;padding:0 34px 0 24px}.case-sidebar{position:sticky;top:62px;height:calc(100vh - 62px);display:flex;flex-direction:column;padding:28px 0 18px;border-right:1px solid var(--line)}.back-home{font-size:11px;color:#8997aa;padding:0 10px;margin-bottom:26px}.case-identity{display:flex;gap:10px;align-items:center;margin-bottom:29px}.identity-icon{display:grid;place-items:center;width:36px;height:39px;border:1px solid #dce7f8;border-radius:9px;background:#e9f0fd;color:#5680c0;font-weight:650}.case-identity b{font-size:13px}.case-identity small{display:block;font-size:9px;color:#93a0b1;margin-top:3px}.nav-label{font-size:10px;color:#9ba7b7;margin-bottom:13px;padding-left:10px}.chapter-nav{display:grid;gap:5px;padding-right:17px}.chapter-nav a{display:flex;gap:12px;align-items:center;padding:10px 10px;border-radius:6px;font-size:11px;color:#7a899e}.chapter-nav a>span{font-size:10px;color:#a8b4c6;font-variant-numeric:tabular-nums}.chapter-nav i{margin-left:auto;font-style:normal;font-size:19px;color:transparent;line-height:1}.chapter-nav a.active{background:#e7eefb;color:#4777bb}.chapter-nav a.active span{color:#7797c7}.chapter-nav a.active i{color:#6b94d4}.sidebar-note{margin:26px 24px 0 10px;padding-top:20px;border-top:1px solid var(--line)}.sidebar-note>span{font-size:10px;color:#9aa7b7}.sidebar-note p{font-size:11px;line-height:1.8;color:#8d9caf;margin-top:10px}.source-link{display:flex;gap:20px;font-size:10px;text-align:left;padding:12px 10px;margin-top:22px;color:#6b83a1}.sidebar-footer{font-size:8px;color:#a0acba;letter-spacing:.4px;margin-top:auto;padding:15px 10px 0}.sidebar-footer i{display:inline-block;background:#98b5db;width:5px;height:5px;border-radius:50%;margin-right:4px}main{min-width:0;padding-top:28px}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:26px;background:var(--paper);padding:28px 30px 0;border:1px solid var(--line);border-radius:var(--radius)}.eyebrow{font-size:10px;letter-spacing:1px;color:#8194ac;line-height:1.8}.eyebrow i{font-style:normal;color:#c0cad8;margin:0 8px}.status-dot{display:inline-block;width:5px;height:5px;background:#5e93d8;border-radius:50%;margin-right:4px}.hero h1{font-size:29px;line-height:1.35;letter-spacing:-1px;margin:12px 0 16px;font-weight:620}.hero h1>span{display:block;font-size:43px;font-weight:700;letter-spacing:-2px}.title-dot{color:#ddb357}.hero-lead{font-size:17px;line-height:1.65;color:#4f6178}.hero-lead strong{font-weight:600;color:#456caa}.hero-description{font-size:11px;line-height:1.9;color:#8693a4;margin:12px 0 19px;max-width:370px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:20px;border-radius:6px;font-size:10px;padding:9px 13px;white-space:nowrap}.button.primary{background:#30435e;color:#fff;border:1px solid #30435e}.button.primary:hover{background:#456083}.button.secondary{background:#f5f7fa;border:1px solid var(--line);color:#71829a}.hero-visual{display:flex;flex-direction:column;justify-content:center;min-width:0}.image-button{position:relative;display:block;width:100%;padding:0;overflow:hidden;cursor:zoom-in}.cover-image{border-radius:10px;background:#e7f0ff}.cover-image img{width:100%;height:237px;object-fit:cover;object-position:52% 50%}.zoom-label{position:absolute;right:10px;bottom:10px;display:block;font-size:9px;padding:4px 8px;border-radius:5px;background:#fffffff0;color:#4e6b92;border:1px solid #e5ebf5;box-shadow:0 2px 8px #233f6810;opacity:0;transition:opacity .15s}.image-button:hover .zoom-label,.image-button:focus-visible .zoom-label{opacity:1}.hero-formula{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:17px 3px 0;text-align:center}.hero-formula>div{flex:1}.hero-formula span{display:block;font-size:12px;font-weight:600}.hero-formula small{font-size:9px;color:#99a5b5}.hero-formula>b{font-size:14px;color:#b8c7dd;font-weight:400}.project-meta{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.2fr 1.2fr;border-top:1px solid var(--line);padding:16px 0 18px;gap:12px;margin-top:0}.project-meta span{font-size:9px;color:#a0acbc;display:block}.project-meta b{font-size:10px;font-weight:500;color:#75869d;display:block;margin-top:2px}.chapter{margin-top:40px;position:relative}.chapter-heading{display:flex;align-items:center;gap:13px;margin-bottom:15px}.chapter-no{display:grid;place-items:center;width:35px;height:42px;border-radius:7px;background:#eaf0fa;color:#86a1c6;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;flex-shrink:0}.chapter-heading h2{font-size:20px;font-weight:650;line-height:1.65;letter-spacing:-.4px}.chapter-heading h2>span{font-weight:400;color:#8291a5;margin-left:6px}.chapter-heading .eyebrow{font-size:9px;line-height:1.7;letter-spacing:.5px}.section-intro{font-size:12px;line-height:1.95;color:#7d8b9d;max-width:850px;margin-bottom:18px}.pain-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.pain-grid article{border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:17px 14px 15px;min-width:0}.pain-symbol{display:grid;place-items:center;color:#7898c5;font-size:19px;font-weight:500;width:30px;height:30px;background:#eef4ff;border-radius:7px;margin-bottom:12px}.pain-grid article:nth-child(2) .pain-symbol{color:#8b82ba;background:#f2effa}.pain-grid article:nth-child(3) .pain-symbol{color:#7b9ca4;background:#edf6f6}.pain-grid article:nth-child(4) .pain-symbol{color:#9a8b67;background:#f8f4e9}.pain-grid article:nth-child(5) .pain-symbol{color:#b78b81;background:#faf0ed}.pain-grid h3{font-size:12px;font-weight:600;margin-bottom:7px}.pain-grid p{font-size:10px;line-height:1.9;color:#8e9aab}.insight-strip{display:flex;gap:12px;align-items:center;border-left:3px solid #a7bfe3;padding:12px 15px;background:#edf2f9;margin-top:12px;border-radius:0 6px 6px 0;flex-wrap:wrap}.insight-strip>span{font-size:9px;color:#92a3bc}.insight-strip strong{font-size:12px;font-weight:550;color:#597399}.insight-strip p{font-size:10px;color:#8c9aaf}.why-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:15px}.why-comparison{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.why-comparison>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px 16px;border-top:1px solid #edf0f5;font-size:11px}.why-comparison>div>p:first-child{color:#8c98a9}.why-comparison>div>p:last-child{color:#607a9e}.why-comparison>.comparison-head{border:0;padding:11px 16px;background:#f0f4fa;font-size:10px;color:#7a8da8}.why-layout blockquote{border:1px solid #dce5f2;border-radius:9px;background:linear-gradient(135deg,#eaf0fb,#f1f4fa);padding:21px;display:flex;flex-direction:column;justify-content:center}.why-layout blockquote>span{font-size:9px;color:#899db9}.why-layout blockquote>p{font-size:19px;line-height:1.9;margin:10px 0 16px;color:#527098;font-weight:500}.why-layout blockquote footer{font-size:9px;color:#8195b0}.why-layout blockquote footer b{font-weight:400;color:#a4b4ca;margin:0 4px}.contribution{display:flex;align-items:baseline;gap:18px;padding:14px 2px 0;font-size:11px;color:#8393a8}.contribution>span{font-size:9px;white-space:nowrap;color:#93a3b9}.contribution b{font-weight:500;color:#637c9d}.build-card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.build-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line);background:#f9fafc;padding:7px;gap:5px}.build-tabs button{text-align:left;position:relative;padding:12px 10px 10px;border:1px solid transparent;border-radius:6px;line-height:1.5}.build-tabs button>span{font-size:9px;color:#a4b4c9;display:block;margin-bottom:4px}.build-tabs b{display:block;font-size:12px;font-weight:550;white-space:nowrap}.build-tabs small{display:block;font-size:9px;color:#9ba8b9;margin-top:3px}.build-tabs button[aria-selected="true"]{background:#eaf1fd;border-color:#d8e4f8;color:#5179b5}.build-tabs button[aria-selected="true"]>span{color:#84a1cd}.build-tabs button[aria-selected="true"] small{color:#7e9bc4}.stage-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:26px;padding:27px 26px;min-height:457px;align-items:start}.step-kicker{font-size:9px;color:#7f9ac0;letter-spacing:.4px}.stage-story h3{font-size:23px;line-height:1.55;font-weight:600;margin:10px 0 13px;letter-spacing:-.4px}.stage-story>p{font-size:11px;color:#8290a2;line-height:1.95}.stage-story ul{list-style:none;padding:0;margin:16px 0 0;font-size:10px;line-height:1.9;color:#8796a9}.stage-story ul li{padding:5px 0 5px 12px;position:relative;border-bottom:1px solid #f0f3f7}.stage-story ul li:before{content:"";width:3px;height:3px;border-radius:50%;background:#9eb8db;position:absolute;top:13px;left:0}.stage-story li b{font-weight:500;color:#627d9e}.stage-learning{margin-top:17px;background:#f3f6fb;padding:11px 12px;border-left:2px solid #bdcde5;border-radius:0 5px 5px 0}.stage-learning>span{font-size:9px;color:#8d9fb8}.stage-learning p{font-size:10px;color:#7c8fa9;line-height:1.9;margin-top:3px}.stage-learning b{font-weight:500;color:#5b789e}.stage-evidence{align-self:center;min-width:0}.screenshot{padding:8px;background:#eef2f8;border:1px solid #e3e9f2;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:300px}.screenshot img{max-height:344px;object-fit:contain;width:100%}.tall-shot img{max-height:365px}.wide-shot{min-height:210px}.wide-shot img{max-height:240px}.stage-evidence figcaption{font-size:9px;color:#8b9bb1;margin-top:9px;line-height:1.8}.stage-evidence figcaption>span{color:#a0acc0;border-right:1px solid #dfe5f0;margin-right:7px;padding-right:7px}.evidence-detail{padding:18px 15px;border:1px solid #e7ecf5;background:#f9fbfe;border-radius:7px;margin-top:17px}.evidence-detail b{font-size:11px;font-weight:500;color:#6e87ab}.evidence-detail p{font-size:10px;color:#96a2b3;margin-top:5px}.stage-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 25px;border-top:1px solid #ebeff5;background:#fcfdff}.stage-footer>span{font-size:9px;color:#a1b0c3}.stage-footer b{font-size:12px;color:#7e9fc9;font-weight:500}.stage-footer i{font-style:normal;margin-left:13px;font-size:9px;color:#a5afbd}.stage-footer button{font-size:10px;color:#6e88ad;padding:4px}.stage-footer button span{margin-left:14px}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:13px 0}.score-grid>div{padding:10px 3px;background:#f0f4fa;border-radius:5px;text-align:center}.score-grid b{display:block;font-size:23px;color:#6f91c1;font-weight:500;line-height:1.2}.score-grid b small{font-size:9px;margin-left:2px;color:#9aadc7}.score-grid span{display:block;font-size:9px;color:#788ca9;margin-top:5px}.score-grid>div>small{font-size:7px;color:#9eafc4;display:block;white-space:nowrap}.mini-flow{list-style:none;display:flex;gap:6px;padding:0;margin:17px 0 13px}.mini-flow li{font-size:9px;padding:7px 5px;background:#eff4fc;color:#6e88af;position:relative;flex:1;text-align:center;border-radius:4px;white-space:nowrap}.mini-flow li+li:before{content:"→";position:absolute;left:-6px;color:#94b2dd}.stage-story>.source-boundary{font-size:10px;color:#92a0b2}.sheet-list{padding:10px 0 0}.sheet-list span{font-size:9px;color:#8b9fb8}.sheet-list p{font-size:10px;color:#7187a6;line-height:1.9;margin-top:2px}.task-quote{margin-top:15px;border:1px solid #e4eaf3;border-radius:6px;padding:11px 13px;font-size:12px;color:#6383b0;background:#f7faff}.task-quote small{display:block;font-size:9px;color:#9eafc7;margin-top:3px}.subhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.small-label{font-size:9px;letter-spacing:.7px;color:#8b9db5}.subhead h3{font-size:16px;font-weight:550;margin-top:3px;color:#526b8c}.text-button{font-size:10px;white-space:nowrap;color:#8197b6}.architecture-card{padding:22px 24px 0;background:#fff;border:1px solid var(--line);border-radius:10px}.organization-image{background:#e6edfb;border:1px solid #e0e6f6;border-radius:8px}.organization-image img{width:100%;height:auto}.role-layers{display:grid;grid-template-columns:.82fr 1.05fr 1.15fr;gap:18px;padding:18px 0 21px}.role-layers>div{display:flex;gap:9px;align-items:start;min-width:0}.layer-tag{white-space:nowrap;font-size:8px;padding:2px 5px;border-radius:4px;border:1px solid #dfe7f5;background:#f1f5fd;color:#7d96be;margin-top:1px}.layer-tag.ai{background:#f2effb;border-color:#e6e0f5;color:#9c8bbf}.layer-tag.team{background:#f8f4eb;border-color:#eee6d4;color:#b39d75}.role-layers p{font-size:10px;line-height:1.8;color:#7286a0}.role-layers b{font-weight:500}.role-layers small{display:block;font-size:8px;color:#9ba8bb;margin-top:2px}.tools-heading{margin:26px 0 13px;padding:0 2px}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:9px}.tool-card>img{width:100%;height:auto;aspect-ratio:308/144;object-fit:cover}.tool-card>div{padding:16px 18px 17px;position:relative}.tool-letter{position:absolute;right:17px;top:17px;font-size:24px;line-height:1;color:#e0e9f8;font-weight:500}.product-tool .tool-letter{color:#ece4f8}.performance-tool .tool-letter{color:#def0f7}.tool-card h4{font-size:16px;font-weight:550;color:#627fa8}.product-tool h4{color:#9883b7}.performance-tool h4{color:#618fa5}.tool-card p{font-size:10px;color:#91a0b4;margin-top:5px}.tool-card ul{padding:0;list-style:none;font-size:10px;color:#8c9bb0;line-height:2;margin:12px 0 13px}.tool-card li:before{content:"·";margin-right:7px;color:#98b2d7}.tool-link,.tool-caption{font-size:9px;color:#8aa3c7;border-top:1px solid #edf1f6;padding:10px 0 0;display:block;width:100%;text-align:left}.product-tool .tool-caption{color:#b09fca}.workflow-card,.module-card{margin-top:18px;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:10px}.workflow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;list-style:none;padding:0;margin:20px 0 0}.workflow li{position:relative;padding:0 14px 0 0;border-right:1px solid #edf1f6}.workflow li:last-child{border:0}.workflow li:not(:last-child):after{content:"→";position:absolute;right:-7px;top:35px;font-size:11px;background:#fff;color:#a9bedb;padding:2px}.workflow li>span{font-size:10px;color:#a2b9d9;display:block}.workflow li>b{display:block;font-size:12px;color:#6683aa;font-weight:550;margin:6px 0}.workflow p{font-size:10px;line-height:1.9;color:#93a2b8}.workflow-note{border-top:1px solid #eef1f7;font-size:10px;color:#9aa9bd;margin-top:18px;padding-top:12px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}.module-grid>div{padding:15px 0;border-top:1px solid #edf1f6;display:grid;grid-template-columns:24px 1fr;gap:4px 3px;align-content:start}.module-grid>div>span{font-size:9px;color:#afbed2;padding-top:3px}.module-grid h4{font-size:12px;font-weight:500;color:#6a819f}.module-grid p{grid-column:2;font-size:10px;color:#94a1b4;line-height:1.9}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.results-grid article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 22px}.results-grid article>span{font-size:10px;color:#8298b6}.results-grid article>p{font-size:11px;color:#a0aaba;margin:12px 0 4px}.results-grid article>i{font-style:normal;font-size:14px;color:#b3c7e3;display:block}.results-grid h3{font-size:16px;font-weight:550;color:#6484b0;margin:5px 0 7px}.results-grid small{font-size:9px;color:#9aacc3}.results-grid .highlight-result{background:#eef4fe;border-color:#d8e5fa}.highlight-result h3{font-size:22px;color:#537cba}.core-value{display:flex;gap:20px;align-items:center;padding:19px 22px;border:1px solid #e8e0cb;background:#f8f5ed;border-radius:8px;margin-top:13px}.core-value>span{font-size:9px;color:#b2a27a;white-space:nowrap}.core-value p{font-size:15px;color:#9b8c6d;font-weight:400}.core-value strong{font-weight:550;color:#9b8150}.reflection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:27px 0}.reflection-grid article>span{font-size:9px;color:#a2afc2}.reflection-grid h3{font-size:14px;font-weight:550;color:#6f849f;margin:7px 0}.reflection-grid p{font-size:11px;color:#94a1b2;line-height:1.95}.fde-card{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #dce5f2;border-radius:9px;background:#edf2fa;padding:22px}.fde-card h3{font-size:16px;line-height:1.8;font-weight:550;margin:5px 0;color:#536f95}.fde-card p{font-size:10px;line-height:1.9;max-width:660px;color:#8b9bb1}.source-details{margin:20px 0 0;border:1px solid var(--line);background:#fff;border-radius:8px;color:#94a2b7;font-size:10px}.source-details summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:12px 16px;list-style:none}.source-details summary::-webkit-details-marker{display:none}.source-details>div{border-top:1px solid #edf1f6;padding:14px 17px;font-size:10px;line-height:2}.source-details p+p{margin-top:8px}.source-details b{font-weight:500;color:#748aa8}.source-details a{color:#6d8fbe}.source-details[open] summary>span{transform:rotate(45deg)}.page-footer{display:flex;justify-content:space-between;gap:15px;padding:28px 0 25px;font-size:9px;color:#9aa8bb}.page-footer span{color:#b2bdca}.anchor-alias{position:absolute;top:0}dialog{position:fixed;inset:0;width:min(1400px,calc(100vw - 48px));max-width:none;height:calc(100dvh - 48px);max-height:none;padding:0;border:1px solid #dce5f2;border-radius:11px;color:#526783;background:#f4f6fa;overflow:hidden;box-shadow:0 20px 100px #16284655}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#192b45b8;backdrop-filter:blur(6px)}dialog>header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 16px;border-bottom:1px solid #e0e6f0;background:#fff;min-height:58px}dialog>header>p{font-size:11px;line-height:1.8}dialog>header>div{display:flex;gap:12px;align-items:center;flex-shrink:0}#viewer-zoom{font-size:10px;background:#edf2fa;border:1px solid #dee7f4;padding:5px 10px;border-radius:5px}#viewer-zoom[aria-pressed="true"]{background:#dfeafb;color:#4e76af}#viewer-close{font-size:24px;line-height:1;width:29px;height:29px;color:#8998ad}dialog>footer{font-size:9px;color:#9caec5;text-align:center;background:#fff;padding:7px}.viewer-body{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:16px}.viewer-body img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 3px 15px #293e5f18}.viewer-body.original{display:block;text-align:center}.viewer-body.original img{max-width:none;max-height:none;display:inline-block;vertical-align:top;width:auto;height:auto}
@media(min-width:1550px){.page-shell{gap:42px}.hero{padding:33px 34px 0}.hero h1{font-size:32px}.hero h1>span{font-size:48px}.cover-image img{height:267px}.stage-panel{gap:36px;min-height:475px}.stage-story h3{font-size:26px}.chapter{margin-top:44px}}
@media(max-width:1199px){:root{--sidebar:182px}.page-shell{gap:22px;padding:0 22px 0 16px}.topbar{padding:0 22px}.brand{min-width:160px}.case-identity{gap:7px}.case-identity b{font-size:11px}.case-identity small{font-size:8px}.chapter-nav{padding-right:10px}.chapter-nav a{font-size:10px;gap:8px}.hero{gap:20px;padding:24px 23px 0}.hero h1{font-size:26px}.hero h1>span{font-size:36px}.hero-lead{font-size:14px}.hero-description{font-size:10px}.cover-image img{height:220px}.hero-formula{gap:7px}.hero-formula span{font-size:11px}.hero-formula small{font-size:8px}.hero .button{font-size:9px;gap:9px;padding:8px 10px}.chapter-heading h2{font-size:18px}.chapter-heading h2>span{font-size:16px}.pain-grid{gap:7px}.pain-grid article{padding:13px 10px}.pain-grid h3{font-size:11px}.pain-grid p{font-size:9px}.why-layout{gap:12px;grid-template-columns:1.4fr 1fr}.why-comparison>div{font-size:10px;gap:12px;padding:11px 13px}.why-layout blockquote{padding:16px}.why-layout blockquote>p{font-size:17px}.why-layout blockquote footer{font-size:8px}.stage-panel{padding:24px 21px;gap:20px;grid-template-columns:1fr 1.05fr;min-height:490px}.stage-story h3{font-size:21px}.build-tabs button{padding:10px 7px}.build-tabs b{font-size:11px}.build-tabs small{font-size:8px}.score-grid{gap:4px}.score-grid b{font-size:20px}.score-grid>div>small{font-size:6px}.role-layers{grid-template-columns:1fr;gap:10px}.role-layers>div{gap:10px}.role-layers p small{display:inline;margin-left:9px}.role-layers p b{font-size:10px}.tools-grid{gap:10px}.tool-card>div{padding:14px}.tool-card h4{font-size:14px}.results-grid article{padding:17px}.results-grid h3{font-size:14px}.highlight-result h3{font-size:20px}.fde-card{gap:20px}.fde-card h3{font-size:14px}.fde-card .button{gap:10px;font-size:9px}}
@media(max-width:959px){:root{--sidebar:0px}.page-shell{display:block;max-width:850px;padding:0 22px}.case-sidebar{display:none}.brand{min-width:auto}.topbar{height:56px}.top-label{margin-left:0}.hero{margin-top:0}.hero-visual{justify-content:center}.cover-image img{height:230px}.chapter-heading h2{font-size:18px}.chapter-heading h2>span{font-size:15px}.pain-grid h3{font-size:10px}.stage-panel{grid-template-columns:1fr 1fr;gap:20px}.screenshot{min-height:240px}.screenshot img{max-height:310px}.why-layout blockquote>p{font-size:16px}.fde-card{align-items:start;flex-direction:column;gap:14px}.project-meta{grid-template-columns:1fr 1.25fr 1.2fr}.project-meta b{font-size:9px}}
@media(max-width:639px){html{scroll-padding-top:70px}.topbar{padding:0 16px;gap:12px}.brand{font-size:14px;gap:8px}.brand img{width:28px;height:28px}.brand small{font-size:8px}.top-label{display:none}.back-link{font-size:10px}.page-shell{padding:0 14px}main{padding-top:16px}.hero{padding:22px 20px 0;grid-template-columns:1fr;gap:20px}.hero h1{margin:10px 0 12px;font-size:26px}.hero h1>span{font-size:40px;line-height:1.2}.hero-lead{font-size:16px}.hero-lead br{display:none}.hero-description{font-size:11px;margin-bottom:16px}.hero .button{font-size:10px;padding:9px 12px;gap:14px}.hero-visual{margin:0 -7px}.cover-image img{height:auto;aspect-ratio:941/400;object-fit:cover}.cover-image .zoom-label{opacity:1;font-size:8px;padding:2px 5px;right:6px;bottom:6px}.hero-formula{padding-top:12px;gap:6px}.hero-formula span{font-size:11px}.hero-formula small{font-size:8px}.project-meta{grid-template-columns:1fr;gap:9px;padding:13px 0 18px}.project-meta>div{display:flex;gap:10px;align-items:baseline}.project-meta span{font-size:8px;flex-shrink:0}.project-meta b{font-size:9px;margin:0}.chapter{margin-top:30px}.chapter-heading{gap:10px;margin-bottom:13px;align-items:start}.chapter-no{width:29px;height:37px;font-size:13px}.chapter-heading .eyebrow{font-size:8px}.chapter-heading h2{font-size:17px;line-height:1.7}.chapter-heading h2>span{font-size:14px;margin:0;display:block}.section-intro{font-size:11px;margin-bottom:14px}.pain-grid{grid-template-columns:1fr;gap:6px}.pain-grid article{padding:12px 13px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 11px}.pain-symbol{grid-row:1/3;width:28px;height:30px;margin:0;font-size:16px;align-self:center}.pain-grid h3{font-size:12px;margin:0}.pain-grid p{font-size:10px;line-height:1.8}.insight-strip{padding:11px 12px;gap:4px 10px}.insight-strip>span{font-size:8px}.insight-strip strong{font-size:11px}.insight-strip p{font-size:10px}.why-layout{grid-template-columns:1fr;gap:10px}.why-comparison>div{font-size:10px;gap:14px;padding:11px 13px}.why-layout blockquote{padding:18px 20px}.why-layout blockquote>p{font-size:18px;line-height:1.7;margin:6px 0 12px}.why-layout blockquote>p br{display:none}.why-layout blockquote footer{font-size:9px}.contribution{gap:9px;padding-top:12px;font-size:10px;align-items:start}.contribution>span{font-size:8px;padding-top:2px}.build-tabs{display:flex;overflow-x:auto;gap:5px;padding:7px;scrollbar-width:thin}.build-tabs button{flex:0 0 120px;padding:9px 11px}.build-tabs button>span{font-size:8px;margin-bottom:3px}.build-tabs b{font-size:11px}.build-tabs small{font-size:8px}.stage-panel{grid-template-columns:1fr;padding:21px 17px;gap:19px;min-height:0}.stage-story h3{font-size:23px;margin:8px 0 11px}.stage-story h3 br{display:none}.stage-story>p{font-size:11px}.stage-story ul{font-size:10px;margin-top:11px}.stage-learning{margin-top:13px}.screenshot{min-height:0;padding:6px}.screenshot img,.tall-shot img{max-height:360px}.wide-shot img{max-height:260px}.stage-evidence figcaption{font-size:8px}.stage-evidence .zoom-label{opacity:1;font-size:8px;bottom:6px;right:6px}.stage-footer{padding:10px 13px;gap:8px;align-items:center}.stage-footer i{display:none}.stage-footer button{font-size:9px;padding:5px 0}.score-grid>div>small{font-size:7px}.score-grid b{font-size:24px}.mini-flow{gap:6px}.mini-flow li{font-size:9px}.architecture-card{padding:17px 13px 0}.subhead{gap:10px;margin-bottom:12px}.subhead h3{font-size:14px;line-height:1.8}.small-label{font-size:8px}.text-button{font-size:8px;padding:0}.organization-image .zoom-label{opacity:1;font-size:7px;right:5px;bottom:5px;padding:2px 4px}.role-layers{padding:15px 0 17px;gap:12px}.role-layers p small{display:block;margin:1px 0 0;font-size:8px}.layer-tag{font-size:8px}.tools-heading{margin-top:21px}.tools-grid{grid-template-columns:1fr;gap:10px}.tool-card{display:grid;grid-template-columns:116px minmax(0,1fr)}.tool-card>img{width:116px;height:100%;aspect-ratio:auto;object-fit:cover;object-position:10% center}.tool-card>div{padding:14px}.tool-card h4{font-size:15px}.tool-card p{font-size:9px;margin-top:3px}.tool-card ul{font-size:9px;margin:8px 0 9px}.tool-letter{font-size:22px;right:13px;top:15px}.tool-link,.tool-caption{font-size:8px;padding-top:7px}.workflow-card,.module-card{padding:17px 16px;margin-top:12px}.workflow{grid-template-columns:1fr;gap:0;margin-top:12px}.workflow li{display:grid;grid-template-columns:27px 88px minmax(0,1fr);gap:8px;padding:12px 0;border-right:0;border-bottom:1px solid #edf1f6;align-items:baseline}.workflow li>span{font-size:9px}.workflow li>b{margin:0;font-size:11px}.workflow p{font-size:9px}.workflow p br{display:none}.workflow li:not(:last-child):after{content:"↓";left:0;right:auto;top:auto;bottom:-9px;font-size:10px}.workflow-note{font-size:9px;line-height:1.9;margin-top:11px;padding-top:10px}.module-grid{grid-template-columns:1fr 1fr;gap:0 13px}.module-grid>div{grid-template-columns:18px 1fr;padding:12px 0;gap:3px 2px}.module-grid h4{font-size:11px}.module-grid p{font-size:9px}.results-grid{grid-template-columns:1fr;gap:8px}.results-grid article{padding:14px 17px;display:grid;grid-template-columns:1fr 1.4fr;gap:0 14px}.results-grid article>span{grid-column:1/-1;font-size:9px;margin-bottom:5px}.results-grid article>p{grid-column:1;grid-row:2;font-size:10px;margin:4px 0 0}.results-grid article>i{grid-column:1;grid-row:3;font-size:13px;line-height:1.4}.results-grid h3{grid-row:2;grid-column:2;font-size:13px;margin:2px 0 4px}.results-grid small{grid-row:3;grid-column:2;font-size:8px}.highlight-result h3{font-size:18px;margin-top:0}.core-value{padding:14px 17px;align-items:start;gap:10px}.core-value>span{font-size:8px;margin-top:4px}.core-value p{font-size:12px;line-height:1.9}.reflection-grid{grid-template-columns:1fr;gap:17px;margin:22px 0}.reflection-grid article{border-left:2px solid #dce5f2;padding-left:14px}.reflection-grid article>span{font-size:8px}.reflection-grid h3{font-size:13px;margin:4px 0}.reflection-grid p{font-size:10px}.fde-card{padding:17px;gap:13px}.fde-card h3{font-size:15px;line-height:1.8}.fde-card p{font-size:10px}.fde-card .button{font-size:10px;padding:9px 12px}.source-details summary{padding:12px 14px;font-size:9px}.source-details>div{padding:12px 14px;font-size:9px}.page-footer{font-size:8px;flex-wrap:wrap;padding:23px 0;gap:15px}.page-footer span{order:3;width:100%;text-align:center}.page-footer>a:last-child{margin-left:auto}dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:8px}dialog>header{padding:10px 12px;gap:8px;align-items:start;min-height:65px}dialog>header>p{font-size:9px}dialog>header>div{gap:5px}#viewer-zoom{font-size:8px;padding:4px 7px}#viewer-close{width:24px;height:24px;font-size:23px}.viewer-body{padding:8px}dialog>footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}