@font-face{font-family:Plex;src:url('/assets/fonts/plex-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('/assets/fonts/plex-semibold.ttf') format('truetype');font-weight:600 700;font-display:swap}
:root{--paper:#f5f7fa;--white:#fff;--ink:#172b36;--muted:#536775;--blue:#3559d9;--blue-dark:#2343b5;--mist:#dce8f0;--line:#d7e0e6;--clay:#d8b8a2;--ease:cubic-bezier(.2,.8,.2,1);font-family:Plex,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(2.7rem,5.1vw,5rem);margin-bottom:26px}h2{font-size:clamp(1.9rem,3vw,3rem);margin-bottom:22px}h3{font-size:1.35rem;line-height:1.2}p{margin-bottom:18px}a,button,input,select,textarea,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a36934;outline-offset:5px}::selection{background:#d6e0ff;color:var(--ink)}[hidden]{display:none!important}.wrap{width:calc(100% - 96px);max-width:1320px;margin-inline:auto}.skip{position:fixed;z-index:1000;top:12px;left:12px;padding:12px 20px;color:white;background:var(--ink);transform:translateY(-180%)}.skip:focus{transform:none}.header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:8px;font-size:25px;font-weight:600;letter-spacing:-1.3px;text-decoration:none;line-height:1}.brand svg{width:29px;height:29px;fill:currentColor;stroke:none}.brand span{color:var(--blue);margin-left:-5px}.header nav{display:flex;align-items:center;gap:29px}.header nav>a:not(.button){text-decoration:none;font-size:14px;padding-block:12px}.header nav>a[aria-current]{text-decoration:underline;text-underline-offset:7px}.header nav>a:hover{color:var(--blue)}.menu-button{display:none;background:none;border:0;min-height:44px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:50px;padding:13px 20px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:5px;text-decoration:none;font-size:15px;font-weight:600;line-height:1.4;transition:background .18s}.button:hover{background:var(--blue-dark);color:#fff!important}.button svg{width:20px;height:20px}.button-secondary{background:transparent;color:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;font-weight:600;font-size:15px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link svg{width:20px;height:20px}.eyebrow{font-size:14px;font-weight:600;letter-spacing:0;color:var(--muted);margin-bottom:20px}.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:60px;align-items:center;padding-block:70px 80px}.hero h1{max-width:10.6ch}.hero-lead{font-size:19px;line-height:1.55;max-width:39rem;color:var(--muted)}.hero-copy .hero-lead{max-width:34rem}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.situation{background:var(--blue);color:#fff;padding:26px;border-radius:12px;isolation:isolate;min-width:0;box-shadow:0 28px 64px -40px #1b399b6b}.situation-top{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:14px}.visual-badge{font-size:11px;color:#d9e2ff}.situation-choices{display:flex;gap:5px;margin:24px 0 32px;padding:5px;border:1px solid #ffffff3b;border-radius:7px}.situation-choices button{flex:1;min-height:44px;border:0;padding:8px 9px;background:transparent;color:#e8edff;font-size:12px;line-height:1.3;border-radius:4px}.situation-choices button[aria-pressed=true]{color:var(--ink);background:var(--white)}.scene-problem{font-size:24px;line-height:1.3;max-width:19ch;letter-spacing:-.6px;min-height:64px}.system-visual{height:180px;position:relative;margin-block:14px 25px}.connections{position:absolute;inset:0;width:100%;height:100%;stroke:#a2b8ff;stroke-width:1.2}.source-stack{position:absolute;left:2%;top:18%;height:68%;display:flex;flex-direction:column;justify-content:space-between}.source-stack i{width:38px;height:24px;display:block;border:1px solid #b9caff;background:#526ee0;transform:skewY(-12deg);box-shadow:4px 4px 0 #2547ba}.intervention-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-9deg);width:88px;height:88px;display:grid;place-items:center;border-radius:14px;background:#f1f4ff;box-shadow:7px 7px 0 #183aa6}.intervention-mark svg{width:46px;height:46px;fill:var(--blue);stroke:none}.result-stack{position:absolute;right:0;inset-block:8%;display:flex;flex-direction:column;justify-content:space-between;min-width:110px}.result-stack span{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:4px;background:#f3f6ff;color:#163370;font-size:12px;box-shadow:0 4px 0 #2547ba}.result-stack i{width:6px;height:6px;background:var(--blue);border-radius:50%}.scene-action{display:flex;align-items:center;gap:9px;font-size:13px;border-top:1px solid #ffffff3b;padding-top:16px}.scene-dot{width:6px;height:6px;border-radius:50%;background:#fff}.scene-outcome{margin-top:21px;background:#fff;border-radius:6px;color:var(--ink);padding:19px 20px}.scene-outcome>span{font-size:11px;color:var(--muted);display:block;margin-bottom:7px}.scene-outcome strong{display:block;font-size:19px;line-height:1.3;font-weight:600;min-height:50px;max-width:27ch}.scene-outcome a{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding-top:8px;font-size:12px;color:var(--blue);text-decoration:none}.visual-caption{font-size:10px;color:#dbe4ff;margin:16px 0 0;line-height:1.5}.scene.is-entering .connections path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:connect .8s var(--ease) forwards}.scene.is-entering .intervention-mark{animation:assemble .6s var(--ease)}.scene.is-entering .result-stack span{animation:node-in .5s var(--ease) both}.scene.is-entering .result-stack span:nth-child(2){animation-delay:.1s}.scene.is-entering .result-stack span:nth-child(3){animation-delay:.2s}@keyframes connect{to{stroke-dashoffset:0}}@keyframes assemble{from{opacity:.35;transform:translate(-50%,-50%) rotate(-22deg) scale(.8)}}@keyframes node-in{from{opacity:.1;transform:translateX(-12px)}}.service-section{padding-block:50px 80px;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:24px}.section-top h2{margin:0}.section-top>p{max-width:380px;color:var(--muted);margin:0}.service-rows{border-top:1px solid var(--line);margin-top:35px}.service-row{display:flex;gap:25px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .2s,background .2s}.service-row:hover{background:#e9eff8;padding-inline:14px}.service-symbol{display:grid;place-items:center;width:42px;height:42px;background:#e5ebf6;border-radius:8px;color:var(--blue);font-size:24px;flex-shrink:0}.service-row h3{margin:0 0 6px;font-size:20px;letter-spacing:-.4px}.service-row p{margin:0;color:var(--muted);font-size:15px}.row-action{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:13px;color:var(--blue);padding-left:20px}.home-proof{padding-block:44px 64px;border-top:1px solid var(--line);display:grid;grid-template-columns:.95fr 1fr 1fr;gap:25px;align-items:start}.home-proof h2{font-size:32px}.proof-tile{text-decoration:none;display:block;border-radius:8px;overflow:hidden;background:#fff;border:1px solid var(--line)}.proof-tile img{width:100%;aspect-ratio:1.8;object-fit:cover;object-position:top}.proof-diagram img{object-fit:contain;background:#172b36}.proof-tile>span{display:grid;grid-template-columns:1fr auto;padding:18px;font-size:16px;font-weight:600}.proof-tile small{grid-row:2;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.proof-tile svg{grid-column:2;grid-row:1/3}.closing{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 48px;background:var(--mist);border-radius:10px;margin-block:36px 70px}.closing h2{margin-bottom:12px;font-size:32px}.closing p{max-width:650px;margin:0;color:var(--muted)}.closing .button{flex-shrink:0}.footer{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:35px;border-top:1px solid var(--line);padding-block:36px 45px}.footer .brand{align-self:start;font-size:22px}.footer>p{font-size:13px;color:var(--muted)}.footer>div{display:grid;gap:8px;justify-items:end;font-size:12px}.footer>div a{text-decoration:none}.footer small{color:var(--muted);font-size:10px}.page-intro{padding-block:74px 38px}.page-intro h1{max-width:18ch}.page-intro>p:not(.eyebrow){max-width:710px;font-size:19px;color:var(--muted)}.compact-section{padding-bottom:45px}.service-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center;padding-block:64px}.service-hero h1{font-size:clamp(2.6rem,4.5vw,4.6rem);max-width:15ch}.back-link{display:inline-flex;min-height:44px;font-size:13px;color:var(--muted);text-underline-offset:5px;margin-bottom:20px}.scope-card{padding:34px;background:var(--mist);border-radius:10px}.scope-card h2{font-size:27px;margin-bottom:28px}.scope-card>p{font-size:13px;color:var(--muted)}dl{margin:0 0 20px}dl>div{display:grid;gap:6px;padding-block:13px;border-top:1px solid #b7ccd9}dt{font-size:12px;color:var(--muted)}dd{margin:0;font-size:16px;font-weight:600}.deliverables{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;border-block:1px solid var(--line);padding-block:45px}.deliverables h2{font-size:32px}.deliverables ul{list-style:none;padding:0;margin:0}.deliverables li{position:relative;padding:0 0 20px 32px;font-size:18px}.deliverables li:last-child{padding-bottom:0}.deliverables li:before{content:'✓';position:absolute;left:0;color:var(--blue)}.embedded{padding-block:60px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:32px 0 0;padding:0}.steps li{border-top:2px solid var(--blue);padding-top:18px}.steps li>span{font-size:12px;color:var(--blue)}.steps h3{margin:20px 0 14px}.steps p{font-size:15px;color:var(--muted);margin-bottom:0}.example-strip{padding:28px 32px;background:#e9eef5;display:grid;grid-template-columns:.5fr 1fr auto 1fr;gap:32px;align-items:center;border-radius:8px}.example-strip p{margin:0;font-size:15px}.example-strip .eyebrow{font-size:12px}.example-strip>div>span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.related-proof{display:flex;gap:40px;align-items:center;justify-content:space-between;padding-block:45px}.related-proof>div{max-width:700px}.related-proof h3{font-size:25px}.related-proof p:last-child{color:var(--muted)}.related-proof>a{flex-shrink:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:40px}.project-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;text-decoration:none;scroll-margin-top:30px}.project-media{background:var(--ink)}.project-media img{width:100%;aspect-ratio:1.8;object-fit:contain}.symbolic-media{aspect-ratio:1.8;display:flex;align-items:center;justify-content:center;gap:16px;background:var(--blue);color:#fff;font-size:16px}.symbolic-media span{padding:17px 11px;border:1px solid #ffffff6b;border-radius:5px}.project-copy{padding:26px}.project-copy h2{font-size:27px}.project-copy p:not(.eyebrow){color:var(--muted)}.project-copy .eyebrow{font-size:12px}.case-page{padding-block:52px}.case-page h1{max-width:20ch}.case-page>.hero-lead{max-width:750px}.case-page figure{margin:40px 0}.case-page figure img{width:100%;height:auto;border:1px solid var(--line);max-height:740px;object-fit:contain;background:var(--ink)}figcaption{font-size:12px;color:var(--muted);margin-top:12px}.case-detail{display:grid;grid-template-columns:.6fr 1fr;gap:80px;margin-top:44px}.case-detail p{max-width:700px}.integration{max-width:1000px}.integration article{display:grid;grid-template-columns:80px 1fr;gap:24px;border-top:1px solid var(--line);padding-block:35px}.step-count{color:var(--blue);font-size:14px;padding-top:8px}.integration h2{font-size:29px}.integration p{max-width:710px;color:var(--muted)}.integration strong{font-size:14px;font-weight:600}.leadership-note{max-width:1000px;padding-block:40px;display:grid;grid-template-columns:1fr 1.25fr;gap:50px}.leadership-note h2{font-size:28px}.leadership-note p{color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-block:20px 40px}.price-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column}.price-card h2{font-size:26px}.price-card .price{font-size:25px;font-weight:600;letter-spacing:-1px;line-height:1.2;color:var(--blue);min-height:60px}.duration{font-size:14px;border-block:1px solid var(--line);padding-block:14px}.price-example{color:var(--muted);font-size:13px}.price-card .button{margin-top:auto}.rate-line strong{color:var(--ink);margin-left:8px}.draft-notice{font-size:14px!important;padding:14px 18px;background:#f4eadb;border:1px solid #dfc8a6;border-radius:6px}.pricing-notes{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:25px}.pricing-notes h2{font-size:25px}.pricing-notes p{color:var(--muted);font-size:15px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:65px 80px}.contact-intro h1{font-size:clamp(2.8rem,4.6vw,4.7rem)}.contact-intro .hero-lead{max-width:470px}.call-outline{border-top:1px solid var(--line);padding-top:26px;margin-top:35px}.call-outline h2{font-size:20px}.call-outline ul{padding-left:20px;color:var(--muted);font-size:15px;line-height:1.8}.intake-panel{background:#fff;border:1px solid var(--line);padding:32px;border-radius:10px;min-width:0}.intake-panel h2{font-size:24px}.booking-option{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px}.booking-option p{font-size:14px;color:var(--muted)}.booking-option .small{font-size:11px;margin:10px 0 0}.field{margin-bottom:20px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.field label span{font-size:11px;font-weight:400;color:var(--muted)}input,select,textarea{width:100%;padding:12px;border:1px solid #bbcbd6;border-radius:4px;background:#fafcfe;color:var(--ink);min-height:48px;font-size:15px}textarea{resize:vertical;min-height:115px}textarea::placeholder,input::placeholder{color:#617685;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-note{font-size:11px;color:var(--muted);line-height:1.6}.optional-fields{margin-block:5px 24px}.optional-fields summary{cursor:pointer;min-height:44px;font-size:13px;padding-block:12px}.optional-fields summary span{font-size:11px;color:var(--muted);margin-left:8px}.optional-fields[open] summary{margin-bottom:10px}#email-preview{font:14px/1.6 Plex,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:var(--paper);border:1px solid var(--line)}.plain-button{display:block;min-height:44px;border:0;background:none;color:var(--blue);padding:10px 0}.legal{max-width:840px;padding-block:70px}.legal h1{margin-bottom:45px}.legal h2{font-size:24px;margin-top:35px}.legal p{color:var(--muted)}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header nav{gap:18px}.hero{gap:30px;padding-top:45px}.hero h1{font-size:54px}.situation{padding:20px}.visual-badge{display:none}.scene-problem{font-size:22px}.scene-outcome strong{font-size:17px}.hero-lead{font-size:17px}.service-hero{gap:40px}.contact-layout{gap:45px}.home-proof{grid-template-columns:1fr 1fr}.home-proof>div{grid-column:1/-1}.home-proof h2 br{display:none}.pricing-grid{gap:12px}.price-card{padding:22px}.price-card .price{font-size:21px}.example-strip{grid-template-columns:1fr auto 1fr}.example-strip>.eyebrow{grid-column:1/-1}.symbolic-media{gap:8px;font-size:12px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:76px}.header nav{display:none;position:absolute;inset:76px 0 auto;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);z-index:30;box-shadow:0 10px 20px #172b3612}.header nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:3px}.header nav .button{justify-content:center;margin-top:10px}.menu-button{display:flex;align-items:center;gap:22px;font-size:14px}.hero{grid-template-columns:1fr;padding-block:40px 44px;gap:36px}.hero h1{font-size:clamp(42px,8vw,66px);max-width:14ch}.hero .hero-lead{max-width:540px}.situation{max-width:none;padding:23px}.situation-top{font-size:13px}.visual-badge{display:block}.situation-choices{margin-block:18px 23px}.scene-problem{font-size:25px;max-width:100%;min-height:58px;margin-bottom:0}.system-visual{height:145px;margin-block:6px 18px}.scene-outcome{display:grid;grid-template-columns:1fr auto;column-gap:16px;margin-top:18px;padding:15px 17px}.scene-outcome>span{grid-column:1/-1}.scene-outcome strong{min-height:44px;font-size:19px;max-width:none}.scene-outcome a{font-size:11px;gap:10px;align-self:center;padding:0}.visual-caption{margin-top:12px;font-size:10px}.service-section{padding-block:35px 42px}.section-top{align-items:start;flex-direction:column;gap:14px}.section-top h2 br{display:none}.section-top p{font-size:15px}.service-row{gap:15px;padding-block:21px}.service-row h3{font-size:18px}.service-row p{font-size:14px}.row-action{font-size:0;gap:0;padding-left:8px}.service-symbol{width:35px;height:35px;font-size:20px}.home-proof{padding-block:32px 40px;gap:15px}.home-proof h2{font-size:29px}.closing{padding:28px;align-items:start;flex-direction:column;margin-block:20px 40px;gap:24px}.closing h2{font-size:28px}.closing p{font-size:15px}.footer{grid-template-columns:1fr 1fr;gap:24px;padding-block:28px}.footer>div{grid-column:1/-1;justify-items:start}.footer p{margin-bottom:0;font-size:12px}.page-intro{padding-block:40px 22px}.page-intro h1{font-size:clamp(38px,7vw,54px)}.page-intro>p:not(.eyebrow){font-size:17px}.service-hero{grid-template-columns:1fr;gap:30px;padding-block:36px}.service-hero h1{font-size:clamp(38px,7vw,54px);max-width:18ch}.scope-card{padding:26px}.scope-card h2{font-size:25px}.deliverables{grid-template-columns:1fr;gap:14px;padding-block:30px}.deliverables h2{font-size:28px}.deliverables h2 br{display:none}.deliverables li{font-size:16px}.embedded{padding-block:35px}.steps{grid-template-columns:1fr;gap:23px}.steps h3{margin-block:10px}.example-strip{padding:24px;gap:16px;grid-template-columns:1fr}.example-strip>svg{transform:rotate(90deg)}.related-proof{align-items:start;flex-direction:column;gap:10px;padding-block:30px}.related-proof h3{font-size:24px}.project-grid{gap:18px}.project-copy{padding:20px}.project-copy h2{font-size:23px}.symbolic-media{flex-wrap:wrap;gap:6px}.symbolic-media span{padding:10px 7px}.symbolic-media svg{width:16px}.case-page{padding-block:35px}.case-page h1{font-size:40px}.case-detail{grid-template-columns:1fr;gap:4px}.integration article{grid-template-columns:32px 1fr;gap:16px;padding-block:27px}.integration h2{font-size:25px}.leadership-note{grid-template-columns:1fr;gap:0;padding-block:28px}.pricing-grid{grid-template-columns:1fr;gap:18px}.price-card{padding:26px}.price-card .price{min-height:0;font-size:28px}.pricing-notes{grid-template-columns:1fr;gap:20px}.contact-layout{grid-template-columns:1fr;gap:28px;padding-block:40px}.contact-intro h1{font-size:44px}.call-outline{margin-top:24px;padding-top:20px}.intake-panel{padding:25px}.legal{padding-block:40px}}
@media(max-width:480px){.hero h1{font-size:43px;letter-spacing:-1.9px}.hero .eyebrow{margin-bottom:17px}.hero .actions{gap:12px;margin-top:24px}.hero .actions>.button{flex:1;min-width:165px}.hero .actions>.text-link{font-size:13px;gap:7px}.hero .actions>.text-link svg{width:16px}.situation{padding:19px}.situation-top{font-size:12px}.visual-badge{font-size:9px}.situation-choices button{font-size:11px;padding:8px 5px}.scene-problem{font-size:22px}.scene-outcome{grid-template-columns:1fr}.scene-outcome strong{min-height:0;font-size:18px}.scene-outcome a{margin-top:5px;justify-content:space-between;min-height:35px}.intervention-mark{width:65px;height:65px;left:47%}.intervention-mark svg{width:34px;height:34px}.result-stack{min-width:88px}.result-stack span{font-size:10px;padding:6px 7px}.source-stack i{width:29px;height:20px}.service-row{align-items:start}.service-symbol{margin-top:2px}.row-action{align-self:center}.home-proof{grid-template-columns:1fr}.home-proof>div{grid-column:auto}.proof-tile img{aspect-ratio:2.2}.closing{padding:25px}.footer{grid-template-columns:1fr;gap:18px}.footer>div{grid-column:auto}.project-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.intake-panel{padding:22px}.integration article{gap:9px}.scope-card h2{font-size:23px}}
/* Preserve intrinsic media proportions instead of stretching HTML height attributes. */
/* Refinement: a narrow, muted canvas; colour belongs to decisions and actions. */
:root{--paper:#eae9e5;--white:#f7f6f2;--ink:#263943;--muted:#54636b;--mist:#dce3e6;--line:#cbd0d0;--blue:#3559d9}
.wrap{max-width:1080px}.header{height:80px}.header nav{gap:22px}.button{border-radius:5px}.footer{margin-top:48px}.eyebrow{margin-bottom:14px}.page-intro{padding-block:48px 25px}.page-intro h1{font-size:clamp(38px,4.5vw,56px)}.page-intro>p:not(.eyebrow){font-size:17px;max-width:610px}.quiet-link{display:inline-flex;align-items:center;gap:12px;padding-block:10px;font-size:14px;text-underline-offset:5px;min-height:44px}
/* Homepage: open editorial list + a quiet response sheet, not a dashboard. */
.home-intro{padding-block:48px 34px}
.home-intro h1{font-size:clamp(38px,4.8vw,60px);max-width:23ch;margin-bottom:18px;line-height:1.04}
.home-intro>p:last-child{color:var(--muted);margin:0;font-size:17px}
.problem-picker{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}
.problem-choices{display:flex;flex-direction:column;min-width:0}
.picker-prompt{font-size:12px;color:var(--muted);margin:0 0 12px 18px}
.problem-choices button{display:flex;justify-content:space-between;gap:22px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:17px 18px;color:var(--ink);font-size:15px;line-height:1.45;min-height:68px;transition:background .18s,color .18s}
.problem-choices button:last-child{border-bottom:0;font-size:14px}
.problem-choices button>span:last-child{font-size:0;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;color:var(--muted)}
.problem-choices button>span:last-child:after{content:'+';font-size:22px;font-weight:400}
.problem-choices button:hover{background:#dfe3e5;border-radius:6px}
.problem-choices button[aria-pressed=true]{background:#dce3f2;border-radius:6px;border-bottom-color:transparent;color:#233e87}
.problem-choices button[aria-pressed=true]>span:last-child:after{content:'→';color:var(--blue)}
.problem-explanation{padding:36px;background:var(--white);border:1px solid #d5d7d4;border-radius:10px;min-width:0;box-shadow:0 16px 36px -28px #26394340}
.problem-explanation .eyebrow{color:var(--muted);font-size:12px;margin-bottom:22px}
.problem-explanation h2{font-size:clamp(27px,2.8vw,34px);max-width:17ch;margin-bottom:20px;line-height:1.1}
.problem-action{font-size:16px;line-height:1.6;color:var(--muted);max-width:41ch;margin-bottom:28px}
.problem-output{border-top:1px solid var(--line);padding-top:20px;font-size:17px;line-height:1.45;color:var(--ink);margin-bottom:26px}
.problem-output>span{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}
.problem-next{display:flex;gap:12px;align-items:flex-start;flex-direction:column}
.problem-next .button{background:var(--blue);border-color:var(--blue)}
.problem-next .button:hover{background:var(--blue-dark)}
.problem-next .quiet-link{color:var(--muted);font-size:13px;min-height:44px;padding-block:10px}
.scene.is-entering{animation:response-in .2s var(--ease)}
@keyframes response-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
.selected-work{padding-block:45px 0;margin-top:38px;border-top:1px solid var(--line)}
.selected-work h2{font-size:28px}
.work-teasers{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:24px}
.work-teaser{text-decoration:none;display:grid;grid-template-columns:120px 1fr;gap:20px;padding:0;background:transparent}
.work-teaser img{width:120px;height:120px;object-fit:cover;object-position:top;border-radius:5px;background:#dce3e6}
.work-teaser p{font-size:11px;color:var(--muted);margin-bottom:9px}
.work-teaser h3{font-size:19px;letter-spacing:-.5px;margin-bottom:6px}
.work-teaser .quiet-link{font-size:12px}
.service-hero{gap:55px;padding-block:40px}.service-hero h1{font-size:clamp(38px,4vw,52px)}.scope-card{padding:26px}.scope-card h2{font-size:24px}.scope-card>p{font-size:12px}.deliverables{gap:45px;padding-block:32px}.deliverables li{font-size:16px}.embedded{padding-block:36px}.steps{gap:24px}.steps p{font-size:14px}.example-strip{gap:20px;background:#d4dfe4}.related-proof{padding-block:30px}.closing{padding:30px;margin-block:25px 35px}.integration article{padding-block:24px}.integration p{max-width:60ch}.contact-layout{gap:55px;padding-block:45px}.contact-intro h1{font-size:46px}.contact-intro .hero-lead{font-size:17px}.intake-panel{padding:28px;background:#eef2f4}.field{margin-bottom:17px}.field label{font-size:14px}.field-hint{font-size:12px;color:var(--muted);margin:7px 0 0}.intake-panel .form-grid{gap:16px}input,select,textarea{font-size:16px;background:#f7f9fa}.context-tag{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 12px;background:#dbe5ea;border-radius:4px;font-size:12px;margin-bottom:22px}.context-tag button{background:transparent;border:0;min-width:44px;min-height:44px;text-decoration:underline;color:var(--ink)}.booking-option h2{font-size:23px}.price-card{background:#edf2f4;padding:23px}.price-card .price{font-size:24px}.pricing-notes{gap:35px}.project-card{background:#edf2f4}.project-copy h2{font-size:25px}.case-page h1{font-size:clamp(36px,4vw,56px)}.case-page .hero-lead{font-size:18px}.case-page{padding-block:36px}.case-detail{gap:40px}.case-walkthrough details{border-top:1px solid var(--line);padding-block:16px}.case-walkthrough summary{cursor:pointer;font-size:20px;font-weight:600;padding:12px 0}.case-walkthrough p{max-width:65ch}.case-walkthrough figure{margin-block:20px}.case-walkthrough img{width:100%;height:auto;max-height:560px;object-fit:contain;background:#1c303c}.case-tags{font-size:13px;color:var(--muted)}
@media(max-width:900px){.work-teaser{grid-template-columns:1fr}.work-teaser img{width:100%;height:140px}.problem-explanation{padding:24px}.problem-choices button{padding:14px 16px;font-size:14px}.problem-picker{gap:28px}.header nav{gap:16px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:76px}.home-intro{padding-block:30px 24px}.home-intro h1{font-size:38px}.home-intro>p:last-child{font-size:16px}.problem-picker{grid-template-columns:1fr;gap:0}.problem-choices{padding:0}.problem-choices button{min-height:60px;padding:14px}.problem-explanation{padding:24px}.problem-explanation h2{font-size:27px}.problem-next{gap:16px}.selected-work{padding-top:32px}.selected-work .section-top{gap:4px}.work-teasers{gap:16px}.contact-layout{gap:24px;padding-block:30px}.contact-intro h1{font-size:38px}.contact-intro .hero-lead{margin-bottom:10px}.intake-panel{padding:22px}.service-hero{gap:25px}.deliverables{gap:15px}.case-detail{gap:10px}.footer{margin-top:32px}.case-page h1{font-size:37px}}
@media(max-width:480px){.work-teasers{grid-template-columns:1fr}.work-teaser{grid-template-columns:95px 1fr;gap:16px;padding:0}.work-teasers{gap:26px}.work-teaser img{width:95px;height:125px}.work-teaser h3{font-size:18px}.home-intro h1{font-size:36px}.problem-next .button{width:100%;justify-content:space-between}.problem-next .quiet-link{padding-block:0}.intake-panel .form-grid{grid-template-columns:1fr;gap:0}}
img{height:auto}

@media(max-width:480px){.home-intro h1{font-size:32px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.case-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0 25px}.case-tags li{padding:4px 9px;background:#cedbe2;border-radius:4px;font-size:12px}.case-product{font-size:14px;color:var(--muted)}.case-story{border-block:1px solid var(--line);margin-block:30px}.case-story .case-detail{margin:0;padding-block:22px;grid-template-columns:200px 1fr}.case-story h2{font-size:24px;margin:0}.case-story p{margin:0;max-width:65ch}.case-walkthrough{margin-top:30px}.case-walkthrough-heading h2{font-size:30px;margin-bottom:14px}.case-walkthrough-heading>p:last-child{font-size:14px;color:var(--muted)}.case-step summary{display:flex;align-items:baseline;gap:17px;list-style:none}.case-step summary:after{content:'+';margin-left:auto;font-size:24px;font-weight:400}.case-step[open] summary:after{content:'−'}.case-step summary::-webkit-details-marker{display:none}.case-step-number{font-size:12px;color:var(--muted)}.case-step summary h3{font-size:21px;margin:0}.case-design{grid-template-columns:200px 1fr;row-gap:12px}.case-design h2{font-size:25px;grid-column:1;grid-row:1/4}.case-design>p,.case-design>a{grid-column:2;margin:0}.case-evidence-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.intake-panel .small{font-size:12px;color:var(--muted)}.credit-grid{grid-template-columns:1fr 1fr}
@media(max-width:800px){.case-story .case-detail,.case-design{grid-template-columns:1fr;gap:12px}.case-design h2,.case-design>p,.case-design>a{grid-column:auto;grid-row:auto}.problem-choices>.problem-explanation{border-radius:0 0 8px 8px;margin-block:0 12px;border-top:0}.problem-choices button[aria-pressed=true]{border-radius:6px 6px 0 0}.problem-choices button[aria-pressed=true]>span:last-child:after{content:"−"}.picker-prompt{margin-left:14px}.problem-explanation .eyebrow{margin-bottom:16px}.problem-action{margin-bottom:20px}.problem-output{margin-bottom:20px}.problem-next{gap:6px}.selected-work{margin-top:30px}.credit-grid{grid-template-columns:1fr}}
@media(max-width:480px){.hero .actions>.button{gap:12px;padding-inline:15px;font-size:14px;white-space:nowrap}.contact-intro .call-outline{display:none}}
@media(min-width:801px){.hero{padding-block:40px 48px;gap:42px}.hero h1{max-width:13ch;font-size:clamp(44px,4.4vw,68px)}.situation{padding:22px}.situation-choices{margin-block:16px 20px}.scene-problem{font-size:22px;min-height:56px;margin-bottom:0}.system-visual{height:128px;margin-block:10px 16px}.scene-action{padding-top:12px}.scene-outcome{margin-top:14px;padding:14px 17px}.scene-outcome strong{min-height:25px;font-size:18px}.visual-caption{margin-top:10px}.service-section{padding-block:36px 48px}.service-row{padding-block:19px}.home-proof{padding-block:34px 40px}.closing{margin-block:24px 40px}}
/* Buyer-led refinement: scope and responsibility without another card grid. */
.home-intro h1{max-width:22ch}.home-intro>p:last-child{max-width:62ch}
.call-reassurance{display:block;font-size:12px;color:var(--muted);margin:10px 0 0}.problem-next .call-reassurance{margin:-3px 0 0}
.service-hero{align-items:start}.service-hero h1{max-width:19ch}.service-hero .back-link{margin-bottom:16px}.service-hero .eyebrow{font-size:13px}
.scope-card .scope-description{font-size:15px;color:var(--ink)}.scope-card h2{margin-bottom:18px}.scope-card dd small{font-size:12px;font-weight:400;white-space:nowrap}
.service-row h2{margin:0 0 6px;font-size:20px;letter-spacing:-.4px}
.deliverables h2{max-width:12ch;font-size:30px}.completion-note{border-top:1px solid var(--line);padding-top:20px;margin:24px 0 0;color:var(--muted);font-size:14px}.completion-note strong{display:block;color:var(--ink);margin-bottom:7px}
.service-ownership{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:28px;padding-block:34px 22px}.service-ownership h2{font-size:28px}.service-ownership h3{font-size:17px;letter-spacing:-.3px;margin-bottom:12px}.service-ownership p{font-size:15px;color:var(--muted);margin:0}.service-ownership .service-boundary{grid-column:2/-1;font-size:13px;padding:16px 18px;background:var(--mist);border-radius:5px}.service-boundary strong{color:var(--ink)}
.service-detail{margin-top:12px;padding-bottom:24px}.service-detail summary{font-size:18px}.service-detail p{font-size:15px}.service-detail .small{font-size:12px;color:var(--muted)}.service-process{padding-left:24px;max-width:75ch}.service-process li{padding:8px 0 8px 10px}.service-process h3{font-size:17px;margin-bottom:8px}.service-process li::marker{font-size:13px;color:var(--muted)}
.service-related{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:20px 30px}.service-related h2{font-size:23px;margin-bottom:8px}.service-related p{font-size:14px;color:var(--muted);margin:0}.service-related a{flex-shrink:0}
.service-proof{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;border-top:1px solid var(--line);padding-block:30px}.service-proof h2{font-size:27px;margin:0;max-width:24ch}.service-proof .eyebrow{font-size:12px}.service-proof p{font-size:15px;color:var(--muted);max-width:60ch}
.engagement-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-block:20px 35px}.engagement-modes h2{font-size:22px}.engagement-modes p{color:var(--muted);font-size:15px;max-width:38ch}
@media(max-width:800px){.service-ownership{grid-template-columns:1fr 1fr;gap:20px}.service-ownership>h2{grid-column:1/-1;margin:0}.service-ownership .service-boundary{grid-column:1/-1}.service-proof{gap:24px}.service-related{align-items:start;flex-direction:column;gap:10px}.service-hero h1{max-width:23ch}.deliverables h2{max-width:none}.engagement-modes{grid-template-columns:1fr;gap:10px}.engagement-modes p{max-width:65ch}}
@media(max-width:480px){.service-ownership,.service-proof{grid-template-columns:1fr}.service-proof{gap:18px}.service-hero h1{font-size:36px}.service-hero .button{width:100%}.service-row h2{font-size:18px}.scope-card{padding:24px}.home-intro h1{max-width:20ch}}
.contact-simple{align-items:start;padding-block:64px 70px}.contact-simple .hero-lead{max-width:36ch}.contact-methods{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:30px}.contact-methods h2{font-size:23px;margin-bottom:12px}.contact-methods p{font-size:15px;color:var(--muted);margin-bottom:22px}.contact-methods .contact-detail{font-size:12px;margin:12px 0 0}.contact-email{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.contact-email:first-child{border:0;margin:0;padding:0}.contact-email h2{font-size:17px}.contact-email .text-link{font-size:19px}.email-topic{margin-top:18px}.email-topic p{font-size:12px;margin:0}.email-topic strong{font-weight:400}.email-topic .plain-button{font-size:12px;min-height:44px;padding:8px 0;margin:0;color:var(--muted)}
@media(max-width:800px){.contact-simple{padding-block:30px}.contact-methods{padding:24px}.contact-simple .contact-intro h1{font-size:38px}.contact-methods .button{white-space:normal;gap:12px;font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene.is-entering .connections path{stroke-dashoffset:0}}
/* Copy refinement: leave space between decisions, not between repeated labels. */
.home-intro h1:last-child{margin-bottom:0}
.closing>h2{margin:0}
.project-copy .case-product{margin:12px 0 18px}
.case-walkthrough-heading h2:only-child{margin-bottom:18px}
/* Context routes: a grouped directory, then short problem-to-service rows. */
.header nav{gap:16px}.header nav>a:not(.button){font-size:13px}
.context-entry{padding-top:18px}
.context-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-block:20px 44px}
.context-groups h2{font-size:21px;margin-bottom:16px}
.context-groups ul{list-style:none;padding:0;margin:0}
.context-groups a{display:block;padding:15px 0;border-top:1px solid var(--line);font-size:18px;text-underline-offset:5px}
.landing-intro h1{max-width:24ch}.landing-intro .button{margin-top:10px}
.landing-priorities article{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;border-top:1px solid var(--line);padding-block:28px}
.landing-priorities h2{font-size:25px;max-width:28ch;margin-bottom:10px}
.landing-priorities p{font-size:16px;max-width:57ch;color:var(--muted);margin:0}
.landing-priorities .text-link{justify-self:end;text-align:right}
.landing-priorities .text-link,.landing-start .text-link{text-decoration:underline;text-underline-offset:5px;color:var(--blue)}
.landing-start,.landing-proof{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding-block:30px;border-top:1px solid var(--line)}
.landing-start h2,.landing-proof h2{font-size:25px;max-width:25ch}
.landing-start p,.landing-proof>p{max-width:60ch;color:var(--muted);font-size:16px}
.landing-proof h2 a{text-underline-offset:5px}.landing-proof .eyebrow{font-size:12px}
@media(max-width:900px) and (min-width:801px){.header nav{gap:10px}.header nav>a:not(.button){font-size:12px}.header nav .button{padding-inline:12px;font-size:12px;gap:12px}}
@media(max-width:800px){.header nav>a:not(.button){font-size:16px}.context-groups{grid-template-columns:1fr;gap:28px}.landing-priorities article,.landing-start,.landing-proof{grid-template-columns:1fr;gap:12px}.landing-priorities .text-link{justify-self:start;text-align:left}.landing-intro h1{max-width:22ch}.context-entry{padding-top:12px}.landing-start h2{margin:0}}

/* An optional slate theme; light remains the default regardless of OS setting. */
:root{color-scheme:light}
.theme-toggle{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);padding:10px}
.theme-toggle:hover,.theme-toggle[aria-pressed=true]{background:var(--mist)}
.theme-toggle svg{width:20px;height:20px}
.header{gap:16px}.header nav{margin-left:auto}
.menu-button{color:var(--ink)}
@media(min-width:801px) and (max-width:1000px){.header{gap:10px}.header nav{gap:10px}.header nav>a:not(.button){font-size:12px}.header nav .button{padding-inline:12px;font-size:12px;gap:10px}}
@media(max-width:800px){.header .menu-button{margin-left:auto}.header .theme-toggle{order:2}}
:root[data-theme=dark]{color-scheme:dark;--paper:#24333c;--white:#2d404a;--ink:#ebf0f1;--muted:#b9c7cd;--mist:#354c58;--line:#526873;--blue:#a4bbff;--blue-dark:#3055c6}
:root[data-theme=dark] .button,:root[data-theme=dark] .problem-next .button{background:#3d5fd1;border-color:#3d5fd1;color:#fff}
:root[data-theme=dark] .button:hover,:root[data-theme=dark] .problem-next .button:hover{background:#3055c6;border-color:#3055c6}
:root[data-theme=dark] .button-secondary{background:transparent;border-color:var(--blue);color:var(--blue)}
:root[data-theme=dark] .problem-explanation,:root[data-theme=dark] .intake-panel,:root[data-theme=dark] .price-card,:root[data-theme=dark] .project-card,:root[data-theme=dark] .proof-tile,:root[data-theme=dark] .cookie-dialog{background:var(--white);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] .problem-choices button:hover,:root[data-theme=dark] .service-row:hover{background:#304651}
:root[data-theme=dark] .problem-choices button[aria-pressed=true]{background:#354e72;color:#f2f5ff}
:root[data-theme=dark] .service-symbol,:root[data-theme=dark] .example-strip,:root[data-theme=dark] .context-tag,:root[data-theme=dark] .case-tags li{background:var(--mist)}
:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--paper);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--muted)}
:root[data-theme=dark] dl>div,:root[data-theme=dark] .cookie-dialog label{border-color:var(--line)}
:root[data-theme=dark] .cookie-actions button{background:var(--mist);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] .cookie-actions button[data-consent-action=save]{background:transparent;color:var(--ink)}
:root[data-theme=dark] .cookie-close{color:var(--ink)}
:root[data-theme=dark] .cookie-dialog::backdrop{background:#172630aa}
:root[data-theme=dark] :focus-visible{outline-color:#e1b57c}
:root[data-theme=dark] ::selection{background:#91adff;color:#24333c}
:root[data-theme=dark] .skip{background:var(--ink);color:var(--paper)}
:root[data-theme=dark] .draft-notice{background:#514738;border-color:#8d7960;color:var(--ink)}
/* Product screenshots retain their actual product palette in either theme. */
:root[data-theme=dark] .project-media,:root[data-theme=dark] .case-page figure img{background:#1c303c}