:root{--ink:#12233d;--muted:#5d6b7a;--blue:#173b6d;--blue2:#245a94;--green:#6f9081;--red:#b33d3d;--gold:#d99a38;--soft:#f4f7fa;--line:#d9e1e8;--shadow:0 18px 55px rgba(18,35,61,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f8fafc;line-height:1.5}img{display:block;max-width:100%}a{color:inherit}figcaption{padding:9px 12px;color:var(--muted);font-size:.82rem;font-style:italic;background:#fff;border-top:1px solid var(--line)}
.site-header{position:sticky;top:39px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(20px,5vw,72px);background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.work-note{position:sticky;top:0;z-index:20;margin:0;padding:10px clamp(20px,5vw,72px);color:var(--muted);background:rgba(255,255,255,.96);font-size:.9rem;font-style:italic;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{display:inline-flex;align-items:center;text-decoration:none}.brand-logo{width:clamp(150px,16vw,220px);height:auto}nav{display:flex;flex-wrap:wrap;gap:8px}nav a{padding:8px 10px;color:var(--muted);font-size:.92rem;font-weight:700;text-decoration:none}nav a:hover{color:var(--blue);background:var(--soft)}
.hero{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(420px,1.4fr);gap:clamp(24px,4vw,56px);align-items:center;min-height:calc(100vh - 74px);padding:clamp(32px,6vw,72px) clamp(20px,5vw,72px) 34px;background:linear-gradient(90deg,rgba(248,250,252,.98),rgba(248,250,252,.74)),radial-gradient(circle at 88% 12%,rgba(36,90,148,.16),transparent 32%)}
.hero-copy{max-width:620px}.kicker{margin:0 0 10px;color:var(--blue2);font-size:.78rem;font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(2.35rem,5vw,5.2rem);line-height:.95;color:var(--blue)}h2{max-width:920px;margin-bottom:0;font-size:clamp(1.75rem,3.3vw,3.3rem);line-height:1.06}h3{margin-bottom:8px;font-size:1.16rem}.lead{margin-bottom:26px;color:#34495f;font-size:clamp(1.06rem,1.5vw,1.28rem)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border:1px solid var(--blue);border-radius:4px;font-weight:800;text-decoration:none}.primary{color:#fff;background:var(--blue)}.secondary{color:var(--blue);background:#fff}
.hero-visual,.plan-visual{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);background:#fff}.hero-visual img{width:100%;aspect-ratio:16/10;object-fit:cover}.plan-visual img{width:100%;max-height:780px;object-fit:contain;background:#e8edf3}
.annotated-visual{position:relative;width:100%;overflow:hidden}.annotated-visual img{display:block;width:100%}.hotspot{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:7px 10px;border:2px solid #fff;border-radius:999px;color:#fff;background:var(--blue);box-shadow:0 8px 22px rgba(18,35,61,.28);font:800 .72rem Arial,Helvetica,sans-serif;line-height:1;cursor:pointer}.hotspot span{pointer-events:none}.hotspot small{position:absolute;left:50%;bottom:calc(100% + 10px);display:block;width:min(260px,70vw);padding:12px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fff;box-shadow:var(--shadow);font-size:.82rem;font-weight:500;line-height:1.35;text-align:left;opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:opacity .18s ease,transform .18s ease}.hotspot small:before{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:translateX(-50%) rotate(45deg)}.hotspot:hover small,.hotspot:focus-visible small{opacity:1;transform:translate(-50%,0)}.hotspot:focus-visible{outline:3px solid rgba(217,154,56,.55);outline-offset:2px}.hotspot.agora{background:var(--blue)}.hotspot.conception{background:var(--green)}.hotspot.experimentation{background:#6f659c}.hotspot.isolement{background:var(--gold)}.hotspot.regie{background:#59636e}.plan-map .hotspot.agora{left:27%;top:14%}.plan-map .hotspot.conception{left:34%;top:42%}.plan-map .hotspot.experimentation{left:24%;top:76%}.plan-map .hotspot.isolement{left:51%;top:76%}.plan-map .hotspot.regie{left:56%;top:15%}.projection-map .hotspot.agora{left:24%;top:16%}.projection-map .hotspot.conception{left:45%;top:45%}.projection-map .hotspot.experimentation{left:72%;top:73%}.projection-map .hotspot.isolement{left:14%;top:75%}.projection-map .hotspot.regie{left:83%;top:18%}
.decision-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:0 clamp(20px,5vw,72px) 26px;background:linear-gradient(#f8fafc 0 50%,var(--soft) 50%)}.decision-strip article{padding:22px;background:#fff;border:1px solid var(--line)}.decision-strip strong{display:block;margin-bottom:4px;color:var(--blue);font-size:1.45rem}.decision-strip span{color:var(--muted);font-size:.92rem}
.section{padding:clamp(46px,7vw,86px) clamp(20px,5vw,72px)}.section-heading{margin-bottom:28px}.decision-panel,.trajectory,.spend-section,.before-after-section,.language-section,.users-section,.funders-section{background:var(--soft)}.decision-grid{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(300px,.9fr);gap:24px}.recommendation,.scenario-stack article,.budget-card,.proof-grid article,.zones article,.intent-grid article,.spend-card,.comparison-card,.projection-panel,.language-grid article,.agents-grid article,.users-grid article,.funders-grid article{border:1px solid var(--line);border-radius:6px;background:#fff}.recommendation{padding:clamp(24px,4vw,38px);border-top:6px solid var(--green);box-shadow:var(--shadow)}.badge{display:inline-flex;margin-bottom:16px;padding:7px 10px;color:#fff;background:var(--green);font-size:.82rem;font-weight:800}.recommendation h3{color:var(--blue);font-size:2.2rem}.recommendation p,.proof-grid p,.zones p,.budget-card p,.spend-card p,.comparison-card p,.projection-panel p,.language-grid p,.agents-grid p,.users-grid p,.funders-grid p,.section-intro{color:var(--muted)}.recommendation ul{display:grid;gap:10px;margin:20px 0 0;padding-left:20px}
.scenario-stack{display:grid;gap:14px}.scenario-stack article{padding:20px}.scenario-stack .selected{border-color:var(--blue2);background:#f6fbff;box-shadow:0 14px 30px rgba(36,90,148,.11)}.scenario-stack span{display:block;margin-bottom:8px;color:var(--muted);font-weight:800;text-transform:uppercase}.scenario-stack strong{display:block;margin-bottom:8px;color:var(--blue);font-size:1.24rem}.scenario-stack p{margin-bottom:0;color:var(--muted)}
.section-intro{max-width:880px;margin:-10px 0 24px;font-size:1.04rem}.intent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.intent-grid article{min-height:86px;padding:18px;color:var(--blue);font-weight:800}.principles{display:flex;flex-wrap:wrap;gap:10px}.principles span{display:inline-flex;padding:8px 10px;border:1px solid var(--line);border-radius:4px;color:var(--muted);background:#fff;font-size:.9rem;font-weight:800}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.language-grid article{min-height:210px;padding:22px;border-top:5px solid var(--green)}.language-grid article:nth-child(2){border-top-color:var(--blue)}.language-grid article:nth-child(3){border-top-color:var(--gold)}.language-grid h3{color:var(--blue)}
.agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.agents-grid article{overflow:hidden}.agents-grid figure{margin:0;background:#e8edf3}.agents-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.agents-grid div{padding:18px}.agents-grid h3{color:var(--blue)}
.users-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.users-grid article{display:flex;flex-direction:column;min-height:360px;padding:20px;border-top:5px solid var(--blue)}.users-grid article:nth-child(2){border-top-color:var(--green)}.users-grid article:nth-child(3){border-top-color:var(--red)}.users-grid article:nth-child(4){border-top-color:#6f659c}.users-grid article:nth-child(5){border-top-color:var(--gold)}.users-grid span{display:inline-flex;align-self:flex-start;margin-bottom:14px;padding:6px 8px;color:#fff;background:var(--blue);font-size:.72rem;font-weight:800;text-transform:uppercase}.users-grid article:nth-child(2) span{background:var(--green)}.users-grid article:nth-child(3) span{background:var(--red)}.users-grid article:nth-child(4) span{background:#6f659c}.users-grid article:nth-child(5) span{background:var(--gold)}.users-grid h3{color:var(--blue)}.users-grid ul{display:grid;gap:8px;margin:auto 0 0;padding-left:18px;color:var(--muted);font-size:.92rem}
.funders-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.funders-grid article{min-height:220px;padding:24px;border-top:5px solid var(--blue)}.funders-grid article:nth-child(2){border-top-color:var(--green)}.funders-grid span{display:inline-flex;margin-bottom:14px;padding:6px 8px;color:#fff;background:var(--blue);font-size:.74rem;font-weight:800;text-transform:uppercase}.funders-grid article:nth-child(2) span{background:var(--green)}.funders-grid h3{color:var(--blue);font-size:1.35rem}
.zones{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}.zones article{min-height:210px;padding:20px;border-top:5px solid var(--blue)}.zones article:nth-child(2){border-top-color:var(--green)}.zones article:nth-child(3){border-top-color:#6f659c}.zones article:nth-child(4){border-top-color:var(--gold)}.zones article:nth-child(5){border-top-color:#59636e}.zone-number{display:inline-grid;width:32px;height:32px;margin-bottom:16px;place-items:center;border-radius:50%;color:#fff;background:var(--blue);font-weight:800}
.before-after-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:18px;margin-bottom:18px}.comparison-card{display:flex;flex-direction:column;overflow:hidden}.comparison-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.comparison-label span{display:inline-flex;padding:6px 9px;color:#fff;background:var(--blue);font-size:.76rem;font-weight:800;text-transform:uppercase}.comparison-card.after .comparison-label span{background:var(--green)}.comparison-label strong{color:var(--blue);font-size:1.08rem}.comparison-card figure{display:grid;min-height:420px;margin:0;place-items:center;background:#eef3f7}.comparison-card.before figure{background:#fff}.comparison-card img{width:100%;height:100%;max-height:650px;object-fit:contain}.comparison-card p{margin:0;padding:16px 20px;border-top:1px solid var(--line)}.projection-panel{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:center;padding:22px}.projection-panel h3{color:var(--blue);font-size:1.55rem;line-height:1.12}.projection-panel figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:6px}.projection-panel img{width:100%;aspect-ratio:16/9;object-fit:cover}
.spend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.spend-card{display:flex;flex-direction:column;min-height:330px;padding:20px;border-top:5px solid var(--blue)}.spend-card:nth-child(3n+2){border-top-color:var(--green)}.spend-card:nth-child(3n){border-top-color:var(--gold)}.spend-area{margin-bottom:8px;color:var(--blue2);font-size:.76rem;font-weight:800;text-transform:uppercase}.spend-card h3{min-height:54px;color:var(--blue)}.spend-card dl{display:grid;gap:8px;margin:auto 0 0}.spend-card dl div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);background:#fbfdff}.spend-card dt{color:var(--muted);font-size:.82rem;font-weight:800}.spend-card dd{margin:0;color:var(--ink);font-weight:800}.spend-card dl div.retained{border-color:#abc9bc;background:#f3faf6}.spend-card dl div.retained dt,.spend-card dl div.retained dd{color:#315f4b}
.budget-section{background:#fff}.budget-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:#fff}table{width:100%;min-width:920px;border-collapse:collapse}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:.94rem}th{color:#fff;background:var(--blue)}td.selected-cost{color:#315f4b;font-weight:900;background:#f3faf6;box-shadow:inset 4px 0 0 var(--green)}td.retained{color:#315f4b;font-weight:800;background:#edf7f1}tr:last-child td{border-bottom:0}.budget-card{position:sticky;top:98px;padding:24px;border-top:6px solid var(--red)}.budget-card strong{display:block;color:var(--red);font-size:2rem;line-height:1.05}.budget-card span{display:block;margin:8px 0 18px;color:var(--ink);font-weight:800}.budget-range{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.budget-range span{margin:0 0 10px;color:var(--muted);font-size:.8rem;text-transform:uppercase}.budget-range dl{display:grid;gap:9px;margin:0}.budget-range dl div{padding:10px 0;border-top:1px solid var(--line)}.budget-range dl div:first-child{border-top:0}.budget-range dt{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.budget-range dd{margin:3px 0 0;color:var(--blue);font-size:1.08rem;font-weight:800;line-height:1.16}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.proof-grid article{min-height:185px;padding:22px}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px clamp(20px,5vw,72px);color:#fff;background:var(--blue)}.site-footer p{margin:0;font-size:.92rem}
@media(max-width:1280px){.users-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1120px){.hero,.decision-grid,.budget-layout,.before-after-grid,.projection-panel{grid-template-columns:1fr}.hero{min-height:auto}.zones,.proof-grid,.spend-grid,.intent-grid,.language-grid,.agents-grid,.users-grid{grid-template-columns:repeat(2,1fr)}.budget-card{position:static}.comparison-card figure{min-height:360px}}@media(max-width:760px){.site-header{position:static;align-items:flex-start;flex-direction:column}nav{justify-content:flex-start}.hero-actions{flex-direction:column}.button{width:100%}.decision-strip,.zones,.proof-grid,.spend-grid,.intent-grid,.language-grid,.agents-grid,.users-grid,.funders-grid{grid-template-columns:1fr}.zones article,.proof-grid article,.spend-card,.language-grid article,.users-grid article,.funders-grid article{min-height:0}.spend-card h3{min-height:0}.comparison-label{align-items:flex-start;flex-direction:column}.comparison-card figure{min-height:260px}.projection-panel{padding:16px}.hotspot{min-width:26px;min-height:26px;padding:5px 7px;font-size:.62rem}.hotspot small{width:min(230px,82vw);font-size:.78rem}}