/* A chapter-led case study. Independent styles keep the portfolio shell untouched. */
:root{--paper:#fff;--ink:#172238;--muted:#596579;--blue:#2858db;--line:#dfe4ec;--soft:#f3f5f9;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}figure,blockquote,p,h1,h2,h3,h4,dl{margin:0}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #688bf3;outline-offset:5px}::selection{background:#d9e4ff}.wrap{width:min(1160px,calc(100% - 112px));margin-inline:auto}.blue{color:var(--blue)}.section{padding-block:100px}.chapter{scroll-margin-top:140px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font:500 11px/1.6 var(--mono);letter-spacing:.1em}.small-label{color:var(--blue);font-size:11px;letter-spacing:.055em}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:10px}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:30;height:68px;display:flex;align-items:center;justify-content:space-between;padding-inline:40px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;font-size:12px}.brand b{letter-spacing:.06em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid #758092;border-radius:50%;font:italic 23px Georgia,serif}.brand-divider{color:#9aa3b1}.header-actions{display:flex;align-items:center;gap:28px;font-size:12px}.header-actions>a:hover{color:var(--blue)}.header-actions button{display:flex;align-items:center;gap:8px;padding:8px 13px;min-height:40px;border:1px solid var(--line);background:white;border-radius:7px;color:var(--ink)}.header-actions button:hover,.header-actions button[aria-pressed="true"]{border-color:var(--blue);color:var(--blue)}.reading-progress{position:absolute;height:2px;bottom:-1px;left:0;width:100%;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--blue)}
.hero{background:linear-gradient(125deg,#fff 15%,#f6f8fc 100%);padding-top:58px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:535px;padding-bottom:40px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}.hero .eyebrow>span:last-child{margin-left:12px;color:#75829a}.project-name{font-size:15px;margin:30px 0 18px;color:#647187}.hero h1{font-weight:600;font-size:clamp(42px,4.65vw,67px);line-height:1.24;letter-spacing:-.055em}.hero-intro{font-size:14px;line-height:1.95;color:var(--muted);margin-top:24px}.primary-link{display:inline-flex;gap:38px;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:500;transition:color .2s,gap .2s}.hero .primary-link{margin-top:24px}.primary-link:hover{color:var(--blue);gap:46px;border-color:var(--blue)}.hero-stage{height:520px;position:relative;isolation:isolate}.orbit{position:absolute;inset:26px -12px 12px 0;border:1px solid #dce5f3;border-radius:50%;transform:rotate(-23deg);background:radial-gradient(ellipse at 45% 45%,#dae6ff99,transparent 67%);z-index:-1}.stage-label{position:absolute;right:12px;top:0;color:#647896;font:10px var(--mono);letter-spacing:.12em}.desktop-peek{position:absolute;top:114px;left:-8px;width:88%;border:6px solid white;border-radius:10px;box-shadow:0 16px 52px #24468217;transform:perspective(1000px) rotateY(-6deg) rotateZ(-4deg)}.desktop-peek img{aspect-ratio:1.97;object-fit:contain;background:white}.window-bar{height:28px;display:flex;align-items:center;gap:4px;background:white}.window-bar i{width:5px;height:5px;border-radius:50%;background:#d4dbe6}.window-bar span{margin-left:7px;color:#8490a1;font-size:8px}.hero-phone{position:absolute;height:440px;width:auto;right:0;top:52px;transform:rotate(7deg);border-radius:30px;box-shadow:0 25px 55px #304c9121}.stage-note{position:absolute;bottom:56px;left:0;display:flex;gap:14px;align-items:center;font-size:11px;color:#718198;line-height:1.9}.stage-note b{color:var(--ink);font-weight:500}.tiny-cross{color:var(--blue);font-size:28px;font-weight:200}.stage-bottom{position:absolute;bottom:0;right:20px;font-size:10px;letter-spacing:.1em;color:#68788e}.project-meta{display:grid;grid-template-columns:1fr 1.15fr 1.5fr 1fr;border-top:1px solid var(--line);padding-block:24px 30px;gap:22px}.project-meta dt{font-size:10px;color:#68758a;margin-bottom:6px}.project-meta dd{margin:0;font-size:12px}
.chapter-nav{position:sticky;top:68px;background:rgba(255,255,255,.97);border-block:1px solid var(--line);z-index:25}.chapter-nav>.wrap{display:flex;align-items:center;gap:32px;height:58px}.chapter-nav a{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#667186;font-size:12px;height:100%;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.chapter-nav a span{font:10px var(--mono);color:#8a96a9}.chapter-nav a:hover,.chapter-nav a[aria-current="location"]{color:var(--blue);border-color:var(--blue)}.chapter-nav a[aria-current="location"] span{color:var(--blue)}.nav-note{margin-left:auto;font-size:10px;color:#8b95a4;white-space:nowrap}
.section-heading{margin-bottom:54px}.section-heading h2{font-size:clamp(30px,3.5vw,46px);line-height:1.4;letter-spacing:-.045em;font-weight:550;margin:18px 0}.section-heading>p:last-child{color:var(--muted);max-width:660px;font-size:14px;line-height:1.95}.requirements-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.segmented{display:flex;padding:4px;gap:3px;background:var(--soft);border-radius:8px}.segmented button{flex:1;padding:10px 6px;border:0;border-radius:5px;font-size:11px;background:transparent;color:var(--muted);min-height:44px;white-space:nowrap}.segmented button[aria-selected="true"]{background:white;color:var(--blue);box-shadow:0 2px 8px #1b356110}.roles-block [role="tabpanel"]{padding-top:28px}.roles-block h3{font-size:24px;line-height:1.5;font-weight:550;margin:12px 0 24px}.brief-list>div{display:grid;grid-template-columns:98px 1fr;gap:18px;border-top:1px solid var(--line);padding:17px 0}.brief-list dt{font-size:11px;color:#738097;padding-top:2px}.brief-list dd{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.decision-line{font-size:12px;color:var(--blue);padding-top:20px}.decision-line span{display:inline-block;margin-right:18px;color:#738097;font-size:11px}.document-evidence{background:#f5f6f8;padding:20px;border-radius:10px;border:1px solid #e6eaf1}.document-image{height:350px;overflow:hidden;border:1px solid var(--line)}.document-image img{width:100%;min-height:100%;object-fit:cover;object-position:top}.zoomable{display:block;position:relative;cursor:zoom-in}.zoom-hint{position:absolute;bottom:14px;right:14px;padding:7px 12px;border:1px solid #dde3ed;border-radius:5px;font-size:10px;background:#fffffff2;color:#385178;box-shadow:0 3px 15px #18315312}.zoomable:hover .zoom-hint{color:var(--blue);border-color:#8fa9e7}.document-evidence figcaption{padding:19px 3px 2px;font-size:11px;color:#6d7a8d}.document-evidence figcaption p{margin-top:7px;font-size:12px}.scope-strip{display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);margin-top:50px;padding-top:25px}.scope-strip>span{font-size:11px;color:#8390a2}.scope-strip p{font-size:12px;color:var(--muted)}.scope-strip b{font-weight:500;color:var(--ink);margin-right:12px}
.collaboration-section{background:#f7f8fb;color:var(--ink)}.process-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);margin-bottom:40px;gap:12px}.process-tabs button{text-align:left;padding:16px 12px 18px;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font-size:14px}.process-tabs span{display:block;font:11px var(--mono);margin-bottom:13px;color:var(--muted)}.process-tabs button[aria-selected="true"]{color:var(--blue);border-color:var(--blue);background:linear-gradient(0deg,#2858db0c,transparent)}.process-tabs button[aria-selected="true"] span,.process-tabs button:hover{color:var(--blue)}.process-panel{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;min-height:416px}.process-copy h3{font-size:27px;line-height:1.5;font-weight:500;margin:12px 0 25px;max-width:380px}.ownership-list>div{display:grid;grid-template-columns:74px 1fr;gap:17px;margin-bottom:21px}.ownership-list dt{font-size:11px;color:var(--muted);padding-top:2px}.ownership-list dd{margin:0;font-size:13px;color:var(--muted);line-height:1.9}.process-check{font-size:11px;color:var(--blue);padding:16px 0 0;border-top:1px solid var(--line)}.process-evidence{min-width:0}.process-evidence>a{height:360px;background:#fff;border-radius:7px;overflow:hidden;padding:10px;box-shadow:inset 0 0 0 1px var(--line)}.process-evidence img{width:100%;height:100%;object-fit:contain}.process-evidence figcaption{color:var(--muted);font-size:11px;padding-top:15px}.process-footer{display:flex;justify-content:center;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:32px;padding-top:25px;font-size:12px;color:var(--muted)}.process-footer span{color:var(--blue)}.return-arrow{font-size:22px}
.pill{display:inline-block;background:#eef3ff;color:var(--blue);padding:6px 12px;border-radius:4px;font-size:11px}.mobile-decision{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:80px;scroll-margin-top:155px}.decision-copy h3,.split-heading h3{font-size:clamp(27px,3vw,38px);line-height:1.45;font-weight:550;letter-spacing:-.04em;margin:20px 0}.decision-copy>p{color:var(--muted);font-size:14px;max-width:460px}.numbered-decisions{padding:0;margin:30px 0 0;list-style:none}.numbered-decisions li{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.numbered-decisions li>span{font:11px var(--mono);color:var(--blue);padding-top:5px}.numbered-decisions h4{font-size:14px;font-weight:550;margin-bottom:6px}.numbered-decisions p{font-size:12px;color:var(--muted);max-width:360px}.annotated-phone{position:relative;background:radial-gradient(ellipse,#dce7ff 0%,#f4f7fc 65%);border-radius:12px;min-height:570px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 15px 20px}.annotated-phone img{height:480px;width:auto;border-radius:30px;box-shadow:0 18px 28px #32477516}.annotated-phone figcaption{font-size:10px;color:#6c7c95;margin-top:24px}.annotation{position:absolute;display:flex;gap:8px;background:white;box-shadow:0 5px 22px #3b57851a;font:11px var(--mono);color:var(--blue);padding:10px 14px;border-radius:5px}.annotation b{font:500 11px var(--sans);color:#526583}.a-one{right:12px;top:42%}.a-two{left:12px;top:78%}.talent-decision{border-top:1px solid var(--line);padding-top:70px;scroll-margin-top:155px}.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split-heading>p{color:var(--muted);font-size:14px;line-height:1.95}.service-flow{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:35px 0 0;border:1px solid var(--line);border-radius:8px}.service-flow li{position:relative;padding:24px 20px;border-right:1px solid var(--line)}.service-flow li:last-child{border:0}.service-flow li:not(:last-child):after{content:"→";position:absolute;right:-9px;top:46%;background:white;color:#7f95b9;font-size:15px}.service-flow span{font-size:10px;color:var(--blue)}.service-flow strong{display:block;font-size:16px;font-weight:550;margin:10px 0}.service-flow small{display:block;font-size:11px;color:#78869b}.flow-return{padding:16px 0;font-size:11px;color:#6b7990}.flow-return span{color:var(--blue);margin-right:12px}.wide-evidence{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:14px;background:#f5f7fa;padding:15px}.wide-evidence img{width:100%;border:1px solid #e3e8ef}.wide-evidence figcaption{display:flex;justify-content:space-between;gap:15px;padding:15px 3px 0;font-size:11px;color:#667891}.wide-evidence figcaption a{color:var(--blue)}.rule-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:28px;font-size:12px;color:var(--muted)}.rule-notes b{display:block;font-size:13px;color:var(--ink);font-weight:550;margin-bottom:9px}
.demo-section{background:#edf2fb}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.demo-tabs{display:grid}.demo-tabs button{display:flex;align-items:center;text-align:left;gap:18px;padding:23px 18px;border:0;border-bottom:1px solid #d2dcec;background:transparent;color:#697d9a}.demo-tabs button>span{font:11px var(--mono)}.demo-tabs button>div{flex:1}.demo-tabs b{display:block;font-size:18px;font-weight:500}.demo-tabs small{display:block;font-size:11px;margin-top:5px}.demo-tabs i{font-style:normal;font-size:19px;opacity:0}.demo-tabs button[aria-selected="true"]{background:white;border-radius:8px;border-color:transparent;color:var(--blue);box-shadow:0 6px 20px #25447408}.demo-tabs button[aria-selected="true"] i{opacity:1}.demo-tabs button:hover{color:var(--blue)}.demo-explanation{padding:30px 18px}.demo-explanation>p{color:var(--muted);font-size:13px;line-height:1.9;margin-top:12px}.media-note,.demo-explanation .media-note{font-size:10px;line-height:1.8;color:#738095;margin-top:16px}.video-stage{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;padding:0 12px;min-height:580px}.video-label{font:10px var(--mono);letter-spacing:.09em;color:#6a7e9e;display:block;margin-bottom:15px}.video-label b{font-weight:500;color:var(--blue)}.video-frame{height:515px;max-width:100%;aspect-ratio:376/812;background:#eaf0f8;border:1px solid #d2dcec;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #31518314}.video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#eaf0f8}.video-direct{font-size:11px;color:#546e9c;margin-top:13px;text-decoration:underline;text-underline-offset:4px}#video-feedback{font-size:11px;color:var(--blue);max-width:300px}
.iteration-layout{display:grid;grid-template-columns:1.18fr 1fr;gap:70px;align-items:start}.iteration-notes details{border-top:1px solid var(--line)}.iteration-notes details:last-of-type{border-bottom:1px solid var(--line)}.iteration-notes summary{list-style:none;display:flex;align-items:center;gap:15px;padding:22px 0;font-size:15px;font-weight:500;cursor:pointer}.iteration-notes summary::-webkit-details-marker{display:none}.iteration-notes summary>span{font:11px var(--mono);color:var(--blue)}.iteration-notes summary svg{width:18px;min-width:18px;height:18px;margin-left:auto;fill:none;stroke:#72819b;stroke-width:1.5;transition:transform .2s}.iteration-notes details[open] summary svg{transform:rotate(180deg)}.iteration-content{padding:0 0 20px 32px}.iteration-content p{display:grid;grid-template-columns:68px 1fr;gap:15px;font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:15px}.iteration-content b{font-size:11px;font-weight:500;color:var(--blue);padding-top:2px}.source-note{font-size:10px;color:#7d889b;padding-top:18px}.visit-model{border:1px solid #d9e2f0;background:#f5f7fb;border-radius:12px;padding:32px}.visit-model h3{font-size:23px;font-weight:550;margin:15px 0 12px;letter-spacing:-.03em}.visit-model>p:not(.visit-status):not(.media-note){font-size:12px;color:var(--muted)}.visit-task{margin:24px 0 18px;padding:18px;background:white;border:1px solid #e5eaf1;border-radius:7px}.task-badge{display:inline-block;font-size:10px;color:#9b651f;background:#fff3df;padding:1px 7px;border-radius:3px;margin-right:9px}.visit-task strong{font-size:13px;font-weight:550}.visit-task small{display:block;margin-top:10px;color:#7e8b9f;font-size:10px}.check-row{display:flex;align-items:center;gap:10px;min-height:49px;cursor:pointer;font-size:12px}.check-row input{width:18px;height:18px;accent-color:var(--blue);margin:0}.check-row small{margin-left:auto;font-size:10px;color:#79869b}.visit-status{font-size:11px;color:#6a7b94;margin:14px 0}.submit-demo{width:100%;padding:11px;border:0;border-radius:6px;background:var(--blue);color:white;font-size:13px;min-height:44px;transition:background .2s}.submit-demo:disabled{background:#e0e5ed;color:#667489}.reset-demo{display:block;margin:8px auto 0;border:0;background:none;color:#6f7f98;font-size:11px;min-height:40px;padding:7px 14px}
.delivery-section{background:#f7f8fb;border-top:1px solid var(--line)}.delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.delivery-grid article{border-top:2px solid #355eca;padding-top:23px}.delivery-grid article>span{font-size:10px;color:#6c7b92}.delivery-grid h3{font-size:22px;font-weight:550;margin:18px 0 12px}.delivery-grid p{font-size:13px;color:var(--muted);line-height:1.9}.outcome-boundary{display:flex;gap:30px;background:#edf0f6;border-radius:6px;margin-top:35px;padding:20px 25px;font-size:11px;color:#68768e}.outcome-boundary span{flex-shrink:0;color:#455675}.delivery-section blockquote{font-size:clamp(27px,3.5vw,46px);line-height:1.6;font-weight:500;letter-spacing:-.035em;padding-top:70px}.delivery-section blockquote span{color:var(--blue)}.closing-links{display:flex;align-items:center;justify-content:space-between;padding-top:30px;font-size:12px;color:#5a6c89}.page-footer{display:flex;justify-content:space-between;padding-bottom:25px;font:10px var(--mono);color:#8290a5}
.lightbox{padding:0;border:1px solid #d9e0eb;border-radius:12px;width:min(1320px,94vw);max-width:94vw;height:90vh;max-height:90vh;background:#f5f7fa;color:var(--ink)}.lightbox::backdrop{background:#101b32ca;backdrop-filter:blur(5px)}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 22px;border-bottom:1px solid #d7deea;background:white}.lightbox-toolbar p{font-size:13px}.lightbox-toolbar button{border:1px solid #d9e1eb;border-radius:5px;background:white;padding:8px 15px;min-width:74px;min-height:44px;font-size:12px}.lightbox-scroll{height:calc(100% - 119px);overflow:auto;padding:24px;display:flex;align-items:flex-start;justify-content:center}.lightbox-scroll img{max-width:100%;width:auto;height:auto;flex-shrink:0}.lightbox-tip{text-align:center;font-size:11px;color:#68798e;padding:12px}.presentation-controls{position:fixed;z-index:40;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:8px;border:1px solid #d6ddeb;border-radius:12px;background:#fffffff5;box-shadow:0 8px 32px #182d4426;white-space:nowrap}.presentation-controls button{min-width:40px;min-height:40px;padding:6px 12px;border:0;background:#eef2f9;border-radius:6px;color:#36527d}.presentation-controls span{font-size:11px;min-width:210px;text-align:center}.presentation-controls button:disabled{opacity:.35}.is-presenting .chapter-nav{display:none}.is-presenting .chapter{scroll-margin-top:85px}.is-presenting .section{min-height:calc(100svh - 68px);padding-bottom:120px}.is-presenting .page-footer{padding-bottom:100px}.noscript-note{padding:20px;text-align:center;background:#eef2f8;font-size:12px}
.video-toggle{min-width:126px;min-height:44px;margin-top:16px;padding:9px 20px;border:1px solid #b8c9ec;border-radius:6px;background:white;color:var(--blue);font-size:12px}.video-toggle:hover{background:#f8faff;border-color:var(--blue)}
.hero{overflow:clip}
.process-copy h3{text-wrap:balance}
@media(min-width:1500px){.hero-grid{min-height:620px}.hero-stage{transform:scale(1.08);transform-origin:center}.hero h1{font-size:72px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:48px}.hero-stage{height:480px}.hero-phone{height:380px;top:70px}.stage-note{bottom:40px}.desktop-peek{top:140px}.project-meta{grid-template-columns:1fr 1fr;gap:15px 35px}.chapter-nav>.wrap{gap:24px}.nav-note{display:none}.requirements-grid,.process-panel,.demo-grid,.iteration-layout{gap:32px}.mobile-decision{gap:35px}.annotated-phone img{height:440px}.annotated-phone{min-height:535px}.service-flow li{padding:20px 14px}.service-flow strong{font-size:14px}.video-frame{height:490px}.hero .eyebrow{font-size:9px}.delivery-grid{gap:25px}.scope-strip{gap:17px}.scope-strip b{display:block;margin-bottom:4px}}
@media(max-width:760px){html{scroll-padding-top:125px}.site-header{height:60px;padding-inline:20px}.header-actions{gap:13px}.header-actions>a{font-size:11px}.brand{gap:9px}.brand>span:last-child{font-size:11px}.header-actions button{padding:7px 10px;font-size:11px}.header-actions svg{display:none}.wrap{width:calc(100% - 40px)}.hero{padding-top:38px}.hero-grid{grid-template-columns:1fr;gap:15px;padding-bottom:26px}.hero h1{font-size:clamp(42px,8vw,58px)}.project-name{margin-top:24px}.hero-intro{font-size:13px}.hero-stage{height:425px;width:min(440px,100%);margin:0 auto}.hero-phone{height:350px;right:15px;top:32px}.desktop-peek{width:83%;left:0;top:115px}.stage-note{bottom:35px}.stage-label{font-size:9px}.stage-bottom{right:14px;font-size:9px}.project-meta{font-size:11px;padding-block:22px}.project-meta dd{font-size:11px}.chapter-nav{top:60px}.chapter-nav>.wrap{width:100%;padding-inline:20px;gap:25px;overflow-x:auto;height:54px;scrollbar-width:none}.chapter-nav a{font-size:11px}.chapter-nav a span{font-size:9px}.chapter{scroll-margin-top:130px}.section{padding-block:65px}.section-heading{margin-bottom:34px}.section-heading h2{font-size:31px}.section-heading>p:last-child{font-size:13px}.requirements-grid,.process-panel,.mobile-decision,.split-heading,.demo-grid,.iteration-layout{grid-template-columns:1fr;gap:35px}.requirements-grid{gap:35px}.document-image{height:300px}.scope-strip{flex-wrap:wrap;gap:15px;margin-top:35px}.scope-strip>span:first-child{width:100%}.scope-strip p{font-size:11px}.roles-block h3{font-size:23px}.brief-list>div{grid-template-columns:86px 1fr;gap:12px}.process-tabs{gap:0;margin-bottom:28px}.process-tabs button{font-size:11px;padding:12px 5px}.process-tabs span{font-size:10px}.process-copy h3{font-size:26px;max-width:none}.process-panel{min-height:0}.process-evidence>a{height:280px}.process-footer{flex-wrap:wrap;gap:12px;font-size:10px}.ownership-list>div{grid-template-columns:65px 1fr}.mobile-decision{padding-bottom:50px}.annotated-phone{min-height:545px}.annotated-phone img{height:460px}.annotation.a-one{right:20px}.annotation.a-two{left:20px}.talent-decision{padding-top:50px}.split-heading{gap:0}.service-flow{grid-template-columns:1fr;margin-top:25px}.service-flow li{display:grid;grid-template-columns:85px 1fr;align-items:center;padding:15px 20px;border-right:0;border-bottom:1px solid var(--line)}.service-flow strong{margin:0;font-size:14px}.service-flow small{grid-column:2}.service-flow li:not(:last-child):after{content:"↓";right:30px;top:auto;bottom:-13px}.wide-evidence{padding:7px}.wide-evidence figcaption{padding:12px 5px 5px;flex-direction:column;gap:6px}.wide-evidence .zoom-hint{bottom:8px;right:8px;font-size:9px;padding:5px 8px}.rule-notes{grid-template-columns:1fr;gap:15px}.rule-notes b{display:inline-block;margin:0 14px 0 0}.demo-tabs{grid-template-columns:1fr 1fr;gap:6px}.demo-tabs button{padding:15px 10px;gap:9px;border:1px solid #dbe3f1;border-radius:6px;align-items:flex-start}.demo-tabs b{font-size:13px}.demo-tabs small{font-size:10px}.demo-tabs button>span{font-size:9px;padding-top:5px}.demo-tabs i{display:none}.demo-explanation{padding:24px 0 0}.video-stage{min-height:0}.video-frame{height:500px}.demo-grid{gap:30px}.iteration-notes summary{font-size:13px;gap:10px}.iteration-content{padding-left:23px}.iteration-content p{grid-template-columns:58px 1fr;gap:10px;font-size:12px}.visit-model{padding:25px}.delivery-grid{grid-template-columns:1fr;gap:30px}.delivery-grid article{padding-top:17px}.delivery-grid h3{margin:10px 0;font-size:22px}.outcome-boundary{display:block;padding:20px}.outcome-boundary span{display:block;margin-bottom:9px}.delivery-section blockquote{padding-top:45px;font-size:27px}.closing-links{align-items:flex-start;gap:20px;flex-direction:column}.lightbox-toolbar{padding:12px;gap:10px}.lightbox-toolbar p{font-size:11px}.lightbox-scroll{padding:8px}.presentation-controls{gap:5px;padding:6px;max-width:calc(100vw - 16px);bottom:12px}.presentation-controls span{min-width:0;font-size:10px;max-width:155px;overflow:hidden;text-overflow:ellipsis}.presentation-controls button{font-size:10px;padding:6px 9px;min-width:35px}.presentation-controls button:last-child{min-width:68px}.page-footer{font-size:9px}.is-presenting .section{padding-bottom:95px}.case-pagination{padding-bottom:45px}}
html{scroll-padding-top:0}
@media(max-width:760px){.section-heading h2{font-size:28px;text-wrap:balance}.process-copy h3{font-size:24px;text-wrap:balance}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.site-header,.chapter-nav,.presentation-controls,.skip-link,.case-pagination,.page-footer,.reset-demo{display:none!important}.wrap{width:100%}.section{padding-block:35px}.hero-grid{min-height:0}.chapter{break-before:page}.hero{break-before:auto}.collaboration-section{background:white;color:var(--ink)}.collaboration-section p,.collaboration-section dd,.collaboration-section dt{color:var(--muted)!important}.lightbox{display:none}.demo-section{background:white}details::details-content{display:block}.video-frame{box-shadow:none}}
.app-entry-image{display:flex;justify-content:center;align-items:center;min-height:400px;padding-bottom:42px}
.app-entry-image img{display:block;width:auto;height:400px;max-width:100%;object-fit:contain}
.app-entry-image .zoom-hint{bottom:0;right:50%;transform:translateX(50%);white-space:nowrap}