:root{--case-card:#d7e7c8;--case-panel:#edf4e6;--case-green:#0f9f75;--case-dark:#18342b;--line:#d9ded9}
body{overflow-x:hidden}.case-header{height:96px;padding:20px var(--gutter) 0;position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.case-header>*{pointer-events:auto}.back-link,.case-rail{background:rgba(255,255,255,.94);box-shadow:0 8px 30px rgba(0,0,0,.08);backdrop-filter:blur(16px)}.back-link{height:46px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-size:14px;font-weight:650;line-height:1;transition:transform .25s}.back-link span{display:block;line-height:1}.back-icon{width:17px;height:17px;display:block;flex:0 0 17px;overflow:visible;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}.back-link:hover{transform:translateX(-4px)}.case-rail{display:flex;padding:5px;border-radius:999px}.case-rail a{padding:10px 16px;border-radius:999px;font-size:13px;transition:background-color .2s ease,color .2s ease}.case-rail a:hover{background:#000;color:#fff}
.case-rail a.is-active,.case-rail a[aria-current="location"],.case-rail a.is-active:hover,.case-rail a[aria-current="location"]:hover{background:#000;color:#fff}
.case-hero{padding-top:122px;padding-bottom:76px}.case-hero-card{min-height:680px;padding:34px 42px;display:grid;grid-template-columns:1.04fr .96fr;gap:28px;border-radius:42px;background:#eef7f0;box-shadow:none}.case-hero-copy{padding:26px 0 8px;display:flex;flex-direction:column;align-items:flex-start}.case-brand{margin:0 0 42px;font-size:33px;font-weight:800;letter-spacing:-.05em}.case-tags{display:flex;flex-wrap:wrap;gap:8px}.case-tags span{padding:7px 13px;border:1px solid currentColor;border-radius:999px;font-size:13px}.case-hero h1{max-width:680px;margin:34px 0 20px;font-size:clamp(3rem,4.5vw,5.2rem);line-height:1.02;letter-spacing:-.065em}.case-lede{max-width:610px;margin:0;color:#3e4a45;font-size:18px;line-height:1.55}.hero-meta{width:100%;margin:28px 0 0;padding-top:28px;border-top:1px solid rgba(0,0,0,.2);display:grid;grid-template-columns:1fr 1fr;gap:24px}.hero-meta div{display:flex;flex-direction:column;gap:5px}.hero-meta dt{color:#66706b;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.hero-meta dd{margin:0;font-weight:650}.case-device-stage{min-height:610px;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid #e6e6e6;border-radius:30px;background:#fff}.case-device-stage img{display:block;max-width:82%;max-height:90%;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(0,0,0,.12));transition:transform .6s ease}.case-hero-card:hover .case-device-stage img{transform:translateY(-7px) rotate(1deg)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.metric-grid article{min-height:180px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #e6e6e6;border-radius:26px;background:#fff}.metric-grid strong{color:var(--case-dark);font-size:clamp(2.7rem,4vw,4.2rem);line-height:1;letter-spacing:-.07em}.metric-grid span{max-width:150px;color:#5f6763;font-size:14px;line-height:1.4}
.story-index{padding-top:24px;padding-bottom:24px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-index span{margin-right:auto;color:#777;font-size:13px}.story-index a{padding:10px 13px;border-radius:999px;font-size:13px}.story-index a:hover{background:#edf4e6}
.story-section{padding-top:130px;padding-bottom:130px}.section-heading{max-width:1000px}.section-heading.compact{max-width:820px}.eyebrow{margin:0 0 22px;color:#68716c;font-family:'DM Mono',monospace;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.section-heading h2{margin:0;font-size:clamp(2.8rem,5.2vw,5.5rem);line-height:1.04;letter-spacing:-.065em}.section-heading.compact h2{font-size:clamp(2.5rem,4.2vw,4.4rem)}.section-heading>p:last-child{max-width:700px;margin:26px 0 0;color:#59625d;font-size:18px;line-height:1.65}.split-copy{margin-top:72px;display:grid;grid-template-columns:1.1fr .9fr;gap:80px}.split-copy p{margin:0 0 20px;font-size:17px;line-height:1.7}.split-copy .large-copy{font-size:clamp(1.6rem,2.5vw,2.35rem);line-height:1.35;letter-spacing:-.04em}.challenge-cards{margin-top:66px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.challenge-cards article{min-height:260px;padding:28px;display:flex;flex-direction:column;border-radius:26px;background:#f2f5f0}.challenge-cards span{font-family:'DM Mono',monospace;font-size:13px}.challenge-cards h3{margin:auto 0 12px;font-size:25px;letter-spacing:-.04em}.challenge-cards p{margin:0;color:#626a66;line-height:1.55}
.story-band{max-width:none}.story-band .inner{max-width:1280px;margin:0 auto;padding-top:120px;padding-bottom:120px}.research-band{background:#e5f0dc}.process-track{margin-top:70px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.process-track div{min-height:130px;padding:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between;border-radius:22px;background:rgba(255,255,255,.72)}.process-track div:not(:last-child)::after{content:'→';position:absolute;right:-10px;top:50%;z-index:2}.process-track span{font-family:'DM Mono',monospace;font-size:12px;color:#69716d}.process-track strong{font-size:18px}.research-stats{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.research-stats article{padding:26px;border-radius:22px;background:#173a2f;color:#fff}.research-stats strong{display:block;font-size:42px}.research-stats span{color:#cfe0d8;font-size:13px}
.persona-card{margin-top:55px;overflow:hidden;border:1px solid #d9e6dd;border-radius:34px;background:#eef7f0}.persona-identity{padding:34px;display:grid;grid-template-columns:180px 1fr;gap:34px;align-items:center}.persona-avatar{width:180px;height:180px;display:grid;place-items:center;border-radius:50%;background:var(--case-green);color:#fff;font-size:54px;font-weight:800}.persona-identity span{color:#65716b;font-size:14px}.persona-identity h3{margin:8px 0 12px;font-size:38px;letter-spacing:-.05em}.persona-identity p{max-width:620px;margin:0;font-size:17px;line-height:1.6}.persona-columns{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cadccf}.persona-columns>div{padding:30px 36px}.persona-columns>div+div{border-left:1px solid #cadccf}.persona-columns h4{margin:0 0 18px;font-size:20px}.persona-columns ul,.iteration-grid ul{margin:0;padding-left:20px}.persona-columns li,.iteration-grid li{margin:10px 0;line-height:1.5}
.chart-grid{margin-top:58px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.chart-grid article{padding:28px;border:1px solid #e2e5e2;border-radius:26px}.donut{--value:0;width:150px;aspect-ratio:1;margin-bottom:28px;position:relative;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--case-green) calc(var(--value)*1%),#e5e8e5 0);transition:--value 1.2s cubic-bezier(.2,.8,.2,1)}.donut::after{content:'';width:66%;aspect-ratio:1;position:absolute;border-radius:50%;background:#fff}.donut span{position:relative;z-index:1;font-size:27px;font-weight:800}.chart-grid h3{margin:0 0 9px;font-size:20px}.chart-grid p{margin:0;color:#666;line-height:1.5}.comparison-table{margin-top:52px;overflow:hidden;border:1px solid #dfe4df;border-radius:26px}.comparison-row{min-width:760px;padding:20px 24px;display:grid;grid-template-columns:1.5fr repeat(4,1fr);align-items:center;border-top:1px solid #e5e8e5}.comparison-row:first-child{border:0}.comparison-row span{text-align:center}.comparison-head{background:#16382d;color:#fff;font-size:13px;font-weight:700}.comparison-row .winner{color:var(--case-green);font-size:22px}
.insight-band{background:#18241f;color:#fff}.insight-band .eyebrow{color:#9cc4b3}.hmw-grid{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.hmw-grid article{min-height:220px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #496058;border-radius:26px;background:#20322b}.hmw-grid span{color:#8ed5b6;font-family:'DM Mono',monospace;font-size:13px}.hmw-grid h3{margin:0;font-size:27px;line-height:1.25;letter-spacing:-.035em}.empathy-map{margin-top:70px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px}.empathy-map article{min-height:180px;padding:28px;border-radius:24px;background:#eef8f1;color:#15231d}.empathy-map span{font-size:22px;font-weight:800;color:#0b8f69}.empathy-map p{max-width:420px;margin:24px 0 0;font-size:17px;line-height:1.55}.empathy-center{width:170px;height:170px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;border:12px solid #18241f;border-radius:50%;background:#9af47e;color:#14231d;font-weight:800}
.moscow-board{margin-top:55px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #d8ddd9;border-radius:28px}.moscow-board article{min-height:300px;padding:30px}.moscow-board article:nth-child(even){border-left:1px solid #d8ddd9}.moscow-board article:nth-child(n+3){border-top:1px solid #d8ddd9}.moscow-board article>div{display:flex;align-items:center;gap:12px}.moscow-board article>div span{padding:6px 8px;border-radius:8px;background:#ffd976;font-family:'DM Mono',monospace}.moscow-board h3{margin:0;font-size:28px}.moscow-board ul{margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;list-style:none}.moscow-board li{padding:12px 14px;border-radius:10px;background:#fff0bd}.moscow-board .should li{background:#ffd6ba}.moscow-board .could li{background:#cdeffa}.moscow-board .wont li{background:#ffd3e1}
.flow-map{margin-top:60px;padding:42px;overflow:auto;border-radius:30px;background:#f2f7f3}.flow-start{display:flex;justify-content:center;align-items:center;gap:12px}.flow-start span,.flow-start strong{padding:12px 18px;border:1px solid #add9c7;border-radius:999px;white-space:nowrap}.flow-start strong{background:var(--case-green);color:#fff}.flow-start i,.happy-flow i{font-style:normal;color:#4fae89}.flow-branches{min-width:850px;margin-top:70px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}.flow-branches::before{content:'';height:1px;position:absolute;left:10%;right:10%;top:-28px;background:#73bda1}.flow-branches article{position:relative;text-align:center}.flow-branches article::before{content:'';width:1px;height:28px;position:absolute;left:50%;top:-28px;background:#73bda1}.flow-branches h3{margin:0 0 15px;padding:11px;border-radius:999px;background:var(--case-green);color:#fff;font-size:15px}.flow-branches span{margin:8px 0;padding:10px;display:block;border:1px solid #c7ded5;border-radius:12px;background:#fff;font-size:13px}
.system-band{background:#e9e2f2}.system-grid{margin-top:60px;display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:16px}.system-grid>article{min-height:320px;padding:28px;border-radius:26px;background:rgba(255,255,255,.78)}.system-grid h3{margin:0 0 30px;font-size:22px}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.swatches span{min-height:92px;padding:12px;display:flex;align-items:flex-end;border-radius:16px;background:var(--swatch);color:#fff;font-family:'DM Mono',monospace;font-size:12px}.swatches span:nth-child(3){color:#234}.type-card strong{font-size:36px}.type-card p{margin:15px 0 0;padding-bottom:12px;border-bottom:1px solid #ddd}.component-card>div{display:flex;flex-direction:column;gap:14px}.component-card button{padding:14px;border:0;border-radius:10px;background:var(--case-green);color:#fff;font-weight:700}.sample-field,.sample-status{padding:14px;border:1px solid #bed1c8;border-radius:10px;background:#fff}.sample-status{color:#087757}
.feature-section>.section-heading{max-width:1050px}.happy-flow{margin:55px 0 40px;display:flex;align-items:center;justify-content:center;gap:12px}.happy-flow span{padding:13px 18px;border:1px solid #9ed0bd;border-radius:999px;font-size:14px}.phone-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ui-phone{aspect-ratio:.51;padding:10px;overflow:hidden;border:8px solid #18201d;border-radius:38px;background:#f8faf8;box-shadow:0 18px 40px rgba(0,0,0,.1)}.phone-top{padding:14px 10px;display:flex;justify-content:space-between;border-radius:22px 22px 0 0;background:var(--case-green);color:#fff;font-size:13px;font-weight:700}.phone-body{height:calc(100% - 45px);padding:18px 12px;display:flex;flex-direction:column}.phone-body small{color:#7a827e}.phone-body h3{margin:12px 0 20px;font-size:18px}.phone-body button{margin-top:auto;padding:12px;border:0;border-radius:8px;background:var(--case-green);color:#fff;font-weight:700}.crop-row{display:flex;gap:8px}.crop-row span{flex:1;padding:10px 3px;display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #c8dbd3;border-radius:12px;font-size:22px}.crop-row small{font-size:9px}.camera-frame{flex:1;display:grid;place-items:center;text-align:center;border:1px dashed #799b8e;border-radius:16px;background:linear-gradient(145deg,#254e3e,#8ab88d);color:#fff}.camera-frame span{font-size:44px}.camera-frame p{padding:0 16px;font-size:11px}.analysing{align-items:center;justify-content:center;text-align:center}.scan-orbit{width:88px;height:88px;display:grid;place-items:center;border:4px solid #e1e8e4;border-top-color:var(--case-green);border-radius:50%;font-weight:800;animation:spin 2.5s linear infinite}.analysing h3{margin-bottom:5px}.analysing p{font-size:12px;color:#677}.confidence{padding:12px;display:flex;justify-content:space-between;border-radius:10px;background:#e7f6ed}.accordion{margin-top:10px;padding:11px;display:flex;justify-content:space-between;border:1px solid #dce5e0;border-radius:9px;font-size:11px}
.iteration-grid{margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.iteration-grid article{min-height:300px;padding:32px;border-radius:28px;background:#f1f2f1}.iteration-grid article.after{background:#dff2e7}.iteration-grid>article>span{padding:7px 11px;border-radius:999px;background:#fff;font-size:12px}.iteration-grid h3{max-width:430px;margin:55px 0 24px;font-size:28px;letter-spacing:-.04em}.finding-strip{margin-top:18px;padding:28px 32px;display:grid;grid-template-columns:180px 1fr;gap:20px;border-radius:24px;background:#152d24;color:#fff}.finding-strip p{margin:0;color:#cfe0d8;line-height:1.6}
.impact-band{background:#0f9f75;color:#fff}.impact-band .eyebrow{color:#d6f9ea}.impact-layout{margin-top:58px;display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.impact-bars,.impact-quote{padding:32px;border-radius:28px;background:rgba(0,0,0,.13)}.impact-bars article+article{margin-top:30px}.impact-bars article div{display:flex;justify-content:space-between;margin-bottom:12px}.impact-bars i{height:10px;display:block;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.25)}.impact-bars i::after{content:'';width:0;height:100%;display:block;border-radius:99px;background:#fff;transition:width 1.2s ease}.is-visible .impact-bars i::after{width:var(--bar)}.impact-quote span{font-family:'DM Mono',monospace;font-size:12px}.impact-quote blockquote{margin:70px 0 40px;font-size:30px;line-height:1.35;letter-spacing:-.04em}.impact-quote p{margin:0;color:#d7f2e7}.capability-grid{margin-top:55px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.capability-grid article{min-height:250px;padding:26px;display:flex;flex-direction:column;border:1px solid #e0e4e1;border-radius:26px}.capability-grid article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e3f3e9;font-size:22px}.capability-grid h3{margin:auto 0 10px;font-size:22px}.capability-grid p{margin:0;color:#626b66;line-height:1.5}
.legacy-case-document{padding-top:140px;padding-bottom:100px}.legacy-case-document figure{margin:50px 0 0;overflow:hidden;border-radius:28px;box-shadow:0 18px 60px rgba(0,0,0,.12)}.legacy-case-document img{display:block;width:100%}.next-project{padding-top:120px;padding-bottom:120px;display:flex;flex-direction:column;gap:42px}.next-project>a{padding-bottom:20px;display:flex;justify-content:space-between;border-bottom:1px solid #111;font-size:clamp(3rem,7vw,7rem);line-height:1;letter-spacing:-.07em}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}@property --value{syntax:'<number>';inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.case-header{height:126px;align-items:flex-start}.case-rail{position:absolute;top:68px;left:var(--gutter);right:var(--gutter);display:flex;max-width:none;overflow-x:auto;scrollbar-width:none}.case-rail::-webkit-scrollbar{display:none}.case-rail a{flex:1 0 auto;padding:9px 12px;text-align:center}.case-hero{padding-top:146px}.case-hero-card{grid-template-columns:1fr}.case-device-stage{min-height:540px}.metric-grid,.chart-grid,.capability-grid{grid-template-columns:1fr 1fr}.process-track{grid-template-columns:repeat(3,1fr)}.research-stats{grid-template-columns:1fr 1fr}.system-grid{grid-template-columns:1fr}.phone-flow{grid-template-columns:1fr 1fr}.ui-phone{max-width:330px;width:100%;justify-self:center}}
@media(max-width:620px){.case-header{height:126px;padding:14px 16px}.case-rail{left:16px;right:16px}.case-hero{padding-top:146px}.case-hero-card{min-height:0;padding:16px;border-radius:28px}.case-hero-copy{order:2;padding:22px 8px}.case-brand{margin-bottom:26px}.case-hero h1{font-size:2.65rem}.case-device-stage{order:1;min-height:420px;border-radius:20px}.case-device-stage img{max-height:88%}.hero-meta{margin-top:40px}.metric-grid,.chart-grid,.capability-grid,.research-stats{grid-template-columns:1fr}.story-index{overflow:auto}.story-index span{display:none}.story-index a{white-space:nowrap}.story-section,.story-band .inner{padding-top:86px;padding-bottom:86px}.section-heading h2,.section-heading.compact h2{font-size:2.55rem}.split-copy,.persona-identity,.persona-columns,.hmw-grid,.iteration-grid,.impact-layout{grid-template-columns:1fr;gap:28px}.persona-avatar{width:120px;height:120px}.persona-columns>div+div{border-left:0;border-top:1px solid #cadccf}.challenge-cards,.process-track{grid-template-columns:1fr}.process-track div:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-15px}.comparison-table{overflow:auto}.moscow-board{grid-template-columns:1fr}.moscow-board article:nth-child(even){border-left:0}.moscow-board article+article{border-top:1px solid #d8ddd9}.flow-start{justify-content:flex-start;overflow:auto}.empathy-center{display:none}.system-grid{grid-template-columns:1fr}.happy-flow{justify-content:flex-start;overflow:auto}.happy-flow span{white-space:nowrap}.phone-flow{grid-template-columns:1fr}.finding-strip{grid-template-columns:1fr}.capability-grid{grid-template-columns:1fr}.next-project{padding-top:80px;padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.scan-orbit{animation:none}.donut{transition:none}}
[data-project="1"] .case-device-stage img{clip-path:inset(2% 3.5% 3% 3% round 42px)}
.project-facts{padding-top:110px;padding-bottom:40px}.facts-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:16px}.facts-grid article,.goals-grid article{padding:28px;border:1px solid #e0e4e1;border-radius:26px;background:#fff}.facts-grid span{font-family:'DM Mono',monospace;font-size:12px;color:#6e7772;text-transform:uppercase;letter-spacing:.06em}.facts-grid h3{margin:46px 0 12px;font-size:25px;line-height:1.25;letter-spacing:-.04em}.facts-grid p,.goals-grid p{margin:0;color:#616a65;line-height:1.55}.goals-grid{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.goals-grid h3{margin:38px 0 18px;font-size:28px;line-height:1.3;letter-spacing:-.04em}.goals-grid ul{margin:28px 0 0;padding-left:20px}.goals-grid li{margin:9px 0;line-height:1.45}
.interview-section{padding-top:40px}.qa-list{margin-top:55px;display:grid;gap:14px}.qa-list article{overflow:hidden;border:1px solid #d8e3dc;border-radius:22px}.qa-list article>div{padding:20px 24px;display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}.qa-list article>div+div{background:#eaf5ee}.qa-list span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#087a59;font-weight:800}.qa-list p{margin:4px 0 0;font-size:16px;line-height:1.55}
.component-catalog{margin-top:16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.component-catalog article{padding:26px;border-radius:24px;background:rgba(255,255,255,.78)}.component-catalog h3{margin:0 0 24px;font-size:20px}.icon-cloud{display:grid;grid-template-columns:repeat(4,48px);gap:9px}.icon-cloud span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#edf7f2;color:#087a59;font-size:20px}.alert-stack{display:flex;flex-direction:column;gap:10px}.alert-stack span{padding:12px;border-radius:10px;font-size:13px}.alert-stack .success{background:#ddf5e9;color:#08704f}.alert-stack .warning{background:#fff0c9;color:#775612}.alert-stack .error{background:#ffe0df;color:#8a3230}.mini-tabs{padding-bottom:10px;display:flex;gap:22px;border-bottom:1px solid #cfd5d1}.mini-tabs strong{padding-bottom:10px;border-bottom:2px solid var(--case-green)}.mini-fields{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-fields span{padding:13px;border:1px solid #cdd8d2;border-radius:10px;background:#fff}
.source-evidence{margin-top:100px}.evidence-heading{margin:85px 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.evidence-heading span{font-size:30px;font-weight:800;letter-spacing:-.04em}.evidence-heading p{margin:0;color:#626b66;line-height:1.6}.source-evidence figure,.supporting-evidence{margin:0;padding:18px;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(25,45,36,.1)}.source-evidence img,.supporting-evidence img{width:100%;display:block;border-radius:18px}.evidence-findings{margin-top:16px;padding:28px 32px;display:grid;grid-template-columns:220px 1fr;gap:24px;border-radius:22px;background:#f1eee8}.evidence-findings.positive{background:#dff2e7}.evidence-findings ul{margin:0;padding-left:20px}.evidence-findings li{margin:8px 0;line-height:1.5}.supporting-evidence{margin-top:55px}
@media(max-width:900px){.facts-grid{grid-template-columns:1fr 1fr}.facts-grid article:last-child{grid-column:1/-1}.component-catalog{grid-template-columns:1fr}.evidence-heading{grid-template-columns:1fr}.evidence-findings{grid-template-columns:1fr}}
@media(max-width:620px){.facts-grid,.goals-grid{grid-template-columns:1fr}.facts-grid article:last-child{grid-column:auto}.project-facts{padding-top:70px}.source-evidence figure,.supporting-evidence{padding:8px;border-radius:18px}.source-evidence img,.supporting-evidence img{border-radius:12px}.evidence-heading span{font-size:25px}}
.research-note{margin:16px 0 0;padding:20px 24px;border-radius:18px;background:rgba(255,255,255,.72);color:#46534d;line-height:1.55}.empathy-map ul{margin:22px 0 0;padding-left:20px}.empathy-map li{margin:8px 0;line-height:1.45}.competitor-evidence{margin:24px 0 0;padding:16px;overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 16px 45px rgba(20,45,35,.08)}.competitor-evidence img{width:100%;display:block;border-radius:16px}
.hmw-grid article:last-child{grid-column:1/-1;min-height:180px}

/* Feedback pass: readable type, plain language, and clearer evidence */
body{font-kerning:normal;text-rendering:optimizeLegibility;letter-spacing:0}.case-brand{letter-spacing:-.025em}.case-hero h1,.section-heading h2,.section-heading.compact h2,.next-project>a{letter-spacing:-.035em}.case-lede,.section-heading>p:last-child,.split-copy p,.challenge-cards p,.persona-identity p,.persona-columns li,.qa-list p,.evidence-findings li{letter-spacing:.005em}.case-tags span,.back-link,.case-rail a,.story-index a{letter-spacing:.01em}.section-heading h2{max-width:980px;line-height:1.08}.section-heading.compact h2{line-height:1.1}.split-copy .large-copy,.challenge-cards h3,.persona-identity h3,.hmw-grid h3,.facts-grid h3,.goals-grid h3{letter-spacing:-.02em}
.persona-avatar{overflow:hidden;align-items:end}.persona-avatar img{width:100%;height:108%;display:block;object-fit:contain;object-position:center bottom;transform:translateY(8px)}
.chart-grid article{display:flex;flex-direction:column}.chart-grid h3{min-height:52px;line-height:1.35}.chart-legend{margin-top:auto;padding-top:18px;display:flex;flex-wrap:wrap;gap:8px 14px;color:#505853;font-size:13px}.chart-legend span{display:inline-flex;align-items:center;gap:7px}.chart-legend span::before{content:'';width:10px;height:10px;border-radius:50%;background:#dfe3e0}.chart-legend .yes::before{background:var(--case-green)}
.comparison-row .feature-yes,.comparison-row .feature-no{width:32px;height:32px;margin:auto;display:grid;place-items:center;border-radius:50%;font-size:19px;font-weight:800}.comparison-row .feature-yes{background:#dff5eb;color:#087354}.comparison-row .feature-no{background:#ffe5e2;color:#b53b31}.research-takeaways{margin-top:20px;padding:34px;border-radius:26px;background:#e2f3e9}.research-takeaways h3{margin:0 0 20px;font-size:26px;letter-spacing:-.02em}.research-takeaways ul{margin:0;padding-left:22px}.research-takeaways li{margin:10px 0;line-height:1.55}
.empathy-section{padding-top:120px}.empathy-section .empathy-map{margin-top:55px}.empathy-section .empathy-center{border-color:var(--paper)}
.ia-evidence{margin:55px 0 0;padding:24px;overflow:hidden;border:1px solid #dfe8e3;border-radius:30px;background:#fff;box-shadow:0 18px 50px rgba(25,45,36,.08)}.ia-evidence img{width:100%;display:block}
.system-caption{color:#606863;font-size:14px;line-height:1.5}.tone-row{margin-top:18px;display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.tone-row i{height:28px;border-radius:7px;background:#10a77d}.green-tones i:nth-child(2){opacity:.88}.green-tones i:nth-child(3){opacity:.76}.green-tones i:nth-child(4){opacity:.64}.green-tones i:nth-child(5){opacity:.52}.green-tones i:nth-child(6){opacity:.4}.green-tones i:nth-child(7){opacity:.28}.green-tones i:nth-child(8){opacity:.16}.grey-tones i{background:#172033}.grey-tones i:nth-child(2){opacity:.88}.grey-tones i:nth-child(3){opacity:.76}.grey-tones i:nth-child(4){opacity:.64}.grey-tones i:nth-child(5){opacity:.52}.grey-tones i:nth-child(6){opacity:.4}.grey-tones i:nth-child(7){opacity:.28}.grey-tones i:nth-child(8){opacity:.16}.type-card{font-family:'Noto Sans',Arial,sans-serif}.type-card .type-large{font-size:22px;font-weight:800}.component-card .secondary-action{border:1px solid var(--case-green);background:#fff;color:#087757}
.model-explainer{margin-top:24px;padding:34px;display:grid;grid-template-columns:.75fr 1.25fr;gap:42px;border-radius:28px;background:#e7f4ec}.model-explainer span{font-family:'DM Mono',monospace;color:#087757;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.model-explainer h3{margin:20px 0 0;font-size:30px;line-height:1.25;letter-spacing:-.025em}.model-explainer ol{margin:0;padding-left:22px}.model-explainer li{margin:0 0 13px;padding-left:6px;line-height:1.55}
.source-phone-grid{display:grid;gap:24px;align-items:start}.source-phone-grid.version-one{grid-template-columns:repeat(3,minmax(0,1fr))}.source-phone-grid.version-two{grid-template-columns:repeat(4,minmax(0,1fr))}.source-evidence .source-phone{margin:0;padding:9px;overflow:hidden;border:7px solid #18201d;border-radius:34px;background:#18201d;box-shadow:0 20px 45px rgba(18,35,29,.16)}.source-evidence .source-phone img{width:100%;display:block;border-radius:21px}.source-evidence .wireframe-evidence{padding:18px;border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(25,45,36,.1)}.source-evidence .wireframe-evidence img{width:100%;display:block;border-radius:18px}
.impact-band .section-heading>p:last-child{color:#e4fff4}.impact-proof-layout{margin-top:58px;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}.impact-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.impact-results article,.store-summary{padding:26px;border-radius:24px;background:rgba(0,0,0,.14)}.impact-results article{min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.impact-results article strong{font-size:48px;line-height:1;letter-spacing:-.035em}.impact-results article span{max-width:170px;color:#e4fff4;line-height:1.45}.store-summary{grid-column:1/-1;display:flex;align-items:center;gap:24px}.store-summary span{margin-right:auto;color:#d9f7e9}.store-summary strong{padding:11px 15px;border-radius:999px;background:#fff;color:#087757;font-size:16px}.store-proof{margin:0;padding:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:28px;background:#e8fff5;color:#15362a}.store-proof img{width:min(100%,340px);display:block;border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.2)}.store-proof figcaption{margin-top:16px;font-size:13px;color:#456057;text-align:center}
@media(max-width:900px){.source-phone-grid.version-one,.source-phone-grid.version-two{grid-template-columns:repeat(2,minmax(0,1fr))}.impact-proof-layout{grid-template-columns:1fr}.impact-results{grid-template-columns:1fr 1fr}.store-summary{grid-column:1/-1}}
@media(max-width:620px){.hmw-grid article:last-child{grid-column:auto;min-height:220px}.model-explainer{grid-template-columns:1fr;padding:24px;gap:24px}.source-phone-grid.version-one,.source-phone-grid.version-two{grid-template-columns:1fr}.source-evidence .source-phone{width:min(100%,340px);justify-self:center}.impact-results{grid-template-columns:1fr}.store-summary{align-items:flex-start;flex-direction:column;gap:12px}.store-summary span{margin-right:0}.ia-evidence{padding:10px}.chart-grid h3{min-height:0}}

/* Grouped Synthesis and Ideate sections */
.parent-heading{padding-bottom:34px;border-bottom:1px solid #dce2de}.parent-heading h2{font-size:clamp(3.4rem,6vw,6.6rem)}
.case-subsection{margin-top:54px;padding:42px;border-radius:34px}
.case-subsection+.case-subsection{margin-top:24px}
.subsection-heading{display:grid;grid-template-columns:72px minmax(0,1fr);gap:22px;align-items:start}
.subsection-heading>span{width:52px;height:52px;display:grid;place-items:center;border:1px solid #b9c9c1;border-radius:50%;font-family:'DM Mono',monospace;font-size:13px}
.subsection-heading div>p:first-child{margin:0 0 9px;color:#69746e;font-family:'DM Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.subsection-heading h3{margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.08;letter-spacing:-.035em}
.subsection-heading div>p:last-child{max-width:700px;margin:18px 0 0;color:#5c6761;font-size:17px;line-height:1.65;letter-spacing:.005em}
.research-conclusion{padding-top:62px}
.research-subsection-heading{grid-template-columns:minmax(0,1fr)}
.hmw-subsection{background:#18241f;color:#fff}.hmw-subsection .subsection-heading>span{border-color:#597068}.hmw-subsection .subsection-heading div>p:first-child,.hmw-subsection .subsection-heading div>p:last-child{color:#a9c0b6}.hmw-subsection .hmw-grid{margin-top:44px}
.empathy-subsection{background:#f2f7f3}.empathy-subsection .empathy-map{margin-top:44px}.empathy-subsection .empathy-center{border-color:#f2f7f3}
.moscow-subsection{background:#faf9f6;border:1px solid #e3e1dc}.moscow-subsection .moscow-board{margin-top:42px;background:#fff}
.ia-subsection{background:#edf7f2;border:1px solid #d6e7de}

/* Editable information architecture */
.ia-diagram{margin-top:44px;padding:34px;border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(25,45,36,.08)}
.ia-onboarding>p{margin:0 0 18px;color:#68736d;font-family:'DM Mono',monospace;font-size:12px;text-align:center;text-transform:uppercase;letter-spacing:.08em}
.ia-onboarding-track{margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;list-style:none}
.ia-onboarding-track li{min-height:54px;padding:11px 12px;position:relative;display:grid;place-items:center;border:1px solid #b9dacc;border-radius:14px;background:#f8fcfa;text-align:center;font-size:13px;font-weight:650;line-height:1.25}
.ia-onboarding-track li:not(:last-child)::after{content:'→';position:absolute;right:-20px;color:#20a57d;font-size:16px}
.ia-home-hub{width:180px;margin:48px auto 0;padding:13px 18px;position:relative;display:flex;flex-direction:column;align-items:center;border-radius:18px;background:#0ea77c;color:#fff;box-shadow:0 12px 26px rgba(14,167,124,.22)}
.ia-home-hub::before{content:'↓';position:absolute;top:-34px;color:#20a57d;font-size:18px}.ia-home-hub span{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.ia-home-hub strong{margin-top:3px;font-size:18px}
.ia-branches{margin-top:34px;padding-top:40px;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}
.ia-branches::before{content:'';height:1px;position:absolute;top:18px;left:10%;right:10%;background:#79c9ae}
.ia-branch{position:relative}.ia-branch::before{content:'';width:1px;height:22px;position:absolute;top:-22px;left:50%;background:#79c9ae}
.ia-branch h4{margin:0 0 16px;padding:13px 10px;border-radius:14px;background:#0ea77c;color:#fff;font-size:15px;text-align:center;letter-spacing:.005em}
.ia-branch ol{margin:0;padding:0;display:grid;gap:14px;list-style:none}
.ia-branch li{min-height:48px;padding:10px;position:relative;display:grid;place-items:center;border:1px solid #c9ddd4;border-radius:12px;background:#fff;color:#37423d;text-align:center;font-size:12px;line-height:1.3}
.ia-branch li:not(:last-child)::after{content:'';width:1px;height:15px;position:absolute;left:50%;bottom:-15px;background:#b5d9ca}

@media(max-width:900px){.case-subsection{padding:32px}.ia-onboarding-track{max-width:360px;margin:0 auto;grid-template-columns:1fr;gap:24px}.ia-onboarding-track li:not(:last-child)::after{content:'↓';right:50%;bottom:-22px}.ia-branches{padding-top:0;grid-template-columns:1fr 1fr;gap:22px}.ia-branches::before,.ia-branch::before{display:none}.ia-branch:last-child{grid-column:1/-1}.ia-branch:last-child ol{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.case-subsection{margin-top:38px;padding:22px;border-radius:24px}.subsection-heading{grid-template-columns:1fr;gap:16px}.subsection-heading>span{width:44px;height:44px}.empathy-subsection .empathy-map{margin-top:32px}.ia-diagram{padding:20px;border-radius:20px}.ia-branches{grid-template-columns:1fr}.ia-branch:last-child{grid-column:auto}.ia-branch:last-child ol{grid-template-columns:1fr}}

/* Empathy Map legibility and shared Synthesis / Ideate surface language */
.case-subsection{border:1px solid #d8e1dc}
.chart-grid .donut{margin-right:auto;margin-left:auto}
.hmw-subsection{border-color:#31463e}
.empathy-subsection,.moscow-subsection,.ia-subsection{border-color:#d8e1dc;background:#f4f8f5}
.empathy-map{position:static;grid-template-columns:1fr 1fr;gap:16px}
.empathy-map article{min-height:220px;padding:28px;border:1px solid #cfded6;background:#fff}
.empathy-map article>span{font-size:22px;font-weight:800;color:#0b8f69}
.empathy-center{width:auto;height:auto;position:static;grid-column:1/-1;transform:none;padding:18px 22px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #b9d7ca;border-radius:18px;background:#e3f3ea;color:#14231d;text-align:center}
.empathy-center span{color:#39715e;font-family:'DM Mono',monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}
.empathy-center strong{font-size:17px}
.empathy-goal{max-width:none!important;margin:20px 0 0!important;padding:14px 16px;border-left:3px solid var(--case-green);border-radius:0 12px 12px 0;background:#eaf6ef;font-size:15px!important;line-height:1.5!important}
.empathy-goal strong{display:block;margin-bottom:4px;color:#087757;font-family:'DM Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.ia-diagram{border:1px solid #d8e1dc;box-shadow:none}
.ia-home-hub{border:1px solid #078e69;box-shadow:none}
@media(max-width:620px){.empathy-subsection .empathy-map{grid-template-columns:1fr}.empathy-center{grid-column:auto;flex-direction:column;gap:5px}.empathy-map article{min-height:0}}

/* Connected Information Architecture journey */
.ia-onboarding-track{max-width:300px;margin:0 auto;grid-template-columns:1fr;gap:28px}
.ia-onboarding-track li{min-height:56px;background:#fff}
.ia-onboarding-track li:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-25px;transform:translateX(50%);color:#0ea77c;font-size:17px;line-height:1}
.ia-onboarding-track li:last-child::after{content:'↓';position:absolute;right:50%;bottom:-35px;transform:translateX(50%);color:#0ea77c;font-size:17px;line-height:1}
.ia-home-hub{margin-top:42px}
.ia-home-hub::before{content:'';width:1px;height:18px;position:absolute;top:-19px;background:#79c9ae}
.ia-home-hub::after{content:'';width:1px;height:53px;position:absolute;bottom:-54px;background:#79c9ae}
.ia-branches{margin-top:34px}
.ia-branch ol{position:relative}
.ia-branch ol::before{content:'';width:1px;height:17px;position:absolute;top:-17px;left:50%;background:#b5d9ca}
@media(max-width:900px){.ia-onboarding-track{max-width:300px}.ia-home-hub::after{display:none}}

/* Precise IA connector endpoints */
.ia-onboarding-track li:not(:last-child)::after{content:'';width:1px;height:28px;right:50%;bottom:-29px;transform:none;background:#0ea77c}
.ia-onboarding-track li:not(:last-child)::before{content:'';position:absolute;right:calc(50% - 4px);bottom:-28px;border-top:6px solid #0ea77c;border-right:4px solid transparent;border-left:4px solid transparent}
.ia-onboarding-track li:last-child::after{content:'';width:1px;height:42px;right:50%;bottom:-43px;transform:none;background:#0ea77c}
.ia-onboarding-track li:last-child::before{content:'';position:absolute;right:calc(50% - 4px);bottom:-42px;border-top:6px solid #0ea77c;border-right:4px solid transparent;border-left:4px solid transparent}
.ia-home-hub::before{display:none}
.ia-branches::before{left:calc((100% - 48px)/10);right:calc((100% - 48px)/10)}

/* MoSCoW number badges follow their category chip colours */
.moscow-board .must>div span{background:#fff0bd}
.moscow-board .should>div span{background:#ffd6ba}
.moscow-board .could>div span{background:#cdeffa}
.moscow-board .wont>div span{background:#ffd3e1}

/* Competitive research evidence matches the stroke-based card system */
.competitor-evidence{border:1px solid #d8e1dc;box-shadow:none}

/* Original Digital Saathi design system, presented in the portfolio card language */
.system-band{--ds-green:#12a980;--ds-green-dark:#0d8767;--ds-ink:#192535;--ds-muted:#5a6676;background:#e9e2f2}
.system-band .inner{padding-top:132px;padding-bottom:132px}
.system-band .section-heading{max-width:920px}
.system-band .section-heading>p:last-child{max-width:760px}
.design-foundations{grid-template-columns:1fr 1.45fr;gap:18px}
.design-foundations>article,.design-components>article{min-height:0;border:1px solid rgba(25,37,53,.08);background:rgba(255,255,255,.9)}
.design-foundations h3,.design-components h3{margin:0 0 28px;font-size:22px;letter-spacing:-.02em}
.primary-colour{display:grid;grid-template-columns:108px 1fr;gap:22px;align-items:center}
.primary-colour>span{width:108px;height:108px;border-radius:24px;background:var(--ds-green)}
.primary-colour small{display:block;color:var(--ds-muted);font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.primary-colour strong{display:block;margin-top:7px;color:var(--ds-green-dark);font-family:'DM Mono',monospace;font-size:24px}
.primary-colour p{margin:8px 0 0;color:#69727d;font-size:13px;line-height:1.5}
.palette-group{margin-top:30px}
.palette-group h4{margin:0 0 12px;color:#34404e;font-size:14px;font-weight:650}
.ds-tone-row{display:grid;grid-template-columns:repeat(9,1fr);gap:7px}
.ds-tone-row i{height:42px;border-radius:9px;background:var(--tone)}
.primary-tones i:nth-child(1){--tone:#12a980}.primary-tones i:nth-child(2){--tone:#2bb18c}.primary-tones i:nth-child(3){--tone:#45bb9b}.primary-tones i:nth-child(4){--tone:#61c5a9}.primary-tones i:nth-child(5){--tone:#7bcfb8}.primary-tones i:nth-child(6){--tone:#95d8c6}.primary-tones i:nth-child(7){--tone:#b0e3d4}.primary-tones i:nth-child(8){--tone:#caeae2}.primary-tones i:nth-child(9){--tone:#e4f5ef}
.neutral-tones i:nth-child(1){--tone:#192535}.neutral-tones i:nth-child(2){--tone:#273445}.neutral-tones i:nth-child(3){--tone:#5a6676}.neutral-tones i:nth-child(4){--tone:#78828e}.neutral-tones i:nth-child(5){--tone:#a9b1bc}.neutral-tones i:nth-child(6){--tone:#c4cbd3}.neutral-tones i:nth-child(7){--tone:#dadfe3}.neutral-tones i:nth-child(8){--tone:#e9ecf1}.neutral-tones i:nth-child(9){--tone:#f4f5f7}
.type-system-card{font-family:'Noto Sans',Arial,sans-serif}
.font-family-name{margin:-4px 0 26px;color:var(--ds-ink);font-size:40px;font-weight:700;letter-spacing:-.04em}
.type-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.type-spec-grid>div{padding:20px;border:1px dashed rgba(18,169,128,.62);border-radius:16px}
.type-spec-grid h4{margin:0 0 16px;font-size:14px;font-weight:700}
.type-spec-grid p{margin:0 0 10px;line-height:1.1}.type-spec-grid p:last-child{margin-bottom:0}
.type-spec-grid>div:first-child p{font-weight:600}.type-spec-grid>div:nth-child(2) p{font-weight:700}
.type-spec-grid .t50{font-size:34px}.type-spec-grid .t40{font-size:28px}.type-spec-grid .t28{font-size:22px}.type-spec-grid .t22{font-size:18px}.type-spec-grid .t18{font-size:16px}.type-spec-grid .t16{font-size:14px}.type-spec-grid .t12{font-size:12px}
.type-spec-grid .body-type{font-size:14px}.type-spec-grid .body-type p{line-height:1.45;font-weight:400}.type-spec-grid .body-type.medium p{font-weight:500}.type-spec-grid .b16{font-size:16px}.type-spec-grid .b14{font-size:14px}.type-spec-grid .b12{font-size:12px;color:#69727d}
.design-components{grid-template-columns:repeat(3,1fr);gap:18px}
.design-components>article{padding:28px;border-radius:26px}
.ds-btn{min-height:44px;padding:11px 16px;border:1px solid transparent;border-radius:6px;font-family:'Noto Sans',Arial,sans-serif;font-size:13px;font-weight:600}
.ds-btn.primary{background:var(--ds-green);color:#fff}.ds-btn.outline{border-color:var(--ds-green);background:#fff;color:var(--ds-green-dark)}.ds-btn.disabled{border-color:#d6dce2;background:#f4f5f7;color:#a9b1bc}.ds-btn.icon-button{display:flex;align-items:center;justify-content:center;gap:8px}.ds-btn.full-width{width:100%}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.buttons-card{display:grid;align-content:start;gap:12px}.buttons-card h3{margin-bottom:16px}
.alerts-card{display:flex;flex-direction:column;gap:12px}.alerts-card h3{margin-bottom:16px}.ds-alert{min-height:48px;padding:12px 14px;display:grid;grid-template-columns:22px 1fr 18px;gap:8px;align-items:center;border-radius:8px;font-family:'Noto Sans',Arial,sans-serif;font-size:12px}.ds-alert p{margin:0}.ds-alert b{font-size:16px;font-weight:400;text-align:right}.ds-alert.neutral{background:#fff0c9;color:#8a651a}.ds-alert.success{background:#ddf5e9;color:#08704f}.ds-alert.error{background:#ffe0df;color:#a33b38}
.status-list{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.status-list span{padding:7px 9px;display:inline-flex;align-items:center;gap:8px;border-radius:5px;font-family:'Noto Sans',Arial,sans-serif;font-size:12px}.status-list b{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:9px}.status-list .green{background:#dff5eb;color:#087354}.status-list .green b{background:#12a980}.status-list .amber{background:#fff0c9;color:#805d16}.status-list .amber b{background:#f0a51a}.status-list .blue{background:#dce8ff;color:#2856a3}.status-list .blue b{background:#4a7be0}.status-list .purple{background:#f0ddff;color:#7434a2}.status-list .purple b{background:#a750da}.status-list .cyan{background:#d8f5ff;color:#19768f}.status-list .cyan b{background:#34afd0}
.ds-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #c4cbd3}.ds-tabs+ .ds-tabs{margin-top:34px}.ds-tabs span,.ds-tabs strong{padding:12px 8px;text-align:center;font-size:13px;font-weight:400}.ds-tabs strong{border-bottom:2px solid var(--ds-green);color:var(--ds-green-dark);font-weight:600}.ds-tabs.second{direction:rtl}.ds-tabs.second>*{direction:ltr}
.fields-card{font-family:'Noto Sans',Arial,sans-serif}.ds-field{margin-top:12px;padding:7px 10px;display:grid;grid-template-columns:1fr 18px;border:1px solid #c4cbd3;border-radius:6px;background:#fff}.ds-field>span{grid-column:1/-1;margin-bottom:5px;color:#273445;font-size:10px;font-weight:600}.ds-field strong{font-size:12px;font-weight:500}.ds-field i{font-style:normal;text-align:right}.ds-field.active{border-color:var(--ds-green);background:#e4f5ef}.ds-field.error{border-color:#ee6c67;background:#ffe0df}.paired-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-error{margin:4px 0 0;color:#b53b31;font-size:10px}
.mobile-icons-card>p{margin:-16px 0 24px;color:#78828e;font-family:'DM Mono',monospace;font-size:11px}.ds-icon-grid{display:grid;grid-template-columns:repeat(4,52px);gap:12px}.ds-icon-grid span{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#f0f2f4;color:#78828e}.ds-icon-grid span.active{background:#e4f5ef;color:var(--ds-green-dark)}.ds-icon-grid svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.design-foundations{grid-template-columns:1fr}.design-components{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.system-band .inner{padding-top:90px;padding-bottom:90px}.design-components{grid-template-columns:1fr}.primary-colour{grid-template-columns:82px 1fr}.primary-colour>span{width:82px;height:82px;border-radius:20px}.type-spec-grid{grid-template-columns:1fr}.ds-tone-row{gap:4px}.ds-tone-row i{height:32px;border-radius:7px}.design-foundations>article,.design-components>article{padding:22px}.ds-icon-grid{grid-template-columns:repeat(4,48px);gap:9px}.ds-icon-grid span{width:48px;height:48px}}

/* Design-system tint background and balanced card interiors */
.system-band{background:#e4f5ef}
.colour-system-card{display:grid;grid-template-rows:auto 1fr auto auto;align-items:start}
.colour-system-card .primary-colour{align-self:center}
.colour-system-card .palette-group{margin-top:24px}
.tabs-card{display:flex;flex-direction:column}
.tabs-card .ds-tabs:first-of-type{margin-top:auto}
.tabs-card .ds-tabs:last-child{margin-bottom:auto}
.mobile-icons-card{display:flex;flex-direction:column}
.mobile-icons-card .ds-icon-grid{margin-top:auto;margin-bottom:auto}
@media(max-width:900px){.colour-system-card{display:block}.colour-system-card .palette-group{margin-top:30px}.tabs-card .ds-tabs:first-of-type{margin-top:20px}.tabs-card .ds-tabs:last-child{margin-bottom:20px}.mobile-icons-card .ds-icon-grid{margin-top:24px;margin-bottom:20px}}

/* Restore the earlier natural content flow requested for these three cards */
.colour-system-card,.tabs-card,.mobile-icons-card{display:block}
.colour-system-card .primary-colour{align-self:auto}
.colour-system-card .palette-group{margin-top:30px}
.tabs-card .ds-tabs:first-of-type{margin-top:0}
.tabs-card .ds-tabs:last-child{margin-bottom:0}
.mobile-icons-card .ds-icon-grid{margin-top:0;margin-bottom:0}
@media(max-width:900px){.tabs-card .ds-tabs:first-of-type{margin-top:0}.tabs-card .ds-tabs:last-child{margin-bottom:0}.mobile-icons-card .ds-icon-grid{margin-top:0;margin-bottom:0}}

/* Version 1 uses the supplied original screen sheet without added device mockups */
.evidence-heading.stacked{grid-template-columns:1fr;gap:12px;align-items:start;margin-bottom:28px}
.evidence-heading.stacked p{max-width:720px}
.source-evidence .version-one-screen-sheet{margin:0;padding:0;overflow:visible;border-radius:0;background:transparent;box-shadow:none}
.source-evidence .version-one-screen-sheet img{width:100%;height:auto;display:block;border-radius:0}
.source-evidence .version-one-findings{border:1px solid #caeae2;background:#e4f5ef}

/* Version 1: light screen outlines, no presentation shadow, findings match Key takeaways */
.version-one-screen-board{padding:24px;border:1px solid #d8e1dc;border-radius:30px;background:transparent;box-shadow:none}
.version-one-simple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.source-evidence .version-one-simple-grid figure{margin:0;padding:0;overflow:hidden;border:0;border-radius:22px;background:transparent;box-shadow:none}
.source-evidence .version-one-simple-grid img{width:100%;display:block;box-sizing:border-box;border:1px solid #caeae2;border-radius:22px;box-shadow:none}
.source-evidence .research-takeaways.version-one-findings{border:0;background:#e2f3e9}
.version-two-screen-board{padding:24px;border:1px solid #d8e1dc;border-radius:30px;background:#fff;box-shadow:none}
.version-two-screen-sheet{margin:0;background:transparent}
.version-two-screen-sheet img{width:100%;height:auto;display:block}
.source-evidence .research-takeaways.version-two-findings{border:0;background:#e2f3e9}
@media(max-width:900px){.version-one-simple-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.version-one-screen-board,.version-two-screen-board{padding:12px;border-radius:22px}.version-one-simple-grid{grid-template-columns:1fr;gap:16px}.source-evidence .version-one-simple-grid figure,.source-evidence .version-one-simple-grid img{border-radius:16px}}

/* Digital Saathi hero: align the phone panel to the left content bounds */
[data-project="1"] .case-hero-card{align-items:stretch}
[data-project="1"] .case-device-stage{min-height:0;margin:26px 0 8px;padding:28px;box-sizing:border-box;border:0;background:transparent}
[data-project="1"] .case-device-stage img{width:auto;height:90%;max-width:90%;max-height:90%;clip-path:none;object-fit:contain}
@media(max-width:900px){[data-project="1"] .case-device-stage{min-height:540px;margin:0;padding:28px}[data-project="1"] .case-device-stage img{height:90%;max-height:90%}}
@media(max-width:620px){[data-project="1"] .case-device-stage{min-height:420px;padding:22px}[data-project="1"] .case-device-stage img{height:90%;max-height:90%}}

/* Shared premium device presentation for the Digital Saathi hero */
[data-project="1"] .case-device-stage img{
  filter:drop-shadow(0 12px 9px rgba(20,49,39,.08)) drop-shadow(0 32px 24px rgba(20,49,39,.22));
  transform:none;
  transform-origin:center;
}
[data-project="1"] .case-hero-card:hover .case-device-stage img{
  transform:translateY(-8px) scale(1.01);
}
@media(max-width:620px){
  [data-project="1"] .case-device-stage img{transform:none}
  [data-project="1"] .case-hero-card:hover .case-device-stage img{transform:translateY(-4px) scale(1.005)}
}

/* NexusFlow — isolated project 3 case-study system */
body[data-project="3"]{--nexus-ink:#121820;--nexus-muted:#66707b;--nexus-line:#dce2e7;--nexus-lime:#a5db28;--nexus-lime-dark:#6f990c;--nexus-mint:#f3f8e9;--nexus-soft:#f5f6f7;color:var(--nexus-ink)}
body[data-project="3"] .case-hero-card{background:#eff6dd}
body[data-project="3"] .case-device-stage{background:#fff}
body[data-project="3"] .case-device-stage img{width:min(100%,760px);max-width:92%;max-height:88%;object-fit:contain;filter:none}
body[data-project="3"] .case-brand{color:#577807}
body[data-project="3"] .case-tags span{border-color:#8fa85b}
body[data-project="3"] .metric-grid{display:none}
body[data-project="3"] .next-project{border-top:1px solid var(--nexus-line)}
body[data-project="3"] #nexus-case-study{overflow:hidden}
#nexus-case-study .section-heading{max-width:1050px}
#nexus-case-study .section-heading h2{color:var(--nexus-ink)}
#nexus-case-study .section-heading>p:last-child{max-width:760px;color:var(--nexus-muted);font-size:18px;line-height:1.65}
#nexus-case-study .eyebrow{color:var(--nexus-lime-dark)}
#nexus-case-study img{display:block;max-width:100%}

.nexus-challenge{padding-top:130px;padding-bottom:140px}
.nexus-context-grid{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nexus-context-grid article{min-height:240px;padding:30px;display:grid;grid-template-rows:auto 132px auto;align-content:start;align-items:start;border:1px solid var(--nexus-line);border-radius:24px;background:#fff}
.nexus-context-grid span,.nexus-subhead>span,.nexus-decision>span,.nexus-outcome span{color:var(--nexus-lime-dark);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.nexus-context-grid h3{margin:24px 0 0;font-size:25px;line-height:1.2;letter-spacing:-.025em}
.nexus-context-grid p{margin:0;color:var(--nexus-muted);font-size:15px;line-height:1.6}
.nexus-problem{margin:18px 0 0;padding:38px 42px;display:grid;grid-template-columns:180px 1fr;gap:34px;border:1px solid #d7e2bf;border-radius:24px;background:var(--nexus-mint)}
.nexus-problem span{padding-top:7px;color:var(--nexus-lime-dark);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.nexus-problem p{max-width:900px;margin:0;font-size:clamp(1.45rem,2.5vw,2.4rem);font-weight:550;line-height:1.32;letter-spacing:-.025em}

.nexus-research-band{padding:0;background:#f4f6f7}
.nexus-evidence{margin:44px 0 0;padding:24px;border:1px solid var(--nexus-line);border-radius:28px;background:#fff;overflow:hidden}
.nexus-evidence img{width:100%;height:auto;object-fit:contain}
.nexus-evidence figcaption{margin:16px 5px 1px;color:var(--nexus-muted);font-size:13px;line-height:1.5}
.nexus-reference{margin-top:60px}
.nexus-reference img{border-radius:16px}
.nexus-insight-grid{margin-top:24px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.nexus-insight-grid article{min-height:238px;padding:24px;display:grid;grid-template-rows:auto 72px 1fr;align-items:start;gap:12px;border:1px solid var(--nexus-line);border-radius:22px;background:#fff}
.nexus-insight-grid span{color:#929ba4;font:500 12px/1 'DM Mono',monospace}
.nexus-insight-grid h3{margin:0;font-size:19px;line-height:1.2;letter-spacing:-.02em}
.nexus-insight-grid p{margin:0;color:var(--nexus-muted);font-size:14px;line-height:1.55}

.nexus-ia{padding-top:140px;padding-bottom:145px}
.nexus-principles{margin-top:46px;display:flex;flex-wrap:wrap;gap:10px}
.nexus-principles span,.nexus-feature-chips li{padding:11px 16px;border:1px solid #b5ca85;border-radius:999px;background:var(--nexus-mint);font-size:14px}
.nexus-ia-figure{padding:34px;border-color:#d8e3c2;background:#f8faf5}
.nexus-ia-figure figcaption{color:var(--nexus-muted)}
.nexus-ia-diagram{--nexus-connector:#a4b396;padding:34px;border:1px solid #e0e7d2;border-radius:22px;background:#fff}
.nexus-ia-root{width:min(100%,360px);min-height:64px;margin:0 auto 56px;padding:16px 24px;position:relative;display:grid;place-items:center;border-radius:16px;background:var(--nexus-lime);color:#18210b;font-size:21px;font-weight:750;text-align:center}
.nexus-ia-root::after{content:'';width:1px;height:42px;position:absolute;left:50%;top:100%;background:var(--nexus-connector)}
.nexus-ia-modules{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.nexus-ia-modules::before{content:'';height:1px;position:absolute;left:calc(10% - 5.6px);right:calc(10% - 5.6px);top:-21px;background:var(--nexus-connector)}
.nexus-ia-modules>div{min-height:54px;padding:12px;position:relative;display:grid;place-items:center;border:1px solid #a8cb59;border-radius:14px;background:#fff;color:var(--nexus-ink);font-size:14px;font-weight:700;text-align:center;line-height:1.25}
.nexus-ia-modules>div::before{content:'';width:1px;height:22px;position:absolute;left:50%;bottom:100%;background:var(--nexus-connector)}
.nexus-ia-branch-connectors{height:66px;position:relative;color:var(--nexus-connector)}
.nexus-ia-branch-connectors span{position:absolute;display:block;background:var(--nexus-connector)}
.nexus-ia-branch-connectors span::before,.nexus-ia-branch-connectors span::after{content:'';width:1px;position:absolute;background:var(--nexus-connector)}
.nexus-ia-branch-connectors .dashboard-connector{left:calc(10% - 5.6px);top:-1px;width:1px;height:67px}
.nexus-ia-branch-connectors .dashboard-connector::before,.nexus-ia-branch-connectors .dashboard-connector::after{display:none}
.nexus-ia-branch-connectors .communication-connector{left:calc(30% - 2.8px);top:45px;width:calc(51.5217% + 6.1px);height:1px}
.nexus-ia-branch-connectors .communication-connector::before{left:0;bottom:0;height:47px}
.nexus-ia-branch-connectors .communication-connector::after{right:0;top:0;height:21px}
.nexus-ia-detail-groups{margin-top:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:18px}
.nexus-ia-detail-group{padding:22px;border:1px solid var(--nexus-line);border-radius:18px;background:#f8f9f7}
.nexus-ia-detail-group>h3{margin:0 0 18px;color:var(--nexus-lime-dark);font-size:15px;font-weight:750;letter-spacing:.02em}
.nexus-ia-detail-grid{display:grid;gap:12px}
.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.communication-grid{grid-template-columns:1fr 1fr}
.nexus-ia-detail-grid article{padding:16px;border:1px solid #dce2d4;border-radius:14px;background:#fff}
.nexus-ia-detail-grid h4{margin:0 0 12px;font-size:14px;line-height:1.25}
.nexus-ia-detail-grid h5{margin:14px 0 6px;color:var(--nexus-lime-dark);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.nexus-ia-detail-grid ul{margin:0;padding-left:17px}
.nexus-ia-detail-grid li{margin:5px 0;color:#55606a;font-size:12px;line-height:1.35}
.nexus-subhead{max-width:860px;margin-top:100px}
.nexus-subhead h3{margin:13px 0 16px;font-size:clamp(2rem,4vw,4.2rem);font-weight:600;line-height:1.08;letter-spacing:-.04em}
.nexus-subhead p{max-width:720px;margin:0;color:var(--nexus-muted);font-size:17px;line-height:1.65}
.nexus-wireframes img{border-radius:14px}
.nexus-wireframe-grid{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.nexus-wireframe-grid .nexus-wireframes{margin:0}
.nexus-wireframe-grid figcaption{display:grid;gap:5px}
.nexus-wireframe-grid figcaption strong{color:var(--nexus-ink);font-size:16px}
.nexus-wireframe-grid figcaption span{color:var(--nexus-muted)}

.nexus-solution-band{padding:0;background:#f3f8e9}
.nexus-solution-block{margin-top:120px;padding-top:1px}
.nexus-solution-block:first-of-type{margin-top:90px}
.nexus-solution-block+.nexus-solution-block{border-top:1px solid #d7e2bf}
.nexus-iteration-grid{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.nexus-iteration-grid figure{margin:0;display:grid;grid-template-rows:auto 1fr;border:1px solid #d7e2bf;border-radius:24px;background:#fff;overflow:hidden}
.nexus-iteration-grid figure.final{grid-column:1/-1}
.nexus-iteration-grid figure>div{min-height:290px;aspect-ratio:1.8/1;padding:20px;display:flex;align-items:center;justify-content:center;background:#f5f6f7}
.nexus-iteration-grid figure.final>div{min-height:480px}
.nexus-iteration-grid img{width:100%;height:100%;object-fit:contain}
.nexus-iteration-grid figcaption{padding:24px;display:grid;grid-template-columns:150px 1fr;gap:24px;color:var(--nexus-muted);font-size:14px;line-height:1.55}
.nexus-iteration-grid figcaption strong{color:var(--nexus-ink);font-size:17px}
.nexus-dashboard-focus>.nexus-evidence{min-height:650px;padding:64px;display:grid;place-items:center;background:#fff}
.nexus-dashboard-focus>.nexus-evidence img{width:min(100%,1000px);max-height:none;margin:auto}
.nexus-monitor-copy{margin-top:16px!important;padding-top:16px;border-top:1px solid #d7e2bf}
.nexus-feature-chips{margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;list-style:none}
.nexus-monitor-grid{margin-top:42px;display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:16px}
.nexus-monitor-grid article,.nexus-monitor-grid aside{padding:30px;border:1px solid #d7e2bf;border-radius:22px;background:#fff}
.nexus-monitor-grid article>span{display:inline-block;padding:7px 10px;border-radius:999px;background:#edf8d3;color:#587d06;font-size:12px;font-weight:700}
.nexus-monitor-grid h4{margin:42px 0 12px;font-size:21px;letter-spacing:-.02em}
.nexus-monitor-grid p,.nexus-monitor-grid li{color:var(--nexus-muted);font-size:14px;line-height:1.6}
.nexus-monitor-grid p{margin:0}.nexus-monitor-grid ul{margin:16px 0 0;padding-left:20px}
.nexus-workflow-block .nexus-evidence{padding:0;border:0;background:transparent}

.nexus-workflows{padding-top:140px;padding-bottom:145px}
.nexus-workflow-block{margin-top:100px;padding-top:1px}
.nexus-workflow-block+.nexus-workflow-block{padding-top:100px;border-top:1px solid var(--nexus-line)}
.nexus-workflow-block .nexus-subhead{margin-top:0}
.nexus-workflow-block .nexus-subhead h3{margin-top:0}
.nexus-workflow-rationale{margin-top:24px;padding:28px 30px;border:1px solid #b7cd86;border-radius:20px;background:var(--nexus-mint)}
.nexus-workflow-rationale p{max-width:900px;margin:0;color:var(--nexus-ink);font-size:17px;line-height:1.6}
.nexus-outcome{margin-top:120px;padding:46px;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;border-radius:28px;background:var(--nexus-ink);color:#fff}
.nexus-outcome h3{margin:12px 0 0;color:#fff;font-size:34px;line-height:1.15;letter-spacing:-.03em}
.nexus-outcome p{margin:0;color:#d6dadd;font-size:18px;line-height:1.6}
.nexus-outcome ul{grid-column:1/-1;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none}
.nexus-outcome li{padding:18px;border:1px solid #343a41;border-radius:14px;color:#eef1f3;font-size:14px}

@media(max-width:1050px){
  .nexus-insight-grid{grid-template-columns:repeat(2,1fr)}
  .nexus-insight-grid article:last-child{grid-column:1/-1}
  .nexus-monitor-grid{grid-template-columns:1fr 1fr}.nexus-monitor-grid aside{grid-column:1/-1}
}
@media(max-width:800px){
  body[data-project="3"] .case-rail{display:flex}
  .nexus-context-grid{grid-template-columns:1fr}
  .nexus-context-grid article{min-height:200px}
  .nexus-problem{grid-template-columns:1fr;gap:12px}
  .nexus-iteration-grid{grid-template-columns:1fr}.nexus-iteration-grid figure.final{grid-column:auto}
  .nexus-iteration-grid figcaption{grid-template-columns:1fr;gap:8px}
  .nexus-outcome{grid-template-columns:1fr}.nexus-outcome ul{grid-template-columns:1fr 1fr}
  .nexus-wireframe-grid{grid-template-columns:1fr}
  .nexus-ia-diagram{padding:24px}
  .nexus-ia-modules{grid-template-columns:repeat(2,1fr)}
  .nexus-ia-modules::before,.nexus-ia-modules>div::before,.nexus-ia-root::after{display:none}
  .nexus-ia-modules>div:last-child{grid-column:1/-1}
  .nexus-ia-branch-connectors{display:none}
  .nexus-ia-detail-groups{margin-top:24px;grid-template-columns:1fr}
  .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  body[data-project="3"] .case-header{height:126px;align-items:flex-start}
  body[data-project="3"] .case-rail{position:absolute;top:68px;left:16px;right:16px;overflow-x:auto;scrollbar-width:none}
  body[data-project="3"] .case-rail::-webkit-scrollbar{display:none}
  body[data-project="3"] .case-rail a{flex:1 0 auto;padding:9px 12px;text-align:center}
  body[data-project="3"] .case-hero{padding-top:146px}
  body[data-project="3"] .case-device-stage img{max-width:96%}
  #nexus-case-study .story-index{display:none}
  .nexus-challenge,.nexus-ia,.nexus-workflows{padding-top:88px;padding-bottom:90px}
  .nexus-research-band,.nexus-solution-band{padding:0}
  .nexus-research-band>.inner,.nexus-solution-band>.inner{padding-top:88px;padding-bottom:88px}
  .nexus-context-grid{margin-top:42px}
  .nexus-context-grid article{min-height:185px;padding:24px}
  .nexus-problem{padding:26px}
  .nexus-evidence{padding:12px;border-radius:20px}
  .nexus-ia-figure{padding:18px}
  .nexus-ia-diagram{padding:16px;border-radius:16px}
  .nexus-ia-root{margin-bottom:24px;font-size:18px}
  .nexus-ia-modules,.dashboard-grid,.communication-grid{grid-template-columns:1fr}
  .nexus-ia-modules>div:last-child{grid-column:auto}
  .nexus-ia-detail-groups{margin-top:24px}
  .nexus-ia-detail-group{padding:14px}
  .nexus-insight-grid,.nexus-monitor-grid{grid-template-columns:1fr}
  .nexus-insight-grid article,.nexus-insight-grid article:last-child{grid-column:auto;min-height:215px}
  .nexus-subhead{margin-top:72px}
  .nexus-solution-block{margin-top:82px}.nexus-solution-block:first-of-type{margin-top:62px}
  .nexus-iteration-grid figure>div,.nexus-iteration-grid figure.final>div{min-height:190px;padding:10px}
  .nexus-dashboard-focus>.nexus-evidence{min-height:auto;padding:18px}
  .nexus-monitor-grid aside{grid-column:auto}
  .nexus-workflow-rationale{padding:24px}
  .nexus-outcome{margin-top:84px;padding:28px}.nexus-outcome ul{grid-template-columns:1fr}
}

/* Supplied transparent Digital Saathi iPhone mockup in the existing hero stage. */
body[data-project="1"] .case-device-stage{display:grid;place-items:center;overflow:hidden;border:1px solid #e6e6e6;background:#fff}
body[data-project="1"] .case-device-stage>img{width:auto;height:84%;max-width:88%;position:absolute;inset:8% auto auto 50%;padding:0;object-fit:contain;object-position:center;clip-path:none;filter:drop-shadow(0 14px 10px rgba(0,0,0,.08)) drop-shadow(0 28px 24px rgba(0,0,0,.18));transform:translateX(-50%)}
body[data-project="1"] .case-hero-card:hover .case-device-stage>img{transform:translateX(-50%) translateY(-8px) scale(1.008)}
@media(max-width:620px){body[data-project="1"] .case-device-stage>img{height:82%;max-width:84%;inset:9% auto auto 50%}}

/* Digital Saathi case-study consistency system */
body[data-project="1"]{
  --primary-green:#12a980;
  --dark-green:#18342b;
  --mint-background:#eef7f0;
  --page-background:#fafafa;
  --text-primary:#192535;
  --text-secondary:#5a6676;
  --border:#d8e1dc;
  --radius-card:24px;
  --radius-section:34px;
  --radius-control:12px;
  --content-width:1280px;
  --section-spacing:112px;
  --card-padding:28px;
  --case-green:var(--primary-green);
  --case-dark:var(--dark-green);
  --line:var(--border);
  background:var(--page-background);
  color:var(--text-primary);
  font-family:'Noto Sans',Arial,sans-serif;
}
body[data-project="1"] *,
body[data-project="1"] button{
  font-family:'Noto Sans',Arial,sans-serif;
}
body[data-project="1"] #digital-case-study [id],
body[data-project="1"] #overview,
body[data-project="1"] #impact{
  scroll-margin-top:96px;
}

/* One content grid and one section rhythm */
body[data-project="1"] .section,
body[data-project="1"] .story-band .inner{
  max-width:var(--content-width);
}
body[data-project="1"] #digital-case-study .story-section,
body[data-project="1"] #digital-case-study .story-band .inner{
  padding-top:var(--section-spacing);
  padding-bottom:var(--section-spacing);
}
body[data-project="1"] #digital-case-study .project-facts{
  padding-top:96px;
  padding-bottom:48px;
}
@media(min-width:901px){
  body[data-project="1"] #digital-case-study .facts-grid h3{
    min-height:2.6em;
  }
  body[data-project="1"] #digital-case-study .challenge-cards h3{
    min-height:2.6em;
  }
}
@media(min-width:621px) and (max-width:900px){
  body[data-project="1"] #digital-case-study .challenge-cards h3{
    min-height:3.9em;
  }
}
body[data-project="1"] #digital-case-study .interview-section{
  padding-top:96px;
}
body[data-project="1"] #digital-case-study .section-heading{
  max-width:960px;
}
body[data-project="1"] #digital-case-study .section-heading.compact{
  max-width:860px;
}
body[data-project="1"] #digital-case-study .eyebrow{
  margin-bottom:20px;
  color:#65716b;
  font-size:12px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:.09em;
}
body[data-project="1"] #digital-case-study .section-heading h2,
body[data-project="1"] #digital-case-study .section-heading.compact h2,
body[data-project="1"] #digital-case-study .parent-heading h2{
  max-width:960px;
  font-size:clamp(2.75rem,4.6vw,4.9rem);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.035em;
}
body[data-project="1"] #digital-case-study .section-heading>p:last-child{
  max-width:720px;
  margin-top:24px;
  color:var(--text-secondary);
  font-size:17px;
  line-height:1.65;
}
body[data-project="1"] #digital-case-study .parent-heading{
  padding-bottom:32px;
  border-bottom-color:var(--border);
}
body[data-project="1"] #digital-case-study .subsection-heading h3{
  font-size:clamp(2.1rem,3.6vw,3.55rem);
  line-height:1.1;
}
body[data-project="1"] #digital-case-study .subsection-heading>span{
  border-color:var(--border);
  font-size:12px;
  font-weight:600;
}
body[data-project="1"] #digital-case-study .subsection-heading div>p:first-child,
body[data-project="1"] #digital-case-study .model-explainer span,
body[data-project="1"] #digital-case-study .facts-grid span,
body[data-project="1"] #digital-case-study .ia-onboarding>p,
body[data-project="1"] #digital-case-study .ia-home-hub span,
body[data-project="1"] #digital-case-study .empathy-center span,
body[data-project="1"] #digital-case-study .empathy-goal strong{
  font-size:11px;
  font-weight:600;
  letter-spacing:.09em;
}

/* Shared surfaces: subtle borders, related radii, no decorative elevation */
body[data-project="1"] .metric-grid article,
body[data-project="1"] #digital-case-study .facts-grid article,
body[data-project="1"] #digital-case-study .goals-grid article,
body[data-project="1"] #digital-case-study .challenge-cards article,
body[data-project="1"] #digital-case-study .process-track div,
body[data-project="1"] #digital-case-study .research-stats article,
body[data-project="1"] #digital-case-study .qa-list article,
body[data-project="1"] #digital-case-study .chart-grid article,
body[data-project="1"] #digital-case-study .comparison-table,
body[data-project="1"] #digital-case-study .research-takeaways,
body[data-project="1"] #digital-case-study .hmw-grid article,
body[data-project="1"] #digital-case-study .empathy-map article,
body[data-project="1"] #digital-case-study .moscow-board,
body[data-project="1"] #digital-case-study .ia-diagram,
body[data-project="1"] #digital-case-study .model-explainer,
body[data-project="1"] #digital-case-study .version-one-screen-board,
body[data-project="1"] #digital-case-study .version-two-screen-board,
body[data-project="1"] #digital-case-study .design-foundations>article,
body[data-project="1"] #digital-case-study .design-components>article,
body[data-project="1"] #digital-case-study .impact-results article,
body[data-project="1"] #digital-case-study .store-summary,
body[data-project="1"] #digital-case-study .store-proof{
  border-radius:var(--radius-card);
  box-shadow:none;
}
body[data-project="1"] .metric-grid article,
body[data-project="1"] #digital-case-study .facts-grid article,
body[data-project="1"] #digital-case-study .goals-grid article,
body[data-project="1"] #digital-case-study .challenge-cards article,
body[data-project="1"] #digital-case-study .process-track div,
body[data-project="1"] #digital-case-study .qa-list article,
body[data-project="1"] #digital-case-study .chart-grid article,
body[data-project="1"] #digital-case-study .comparison-table,
body[data-project="1"] #digital-case-study .research-takeaways,
body[data-project="1"] #digital-case-study .empathy-map article,
body[data-project="1"] #digital-case-study .moscow-board,
body[data-project="1"] #digital-case-study .ia-diagram,
body[data-project="1"] #digital-case-study .model-explainer,
body[data-project="1"] #digital-case-study .version-one-screen-board,
body[data-project="1"] #digital-case-study .version-two-screen-board,
body[data-project="1"] #digital-case-study .design-foundations>article,
body[data-project="1"] #digital-case-study .design-components>article{
  border:1px solid var(--border);
}
body[data-project="1"] #digital-case-study .case-subsection,
body[data-project="1"] #digital-case-study .persona-card{
  border-radius:var(--radius-section);
  box-shadow:none;
}
body[data-project="1"] #digital-case-study .source-evidence figure,
body[data-project="1"] #digital-case-study .supporting-evidence,
body[data-project="1"] #digital-case-study .competitor-evidence,
body[data-project="1"] #digital-case-study .ia-evidence{
  border:1px solid var(--border);
  border-radius:var(--radius-card);
  box-shadow:none;
}

/* Consistent contextual fills without flattening the storytelling */
body[data-project="1"] #digital-case-study .research-band,
body[data-project="1"] #digital-case-study .system-band{
  background:var(--mint-background);
}
body[data-project="1"] #digital-case-study .challenge-cards article,
body[data-project="1"] #digital-case-study .research-takeaways,
body[data-project="1"] #digital-case-study .model-explainer,
body[data-project="1"] #digital-case-study .empathy-subsection,
body[data-project="1"] #digital-case-study .moscow-subsection,
body[data-project="1"] #digital-case-study .ia-subsection{
  background:var(--mint-background);
}
body[data-project="1"] #digital-case-study .process-track div,
body[data-project="1"] #digital-case-study .empathy-map article,
body[data-project="1"] #digital-case-study .moscow-board,
body[data-project="1"] #digital-case-study .ia-diagram,
body[data-project="1"] #digital-case-study .design-foundations>article,
body[data-project="1"] #digital-case-study .design-components>article{
  background:#fff;
}
body[data-project="1"] #digital-case-study .research-stats article{
  border:1px solid rgba(255,255,255,.16);
  background:var(--dark-green);
}
body[data-project="1"] #digital-case-study .persona-card{
  border-color:var(--border);
  background:var(--mint-background);
}
body[data-project="1"] #digital-case-study .research-note{
  border:1px solid var(--border);
  border-radius:var(--radius-control);
  background:rgba(255,255,255,.78);
}

/* Research and synthesis alignment */
body[data-project="1"] #digital-case-study .split-copy{
  margin-top:56px;
}
body[data-project="1"] #digital-case-study .challenge-cards{
  margin-top:48px;
}
body[data-project="1"] #digital-case-study .process-track{
  margin-top:52px;
  gap:12px;
}
body[data-project="1"] #digital-case-study .persona-card,
body[data-project="1"] #digital-case-study .qa-list,
body[data-project="1"] #digital-case-study .chart-grid{
  margin-top:48px;
}
body[data-project="1"] #digital-case-study .comparison-table{
  margin-top:48px;
}
body[data-project="1"] #digital-case-study .competitor-evidence{
  margin-top:20px;
  padding:16px;
  background:#fff;
}
body[data-project="1"] #digital-case-study .competitor-evidence img{
  height:auto;
  object-fit:contain;
}
body[data-project="1"] #digital-case-study .case-subsection{
  margin-top:48px;
  padding:40px;
  border-color:var(--border);
}
body[data-project="1"] #digital-case-study .case-subsection+.case-subsection{
  margin-top:24px;
}
body[data-project="1"] #digital-case-study .hmw-subsection{
  border-color:#31463e;
  background:var(--dark-green);
}
body[data-project="1"] #digital-case-study .hmw-grid{
  margin-top:40px;
}
body[data-project="1"] #digital-case-study .hmw-grid article{
  border-color:#496058;
  background:#203a31;
}
@media(min-width:621px){
  body[data-project="1"] #digital-case-study .hmw-grid article:not(:last-child){
    justify-content:flex-start;
  }
  body[data-project="1"] #digital-case-study .hmw-grid article:not(:last-child) h3{
    min-height:2.6em;
    margin-top:auto;
  }
}
body[data-project="1"] #digital-case-study .empathy-subsection .empathy-map,
body[data-project="1"] #digital-case-study .moscow-subsection .moscow-board,
body[data-project="1"] #digital-case-study .ia-diagram{
  margin-top:40px;
}
body[data-project="1"] #digital-case-study .empathy-map article{
  padding:var(--card-padding);
}
body[data-project="1"] #digital-case-study .empathy-center{
  border-color:var(--border);
  border-radius:var(--radius-control);
  background:#e3f3ea;
}
body[data-project="1"] #digital-case-study .moscow-board li,
body[data-project="1"] #digital-case-study .moscow-board article>div span,
body[data-project="1"] #digital-case-study .ia-onboarding-track li,
body[data-project="1"] #digital-case-study .ia-branch h4,
body[data-project="1"] #digital-case-study .ia-branch li{
  border-radius:var(--radius-control);
}
body[data-project="1"] #digital-case-study .ia-home-hub{
  background:var(--primary-green);
  box-shadow:none;
}

/* Prototype evidence uses one presentation rule for both versions */
body[data-project="1"] #digital-case-study .source-evidence{
  margin-top:72px;
}
body[data-project="1"] #digital-case-study .evidence-heading{
  margin-top:64px;
  margin-bottom:24px;
}
body[data-project="1"] #digital-case-study .version-one-screen-board,
body[data-project="1"] #digital-case-study .version-two-screen-board{
  padding:24px;
  background:transparent;
}
body[data-project="1"] #digital-case-study .version-one-screen-board,
body[data-project="1"] #digital-case-study .version-two-screen-board{
  background:#fff;
}
body[data-project="1"] #digital-case-study .source-evidence .version-one-screen-sheet,
body[data-project="1"] #digital-case-study .source-evidence .version-two-screen-sheet{
  margin:0;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body[data-project="1"] #digital-case-study .source-evidence .version-one-screen-sheet img,
body[data-project="1"] #digital-case-study .source-evidence .version-two-screen-sheet img{
  width:100%;
  height:auto;
  border-radius:0;
  object-fit:contain;
}
body[data-project="1"] #digital-case-study .version-one-findings,
body[data-project="1"] #digital-case-study .version-two-findings{
  margin-top:16px;
  border:1px solid var(--border);
  background:var(--mint-background);
}

/* Crop Doctor Version 2: one reusable device, status bar, app bar and viewport. */
body[data-project="1"] #digital-case-study .refreshed-version-two-board{
  padding:36px;
  background:#f7faf8;
}
body[data-project="1"] #digital-case-study .crop-doctor-refresh-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:44px 28px;
}
body[data-project="1"] #digital-case-study .source-evidence .crop-doctor-refresh-card{
  min-width:0;
  margin:0;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body[data-project="1"] #digital-case-study .crop-doctor-refresh-card:nth-child(7){
  grid-column:2;
}
body[data-project="1"] #digital-case-study .crop-doctor-phone{
  position:relative;
  width:min(100%,320px);
  aspect-ratio:841 / 1870;
  margin:0 auto;
  padding:8px;
  overflow:hidden;
  border:1px solid #30343b;
  border-radius:30px;
  background:#101318;
  box-shadow:inset 0 0 0 2px #41464e,0 22px 52px rgba(21,38,33,.17);
  box-sizing:border-box;
}
body[data-project="1"] #digital-case-study .crop-doctor-camera{
  position:absolute;
  z-index:4;
  top:18px;
  left:50%;
  width:15px;
  height:15px;
  border:2px solid #161b21;
  border-radius:50%;
  background:radial-gradient(circle at 60% 40%,#31516b 0 16%,#090c10 22% 100%);
  transform:translateX(-50%);
  box-shadow:0 0 0 2px rgba(255,255,255,.12);
}
body[data-project="1"] #digital-case-study .crop-doctor-screen{
  height:100%;
  min-height:0;
  overflow:hidden;
  display:grid;
  grid-template-rows:34px 58px minmax(0,1fr);
  border-radius:22px;
  background:#fff;
}
body[data-project="1"] #digital-case-study .crop-doctor-status{
  position:relative;
  z-index:3;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#202734;
  background:#fff;
  font-family:"Noto Sans",sans-serif;
  font-size:11px;
  font-weight:650;
  line-height:1;
}
body[data-project="1"] #digital-case-study .crop-doctor-status-icons{
  display:flex;
  align-items:center;
  gap:5px;
}
body[data-project="1"] #digital-case-study .crop-doctor-status-icons i{
  display:block;
  background:#202734;
}
body[data-project="1"] #digital-case-study .crop-doctor-status-icons i:nth-child(1){
  width:11px;
  height:8px;
  clip-path:polygon(0 100%,100% 0,100% 100%);
}
body[data-project="1"] #digital-case-study .crop-doctor-status-icons i:nth-child(2){
  width:13px;
  height:9px;
  border-radius:50% 50% 0 0;
  clip-path:polygon(50% 100%,0 15%,16% 0,50% 54%,84% 0,100% 15%);
}
body[data-project="1"] #digital-case-study .crop-doctor-status-icons i:nth-child(3){
  width:7px;
  height:11px;
  border-radius:1px;
}
body[data-project="1"] #digital-case-study .crop-doctor-appbar{
  position:relative;
  z-index:3;
  min-width:0;
  padding:0 6px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border-bottom:1px solid #e4e8ec;
  color:#0f1f3a;
  background:#fff;
  box-shadow:0 2px 7px rgba(21,38,33,.045);
  font-family:"Noto Sans",sans-serif;
}
body[data-project="1"] #digital-case-study .crop-doctor-appbar strong{
  min-width:0;
  overflow:hidden;
  color:#0f1f3a;
  font-family:inherit;
  font-size:18px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:-.02em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-project="1"] #digital-case-study .crop-doctor-nav{
  width:24px;
  height:40px;
  display:grid;
  place-items:center;
  color:#0f1f3a;
  font-size:24px;
  font-weight:400;
  line-height:1;
  text-align:center;
}
body[data-project="1"] #digital-case-study .crop-doctor-nav--back svg{
  display:block;
  width:24px;
  height:24px;
  fill:currentColor;
}
body[data-project="1"] #digital-case-study .crop-doctor-action{
  min-width:20px;
  color:#078c69;
  font-size:12px;
  font-weight:650;
  line-height:1;
  text-align:right;
  white-space:nowrap;
}
body[data-project="1"] #digital-case-study .crop-doctor-action--confirm{
  width:20px;
  height:48px;
  display:grid;
  place-items:center;
  color:#0f1f3a;
  font-size:24px;
  transform:translateX(-14px);
}
body[data-project="1"] #digital-case-study .crop-doctor-action--share{
  position:relative;
  width:20px;
  height:48px;
  display:grid;
  place-items:center;
  color:#0f1f3a;
  font-size:24px;
  transform:translateX(-14px);
}
body[data-project="1"] #digital-case-study .crop-doctor-action--share::before{
  content:"";
  position:absolute;
  width:48px;
  height:48px;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
}
body[data-project="1"] #digital-case-study .crop-doctor-action--confirm svg,
body[data-project="1"] #digital-case-study .crop-doctor-action--share svg{
  display:block;
  width:24px;
  height:24px;
  fill:currentColor;
}
body[data-project="1"] #digital-case-study .crop-doctor-viewport{
  min-height:0;
  overflow:hidden;
  background:#fff;
}
body[data-project="1"] #digital-case-study .crop-doctor-viewport>img{
  display:block;
  width:104%;
  max-width:none;
  height:auto;
  object-fit:contain;
  transform:translate(-1.923%,var(--crop-shift,0));
}
body[data-project="1"] #digital-case-study .crop-doctor-viewport--analysis>img{
  width:110%;
  height:auto;
  object-fit:contain;
  transform:translate(-4.545%,-14%);
}
body[data-project="1"] #digital-case-study .crop-doctor-viewport--enquiries{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
body[data-project="1"] #digital-case-study .crop-doctor-page-intro{
  flex:0 0 auto;
  padding:18px 18px 14px;
  background:#fff;
  font-family:"Noto Sans",sans-serif;
}
body[data-project="1"] #digital-case-study .crop-doctor-page-intro h4{
  margin:0 0 6px;
  color:#111827;
  font-size:22px;
  font-weight:700;
  line-height:1.2;
}
body[data-project="1"] #digital-case-study .crop-doctor-page-intro p{
  margin:0;
  color:#667085;
  font-size:12px;
  line-height:1.45;
}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-list{
  min-height:0;
  flex:1 1 auto;
  overflow-x:hidden;
  overflow-y:auto;
  padding:0 12px 8px;
  background:#fff;
  scrollbar-width:thin;
  scrollbar-color:rgba(18,169,128,.35) transparent;
}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-card{
  position:relative;
  display:grid;
  grid-template-columns:78px minmax(0,1fr) 10px;
  gap:10px;
  margin:0 0 9px;
  padding:10px;
  overflow:hidden;
  border:1px solid #e1e7e5;
  border-radius:12px;
  background:#fff;
  box-shadow:0 2px 8px rgba(22,39,34,.06);
  font-family:"Noto Sans",sans-serif;
}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-thumb{
  width:78px;
  height:72px;
  border-radius:8px;
  background-image:url("assets/digital-saathi/crop-doctor-retrospective-ui-refresh/07-my-enquiries.png");
  background-repeat:no-repeat;
  background-size:300px 632px;
}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-thumb--smut{background-position:-23px -122px}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-thumb--blast{background-position:-23px -280px}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-thumb--brown{background-position:-23px -429px}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-card h5{
  margin:2px 0 2px;
  color:#111827;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-card p,
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-card small{
  display:block;
  margin:0;
  color:#596273;
  font-size:9px;
  line-height:1.45;
}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-chip{
  display:inline-block;
  margin:0 0 2px;
  padding:2px 5px;
  border-radius:999px;
  color:#087a5c;
  background:#e8f8f2;
  font-size:8px;
  font-weight:600;
  line-height:1.2;
}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-chevron{
  align-self:center;
  color:#172538;
  font-size:24px;
  line-height:1;
}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-rating,
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-rated{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:6px;
  padding-top:7px;
  border-top:1px solid #edf0ef;
  color:#667085;
  font-size:9px;
  line-height:1.2;
}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-rating span{margin-right:auto}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-rating b,
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-rated b{
  display:grid;
  width:24px;
  height:22px;
  place-items:center;
  border-radius:5px;
  background:#fff7c7;
  font-size:13px;
}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-rated{
  padding:7px 8px;
  border:0;
  border-radius:7px;
  color:#567064;
  background:#effaf6;
}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-rated strong{color:#087a5c}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-rated b{margin-left:auto}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-cta{
  flex:0 0 auto;
  min-height:42px;
  margin:8px 12px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:7px;
  color:#fff;
  background:#12a980;
  font-family:"Noto Sans",sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;
}
body[data-project="1"] #digital-case-study .crop-doctor-enquiry-cta svg{
  display:block;
  width:22px;
  height:22px;
  flex:0 0 22px;
  fill:currentColor;
}
body[data-project="1"] #digital-case-study .crop-doctor-refresh-card figcaption{
  margin:18px 0 0;
  color:#172538;
  font-size:17px;
  font-weight:650;
  line-height:1.35;
  text-align:center;
}

@media(max-width:900px){
  body[data-project="1"] #digital-case-study .refreshed-version-two-board{
    padding:28px;
  }
  body[data-project="1"] #digital-case-study .crop-doctor-refresh-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-project="1"] #digital-case-study .crop-doctor-refresh-card:nth-child(7){
    grid-column:1 / -1;
  }
}

@media(max-width:620px){
  body[data-project="1"] #digital-case-study .refreshed-version-two-board{
    padding:20px 14px;
  }
  body[data-project="1"] #digital-case-study .crop-doctor-refresh-grid{
    grid-template-columns:1fr;
    gap:36px;
  }
  body[data-project="1"] #digital-case-study .crop-doctor-refresh-card:nth-child(7){
    grid-column:auto;
  }
  body[data-project="1"] #digital-case-study .crop-doctor-phone{
    width:min(100%,320px);
  }
}

/* Design-system cards and impact evidence follow the same construction */
body[data-project="1"] #digital-case-study .system-grid{
  margin-top:52px;
  gap:16px;
}
body[data-project="1"] #digital-case-study .component-catalog{
  margin-top:16px;
  gap:16px;
}
body[data-project="1"] #digital-case-study .design-foundations>article,
body[data-project="1"] #digital-case-study .design-components>article{
  padding:var(--card-padding);
}
body[data-project="1"] #digital-case-study .impact-band{
  background:var(--primary-green);
}
body[data-project="1"] #digital-case-study .impact-band .eyebrow,
body[data-project="1"] #digital-case-study .impact-band .section-heading>p:last-child{
  color:#e6fff5;
}
body[data-project="1"] #digital-case-study .impact-results article,
body[data-project="1"] #digital-case-study .store-summary{
  border:1px solid rgba(255,255,255,.2);
  background:rgba(18,52,43,.22);
}
body[data-project="1"] #digital-case-study .store-proof{
  border:1px solid rgba(255,255,255,.2);
  background:rgba(18,52,43,.22);
}
body[data-project="1"] #digital-case-study .store-proof img{
  box-shadow:0 14px 32px rgba(10,52,39,.16);
}

/* Fixed navigation remains light, compact, and clears anchor targets */
body[data-project="1"] .back-link,
body[data-project="1"] .case-rail{
  border:1px solid rgba(25,37,53,.07);
  box-shadow:0 8px 24px rgba(25,37,53,.07);
}
body[data-project="1"] .back-link{
  height:46px;
  font-size:13px;
}
body[data-project="1"] .case-rail a{
  min-height:36px;
  display:grid;
  place-items:center;
  font-size:13px;
}

@media(max-width:900px){
  body[data-project="1"]{
    --section-spacing:96px;
    --card-padding:24px;
  }
  body[data-project="1"] #digital-case-study .case-subsection{padding:32px}
  body[data-project="1"] #digital-case-study .process-track{grid-template-columns:repeat(2,1fr)}
  body[data-project="1"] #digital-case-study .comparison-table,
  body[data-project="1"] #digital-case-study .ia-diagram{max-width:100%;overflow:auto}
}
@media(max-width:620px){
  body[data-project="1"]{
    --section-spacing:76px;
    --radius-card:18px;
    --radius-section:24px;
    --card-padding:20px;
  }
  body[data-project="1"] #digital-case-study .project-facts{padding-top:68px;padding-bottom:32px}
  body[data-project="1"] #digital-case-study .interview-section{padding-top:68px}
  body[data-project="1"] #digital-case-study .section-heading h2,
  body[data-project="1"] #digital-case-study .section-heading.compact h2,
  body[data-project="1"] #digital-case-study .parent-heading h2{font-size:2.5rem}
  body[data-project="1"] #digital-case-study .section-heading>p:last-child{font-size:16px}
  body[data-project="1"] #digital-case-study .case-subsection{margin-top:36px;padding:22px}
  body[data-project="1"] #digital-case-study .process-track{grid-template-columns:1fr}
  body[data-project="1"] #digital-case-study .version-one-screen-board,
  body[data-project="1"] #digital-case-study .version-two-screen-board{padding:12px}
  body[data-project="1"] #digital-case-study .store-proof img{box-shadow:0 10px 24px rgba(10,52,39,.14)}
}

/* Digital Saathi typography refinement: lighter editorial hierarchy */
body[data-project="1"] .case-hero h1,
body[data-project="1"] #digital-case-study .section-heading h2,
body[data-project="1"] #digital-case-study .section-heading.compact h2,
body[data-project="1"] #digital-case-study .parent-heading h2{
  font-weight:600;
}
body[data-project="1"] .case-brand{
  font-weight:700;
}
body[data-project="1"] .hero-meta dd{
  font-weight:600;
}
body[data-project="1"] .metric-grid strong,
body[data-project="1"] #digital-case-study .research-stats strong,
body[data-project="1"] #digital-case-study .donut span,
body[data-project="1"] #digital-case-study .impact-results article strong{
  font-weight:600;
}
body[data-project="1"] #digital-case-study .facts-grid h3,
body[data-project="1"] #digital-case-study .goals-grid h3,
body[data-project="1"] #digital-case-study .challenge-cards h3,
body[data-project="1"] #digital-case-study .process-track strong,
body[data-project="1"] #digital-case-study .persona-identity h3,
body[data-project="1"] #digital-case-study .persona-columns h4,
body[data-project="1"] #digital-case-study .chart-grid h3,
body[data-project="1"] #digital-case-study .comparison-row strong,
body[data-project="1"] #digital-case-study .research-takeaways h3,
body[data-project="1"] #digital-case-study .subsection-heading h3,
body[data-project="1"] #digital-case-study .hmw-grid h3,
body[data-project="1"] #digital-case-study .empathy-map article>span,
body[data-project="1"] #digital-case-study .empathy-center strong,
body[data-project="1"] #digital-case-study .moscow-board h3,
body[data-project="1"] #digital-case-study .ia-home-hub strong,
body[data-project="1"] #digital-case-study .ia-branch h4,
body[data-project="1"] #digital-case-study .model-explainer h3,
body[data-project="1"] #digital-case-study .evidence-heading span,
body[data-project="1"] #digital-case-study .design-foundations>article>h3,
body[data-project="1"] #digital-case-study .design-components>article>h3,
body[data-project="1"] #digital-case-study .font-family-name,
body[data-project="1"] #digital-case-study .store-summary strong{
  font-weight:600;
}
body[data-project="1"] #digital-case-study .eyebrow,
body[data-project="1"] #digital-case-study .facts-grid span,
body[data-project="1"] #digital-case-study .process-track span,
body[data-project="1"] #digital-case-study .subsection-heading>span,
body[data-project="1"] #digital-case-study .subsection-heading div>p:first-child,
body[data-project="1"] #digital-case-study .model-explainer span,
body[data-project="1"] #digital-case-study .ia-onboarding>p,
body[data-project="1"] #digital-case-study .ia-home-hub span,
body[data-project="1"] #digital-case-study .empathy-center span,
body[data-project="1"] #digital-case-study .empathy-goal strong{
  font-weight:500;
}

/* Digital Saathi Impact: compact, evidence-led conclusion */
body[data-project="1"] #digital-case-study .impact-proof-layout{
  margin-top:0;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  gap:36px;
  align-items:stretch;
}
body[data-project="1"] #digital-case-study .impact-story{
  min-width:0;
  display:flex;
  flex-direction:column;
}
body[data-project="1"] #digital-case-study .impact-story .section-heading{
  max-width:690px;
}
body[data-project="1"] #digital-case-study .impact-results{
  margin-top:auto;
  padding-top:44px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body[data-project="1"] #digital-case-study .impact-results article{
  min-height:150px;
  padding:18px;
  justify-content:flex-start;
  gap:12px;
}
body[data-project="1"] #digital-case-study .impact-results article strong{
  font-size:46px;
}
body[data-project="1"] #digital-case-study .impact-results article span{
  max-width:none;
  margin-top:auto;
  line-height:1.4;
}
body[data-project="1"] #digital-case-study .store-summary{
  min-height:88px;
  padding:20px 22px;
  gap:12px;
}
body[data-project="1"] #digital-case-study .store-summary strong{
  padding:9px 13px;
  font-size:14px;
}
body[data-project="1"] #digital-case-study .store-proof{
  min-width:0;
  padding:24px;
  justify-content:center;
  align-items:center;
}
body[data-project="1"] #digital-case-study .store-proof img{
  width:min(100%,270px);
  height:auto;
  border-radius:20px;
  box-shadow:none;
  object-fit:contain;
}
body[data-project="1"] #digital-case-study .store-proof figcaption{
  max-width:280px;
  margin-top:16px;
  color:#e6fff5;
  line-height:1.45;
}
@media(max-width:900px){
  body[data-project="1"] #digital-case-study .impact-proof-layout{
    grid-template-columns:1fr;
    gap:28px;
  }
  body[data-project="1"] #digital-case-study .impact-results{
    margin-top:0;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  body[data-project="1"] #digital-case-study .store-proof img{
    width:min(100%,300px);
  }
}
@media(max-width:620px){
  body[data-project="1"] #digital-case-study .impact-results{
    padding-top:36px;
    grid-template-columns:1fr;
  }
  body[data-project="1"] #digital-case-study .impact-results article{
    min-height:128px;
    padding:20px;
    gap:14px;
  }
  body[data-project="1"] #digital-case-study .impact-results article span{
    margin-top:0;
  }
  body[data-project="1"] #digital-case-study .store-summary{
    min-height:0;
    align-items:flex-start;
    flex-direction:column;
  }
  body[data-project="1"] #digital-case-study .store-proof{
    padding:20px;
  }
}

body[data-project="1"] #digital-case-study .solution-kicker{
  margin:0 0 18px;
  color:var(--primary-green);
  font-size:16px;
  font-weight:600;
  line-height:1.5;
}

/* Digital Saathi typography system: one family and one consistent hierarchy */
body[data-project="1"],
body[data-project="1"] *{
  font-family:'Noto Sans',Arial,sans-serif!important;
}
body[data-project="1"] .case-hero h1,
body[data-project="1"] #digital-case-study .section-heading h2,
body[data-project="1"] #digital-case-study .section-heading.compact h2,
body[data-project="1"] #digital-case-study .parent-heading h2{
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.035em;
}
body[data-project="1"] #digital-case-study .subsection-heading h3{
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.025em;
}
body[data-project="1"] #digital-case-study h3,
body[data-project="1"] #digital-case-study h4{
  font-weight:600;
  line-height:1.3;
  letter-spacing:-.015em;
}
body[data-project="1"] .case-lede,
body[data-project="1"] #digital-case-study p,
body[data-project="1"] #digital-case-study li,
body[data-project="1"] #digital-case-study figcaption{
  font-weight:400;
}
body[data-project="1"] #digital-case-study .eyebrow,
body[data-project="1"] #digital-case-study .facts-grid span,
body[data-project="1"] #digital-case-study .challenge-cards>article>span,
body[data-project="1"] #digital-case-study .process-track span,
body[data-project="1"] #digital-case-study .subsection-heading>span,
body[data-project="1"] #digital-case-study .subsection-heading div>p:first-child,
body[data-project="1"] #digital-case-study .model-explainer span,
body[data-project="1"] #digital-case-study .ia-onboarding>p,
body[data-project="1"] #digital-case-study .ia-home-hub span,
body[data-project="1"] #digital-case-study .empathy-center span,
body[data-project="1"] #digital-case-study .empathy-goal strong,
body[data-project="1"] #digital-case-study .mobile-icons-card>p{
  font-size:12px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.08em;
}
body[data-project="1"] .back-link,
body[data-project="1"] .case-rail a,
body[data-project="1"] .hero-meta dd,
body[data-project="1"] #digital-case-study .research-note strong,
body[data-project="1"] #digital-case-study .qa-list span,
body[data-project="1"] #digital-case-study .comparison-head,
body[data-project="1"] #digital-case-study .feature-yes,
body[data-project="1"] #digital-case-study .feature-no,
body[data-project="1"] #digital-case-study .empathy-center,
body[data-project="1"] #digital-case-study .ia-onboarding-track li,
body[data-project="1"] #digital-case-study .palette-group h4,
body[data-project="1"] #digital-case-study .primary-colour strong,
body[data-project="1"] #digital-case-study button{
  font-weight:600;
}
body[data-project="1"] #digital-case-study .type-spec-grid>div:nth-child(2) p{
  font-weight:700;
}

/* Case-study-wide kerning and tracking roles, shared by every project. */
.case-brand{letter-spacing:-.018em}
.case-hero h1,
.section-heading h2,
.section-heading.compact h2,
.parent-heading h2,
.next-project>a{letter-spacing:-.035em}
.subsection-heading h3,
.challenge-cards h3,
.persona-identity h3,
.chart-grid h3,
.facts-grid h3,
.goals-grid h3,
.research-takeaways h3,
.model-explainer h3,
.design-foundations h3,
.design-components h3{letter-spacing:-.018em}
.case-lede,
.section-heading>p:last-child,
.split-copy p,
.challenge-cards p,
.persona-identity p,
.persona-columns li,
.qa-list p,
.evidence-heading p,
.evidence-findings li,
.model-explainer li,
.system-caption,
.store-proof figcaption{letter-spacing:0}
.back-link,
.case-rail a,
.story-index a,
.case-tags span,
.ds-btn{letter-spacing:.005em}
body[data-project="2"] .case-rail a,
body[data-project="3"] .case-rail a{font-weight:600}
.eyebrow,
.hero-meta dt,
.facts-grid span,
.subsection-heading div>p:first-child,
.model-explainer span,
.ia-onboarding>p,
.ia-home-hub span,
.empathy-center span,
.empathy-goal strong{letter-spacing:.07em}
.metric-grid strong,
.research-stats strong,
.impact-results article strong,
.font-family-name{letter-spacing:-.03em}
body[data-project="1"] #digital-case-study p,
body[data-project="1"] #digital-case-study li,
body[data-project="1"] #digital-case-study figcaption{letter-spacing:0}

/* Peeko — section-based Try & Buy case study */
body[data-project="2"]{
  --peeko-teal:#08a9a5;
  --peeko-teal-dark:#086f72;
  --peeko-aqua:#dff5f3;
  --peeko-aqua-soft:#f1fbfa;
  --peeko-pink:#fff0f5;
  --peeko-ink:#14232c;
  --peeko-muted:#5d6c72;
}
body[data-project="2"] .case-hero-card{background:#dff5f3}
body[data-project="2"] .case-device-stage{background:#fff;border-color:#d8e7e5}
body[data-project="2"] .case-device-stage img{max-width:78%;max-height:88%;filter:drop-shadow(0 22px 22px rgba(10,54,60,.17));transform:none}
body[data-project="2"] .case-hero-card:hover .case-device-stage img{transform:translateY(-6px)}
body[data-project="2"] .metric-grid article{justify-content:flex-start;gap:40px;border-color:#d5e9e7;background:#fff}
body[data-project="2"] .metric-grid strong{color:var(--peeko-teal-dark);font-weight:600;letter-spacing:-.04em}
body[data-project="2"] .case-brand,
body[data-project="2"] .case-hero h1,
body[data-project="2"] #peeko-case-study h2,
body[data-project="2"] #peeko-case-study h3,
body[data-project="2"] #peeko-case-study h4{font-weight:600;color:var(--peeko-ink)}
body[data-project="2"] .case-hero h1,
body[data-project="2"] #peeko-case-study .section-heading h2{letter-spacing:-.035em}
body[data-project="2"] #peeko-case-study p,
body[data-project="2"] #peeko-case-study li,
body[data-project="2"] #peeko-case-study td,
body[data-project="2"] #peeko-case-study figcaption{letter-spacing:0}
body[data-project="2"] #peeko-case-study [id]{scroll-margin-top:96px}

#peeko-case-study .story-index{grid-template-columns:1.25fr repeat(4,auto)}
#peeko-case-study .section-heading{width:100%;max-width:1060px}
#peeko-case-study .section-heading.compact{max-width:960px}
#peeko-case-study .section-heading.compact h2{max-width:820px}
#peeko-case-study .section-heading>p:last-child{width:min(82%,860px);max-width:none}
#peeko-case-study .eyebrow{color:#426467}
body[data-project="2"] .hero-meta dt{color:#4d686a;font-weight:600}
.peeko-needs-grid{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.peeko-needs-grid article{min-height:270px;padding:30px;display:flex;flex-direction:column;border:1px solid #cfe4e0;border-radius:28px;background:#eef9f7}
.peeko-needs-grid article:nth-child(2){background:#fff5f7;border-color:#eadcdf}
.peeko-needs-grid span,.peeko-feature-copy>span,.peeko-subheading>p,.peeko-research-meta span,.peeko-design-intent span,.peeko-closing>span{font-size:12px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;color:var(--peeko-teal-dark)}
.peeko-needs-grid h3{max-width:430px;margin:auto 0 14px;font-size:30px;line-height:1.22;letter-spacing:-.025em}
.peeko-needs-grid p{max-width:500px;margin:0;color:var(--peeko-muted);font-size:16px;line-height:1.6}
.peeko-hypotheses{margin-top:18px;padding:34px;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;border-radius:28px;background:var(--peeko-ink);color:#fff}
body[data-project="2"] #peeko-case-study .peeko-hypotheses .eyebrow{color:#a0dfdc}
body[data-project="2"] #peeko-case-study .peeko-hypotheses h3{margin:14px 0 0;color:#f7fbfa;font-size:30px;line-height:1.25;letter-spacing:-.025em}
.peeko-hypotheses ol{margin:0;padding:0;list-style:none}
.peeko-hypotheses li{min-height:64px;padding:19px 0;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:18px;border-bottom:1px solid rgba(255,255,255,.24)}
.peeko-hypotheses li:first-child{padding-top:0}
.peeko-hypotheses li:last-child{border-bottom:0}
.peeko-hypotheses li span{padding-top:2px;color:#8edbd7;font-size:12px;font-weight:600;line-height:1.55}
.peeko-hypotheses li p{margin:0;color:#f1f8f7;line-height:1.55;text-align:left}

.peeko-research-band{padding:0;background:var(--peeko-aqua)}
.peeko-research-meta{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.peeko-research-meta article{padding:24px 26px;display:flex;flex-direction:column;gap:8px;border:1px solid #cae1df;border-radius:22px;background:#fff}
.peeko-research-meta strong{font-size:23px;font-weight:600;color:var(--peeko-ink)}
.peeko-research-block{margin-top:76px}
.peeko-subheading{max-width:720px;margin-bottom:28px}
.peeko-subheading>p{margin:0 0 10px}
.peeko-subheading h3{margin:0;font-size:clamp(2rem,3.2vw,3.35rem);line-height:1.1;letter-spacing:-.03em}
.peeko-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #cfe2e0;border-radius:26px;background:#fff;box-shadow:0 12px 32px rgba(21,79,79,.06)}
.peeko-competitor-table{width:100%;min-width:780px;border-collapse:collapse;text-align:left}
.peeko-competitor-table th,.peeko-competitor-table td{padding:18px 20px;border-bottom:1px solid #e2edec;color:#526268;font-size:14px}
.peeko-competitor-table thead th{background:#f4fbfa;color:#526268;font-size:11px;font-weight:600;letter-spacing:.065em;text-transform:uppercase}
.peeko-competitor-table tbody th{color:var(--peeko-ink);font-weight:600}
.peeko-competitor-table tbody tr:last-child>*{border-bottom:0}
.peeko-yes,.peeko-no{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:17px;font-weight:700}
.peeko-yes{background:#dff6ee;color:#087458}.peeko-no{background:#ffe8ee;color:#bb4662}
.peeko-key-insight{margin:18px 0 0;padding:30px 34px;border-radius:24px;background:var(--peeko-teal-dark);color:#fff;font-size:clamp(1.45rem,2.35vw,2.25rem);line-height:1.35;letter-spacing:-.025em}
.peeko-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.peeko-insight-grid article{min-height:300px;padding:26px;display:grid;grid-template-rows:auto 112px 68px auto;align-content:start;border:1px solid #cfe2e0;border-radius:26px;background:#fff}
.peeko-insight-grid article>span{color:#526b6e;font-size:12px;font-weight:600;letter-spacing:.045em;text-transform:uppercase}
.peeko-insight-grid strong{margin:36px 0 0;color:var(--peeko-teal-dark);font-size:58px;font-weight:600;line-height:1;letter-spacing:-.045em}
.peeko-insight-grid h4{margin:0;font-size:21px;line-height:1.3;letter-spacing:-.015em}
.peeko-insight-grid p{margin:14px 0 0;color:var(--peeko-muted);font-size:15px;line-height:1.55}

.peeko-journey{margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);list-style:none}
.peeko-journey li{min-height:190px;padding:22px;position:relative;border:1px solid #d7e5e3;background:#fff}
.peeko-journey li:first-child{border-radius:24px 0 0 24px}.peeko-journey li:last-child{border-radius:0 24px 24px 0}
.peeko-journey li+li{border-left:0}
.peeko-journey li:not(:last-child)::after{content:'→';position:absolute;right:-13px;top:24px;z-index:2;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--peeko-teal);color:#fff;font-size:13px}
.peeko-journey span{color:#526f72;font-size:11px;font-weight:600;letter-spacing:.06em}
.peeko-journey strong{display:block;margin:50px 0 8px;color:var(--peeko-ink);font-size:20px;font-weight:600}
.peeko-journey p{margin:0;color:var(--peeko-muted);font-size:13px;line-height:1.45}

.peeko-solution{padding-top:130px;padding-bottom:130px}
.peeko-solution-intro{margin-top:130px}
.peeko-solution-intro h3{max-width:980px;margin:0;font-size:clamp(2.8rem,5.2vw,5.5rem);font-weight:600;line-height:1.08;letter-spacing:-.035em}
.peeko-feature{margin-top:90px;padding:48px;display:grid;align-items:center;gap:60px;border:1px solid #d8e7e5;border-radius:34px;background:var(--peeko-aqua-soft)}
.peeko-feature:nth-of-type(even){background:#fff6f8;border-color:#f0e1e6}
.peeko-feature-pair{grid-template-columns:.8fr 1.2fr}
.peeko-feature-focus{grid-template-columns:1fr 1fr}
.peeko-feature.reverse .peeko-feature-copy{order:2}
.peeko-feature-copy h3{margin:16px 0 18px;font-size:clamp(2rem,3.5vw,3.7rem);line-height:1.08;letter-spacing:-.03em}
.peeko-feature-copy>p{width:100%;max-width:62ch;margin:0;color:var(--peeko-muted);font-size:17px;line-height:1.65}
.peeko-feature-copy ul{margin:24px 0 0;padding-left:20px;color:var(--peeko-muted);line-height:1.65}
.peeko-feature-steps{margin:24px 0 0;padding-left:22px;color:var(--peeko-muted);line-height:1.55}
.peeko-feature-steps li+li{margin-top:8px}
.peeko-design-intent{margin-top:32px;padding:20px 22px;border-left:3px solid var(--peeko-teal);border-radius:0 16px 16px 0;background:#fff}
.peeko-design-intent p{margin:7px 0 0;color:var(--peeko-ink);font-size:16px;line-height:1.5}
.peeko-screen-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}
.peeko-feature figure{margin:0;text-align:center}
.peeko-feature figcaption{margin-top:13px;color:#637376;font-size:13px}
.peeko-phone{width:min(100%,310px);height:auto;margin:0 auto;display:block;object-fit:contain;filter:drop-shadow(0 20px 22px rgba(18,64,68,.13))}
.peeko-screen-pair .peeko-phone{width:min(100%,285px)}
.peeko-iteration-pair{align-items:start}
.peeko-iteration-pair figure{padding:18px;border:1px solid #d8e7e5;border-radius:24px;background:rgba(255,255,255,.7)}
.peeko-iteration-pair h4{margin:0 0 20px;font-size:20px;letter-spacing:-.015em}
.peeko-iteration-pair figcaption{display:grid;grid-template-columns:1fr;gap:5px;text-align:left}
.peeko-iteration-pair figcaption strong{margin-top:8px;color:var(--peeko-ink);font-size:12px;font-weight:600;letter-spacing:.055em;text-transform:uppercase}
.peeko-iteration-pair figcaption span{position:relative;padding-left:17px;color:var(--peeko-muted);font-size:12px;line-height:1.4}
.peeko-iteration-pair figcaption span::before{content:'✓';position:absolute;left:0;color:var(--peeko-teal-dark);font-weight:700}
.peeko-iteration-pair figcaption strong:nth-of-type(2)~span::before{content:'×';color:#bb4662}

.peeko-impact-band{padding:0;background:#087a7d;color:#fff}
body[data-project="2"] #peeko-case-study .peeko-impact-band .eyebrow{color:#b8e9e6}
body[data-project="2"] #peeko-case-study .peeko-impact-band .section-heading h2{color:#fff}
.peeko-impact-band .section-heading>p:last-child{color:#e1f5f3}
.peeko-impact-grid{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.peeko-impact-grid article{min-height:176px;padding:26px;display:grid;grid-template-rows:54px auto;align-content:start;justify-content:stretch;gap:24px;border:1px solid rgba(255,255,255,.25);border-radius:24px;background:rgba(0,0,0,.09)}
.peeko-impact-grid strong{color:#fff;font-size:54px;font-weight:600;line-height:1;letter-spacing:-.04em}
.peeko-impact-grid span{max-width:175px;color:#e4f6f5;font-size:15px;line-height:1.45}
.peeko-closing{margin-top:16px;padding:32px;display:grid;grid-template-columns:180px 1fr;gap:28px;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:rgba(255,255,255,.08)}
.peeko-closing>span{color:#b8e9e6}
.peeko-closing p{max-width:820px;margin:0;color:#fff;font-size:21px;line-height:1.55}

@media(max-width:1050px){
  .peeko-journey{grid-template-columns:repeat(3,1fr);gap:12px}
  .peeko-journey li,.peeko-journey li:first-child,.peeko-journey li:last-child{border:1px solid #d7e5e3;border-radius:20px}
  .peeko-journey li:not(:last-child)::after{display:none}
  .peeko-feature,.peeko-feature-pair,.peeko-feature-focus{grid-template-columns:1fr;gap:42px}
  .peeko-feature.reverse .peeko-feature-copy{order:0}
  .peeko-feature-copy{max-width:720px}
  .peeko-impact-grid{grid-template-columns:1fr 1fr}
}
@media(min-width:621px) and (max-width:900px){
  body[data-project="2"] .case-rail{display:flex}
}
@media(max-width:700px){
  body[data-project="2"] .case-device-stage img{max-width:82%;max-height:86%}
  #peeko-case-study .story-index{display:none}
  .peeko-needs-grid,.peeko-research-meta,.peeko-insight-grid,.peeko-screen-pair,.peeko-impact-grid{grid-template-columns:1fr}
  .peeko-hypotheses{padding:24px;grid-template-columns:1fr;gap:22px}
  #peeko-case-study .section-heading>p:last-child{width:100%}
  .peeko-hypotheses li{grid-template-columns:40px minmax(0,1fr);gap:12px}
  .peeko-research-band,.peeko-impact-band{padding:0}
  .peeko-research-band>.inner,.peeko-impact-band>.inner{padding-top:82px;padding-bottom:82px}
  .peeko-research-block{margin-top:56px}
  .peeko-insight-grid article{min-height:255px}
  .peeko-journey{grid-template-columns:1fr}
  .peeko-journey li{min-height:145px}
  .peeko-journey strong{margin-top:30px}
  .peeko-feature{margin-top:54px;padding:24px;gap:34px;border-radius:26px}
  .peeko-solution-intro{margin-top:88px}
  .peeko-phone,.peeko-screen-pair .peeko-phone{width:min(100%,290px)}
  .peeko-closing{padding:24px;grid-template-columns:1fr;gap:12px}
  .peeko-closing p{font-size:18px}
}
@media(max-width:620px){
  body[data-project="2"] .case-header{height:126px;align-items:flex-start}
  body[data-project="2"] .case-rail{position:absolute;top:68px;left:16px;right:16px;display:flex;overflow-x:auto;scrollbar-width:none}
  body[data-project="2"] .case-rail::-webkit-scrollbar{display:none}
  body[data-project="2"] .case-rail a{flex:1 0 auto;padding:9px 12px;text-align:center}
  body[data-project="2"] .case-hero{padding-top:146px}
  .peeko-solution-intro h3{font-size:2.55rem}
}

/* Final cross-case-study visual QA: rhythm, alignment, accents, and framing. */

/* Digital Saathi: equivalent content occupies equivalent card areas. */
body[data-project="1"] .metric-grid article{
  padding:32px;
  display:grid;
  grid-template-rows:auto auto;
  align-content:start;
  align-items:start;
  gap:44px;
}
body[data-project="1"] .metric-grid article span{
  align-self:start;
}
body[data-project="1"] #digital-case-study .challenge-cards article{
  min-height:270px;
  padding:32px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:start;
}
body[data-project="1"] #digital-case-study .challenge-cards h3{
  margin:40px 0 14px;
}
body[data-project="1"] #digital-case-study .challenge-cards p{
  min-height:0;
}
body[data-project="1"] #digital-case-study .research-stats article{
  min-height:136px;
  padding:28px;
  display:grid;
  grid-template-rows:auto auto;
  align-content:start;
  align-items:start;
  gap:14px;
}
body[data-project="1"] #digital-case-study .research-stats span{
  align-self:start;
}
body[data-project="1"] #digital-case-study .moscow-subsection{
  padding-bottom:40px;
}
body[data-project="1"] #digital-case-study .happy-flow{
  width:100%;
  margin:48px 0 40px;
  justify-content:flex-start;
}
body[data-project="1"] #digital-case-study .impact-results article{
  min-height:154px;
  padding:22px;
  display:grid;
  grid-template-rows:auto auto;
  align-content:start;
  align-items:start;
  gap:24px;
}
body[data-project="1"] #digital-case-study .impact-results article span{
  align-self:start;
  margin-top:0;
}

/* Peeko: retain the alternating compositions while tightening their rhythm. */
#peeko-case-study .story-section,
.peeko-research-band>.inner,
.peeko-impact-band>.inner{
  padding-top:112px;
  padding-bottom:112px;
}
.peeko-solution{
  padding-top:112px;
  padding-bottom:112px;
}
.peeko-solution-intro{
  margin-top:96px;
}
.peeko-feature{
  margin-top:72px;
  padding:40px;
  gap:48px;
}
.peeko-feature:nth-of-type(even) .peeko-feature-copy>span,
.peeko-feature:nth-of-type(even) .peeko-design-intent span{
  color:#bd3f6b;
}
.peeko-feature:nth-of-type(even) .peeko-design-intent{
  border-left-color:#e34b80;
}
.peeko-feature figcaption{
  margin-top:16px;
}
.peeko-hypotheses ol{
  align-self:start;
}
.peeko-feature[aria-labelledby="how-title"]>figure{
  align-self:start;
  margin-top:32px;
}
.peeko-impact-grid span{
  max-width:175px;
}
.peeko-closing{
  align-items:start;
}
.peeko-closing>span,
.peeko-closing p{
  align-self:start;
}

/* NexusFlow: consistent section rhythm and contained dashboard evidence. */
.nexus-challenge{
  padding-top:112px;
  padding-bottom:112px;
}
.nexus-research-band{
  padding:0;
}
.nexus-research-band>.inner{
  padding-top:112px;
  padding-bottom:112px;
}
.nexus-ia{
  padding-top:112px;
  padding-bottom:112px;
}
.nexus-solution-band{
  padding:0;
}
.nexus-solution-band>.inner{
  padding-top:112px;
  padding-bottom:112px;
}
.nexus-workflows{
  padding-top:112px;
  padding-bottom:112px;
}
.nexus-solution-block{
  margin-top:80px;
}
.nexus-solution-block:first-of-type{
  margin-top:64px;
}
.nexus-iteration-grid figure.final>div{
  padding:28px 44px;
}
.nexus-iteration-grid figure.final img{
  width:min(100%,1180px);
  height:auto;
  max-height:100%;
  margin:0 auto;
  object-fit:contain;
  object-position:center;
}
.nexus-dashboard-focus>.nexus-evidence{
  min-height:0;
  padding:48px;
  overflow:hidden;
  display:grid;
  place-items:center;
}
.nexus-dashboard-focus>.nexus-evidence img{
  width:min(100%,960px);
  height:auto;
  max-height:620px;
  margin:0 auto;
  object-fit:contain;
  object-position:center;
}

@media(max-width:900px){
  body[data-project="1"] .metric-grid article,
  body[data-project="1"] #digital-case-study .challenge-cards article{
    padding:28px;
  }
  body[data-project="1"] #digital-case-study .happy-flow{
    flex-wrap:wrap;
  }
  .peeko-feature{
    margin-top:64px;
    padding:32px;
    gap:40px;
  }
  .nexus-dashboard-focus>.nexus-evidence{
    padding:32px;
  }
}

@media(max-width:1050px){
  .peeko-feature[aria-labelledby="how-title"]>figure{
    margin-top:0;
  }
}

@media(max-width:620px){
  body[data-project="1"] #digital-case-study .challenge-cards article{
    min-height:240px;
    padding:24px;
  }
  body[data-project="1"] #digital-case-study .challenge-cards p{
    min-height:0;
  }
  body[data-project="1"] #digital-case-study .moscow-subsection{
    padding-bottom:22px;
  }
  body[data-project="1"] #digital-case-study .happy-flow{
    margin-top:40px;
    overflow:visible;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  body[data-project="1"] #digital-case-study .happy-flow span{
    width:100%;
    white-space:normal;
    text-align:center;
  }
  body[data-project="1"] #digital-case-study .happy-flow i{
    justify-self:center;
    transform:rotate(90deg);
  }
  body[data-project="1"] #digital-case-study .impact-results article{
    min-height:128px;
    padding:20px;
  }
  .peeko-solution{
    padding-top:82px;
    padding-bottom:82px;
  }
  .peeko-research-band>.inner,
  .peeko-impact-band>.inner{
    padding-top:82px;
    padding-bottom:82px;
  }
  .peeko-solution-intro{
    margin-top:80px;
  }
  .peeko-feature{
    margin-top:52px;
    padding:24px;
    gap:32px;
  }
  .peeko-hypotheses ol{
    transform:none;
  }
  .peeko-feature[aria-labelledby="how-title"]>figure{
    margin-top:0;
  }
  .nexus-iteration-grid figure.final>div{
    padding:12px 16px;
  }
  .nexus-dashboard-focus>.nexus-evidence{
    padding:16px;
  }
  .nexus-research-band>.inner,
  .nexus-solution-band>.inner{
    padding-top:88px;
    padding-bottom:88px;
  }
  .nexus-dashboard-focus>.nexus-evidence img{
    max-height:none;
  }
}