:root{--motion-fast:360ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
.visual-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}.visual-nav nav{display:flex;gap:30px;font-size:13px}.visual-nav a{min-height:44px;display:flex;align-items:center}.visual-nav .wordmark{display:block}.visual-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:10px;padding-block:64px 45px}.visual-hero h1{font-size:clamp(32px,3.8vw,55px);line-height:1.12}.visual-case em,.visual-end em{color:var(--accent);font-style:normal}.visual-lead{font-size:20px;line-height:1.5;margin:28px 0}.city-scene{position:relative;min-width:0}.city-scene img{width:100%;mix-blend-mode:multiply;aspect-ratio:1.5;object-fit:contain;transform:scale(1.08)}.scene-caption{margin:12px 0 0 12%;border-left:3px solid var(--accent);padding-left:20px}.scene-caption span{font-size:13px;color:var(--muted)}.scene-caption strong{display:block;font-size:25px;font-weight:500}.city-scene figcaption{font-size:10px;margin:15px 0 0 12%;color:var(--muted)}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);padding-block:30px 40px;border-block:1px solid var(--line);gap:20px}.proof-strip strong{font-size:clamp(26px,2.8vw,41px);letter-spacing:-.04em}.proof-strip span{display:block;font-size:13px;color:var(--muted);margin-top:8px}.visual-section{padding-block:78px}.visual-heading{margin-bottom:42px}.visual-heading h2{font-size:clamp(29px,3.6vw,50px);line-height:1.14}.visual-heading>p:last-child:not(.kicker){margin-top:22px;color:var(--muted);font-size:18px;max-width:690px}.process-line{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:20px 40px}.process-line>div{text-align:center;flex:1;min-width:0}.process-line svg{width:95px;height:95px;display:block;margin:0 auto 20px;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.process-line>div:last-child svg{stroke:var(--accent)}.process-line b{display:block;font-size:19px}.process-line span:not(.process-arrow){display:block;font-size:13px;color:var(--muted);margin-top:7px}.process-arrow{font-size:30px;color:var(--accent)}.quiet-details{border-top:1px solid var(--line);padding-block:20px;font-size:14px;line-height:1.65;margin-top:18px}.quiet-details>summary{cursor:pointer;font-weight:500;min-height:30px;list-style:none;display:flex;justify-content:space-between;gap:20px}.quiet-details>summary::after{content:'+';font-size:24px;font-weight:400;line-height:1}.quiet-details[open]>summary::after{content:'−'}.quiet-details>p{max-width:970px;margin-top:22px;color:var(--muted)}.quiet-details>summary::-webkit-details-marker{display:none}.fineprint{font-size:12px;line-height:1.65;color:var(--muted);margin-top:22px;max-width:1040px}.story-stage-section{background:var(--ink);color:var(--paper);padding-block:65px}.story-stage-section em{color:#f6a584}.story-stage-section .fineprint{color:#b9c6cf}.stage-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #71808b}.stage-buttons button{background:none;border:0;text-align:left;color:#b9c6cf;padding:20px 16px 20px 0;font-size:16px;border-bottom:3px solid transparent}.stage-buttons span{display:block;font-size:12px;margin-bottom:8px}.stage-buttons button[aria-pressed=true]{border-color:#f6a584;color:#f6a584}.stage-result{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center;min-height:285px;padding-block:38px}.stage-number strong{font-family:var(--display);font-size:clamp(74px,9vw,128px);line-height:1;letter-spacing:-.07em}.stage-number span{display:block;color:#b9c6cf;margin-top:12px;font-size:15px}.stage-result h3{font-size:28px}.stage-result p{font-size:16px;line-height:1.7;color:#b9c6cf;margin-top:18px;max-width:560px}.stage-track{height:3px;background:#48606e;margin-top:30px}.stage-track span{display:block;height:100%;background:#f6a584;transition:width 550ms var(--motion-ease)}.scenario-buttons,.horizon-buttons,.example-buttons{display:flex;gap:12px;flex-wrap:wrap}.scenario-buttons button,.horizon-buttons button,.example-buttons button{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:12px 22px;min-height:47px;font-size:15px}.scenario-buttons button[aria-pressed=true],.horizon-buttons button[aria-pressed=true],.example-buttons button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.budget-comparison{display:grid;grid-template-columns:1.6fr 1fr;gap:75px;align-items:center;padding-block:38px 15px}.budget-bar-label{display:flex;justify-content:space-between;gap:20px;align-items:baseline;font-size:14px;margin-bottom:14px}.budget-bar-label b{font-size:20px}.bar-track{height:36px;background:#e3dfd4;overflow:hidden;margin-bottom:30px}.budget-bar{height:100%;transition:width 550ms var(--motion-ease);min-width:2px}.budget-bar.own{background:var(--accent)}.budget-bar.agency{background:var(--ink)}.ratio-block strong{font-size:clamp(60px,8vw,108px);font-family:var(--display);letter-spacing:-.07em;line-height:1.1;color:var(--accent)}.ratio-block>span{display:block;font-size:13px;max-width:260px;margin-top:12px;color:var(--muted)}.ratio-block p{font-size:16px;margin-top:18px}.source-list article{display:grid;grid-template-columns:180px 1fr;gap:30px;border-top:1px solid var(--line);padding-block:18px}.source-list{margin-top:25px}.source-list a{text-decoration:underline}.growth-section{background:#e5e5da;padding-block:68px}.chart-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.chart-legend{display:flex;gap:25px;flex-wrap:wrap;font-size:13px}.chart-legend span{display:flex;align-items:center;gap:8px}.chart-legend i{width:25px;height:0;border-top:3px solid var(--accent)}.chart-legend .old-line{border-color:var(--ink);border-top-style:dashed}.horizon-buttons{gap:0}.horizon-buttons button{padding:9px 17px;font-size:13px}.horizon-buttons button+button{border-left:0}.chart-area{margin-top:30px;max-width:1120px}.chart-area svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid{stroke:#b7bfbc;stroke-width:1}.axis-text{font-size:12px;fill:var(--muted);font-family:var(--body)}.switch-line{stroke:#879995;stroke-width:1;stroke-dasharray:3 5}.switch-label{font-size:11px;fill:var(--muted);font-family:var(--body)}.old-path{fill:none;stroke:var(--ink);stroke-width:3;stroke-dasharray:7 5;stroke-linecap:round}.own-path{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.old-dot{fill:var(--ink)}.own-dot{fill:var(--accent)}.chart-totals{display:flex;gap:50px;justify-content:space-between;border-bottom:1px solid #a5adaa;padding-bottom:26px}.chart-totals>div{max-width:50%}.chart-totals span{font-size:13px;color:var(--muted);display:block;max-width:360px}.chart-totals b{display:block;font-size:29px;letter-spacing:-.03em;margin-top:10px}.chart-totals>div:last-child b{color:#b74324}.support-control{padding-block:35px 15px;max-width:950px}.support-control label{display:flex;justify-content:space-between;gap:20px;font-size:17px}.support-control label b{white-space:nowrap}.support-control input[type=range]{width:100%;height:36px;accent-color:var(--accent);padding:0;border:0;background:transparent;margin-top:18px;cursor:ew-resize}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.support-control .fineprint{margin-top:15px}.effect-line{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #a5adaa;padding-top:30px;margin-top:20px}.effect-line b{display:block;font-size:clamp(23px,2.5vw,36px);letter-spacing:-.035em}.effect-line span{display:block;font-size:13px;line-height:1.5;max-width:240px;margin-top:9px;color:var(--muted)}.calculator-settings{margin-top:35px}.calculator-settings form{display:grid;grid-template-columns:1fr 1fr;gap:22px 35px;margin-top:30px}.calculator-settings form>label{font-size:13px;margin:0}.calculator-settings form input{margin-top:8px;background:var(--paper);border:1px solid #879995;color:var(--ink);padding:14px;width:100%}.calculator-settings #support-note{grid-column:2;margin:0;font-size:12px}.calculator-settings .calc-reset{background:none;border:0;border-bottom:1px solid var(--ink);padding:12px 0;justify-self:start;align-self:end}.calc-method{margin-top:28px}.calc-method p{margin-block:20px;font-size:13px;max-width:920px}.visual-end{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-block:85px}.visual-end h2{font-size:clamp(30px,3.5vw,49px)}.visual-end p:not(.kicker){font-size:17px;margin-top:25px;max-width:650px}.end-actions{display:flex;flex-direction:column;gap:22px;min-width:280px}.download-link{font-size:13px;text-decoration:underline;text-underline-offset:5px;padding-block:12px}.visual-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:28px;font-size:11px}.visual-footer span{max-width:500px}
/* Visual business examples on the main landing */
.example-layout{display:grid;grid-template-columns:.85fr 1.2fr;gap:75px;align-items:center}.example-buttons{margin-top:30px;gap:9px}.example-buttons button{padding:10px 18px;font-size:13px}.example-visual{min-width:0}.example-visual svg{display:block;width:100%;height:auto}.example-visual .paper-node{fill:var(--paper);stroke:var(--ink);stroke-width:1.5}.example-visual .wire{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:6 5}.example-visual .node-label{fill:var(--ink);font-family:var(--body);font-size:16px}.example-visual .flow-core{fill:var(--ink)}.example-visual .core-label{fill:var(--paper);font-size:27px;font-family:var(--display)}.example-visual .output-label{fill:var(--paper);font-size:16px;font-family:var(--body)}.example-visual p{font-size:20px;margin-top:25px}.example-visual small{display:block;margin-top:10px;font-size:12px;color:var(--muted)}.home-visual .practice{display:none}.home-visual .section{padding-block:65px}.home-visual .routes-grid strong{font-size:17px}.home-visual .format{padding:34px}.home-visual .format ul{margin-block:22px}.home-visual .format li{padding-block:10px}.home-visual .format-outcome p{font-size:21px}.home-visual .format-lead{min-height:0;font-size:19px}.home-visual .origin-story{padding-top:20px}.home-visual .origin-story p{font-size:16px}.case-teaser-visual{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.case-teaser-visual h2{font-size:clamp(28px,3vw,42px)}.teaser-scale{padding:30px 0}.teaser-scale>div{margin-bottom:25px}.teaser-scale label{display:flex;justify-content:space-between;font-size:13px;gap:20px}.teaser-scale i{display:block;background:var(--ink);height:34px;margin-top:12px}.teaser-scale .own-cost{width:40%;background:var(--accent)}.teaser-scale p{font-size:11px!important;margin:0!important;color:var(--muted)}.home-visual .portfolio-list .task-example{display:none}.home-visual .portfolio-list article{padding-block:24px}.home-visual .portfolio-scale{margin-top:18px;padding-top:16px}.home-visual .about-portfolio-link{margin-top:16px}
@media(max-width:1000px){.visual-hero h1{font-size:33px}.visual-hero{gap:0}.scene-caption strong{font-size:20px}.stage-result{gap:35px}.budget-comparison{gap:40px}.visual-end{flex-direction:column;align-items:flex-start}.end-actions{flex-direction:row;align-items:center}.example-layout{gap:35px}.case-teaser-visual{gap:30px}.home-visual .format{padding:28px}}
@media(max-width:800px){.visual-nav nav{display:none}.visual-hero{padding-block:45px;grid-template-columns:1fr 1fr;gap:5px}.visual-hero h1{font-size:28px}.visual-lead{font-size:17px}.visual-heading h2{font-size:32px}.proof-strip strong{font-size:24px}.process-line{gap:12px}.process-line svg{width:68px;height:68px}.process-line b{font-size:16px}.process-line span:not(.process-arrow){font-size:11px}.process-arrow{font-size:22px}.stage-buttons button{font-size:13px}.stage-result h3{font-size:24px}.budget-comparison{grid-template-columns:1.25fr 1fr;gap:30px}.budget-bar-label{font-size:12px}.budget-bar-label b{font-size:17px}.ratio-block strong{font-size:67px}.example-layout{grid-template-columns:1fr}.example-layout .section-head{margin:0}.case-teaser-visual{grid-template-columns:1fr}.teaser-scale{max-width:600px;width:100%;padding:0}.home-visual .section{padding-block:50px}}
@media(max-width:600px){.visual-nav{padding-block:18px}.visual-nav .nav-cta{font-size:11px}.visual-hero{grid-template-columns:1fr;padding-block:35px 25px}.visual-hero h1{font-size:clamp(28px,7.8vw,43px)}.visual-lead{margin-block:22px;font-size:18px}.visual-hero .button{width:100%}.city-scene{margin-top:15px}.city-scene img{transform:none;max-height:310px}.scene-caption{margin-top:-15px;margin-left:7%;position:relative}.scene-caption strong{font-size:20px}.city-scene figcaption{margin-left:7%;margin-top:8px}.proof-strip{grid-template-columns:1fr;gap:20px;padding-block:25px}.proof-strip>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.proof-strip strong{font-size:26px;white-space:nowrap}.proof-strip span{max-width:135px;font-size:11px;text-align:right;margin:0}.visual-section{padding-block:50px}.visual-heading{margin-bottom:28px}.visual-heading h2{font-size:clamp(25px,7vw,37px)}.visual-heading>p:last-child:not(.kicker){font-size:16px;margin-top:18px}.process-line{display:grid;grid-template-columns:1fr 28px 1fr;gap:24px 12px;padding-block:5px 15px}.process-line>.process-arrow:nth-child(4){display:none}.process-line>div{text-align:left}.process-line svg{margin:0 0 14px}.process-line b{font-size:17px}.process-line span:not(.process-arrow){font-size:12px}.story-stage-section{padding-block:45px}.stage-buttons{grid-template-columns:repeat(2,1fr);gap:0 15px}.stage-buttons button{padding-block:15px;font-size:14px}.stage-result{grid-template-columns:1fr;gap:25px;padding-block:30px;min-height:355px}.stage-number{display:flex;align-items:baseline;gap:22px}.stage-number strong{font-size:75px}.stage-number span{font-size:13px}.stage-result h3{font-size:23px}.stage-result p{font-size:15px;margin-top:13px}.stage-track{margin-top:20px}.fineprint{font-size:11px}.scenario-buttons{gap:8px}.scenario-buttons button{padding:11px 13px;font-size:12px;flex:1}.budget-comparison{grid-template-columns:1fr;gap:5px;padding-top:30px}.budget-bar-label{font-size:12px}.bar-track{height:28px;margin-bottom:24px}.ratio-block strong{font-size:76px}.ratio-block>span{max-width:none;font-size:12px}.ratio-block p{margin-top:10px}.source-list article{grid-template-columns:1fr;gap:7px}.source-list article p{font-size:13px}.growth-section{padding-block:45px}.chart-top{flex-direction:column;align-items:flex-start;gap:18px}.chart-legend{gap:14px;font-size:11px}.chart-area{margin-top:20px;margin-inline:-10px}.chart-totals{gap:20px}.chart-totals b{font-size:24px}.chart-totals span{font-size:11px}.support-control label{font-size:15px;flex-wrap:wrap;gap:8px}.support-control{padding-top:25px}.effect-line{grid-template-columns:1fr;gap:20px}.effect-line>div{display:flex;align-items:baseline;justify-content:space-between;gap:25px}.effect-line b{font-size:26px;white-space:nowrap}.effect-line span{text-align:right;max-width:150px;font-size:11px;margin:0}.calculator-settings form{grid-template-columns:1fr;gap:22px}.calculator-settings #support-note{grid-column:auto}.visual-end{padding-block:50px;gap:28px}.visual-end h2{font-size:clamp(26px,7.4vw,39px)}.visual-end p:not(.kicker){font-size:16px;margin-top:20px}.end-actions{flex-direction:column;align-items:stretch;width:100%;gap:13px;min-width:0}.visual-footer{flex-direction:column;font-size:11px}.example-visual p{font-size:18px}.home-visual .case-teaser{padding-block:45px}.case-teaser-visual h2{font-size:clamp(24px,6.9vw,37px)}.home-visual .format{padding:26px 21px}.home-visual .format-outcome p{font-size:20px}.example-buttons{gap:7px}.example-buttons button{padding:10px 15px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.budget-bar,.stage-track span{transition:none!important}*,*::before,*::after{animation:none!important}}
.city-scene img{height:auto}

.tool-core-label{fill:var(--paper);font-size:13px;font-family:var(--body);font-weight:600}