*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#111418;font-family:Inter,Arial,sans-serif;background:#fff;-webkit-font-smoothing:antialiased}.noise{display:none}header{height:78px;max-width:1280px;padding:0 30px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.logo{display:flex;gap:10px;align-items:center;text-decoration:none;color:#111418;font-size:15px;font-weight:600}.flower{display:grid;grid-template-columns:6px 6px;grid-template-rows:6px 6px;gap:2px;transform:rotate(45deg)}.flower i{background:#10a37f;border-radius:2px}nav{display:flex;gap:35px;margin-left:120px}nav a,.footer-links a{font:10px 'DM Mono',monospace;text-decoration:none;color:#69716f}nav a:hover,.footer-links a:hover{color:#10a37f}.header-btn{background:#111418;color:#fff;text-decoration:none;border-radius:7px;padding:11px 14px;font-size:10px}.header-btn span{color:#58cdb2;margin-left:15px}.menu{display:none;border:0;background:none}.hero{max-width:1280px;margin:auto;padding:75px 30px 95px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;min-height:690px}.tag,.eyebrow{font:500 9px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#08765d}.tag{display:inline-flex;gap:8px;align-items:center;background:#eaf7f3;padding:8px 11px;border-radius:99px}.tag span{width:6px;height:6px;border-radius:50%;background:#10a37f;animation:pulse 2s infinite}.hero h1{font-size:clamp(51px,5.5vw,78px);line-height:.98;letter-spacing:-4px;font-weight:500;margin:27px 0}.hero h1 span{color:#10a37f}.hero h1 strong{font-weight:500}.lead{font-size:14px;line-height:1.75;color:#68706f;max-width:570px;margin-bottom:28px}.hero-actions{display:flex;gap:23px;align-items:center}.btn{display:inline-flex;gap:25px;align-items:center;text-decoration:none;background:#111418;color:#fff;border-radius:8px;padding:15px 18px;font-size:10px;font-weight:600;transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #11141822}.btn b{color:#58cdb2}.text-link{font-size:10px;text-decoration:none;color:#252a2c}.text-link span{color:#10a37f;margin-left:7px}.trust{display:flex;gap:12px;margin-top:45px;color:#89918f;font:8px 'DM Mono',monospace}.trust i{color:#10a37f;font-style:normal}.chat-stage{height:575px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:480px;height:480px;background:radial-gradient(circle,rgba(16,163,127,.22),rgba(16,163,127,.04) 45%,transparent 70%);filter:blur(7px);animation:breathe 5s ease-in-out infinite}.chat-window{width:min(510px,92%);background:#fff;border:1px solid #dfe7e4;border-radius:16px;box-shadow:0 35px 90px rgba(18,49,41,.15);position:relative;z-index:2;overflow:hidden;transform:rotate(1.5deg);animation:float 5s ease-in-out infinite}.chat-top{height:55px;border-bottom:1px solid #e9edec;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.chat-brand{display:flex;align-items:center;gap:8px;font-size:12px}.mini-flower{font-size:18px;color:#10a37f}.dots{font-size:12px;color:#a4acab;letter-spacing:2px}.chat-body{padding:24px}.user-msg{max-width:78%;margin-left:auto;background:#f1f3f2;border-radius:12px 12px 3px 12px;padding:13px;font-size:10px;line-height:1.6;color:#3b4142}.answer{padding-top:23px}.answer-head{display:flex;align-items:center;gap:8px;font-size:10px}.spark{color:#10a37f;font-size:17px}.answer>p{font-size:10px;line-height:1.7;color:#59615f}.recommendation{border:1px solid #d4e8e2;border-radius:10px;padding:14px;background:#f8fcfa;margin:17px 0}.rec-label{font:8px 'DM Mono',monospace;color:#08765d;margin-bottom:8px}.rec-title{font-size:17px;font-weight:600}.rec-title span{float:right;color:#10a37f;font-size:13px}.recommendation p{font-size:9px;line-height:1.6;color:#66706d;margin:7px 0 11px}.rec-tags{display:flex;gap:5px}.rec-tags span{font:7px 'DM Mono',monospace;color:#08765d;background:#e8f6f1;border-radius:99px;padding:5px 7px}.subtle{margin-top:18px!important;color:#727a78!important}.answer ul{padding:0 0 0 17px;margin:0;color:#525a58;font-size:9px;line-height:2}.chat-footer{height:48px;border-top:1px solid #e9edec;padding:0 17px;display:flex;align-items:center;justify-content:space-between;color:#a2aaa7;font-size:11px}.typing{display:flex;gap:3px}.typing i{width:4px;height:4px;background:#10a37f;border-radius:50%;animation:type 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.float-label{position:absolute;z-index:4;background:#fff;border:1px solid #dce6e2;border-radius:7px;padding:9px 11px;box-shadow:0 12px 30px #193d3320;font:8px 'DM Mono',monospace;color:#66706d}.label-a{right:2px;top:95px}.label-a span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#10a37f;margin-right:5px}.label-b{left:8px;bottom:95px;color:#08765d}.ticker{overflow:hidden;border-top:1px solid #e5ebe8;border-bottom:1px solid #e5ebe8;padding:17px 0;white-space:nowrap}.ticker div{width:max-content;font:9px 'DM Mono',monospace;letter-spacing:.14em;color:#7d8582;animation:marquee 25s linear infinite}.ticker b{color:#10a37f;padding:0 20px}.section{max-width:1280px;margin:auto;padding:120px 30px}.eyebrow{margin-bottom:50px}.intro-grid{display:grid;grid-template-columns:1.1fr .55fr;gap:130px}.intro h2,.dark h2,.method h2,.faq h2{font-size:clamp(42px,4.7vw,65px);line-height:1.03;letter-spacing:-3.5px;font-weight:500;margin:0}.intro h2 em,.dark h2 em,.method h2 em,.faq h2 em,.cta h2 em{font-style:normal;color:#10a37f}.intro-grid p{font-size:12px;line-height:1.85;color:#68706f;margin:0 0 18px}.flow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border:1px solid #dfe6e3;border-radius:12px;overflow:hidden}.flow>div{padding:24px;border-right:1px solid #dfe6e3}.flow>div:last-child{border:0}.flow small{display:block;font:8px 'DM Mono',monospace;color:#10a37f;margin-bottom:35px}.flow b{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.flow span{font-size:10px;color:#818987}.dark{max-width:none;background:#111418;color:#fff}.dark>*{max-width:1220px}.dark-head{display:grid;grid-template-columns:1fr .55fr;gap:120px;align-items:end;margin-bottom:60px}.dark-head p{font-size:11px;line-height:1.8;color:#929b98;margin:0}.light{color:#58cdb2}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{min-height:350px;border:1px solid #303638;border-radius:13px;padding:23px;position:relative;background:#15191d;transition:.3s}.cards article:hover{transform:translateY(-5px);border-color:#2d806d}.cards article>span{position:absolute;right:22px;top:22px;color:#69736f;font:8px 'DM Mono',monospace}.card-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#18352f;color:#58cdb2;font-size:19px;margin-bottom:80px}.cards h3{font-size:18px;font-weight:500;margin:0 0 12px}.cards p{font-size:10px;line-height:1.8;color:#89928f;max-width:300px}.cards a{position:absolute;bottom:23px;color:#58cdb2;text-decoration:none;font-size:9px}.method-grid{display:grid;grid-template-columns:.8fr 1fr;gap:140px}.steps{border-top:1px solid #dfe6e3}.steps>div{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:25px 0;border-bottom:1px solid #dfe6e3}.steps span{font:8px 'DM Mono',monospace;color:#10a37f}.steps b{font-size:13px;font-weight:500}.steps p{grid-column:2;font-size:10px;color:#737b79;margin:3px 0 0}.faq-grid{display:grid;grid-template-columns:.7fr 1fr;gap:140px}.faq details{border-top:1px solid #dfe6e3;padding:21px 0}.faq details:last-child{border-bottom:1px solid #dfe6e3}.faq summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:12px}.faq summary::-webkit-details-marker{display:none}.faq summary b{color:#10a37f;font-size:17px;font-weight:400}.faq details p{font-size:10px;line-height:1.8;color:#707875;max-width:650px}.cta{min-height:620px;background:#111418;color:#fff;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.cta-bg{position:absolute;width:700px;height:700px;border:1px solid #10a37f22;border-radius:50%;box-shadow:0 0 0 130px #10a37f09,0 0 0 260px #10a37f05;animation:spin 30s linear infinite}.cta-content{position:relative;z-index:2}.cta h2{font-size:clamp(43px,5vw,70px);line-height:1;letter-spacing:-4px;font-weight:500;margin:25px 0}.cta p{font-size:11px;color:#929b98;max-width:450px;line-height:1.8;margin:0 auto 28px}.white{background:#fff;color:#111418}.white b{color:#08765d}footer{background:#111418;border-top:1px solid #2c3134;color:#929b98;padding:38px 30px;display:grid;grid-template-columns:1fr auto auto;gap:60px;align-items:end}.white-logo{color:#fff}.white-logo p{color:#929b98}footer p{font-size:9px;line-height:1.7;margin:18px 0 0}.footer-links{display:flex;gap:24px}footer small{font:8px 'DM Mono',monospace;color:#68716e}@keyframes pulse{70%{box-shadow:0 0 0 7px #10a37f00}}@keyframes float{50%{transform:rotate(1.5deg) translateY(-8px)}}@keyframes breathe{50%{transform:scale(1.08);opacity:.7}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes type{50%{opacity:.2;transform:translateY(-2px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){header{height:70px;padding:0 20px}nav,.header-btn{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding:45px 20px 75px}.hero h1{font-size:50px;letter-spacing:-3px}.chat-stage{height:500px}.float-label{display:none}.section{padding:85px 20px}.intro-grid,.dark-head,.method-grid,.faq-grid{grid-template-columns:1fr;gap:45px}.cards{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.flow>div{border-right:0;border-bottom:1px solid #dfe6e3}.flow>div:last-child{border-bottom:0}.dark>*{max-width:none}.cta h2{font-size:44px}.footer-links{display:grid;grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr;gap:25px;padding:30px 20px}}@media(max-width:500px){.hero h1{font-size:43px;letter-spacing:-2.5px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.chat-stage{height:430px}.chat-window{width:100%;transform:none}.chat-body{padding:17px}.recommendation{margin:13px 0}.intro h2,.dark h2,.method h2,.faq h2{font-size:39px;letter-spacing:-2.2px}.section{padding:75px 20px}.cta{min-height:540px}.cta h2{letter-spacing:-2.5px}.cta-bg{width:430px;height:430px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
/* Why agency */
.why{padding-top:105px;padding-bottom:105px}.why-head{display:grid;grid-template-columns:1fr .62fr;gap:120px;align-items:end}.why-intro p{font-size:11px;line-height:1.85;color:#68706f;margin:0 0 14px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:62px;border:1px solid #dfe6e3;border-radius:12px;overflow:hidden}.why-grid article{min-height:245px;padding:24px;position:relative;border-right:1px solid #dfe6e3;background:#fff;transition:.25s}.why-grid article:last-child{border-right:0}.why-grid article:hover{background:#f8fcfa}.why-grid article>span{font:8px 'DM Mono',monospace;color:#10a37f}.why-grid h3{font-size:15px;line-height:1.35;font-weight:500;margin:54px 0 12px;max-width:210px}.why-grid p{font-size:10px;line-height:1.75;color:#737b79;margin:0;max-width:235px}
/* Denser method section */
.method{padding-top:95px;padding-bottom:95px}.method-grid{align-items:start}.method-copy h2{margin-bottom:42px}.signal-card{border:1px solid #dfe6e3;border-radius:12px;padding:20px;max-width:455px;background:linear-gradient(180deg,#fff,#f8fcfa)}.signal-card-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #e4ebe8;font:8px 'DM Mono',monospace;color:#75807c}.signal-card-top span{color:#08765d}.signal-card-top b{font-weight:400}.signal-row{display:grid;grid-template-columns:82px 1fr 38px;gap:10px;align-items:center;margin-top:17px}.signal-row>span,.signal-row>em{font:8px 'DM Mono',monospace;color:#727b78;font-style:normal}.signal-row>em{text-align:right;color:#08765d}.signal-row>i{height:5px;background:#e5eeeb;border-radius:99px;overflow:hidden}.signal-row>i b{display:block;height:100%;background:#10a37f;border-radius:99px}.signal-card>p{font-size:9px;line-height:1.7;color:#7a8380;margin:19px 0 0;padding-top:17px;border-top:1px solid #e4ebe8}.steps>div{padding:23px 0}
@media(max-width:850px){.why{padding:80px 20px}.why-head{grid-template-columns:1fr;gap:35px}.why-grid{grid-template-columns:1fr 1fr}.why-grid article{border-bottom:1px solid #dfe6e3}.why-grid article:nth-child(2){border-right:0}.why-grid article:nth-child(3),.why-grid article:nth-child(4){border-bottom:0}.method{padding:80px 20px}.signal-card{max-width:none}}
@media(max-width:500px){.why-grid{grid-template-columns:1fr}.why-grid article{min-height:210px;border-right:0;border-bottom:1px solid #dfe6e3!important}.why-grid article:last-child{border-bottom:0!important}.why-grid h3{margin-top:38px}.signal-card{padding:17px}.signal-row{grid-template-columns:70px 1fr 34px}}
/* =========================
V6 — content & UX refinements
========================= */
/* Keep typography fully aligned with the original visual system */
.why h2{font-size:clamp(42px,4.7vw,65px);line-height:1.03;letter-spacing:-3.5px;font-weight:500;margin:0}
.why h2 em{font-style:normal;color:#10a37f}
/* Hero: true sponsored-ad pattern, visually separated from the answer */
.chat-body{padding:22px 24px 19px}
.answer{padding-top:21px}
.answer>p{margin-bottom:15px}
.sponsored-unit{border:1px solid #d8e4e0;border-radius:11px;background:#fbfdfc;padding:13px 14px 14px;margin-top:13px;box-shadow:0 8px 24px rgba(18,49,41,.045)}
.sponsored-label{font:500 7px 'DM Mono',monospace;letter-spacing:.08em;color:#69736f;margin-bottom:10px}
.ad-brand-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px}
.ad-avatar{width:28px;height:28px;border:1px solid #dbe6e2;border-radius:7px;background:#fff;display:grid;place-items:center}
.flower.tiny{grid-template-columns:4px 4px;grid-template-rows:4px 4px;gap:1px}
.ad-brand-row>div:nth-child(2){display:flex;flex-direction:column;gap:2px}
.ad-brand-row b{font-size:9px;font-weight:600}
.ad-brand-row span{font-size:7px;color:#8a9390}
.ad-menu{font:8px 'DM Mono',monospace!important;letter-spacing:1px;color:#9ba3a1!important}
.ad-copy-grid{display:grid;grid-template-columns:1fr 105px;gap:12px;align-items:stretch;margin-top:11px}
.ad-copy-grid h3{font-size:12px;line-height:1.3;font-weight:600;margin:0 0 6px;letter-spacing:-.2px}
.ad-copy-grid p{font-size:8px;line-height:1.55;color:#67706e;margin:0 0 9px}
.ad-copy-grid a{font-size:8px;text-decoration:none;color:#08765d;font-weight:600}
.ad-copy-grid a span{margin-left:4px}
.ad-visual{border-radius:8px;background:#11211d;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px 9px;overflow:hidden;position:relative}
.ad-visual:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#10a37f22;right:-45px;top:-42px}
.ad-visual span{position:relative;z-index:1;font:6px 'DM Mono',monospace;letter-spacing:.08em;color:#8ee0cc}
.ad-visual i{height:2px;width:68%;background:#10a37f;border-radius:99px;opacity:.7}
.chat-disclaimer{font-size:7px!important;line-height:1.45!important;color:#98a09e!important;margin:9px 1px 0!important}
/* Change section: show the complete conversational funnel */
.flow-four{grid-template-columns:repeat(4,1fr)}
.flow-four>div{min-height:155px}
/* Expertise: 4 specific capabilities */
.cards-four{grid-template-columns:repeat(4,1fr);gap:13px}
.cards-four article{min-height:375px;padding:22px}
.cards-four .card-icon{margin-bottom:62px}
.cards-four h3{font-size:16px;line-height:1.3;max-width:220px}
.cards-four p{font-size:9.5px;line-height:1.8;max-width:245px}
.cards-four a{max-width:220px;line-height:1.4}
/* Why agency */
.why{padding-top:110px;padding-bottom:105px}
.why-head{grid-template-columns:1fr .58fr;gap:105px;align-items:end}
.why-kicker{font-size:13px;line-height:1.5;font-weight:500;margin:22px 0 0;color:#171b1d}
.why-intro p{font-size:11px;line-height:1.85;color:#68706f;margin:0 0 14px}
.why-grid{margin-top:55px}
.why-grid article{min-height:225px;padding:23px}
.why-grid h3{font-size:14px;line-height:1.4;margin:43px 0 11px;max-width:245px}
.why-grid p{font-size:9.5px;line-height:1.75;max-width:255px}
/* Method: no invented performance figures, only real decision signals */
.method{padding-top:100px;padding-bottom:105px}
.method-grid{grid-template-columns:.92fr 1fr;gap:115px;align-items:start}
.method-copy h2{margin-bottom:38px}
.signal-map{border:1px solid #dfe6e3;border-radius:12px;padding:18px;background:linear-gradient(180deg,#fff,#f8fcfa);max-width:520px}
.signal-map-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e4ebe8;font:8px 'DM Mono',monospace;color:#75807c}
.signal-map-top span{color:#08765d}
.signal-map-top b{font-weight:400}
.signal-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:6px;padding:20px 0 18px}
.signal-pipeline>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.signal-pipeline>div span{font:6.5px 'DM Mono',monospace;color:#10a37f}
.signal-pipeline>div b{font:500 7px 'DM Mono',monospace;color:#202624;white-space:nowrap}
.signal-pipeline>div small{font-size:7px;color:#8a9390;white-space:nowrap}
.signal-pipeline>i{font-style:normal;color:#a9b3b0;font-size:9px}
.signal-map>p{font-size:9px;line-height:1.7;color:#737d79;margin:0;padding-top:16px;border-top:1px solid #e4ebe8}
.steps>div{padding:24px 0}
.steps b{font-size:13px;line-height:1.35}
.steps p{max-width:460px;line-height:1.65}
/* FAQ: stronger editorial support and more long-tail coverage */
.faq{padding-top:105px;padding-bottom:115px}
.faq-grid{grid-template-columns:.7fr 1fr;gap:120px;align-items:start}
.faq-title-wrap{position:sticky;top:110px}
.faq-title-wrap>p{font-size:10px;line-height:1.8;color:#7a8380;max-width:300px;margin:24px 0 0}
.faq details{padding:19px 0}
.faq summary{font-size:11.5px;line-height:1.45;gap:20px}
.faq details p{font-size:9.5px;line-height:1.85;margin:13px 35px 0 0}
.faq details[open] summary b{transform:rotate(45deg)}
.faq summary b{transition:transform .2s ease}
/* CTA conversion reassurance */
.cta-proof{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:17px;color:#7f8a87;font:7.5px 'DM Mono',monospace;letter-spacing:.04em}
.cta-proof i{font-style:normal;color:#10a37f}
/* Footer: more useful without adding dead/404 links */
footer{grid-template-columns:1.2fr .65fr .75fr auto;align-items:start;gap:55px;padding-top:44px;padding-bottom:44px}
.footer-nav-group>b{display:block;color:#dce2e0;font-size:9px;font-weight:500;margin-bottom:15px}
.footer-nav-group .footer-links{display:flex;flex-direction:column;gap:9px}
footer small{align-self:end;white-space:nowrap}
@media(max-width:1050px){
.cards-four{grid-template-columns:1fr 1fr}
.cards-four article{min-height:330px}
.why-grid{grid-template-columns:1fr 1fr}
.why-grid article{border-bottom:1px solid #dfe6e3}
.why-grid article:nth-child(2){border-right:0}
.why-grid article:nth-child(3),.why-grid article:nth-child(4){border-bottom:0}
.method-grid{gap:70px}
footer{grid-template-columns:1fr 1fr 1fr}
footer small{grid-column:1/-1}
}
@media(max-width:850px){
.flow-four{grid-template-columns:1fr 1fr}
.flow-four>div:nth-child(2){border-right:0}
.flow-four>div:nth-child(3){border-bottom:0}
.why-head{grid-template-columns:1fr;gap:38px}
.method-grid{grid-template-columns:1fr;gap:45px}
.signal-map{max-width:none}
.faq-title-wrap{position:static}
.faq-grid{grid-template-columns:1fr;gap:45px}
footer{grid-template-columns:1fr 1fr;gap:35px}
.footer-brand{grid-column:1/-1}
footer small{grid-column:1/-1}
}
@media(max-width:600px){
.ad-copy-grid{grid-template-columns:1fr 82px}
.ad-visual{padding:8px 7px}
.flow-four{grid-template-columns:1fr}
.flow-four>div{border-right:0!important;border-bottom:1px solid #dfe6e3!important;min-height:auto}
.flow-four>div:last-child{border-bottom:0!important}
.cards-four{grid-template-columns:1fr}
.cards-four article{min-height:315px}
.why h2{font-size:39px;letter-spacing:-2.2px}
.why-grid{grid-template-columns:1fr}
.why-grid article{min-height:205px;border-right:0!important;border-bottom:1px solid #dfe6e3!important}
.why-grid article:last-child{border-bottom:0!important}
.signal-pipeline{grid-template-columns:1fr;gap:7px}
.signal-pipeline>i{transform:rotate(90deg);width:max-content;margin-left:3px}
.signal-pipeline>div{display:grid;grid-template-columns:24px 75px 1fr;align-items:center;gap:8px}
.signal-pipeline>div small{text-align:right}
.cta-proof{flex-wrap:wrap}
footer{grid-template-columns:1fr}
.footer-brand,footer small{grid-column:auto}
}
@media(max-width:850px){
header{position:relative}
header.menu-open nav{display:flex;position:absolute;left:20px;right:20px;top:62px;margin:0;padding:18px;background:#fff;border:1px solid #dfe6e3;border-radius:10px;box-shadow:0 20px 50px rgba(18,49,41,.12);flex-direction:column;gap:15px;z-index:20}
header.menu-open nav a{font-size:10px}
.menu{font:9px 'DM Mono',monospace;color:#252a2c;cursor:pointer;padding:8px 0}
}
/* =========================
V7 — selective merge of the new SEO structure
========================= */
/* H1 keeps the original visual language while carrying the transactional keyword */
.h1-tag{display:inline-flex;align-items:center;gap:8px;width:max-content;font:500 9px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#08765d;background:#eaf7f3;padding:8px 11px;border-radius:99px;margin-bottom:27px}
.h1-tag span{width:6px;height:6px;border-radius:50%;background:#10a37f;animation:pulse 2s infinite}
.hero h1{display:block}
.h1-tag{display:flex}
.h1-copy{display:block;color:#111418}
.h1-copy .accent{color:#10a37f}
/* More readable body copy without changing the premium typography system */
.decision p,.opportunity p,.compare p,.geo-section p,.sectors p,.choose p{font-size:12px;line-height:1.8;color:#68706f}
.decision h2,.opportunity h2,.compare h2,.sectors h2,.choose h2,.geo-section h2{font-size:clamp(42px,4.7vw,65px);line-height:1.03;letter-spacing:-3.5px;font-weight:500;margin:0}
.decision h2 em,.opportunity h2 em,.compare h2 em,.sectors h2 em,.choose h2 em,.geo-section h2 em{font-style:normal;color:#10a37f}
/* 01 — decision / platform signal models */
.decision{padding-top:110px;padding-bottom:105px}
.decision-head{display:grid;grid-template-columns:1.06fr .54fr;gap:110px;align-items:end}
.decision-copy p{margin:0 0 16px}
.signal-models{display:grid;grid-template-columns:1fr 1fr 1.45fr;gap:14px;margin-top:58px}
.signal-models article{border:1px solid #dfe6e3;border-radius:12px;padding:24px;min-height:235px;display:flex;flex-direction:column;position:relative;background:#fff}
.signal-models article>span{font:500 8px 'DM Mono',monospace;color:#7c8582;letter-spacing:.06em}
.signal-models article>b{font-size:19px;font-weight:500;margin-top:44px;letter-spacing:-.4px}
.signal-models article>i{font-style:normal;color:#10a37f;margin:7px 0;font-size:14px}
.signal-models article>strong{font-size:13px;font-weight:500}
.signal-models article>p{font-size:10px;line-height:1.7;color:#7a8380;margin:12px 0 0;max-width:360px}
.signal-models .featured{background:#111418;color:#fff;border-color:#111418;overflow:hidden}
.signal-models .featured:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#10a37f18;right:-100px;top:-100px}
.signal-models .featured>span{color:#58cdb2}
.signal-models .featured>p{color:#909996}
.journey-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:13px;align-items:center;margin-top:18px;border:1px solid #dfe6e3;border-radius:12px;padding:18px 20px;background:#fbfdfc}
.journey-line>div{display:grid;grid-template-columns:30px 1fr;align-items:center;column-gap:8px}
.journey-line small{grid-row:1/3;font:8px 'DM Mono',monospace;color:#10a37f}
.journey-line b{font-size:11px;font-weight:500}
.journey-line span{font-size:8.5px;color:#818987;margin-top:3px}
.journey-line>i{font-style:normal;color:#aab5b1;font-size:10px}
/* 02 — why now */
.opportunity{padding-top:105px;padding-bottom:105px;border-top:1px solid #edf1ef}
.opportunity-head{display:grid;grid-template-columns:1fr .56fr;gap:110px;align-items:end}
.opportunity-head>p{margin:0}
.status-strip{margin-top:52px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dfe6e3;border-radius:12px;overflow:hidden}
.status-strip>div{padding:18px 20px;border-right:1px solid #dfe6e3;display:flex;flex-direction:column;gap:7px}
.status-strip>div:last-child{border-right:0}
.status-strip span{font:7.5px 'DM Mono',monospace;color:#10a37f;letter-spacing:.07em}
.status-strip b{font-size:11px;font-weight:500;color:#303635}
.opportunity-grid{margin-top:18px}
/* 03 — expertise now 6 cards */
.expertise-six{grid-template-columns:repeat(3,1fr);gap:14px}
.expertise-six article{min-height:355px}
.expertise-six .card-icon{margin-bottom:58px}
.expertise-six h3{font-size:17px;line-height:1.28;max-width:280px}
.expertise-six p{font-size:10.5px;line-height:1.78;max-width:320px}
.method-badge{position:absolute;left:23px;top:82px;font:500 7px 'DM Mono',monospace;color:#58cdb2;border:1px solid #2c554b;border-radius:99px;padding:5px 7px;letter-spacing:.05em}
.conversation-card{background:linear-gradient(145deg,#15191d,#13241f)!important;border-color:#2c5d50!important}
/* 04 — six-step operating method */
.v7-method-grid{grid-template-columns:.9fr 1fr;gap:100px}
.conversation-map{max-width:560px}
.conversation-flow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:20px 0 17px}
.conversation-flow span{font:500 7px 'DM Mono',monospace;color:#222927;background:#eef7f4;border:1px solid #dce9e5;padding:7px 8px;border-radius:6px}
.conversation-flow i{font-style:normal;color:#a8b2af;font-size:8px}
.method-principle{margin-top:14px;border:1px solid #dfe6e3;border-radius:10px;padding:15px 17px;display:flex;flex-direction:column;gap:8px}
.method-principle span{font:7.5px 'DM Mono',monospace;color:#10a37f}
.method-principle b{font-size:10.5px;font-weight:500;color:#3b4240;line-height:1.5}
.steps-six>div{padding:19px 0}
.steps-six p{font-size:10.5px;line-height:1.65}
/* 05 — comparison table */
.compare{padding-top:105px;padding-bottom:110px;background:#f7faf9;max-width:none}
.compare>*{max-width:1220px;margin-left:auto;margin-right:auto}
.compare-head{display:grid;grid-template-columns:1fr .55fr;gap:110px;align-items:end}
.compare-head>p{margin:0}
.compare-table-wrap{margin-top:55px;border:1px solid #d9e4e0;border-radius:13px;overflow:hidden;background:#fff}
.compare-table{width:100%;border-collapse:collapse;table-layout:fixed}
.compare-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.compare-table th,.compare-table td{padding:18px 20px;border-bottom:1px solid #e2e9e6;border-right:1px solid #e2e9e6;text-align:left;vertical-align:middle}
.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom:0}
.compare-table th:last-child,.compare-table td:last-child{border-right:0}
.compare-table thead th{font:500 8px 'DM Mono',monospace;letter-spacing:.05em;color:#76807d;background:#fbfcfc}
.compare-table tbody th{font-size:10.5px;font-weight:500;color:#303635;width:22%}
.compare-table td{font-size:10px;line-height:1.5;color:#6f7875}
.compare-table .chat-col{background:#f0faf6;color:#165544}
.compare-table thead .chat-col{color:#08765d;background:#e8f7f1}
.compare-table .yes{display:inline-block;color:#08765d;background:#dff4ec;padding:4px 7px;border-radius:99px;font:500 7px 'DM Mono',monospace}
/* 06 — paid + organic AI */
.geo-section{max-width:none}
.geo-section>*{max-width:1220px;margin-left:auto;margin-right:auto}
.geo-section h2{color:#fff}
.geo-section p{color:#929b98}
.geo-head{display:grid;grid-template-columns:1fr .56fr;gap:110px;align-items:end}
.geo-head>p{margin:0}
.ai-duo{display:grid;grid-template-columns:1fr 56px 1fr;gap:0;align-items:stretch;margin-top:58px}
.ai-duo article{border:1px solid #303638;border-radius:14px;padding:28px;background:#15191d;min-height:390px;position:relative;overflow:hidden}
.ai-duo article:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:#10a37f12;right:-120px;bottom:-120px}
.ai-label{font:500 8px 'DM Mono',monospace;color:#58cdb2;letter-spacing:.08em}
.ai-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#18352f;color:#58cdb2;font-size:19px;margin:55px 0 22px}
.ai-duo h3{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:0 0 13px}
.ai-duo p{font-size:10.5px;line-height:1.8;max-width:430px;margin:0 0 20px}
.ai-duo ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.ai-duo li{font-size:9px;color:#a0aaa7;position:relative;padding-left:12px}
.ai-duo li:before{content:"";position:absolute;left:0;top:5px;width:4px;height:4px;border-radius:50%;background:#10a37f}
.ai-plus{display:grid;place-items:center;font:400 20px 'DM Mono',monospace;color:#58cdb2}
.geo-note{display:grid;grid-template-columns:115px 1fr;gap:25px;margin-top:18px;border:1px solid #2f3835;border-radius:10px;padding:16px 18px;background:#131719}
.geo-note span{font:500 7.5px 'DM Mono',monospace;color:#58cdb2;letter-spacing:.07em}
.geo-note p{font-size:9.5px;line-height:1.7;margin:0;max-width:800px}
/* 07 — compact sector breadth */
.sectors{padding-top:105px;padding-bottom:105px}
.sectors-head{display:grid;grid-template-columns:1fr .55fr;gap:110px;align-items:end}
.sectors-head>p{margin:0}
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:55px}
.sector-grid article{border:1px solid #dfe6e3;border-radius:11px;padding:22px;min-height:160px;position:relative;transition:.25s}
.sector-grid article:hover{transform:translateY(-3px);border-color:#a8cfc4;box-shadow:0 15px 35px rgba(18,49,41,.05)}
.sector-grid span{position:absolute;right:20px;top:20px;font:7px 'DM Mono',monospace;color:#10a37f}
.sector-grid h3{font-size:15px;font-weight:500;margin:36px 0 9px}
.sector-grid p{font-size:9.5px;line-height:1.7;margin:0;max-width:300px}
/* 08 — operational reasons to choose the agency */
.choose{padding-top:105px;padding-bottom:105px;border-top:1px solid #edf1ef}
.choose-head{display:grid;grid-template-columns:1fr .55fr;gap:110px;align-items:end}
.choose-head>p{margin:0}
.choose-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dfe6e3;border-radius:12px;overflow:hidden;margin-top:55px}
.choose-grid article{padding:24px;min-height:225px;border-right:1px solid #dfe6e3}
.choose-grid article:last-child{border-right:0}
.choose-grid span{font:8px 'DM Mono',monospace;color:#10a37f}
.choose-grid h3{font-size:14px;line-height:1.35;font-weight:500;margin:45px 0 11px}
.choose-grid p{font-size:9.5px;line-height:1.72;margin:0}
/* FAQ readability */
.faq summary{font-size:12.5px}
.faq details p{font-size:10.5px;line-height:1.8}
.faq-title-wrap>p{font-size:11px}
/* CTA with secondary action */
.cta-actions{display:flex;justify-content:center;align-items:center;gap:20px}
.cta-secondary{color:#c8d2cf;text-decoration:none;font-size:10px;border-bottom:1px solid #4b5552;padding-bottom:3px}
.cta-secondary:hover{color:#fff;border-color:#58cdb2}
@media(max-width:1050px){
.decision-head,.opportunity-head,.compare-head,.geo-head,.sectors-head,.choose-head{grid-template-columns:1fr .7fr;gap:70px}
.signal-models{grid-template-columns:1fr 1fr}
.signal-models .featured{grid-column:1/-1}
.expertise-six{grid-template-columns:1fr 1fr}
.choose-grid{grid-template-columns:1fr 1fr}
.choose-grid article{border-bottom:1px solid #dfe6e3}
.choose-grid article:nth-child(2){border-right:0}
.choose-grid article:nth-child(3),.choose-grid article:nth-child(4){border-bottom:0}
}
@media(max-width:850px){
.decision-head,.opportunity-head,.compare-head,.geo-head,.sectors-head,.choose-head{grid-template-columns:1fr;gap:35px}
.signal-models{grid-template-columns:1fr}
.signal-models .featured{grid-column:auto}
.journey-line{grid-template-columns:1fr;gap:7px}
.journey-line>i{transform:rotate(90deg);margin-left:13px}
.status-strip{grid-template-columns:1fr 1fr}
.status-strip>div:nth-child(2){border-right:0}
.status-strip>div:nth-child(1),.status-strip>div:nth-child(2){border-bottom:1px solid #dfe6e3}
.v7-method-grid{grid-template-columns:1fr;gap:45px}
.compare-table-wrap{overflow-x:auto}
.compare-table{min-width:760px}
.ai-duo{grid-template-columns:1fr;gap:12px}
.ai-plus{height:30px}
.sector-grid{grid-template-columns:1fr 1fr}
.geo-note{grid-template-columns:1fr;gap:8px}
}
@media(max-width:600px){
.h1-tag{margin-bottom:22px}
.status-strip{grid-template-columns:1fr}
.status-strip>div{border-right:0!important;border-bottom:1px solid #dfe6e3!important}
.status-strip>div:last-child{border-bottom:0!important}
.expertise-six{grid-template-columns:1fr}
.expertise-six article{min-height:330px}
.conversation-flow{gap:5px}
.sector-grid{grid-template-columns:1fr}
.choose-grid{grid-template-columns:1fr}
.choose-grid article{border-right:0!important;border-bottom:1px solid #dfe6e3!important}
.choose-grid article:last-child{border-bottom:0!important}
.ai-duo ul{grid-template-columns:1fr}
.cta-actions{flex-direction:column;gap:16px}
}
/* =========================
V8 — editorial typography reset
Goal: same Agence ChatGPT Ads art direction, lighter titles, fewer repeated full-page sections
========================= */
/* Never let browser defaults make section titles look bold */
h1,h2,h3,h4,h5,h6{font-family:Inter,Arial,sans-serif;font-style:normal}
h1,h2{font-weight:400!important}
h3,h4,h5,h6{font-weight:500!important}
strong,b{font-weight:500}
/* Hero: preserve impact through scale/spacing, not bold weight */
.hero h1{font-weight:400!important}
.h1-copy{font-weight:400!important}
.hero-emphasis{display:inline;color:#111418!important;font-weight:400!important}
.hero h1 .accent{font-weight:400!important}
.logo{font-weight:500}
.btn{font-weight:500}
/* All large editorial H2s share one exact light system */
.intro h2,.dark h2,.method h2,.faq h2,.why h2,
.decision h2,.compare h2,.sectors h2,.geo-section h2,.cta h2{
font-weight:400!important;
letter-spacing:-3.35px;
}
/* Green accent stays a color cue, never a weight cue */
.intro h2 em,.dark h2 em,.method h2 em,.faq h2 em,.why h2 em,
.decision h2 em,.compare h2 em,.sectors h2 em,.geo-section h2 em,.cta h2 em{
font-weight:400!important;
font-style:normal;
}
/* Card titles: medium only, not headline-bold */
.cards h3,.why-grid h3,.sector-grid h3,.choose-grid h3,.ai-duo h3,
.signal-models article>b,.signal-models article>strong,.journey-line b,
.steps b,.status-strip b,.footer-nav-group>b{
font-weight:500!important;
}
/* Avoid heavy ChatGPT mockup typography too */
.chat-brand b,.answer-head b,.ad-brand-row b,.ad-copy-grid h3,.ad-copy-grid a{font-weight:500!important}
/* Integrate “why now” into section 01 instead of another oversized H2 section */
.why-now-inline{
margin-top:18px;
display:grid;
grid-template-columns:.72fr 1.28fr;
gap:0;
border:1px solid #dfe6e3;
border-radius:12px;
overflow:hidden;
background:#fff;
}
.why-now-copy{padding:24px 26px;border-right:1px solid #dfe6e3;background:#f8fbfa}
.why-now-copy>span{font:500 8px 'DM Mono',monospace;letter-spacing:.08em;color:#08765d}
.why-now-copy p{font-size:10.5px;line-height:1.75;color:#68706f;margin:22px 0 0;max-width:355px}
.why-now-points{display:grid;grid-template-columns:repeat(4,1fr)}
.why-now-points>div{padding:23px 18px;border-right:1px solid #e2e9e6;display:flex;flex-direction:column;min-height:145px}
.why-now-points>div:last-child{border-right:0}
.why-now-points small{font:7.5px 'DM Mono',monospace;color:#10a37f}
.why-now-points b{font-size:11px;font-weight:500!important;margin-top:30px;line-height:1.35;color:#242a29}
.why-now-points span{font-size:8.5px;line-height:1.55;color:#818987;margin-top:7px}
/* A bit more air around the remaining sections, but less repetition */
.decision{padding-bottom:105px}
.dark.section#expertise{padding-top:110px}
.method{padding-top:105px}
.compare{padding-top:100px}
.sectors{padding-top:105px;padding-bottom:105px}
.faq{padding-top:105px}
/* Make the six expertise cards feel editorial rather than chunky/bold */
.expertise-six article{min-height:340px}
.expertise-six .card-icon{margin-bottom:52px}
.expertise-six h3{font-size:16px;font-weight:500!important;letter-spacing:-.25px}
.expertise-six p{font-size:10.5px}
/* Method step titles lighter */
.steps-six b{font-weight:500!important;font-size:12.5px}
/* Table headers stay restrained */
.compare-table thead th,.compare-table tbody th{font-weight:500!important}
/* FAQ question typography: regular, not bold */
.faq summary{font-weight:400!important;font-size:12px}
.faq summary b{font-weight:400!important}
@media(max-width:900px){
.why-now-inline{grid-template-columns:1fr}
.why-now-copy{border-right:0;border-bottom:1px solid #dfe6e3}
.why-now-points{grid-template-columns:1fr 1fr}
.why-now-points>div:nth-child(2){border-right:0}
.why-now-points>div:nth-child(-n+2){border-bottom:1px solid #e2e9e6}
}
@media(max-width:600px){
.why-now-points{grid-template-columns:1fr}
.why-now-points>div{border-right:0!important;border-bottom:1px solid #e2e9e6!important;min-height:auto}
.why-now-points>div:last-child{border-bottom:0!important}
.why-now-points b{margin-top:18px}
.decision h2,.dark h2,.method h2,.compare h2,.geo-section h2,.sectors h2,.faq h2,.cta h2{letter-spacing:-2.2px}
}
/* =========================
V9 — precise typography adjustments
Keep every title size unchanged. Restore the hero color split from the approved capture
and only make supporting/body copy slightly easier to read.
========================= */
/* Hero color split: first statement green, conversion statement black. No size change. */
.hero-intro-accent{
display:inline;
color:#10a37f!important;
font-weight:400!important;
}
.hero-emphasis{
color:#111418!important;
font-weight:400!important;
}
/* Body copy only — titles (H1/H2/H3) intentionally untouched */
.lead{font-size:15px}
.decision p,.compare p,.geo-section p,.sectors p{font-size:13px}
.dark-head p{font-size:12px}
.signal-models article>p{font-size:11px}
.journey-line span{font-size:9.5px}
.why-now-copy p{font-size:11.5px}
.why-now-points span{font-size:9.5px}
.expertise-six p{font-size:11.5px}
.signal-map>p{font-size:10.5px}
.method-principle b{font-size:11.5px}
.steps-six p{font-size:11.5px}
.compare-table td{font-size:11px}
.ai-duo p{font-size:11.5px}
.ai-duo li{font-size:10px}
.geo-note p{font-size:10.5px}
.sector-grid p{font-size:10.5px}
.faq-title-wrap>p{font-size:12px}
.faq details p{font-size:11.5px}
.cta p{font-size:12px}
footer p{font-size:10px}
/* Slightly improve the readability of the ChatGPT mockup without changing its hierarchy */
.user-msg{font-size:10.5px}
.answer>p{font-size:10.5px}
.ad-copy-grid p{font-size:8.5px}
.chat-disclaimer{font-size:7.5px!important}
@media(max-width:850px){
.lead{font-size:14.5px}
.decision p,.compare p,.geo-section p,.sectors p{font-size:12.5px}
}
/* =========================
V10 — missing strategic sections + contact form
Important: existing H1/H2/H3 sizes are intentionally unchanged.
Only supporting copy is slightly enlarged and the hero color order is corrected.
========================= */
/* Correct punchline color split: statement black, conversion promise green. */
.hero-intro-accent{
color:#111418!important;
font-weight:400!important;
}
.hero-emphasis{
color:#10a37f!important;
font-weight:400!important;
}
/* Shared typography for the new sections only — same exact H2 scale as the approved sections. */
.how h2,.metrics h2,.budget h2,.choose-v10 h2{
font-size:clamp(42px,4.7vw,65px);
line-height:1.03;
letter-spacing:-3.35px;
font-weight:400!important;
margin:0;
}
.how h2 em,.metrics h2 em,.budget h2 em,.choose-v10 h2 em{
font-style:normal;
color:#10a37f;
font-weight:400!important;
}
.how-head,.metrics-head,.budget-head,.choose-v10-head{
display:grid;
grid-template-columns:1fr .56fr;
gap:110px;
align-items:end;
}
.how-head>p,.metrics-head>p,.budget-head>p,.choose-v10-head>p{
margin:0;
font-size:13px;
line-height:1.8;
color:#68706f;
}
/* 05 — How ChatGPT Ads works */
.how{padding-top:105px;padding-bottom:110px;border-top:1px solid #edf1ef}
.how-layout{display:grid;grid-template-columns:.92fr 1fr;gap:70px;margin-top:58px;align-items:stretch}
.how-visual{border:1px solid #dce6e2;border-radius:14px;padding:24px;background:#f8fbfa;display:flex;flex-direction:column;justify-content:space-between;min-height:470px}
.how-chat{background:#fff;border:1px solid #dfe7e4;border-radius:12px;padding:20px;box-shadow:0 20px 45px rgba(18,49,41,.06)}
.how-chat-head{display:grid;grid-template-columns:22px 1fr auto;align-items:center;padding-bottom:16px;border-bottom:1px solid #edf1ef}
.how-chat-head>span{color:#10a37f;font-size:17px}
.how-chat-head b{font-size:12px;font-weight:500!important}
.how-chat-head small{font:7.5px 'DM Mono',monospace;color:#8a9390;letter-spacing:.06em}
.how-query{margin:22px 0 18px auto;background:#f0f2f1;border-radius:10px 10px 3px 10px;padding:13px 14px;max-width:82%;font-size:11px;line-height:1.65;color:#434a48}
.how-answer{font-size:11px;line-height:1.75;color:#68706f;margin-bottom:18px}
.how-ad{border:1px solid #cfe5de;border-radius:10px;padding:15px;background:#fbfefc;display:flex;flex-direction:column;gap:7px}
.how-ad>span{font:7.5px 'DM Mono',monospace;color:#08765d;letter-spacing:.07em}
.how-ad>b{font-size:13px;font-weight:500!important}
.how-ad>small{font-size:9.5px;color:#7c8582}
.how-signals{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 3px 0}
.how-signals span{font:500 7.5px 'DM Mono',monospace;color:#08765d;background:#eaf7f3;border-radius:99px;padding:7px 9px}
.how-signals i{font-style:normal;color:#a8b2af;font-size:9px}
.how-points{border-top:1px solid #dfe6e3}
.how-points article{display:grid;grid-template-columns:40px 1fr;column-gap:18px;padding:22px 0;border-bottom:1px solid #dfe6e3}
.how-points article>span{font:8px 'DM Mono',monospace;color:#10a37f;padding-top:4px}
.how-points h3{font-size:15px;line-height:1.35;font-weight:500!important;margin:0 0 8px}
.how-points p{grid-column:2;font-size:11.5px;line-height:1.75;color:#747d7a;margin:0;max-width:560px}
/* 07 — Metrics without fake numbers */
.metrics{padding-top:105px;padding-bottom:105px;background:#f7faf9;max-width:none}
.metrics>*{max-width:1220px;margin-left:auto;margin-right:auto}
.metrics-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:55px}
.metrics-board article{background:#fff;border:1px solid #dfe6e3;border-radius:11px;padding:22px;min-height:185px;position:relative}
.metrics-board article>span{position:absolute;right:20px;top:20px;font:7.5px 'DM Mono',monospace;color:#10a37f}
.metrics-board b{display:block;font-size:19px;font-weight:500!important;margin-top:48px;color:#222826;letter-spacing:-.35px}
.metrics-board p{font-size:11px!important;line-height:1.72!important;margin:9px 0 0!important;color:#737c79!important;max-width:310px}
.metrics-note{margin-top:12px;border:1px solid #dfe6e3;border-radius:10px;background:#fff;padding:16px 18px;display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}
.metrics-note span{font:500 7.5px 'DM Mono',monospace;color:#08765d;letter-spacing:.07em}
.metrics-note p{font-size:11px!important;line-height:1.7!important;margin:0!important;color:#68706f!important}
/* 09 — Budget: commercial but no invented pricing */
.budget{padding-top:105px;padding-bottom:105px}
.budget-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dfe6e3;border-radius:12px;overflow:hidden;margin-top:55px}
.budget-grid article{padding:25px;min-height:220px;border-right:1px solid #dfe6e3}
.budget-grid article:last-child{border-right:0}
.budget-grid article>span{font:8px 'DM Mono',monospace;color:#10a37f}
.budget-grid h3{font-size:16px;line-height:1.35;font-weight:500!important;margin:48px 0 10px}
.budget-grid p{font-size:11.5px;line-height:1.75;color:#737c79;margin:0;max-width:330px}
.budget-principle{margin-top:14px;background:#111418;color:#fff;border-radius:12px;padding:20px 22px;display:grid;grid-template-columns:160px 1fr auto;gap:25px;align-items:center}
.budget-principle>span{font:500 7.5px 'DM Mono',monospace;color:#58cdb2;letter-spacing:.07em}
.budget-principle p{font-size:11.5px;line-height:1.7;color:#a0aaa7;margin:0;max-width:650px}
.budget-principle a{color:#fff;text-decoration:none;font-size:10px;white-space:nowrap;border-bottom:1px solid #46504d;padding-bottom:4px}
.budget-principle a b{color:#58cdb2;font-weight:500!important;margin-left:8px}
/* 10 — Why Agence ChatGPT Ads, kept compact and operational */
.choose-v10{max-width:none;background:#111418;color:#fff;padding-top:105px;padding-bottom:105px}
.choose-v10>*{max-width:1220px;margin-left:auto;margin-right:auto}
.choose-v10-head>p{color:#929b98}
.choose-v10-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #303638;border-radius:12px;overflow:hidden;margin-top:55px}
.choose-v10-grid article{padding:24px;min-height:230px;border-right:1px solid #303638;background:#15191d}
.choose-v10-grid article:last-child{border-right:0}
.choose-v10-grid article>span{font:8px 'DM Mono',monospace;color:#58cdb2}
.choose-v10-grid h3{font-size:15px;line-height:1.35;font-weight:500!important;margin:46px 0 10px;color:#fff}
.choose-v10-grid p{font-size:11px;line-height:1.75;color:#929b98;margin:0}
/* 12 — Form CTA. Same headline scale, more useful conversion area. */
.cta-form-section{min-height:auto;padding:100px 30px;background:#111418;text-align:left}
.cta-form-section .cta-bg{width:760px;height:760px;left:5%;top:50%;transform:translateY(-50%);opacity:.75}
.cta-form-shell{width:min(1220px,100%);position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1fr;gap:90px;align-items:start}
.cta-form-copy{padding-top:18px}
.cta-form-copy .eyebrow{margin-bottom:42px}
.cta-form-section h2{font-size:clamp(43px,5vw,70px);line-height:1;letter-spacing:-4px;font-weight:400!important;margin:0 0 28px}
.cta-form-section h2 em{font-style:normal;color:#10a37f;font-weight:400!important}
.cta-form-copy>p{font-size:13px;color:#9ca6a3;max-width:500px;line-height:1.8;margin:0 0 30px}
.cta-form-section .cta-proof{justify-content:flex-start;margin-top:0}
.lead-form{background:#fff;border-radius:14px;padding:28px;color:#111418;box-shadow:0 30px 70px rgba(0,0,0,.16)}
.form-head{display:grid;grid-template-columns:130px 1fr;gap:20px;padding-bottom:22px;border-bottom:1px solid #e5ebe8;margin-bottom:22px}
.form-head span{font:500 8px 'DM Mono',monospace;color:#08765d;letter-spacing:.08em}
.form-head p{font-size:11.5px;line-height:1.65;color:#6f7875;margin:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid label{display:flex;flex-direction:column;gap:8px}
.form-grid label.full{grid-column:1/-1}
.form-grid label>span{font:500 8px 'DM Mono',monospace;color:#5f6966;letter-spacing:.04em}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dce5e2;border-radius:8px;background:#fbfcfc;color:#202624;font:400 12.5px Inter,Arial,sans-serif;padding:12px 13px;outline:none;transition:.2s;resize:vertical}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#78bea9;box-shadow:0 0 0 3px rgba(16,163,127,.08);background:#fff}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:#a2aaa7}
.form-submit{margin-top:18px;width:100%;border:0;border-radius:8px;background:#111418;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px 17px;font:500 10px Inter,Arial,sans-serif;cursor:pointer;transition:.22s}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(17,20,24,.16)}
.form-submit b{color:#58cdb2;font-weight:500!important}
.form-note{font-size:9.5px;color:#8a9390;line-height:1.6;margin:11px 0 0;text-align:center}
.form-success{font-size:10.5px;color:#08765d;margin:10px 0 0;text-align:center;min-height:16px}
@media(max-width:1050px){
.how-head,.metrics-head,.budget-head,.choose-v10-head{grid-template-columns:1fr .72fr;gap:70px}
.how-layout{grid-template-columns:1fr 1fr;gap:45px}
.choose-v10-grid{grid-template-columns:1fr 1fr}
.choose-v10-grid article{border-bottom:1px solid #303638}
.choose-v10-grid article:nth-child(2){border-right:0}
.choose-v10-grid article:nth-child(3),.choose-v10-grid article:nth-child(4){border-bottom:0}
.cta-form-shell{gap:55px}
}
@media(max-width:850px){
.how-head,.metrics-head,.budget-head,.choose-v10-head{grid-template-columns:1fr;gap:35px}
.how-layout{grid-template-columns:1fr;gap:35px}
.metrics-board{grid-template-columns:1fr 1fr}
.budget-grid{grid-template-columns:1fr}
.budget-grid article{border-right:0;border-bottom:1px solid #dfe6e3;min-height:180px}
.budget-grid article:last-child{border-bottom:0}
.budget-principle{grid-template-columns:1fr;gap:12px}
.cta-form-section{padding:85px 20px}
.cta-form-shell{grid-template-columns:1fr;gap:45px}
.cta-form-section .cta-bg{left:-35%;top:20%}
}
@media(max-width:600px){
.how-visual{min-height:auto;padding:17px}
.how-signals{flex-wrap:wrap;justify-content:flex-start}
.metrics-board{grid-template-columns:1fr}
.metrics-note{grid-template-columns:1fr;gap:8px}
.choose-v10-grid{grid-template-columns:1fr}
.choose-v10-grid article{border-right:0!important;border-bottom:1px solid #303638!important;min-height:190px}
.choose-v10-grid article:last-child{border-bottom:0!important}
.form-grid{grid-template-columns:1fr}
.form-grid label.full{grid-column:auto}
.form-head{grid-template-columns:1fr;gap:8px}
.lead-form{padding:21px}
}
/* =========================
V11 — conversion visibility + body copy readability + local SEO cities
Title sizes are intentionally untouched.
========================= */
/* Keep the approved hero color split: first statement black, conversion promise green. */
.hero-intro-accent{color:#111418!important;font-weight:400!important}
.hero-emphasis{color:#10a37f!important;font-weight:400!important}
/* Keep the CTA directly under the intro visible on common laptop screens.
Only vertical spacing changes — H1/H2/H3 sizes remain untouched. */
@media(min-width:851px){
.hero{padding-top:46px;padding-bottom:58px;min-height:640px}
.hero h1{margin-top:20px;margin-bottom:22px}
.h1-tag{margin-bottom:20px}
.lead{margin-bottom:22px}
.trust{margin-top:30px}
.chat-stage{height:525px}
}
@media(min-width:851px) and (max-height:820px){
.hero{padding-top:30px;padding-bottom:38px;min-height:600px}
.hero h1{margin-top:16px;margin-bottom:18px}
.h1-tag{margin-bottom:16px}
.lead{margin-bottom:18px}
.trust{margin-top:22px}
.chat-stage{height:490px}
}
/* Supporting copy only: slightly larger for easier reading. */
.lead{font-size:16px;line-height:1.72}
.decision p,.how-head>p,.metrics-head>p,.budget-head>p,.choose-v10-head>p,
.compare p,.geo-section p,.sectors p,.cities p{font-size:13.5px;line-height:1.78}
.dark-head p{font-size:13px;line-height:1.78}
.signal-models article>p{font-size:12px;line-height:1.72}
.journey-line span{font-size:10.5px;line-height:1.5}
.why-now-copy p{font-size:12.5px;line-height:1.7}
.why-now-points span{font-size:10.5px;line-height:1.55}
.expertise-six p{font-size:12.5px;line-height:1.72}
.signal-map>p{font-size:11.5px;line-height:1.7}
.method-principle b{font-size:12.5px;line-height:1.55}
.steps-six p{font-size:12.5px;line-height:1.65}
.compare-table td{font-size:12px;line-height:1.55}
.compare-table tbody th{font-size:11.5px}
.how-grid p{font-size:12.5px!important;line-height:1.72!important}
.ai-duo p{font-size:12.5px;line-height:1.75}
.ai-duo li{font-size:11px;line-height:1.55}
.geo-note p{font-size:11.5px;line-height:1.65}
.metrics-board p{font-size:12px!important;line-height:1.68!important}
.metrics-note p{font-size:12px!important;line-height:1.65!important}
.sector-grid p{font-size:11.5px;line-height:1.68}
.budget-grid p{font-size:12.5px;line-height:1.7}
.budget-principle p{font-size:12.5px;line-height:1.65}
.choose-v10-grid p{font-size:11.5px!important;line-height:1.68!important}
.faq-title-wrap>p{font-size:13px;line-height:1.7}
.faq details p{font-size:12.5px;line-height:1.75}
.cta-form-copy>p{font-size:14px;line-height:1.75}
.form-head p{font-size:12.5px;line-height:1.6}
.form-grid input,.form-grid select,.form-grid textarea{font-size:13.5px}
.form-note{font-size:10.5px}
footer p{font-size:10.5px}
/* Local pages section: list treatment avoids another repetitive card grid. */
.cities{padding-top:105px;padding-bottom:105px;border-top:1px solid #edf1ef}
.cities-head{display:grid;grid-template-columns:1fr .55fr;gap:110px;align-items:end}
.cities-head h2{font-size:clamp(42px,4.7vw,65px);line-height:1.03;letter-spacing:-3.35px;font-weight:400!important;margin:0}
.cities-head h2 em{font-style:normal;color:#10a37f;font-weight:400!important}
.cities-head>p{margin:0}
.city-list{display:grid;grid-template-columns:1fr 1fr;margin-top:55px;border-top:1px solid #dfe6e3;border-bottom:1px solid #dfe6e3}
.city-list a{display:grid;grid-template-columns:42px 1fr auto;gap:16px;align-items:center;text-decoration:none;color:#111418;padding:23px 20px 23px 0;border-bottom:1px solid #e2e9e6;transition:.22s}
.city-list a:nth-child(odd){border-right:1px solid #e2e9e6;padding-right:28px}
.city-list a:nth-child(even){padding-left:28px}
.city-list a:nth-last-child(-n+2){border-bottom:0}
.city-list a:hover{background:#f8fbfa;padding-left:12px}
.city-list a:nth-child(even):hover{padding-left:40px}
.city-list a>span{font:500 8px 'DM Mono',monospace;color:#10a37f}
.city-list a>div{display:flex;flex-direction:column;gap:6px}
.city-list b{font-size:15px;font-weight:500!important;letter-spacing:-.15px}
.city-list small{font-size:10.5px;line-height:1.5;color:#7d8582}
.city-list i{font-style:normal;color:#10a37f;font-size:12px}
.cities-note{font-size:10.5px!important;color:#8a9390!important;margin:15px 0 0!important}
@media(max-width:850px){
.cities-head{grid-template-columns:1fr;gap:35px}
.city-list{grid-template-columns:1fr}
.city-list a,.city-list a:nth-child(odd),.city-list a:nth-child(even){border-right:0;padding-left:0;padding-right:0}
.city-list a:nth-last-child(2){border-bottom:1px solid #e2e9e6}
.city-list a:hover,.city-list a:nth-child(even):hover{padding-left:10px}
.lead{font-size:15px}
.decision p,.how-head>p,.metrics-head>p,.budget-head>p,.choose-v10-head>p,.compare p,.geo-section p,.sectors p,.cities p{font-size:13px}
}
/* =========================
V12 — visible conversion CTAs throughout the journey
The page already has a strong final form; these bands create clear
conversion opportunities after major decision moments without adding
a button to every single content block.
========================= */
.journey-cta{max-width:none;padding:0 30px;background:#fff}
.journey-cta-inner{max-width:1220px;margin:0 auto;border-radius:14px;padding:28px 30px;display:grid;grid-template-columns:150px 1fr auto;gap:32px;align-items:center;position:relative;overflow:hidden}
.journey-cta-inner:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-85px;top:-105px;border:1px solid currentColor;opacity:.07;pointer-events:none}
.journey-cta-kicker{font:500 8px 'DM Mono',monospace;letter-spacing:.08em;color:#08765d;white-space:nowrap}
.journey-cta-kicker span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #b8d9cf;margin-right:9px;color:#10a37f}
.journey-cta-copy{max-width:670px}
.journey-cta-copy b{display:block;font-size:18px;line-height:1.35;letter-spacing:-.3px;font-weight:500!important;color:#111418;margin-bottom:7px}
.journey-cta-copy p{font-size:12.5px;line-height:1.65;color:#68706f;margin:0;max-width:650px}
.journey-cta-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-width:190px;text-decoration:none;background:#111418;color:#fff;border-radius:8px;padding:14px 16px;font-size:10.5px;font-weight:500;white-space:nowrap;transition:.22s}
.journey-cta-btn span{color:#58cdb2;font-size:12px}
.journey-cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(17,20,24,.14)}
.journey-cta-light{padding-top:0;padding-bottom:30px}
.journey-cta-light .journey-cta-inner{background:#eef8f5;border:1px solid #d7ebe5}
.journey-cta-dark{background:#111418;padding-top:0;padding-bottom:36px}
.journey-cta-dark .journey-cta-inner{background:#18342e;border:1px solid #285247;color:#8ee0cc}
.journey-cta-dark .journey-cta-kicker{color:#8ee0cc}
.journey-cta-dark .journey-cta-kicker span{border-color:#3f6d61;color:#8ee0cc}
.journey-cta-dark .journey-cta-copy b{color:#fff}
.journey-cta-dark .journey-cta-copy p{color:#aeb8b5}
.journey-cta-btn-white{background:#fff;color:#111418}
.journey-cta-btn-white span{color:#08765d}
.journey-cta-green{padding-top:30px;padding-bottom:30px}
.journey-cta-green .journey-cta-inner{background:#10a37f;border:1px solid #10a37f;color:#fff}
.journey-cta-green .journey-cta-kicker,.journey-cta-green .journey-cta-kicker span{color:#eafff8}
.journey-cta-green .journey-cta-kicker span{border-color:#6bd0b7}
.journey-cta-green .journey-cta-copy b{color:#fff}
.journey-cta-green .journey-cta-copy p{color:#dcf6ef}
.journey-cta-btn-green{background:#0c2f27;color:#fff}
.journey-cta-btn-green span{color:#9ce4d2}
.journey-cta-outline{padding-top:5px;padding-bottom:35px}
.journey-cta-outline .journey-cta-inner{background:#fff;border:1px solid #dfe6e3;box-shadow:0 18px 45px rgba(18,49,41,.055)}
@media(max-width:900px){
.journey-cta{padding-left:20px;padding-right:20px}
.journey-cta-inner{grid-template-columns:1fr auto;gap:18px 28px;padding:24px}
.journey-cta-kicker{grid-column:1/-1}
.journey-cta-copy b{font-size:17px}
}
@media(max-width:620px){
.journey-cta-inner{grid-template-columns:1fr;padding:22px 20px;gap:16px}
.journey-cta-kicker{grid-column:auto}
.journey-cta-copy b{font-size:16px}
.journey-cta-copy p{font-size:12px}
.journey-cta-btn{width:100%;min-width:0}
}
/* ===== V13 / Pages secteurs & villes ===== */
.child-page{background:#fff;color:#111418}.site-header{position:relative}.child-hero{max-width:1280px;margin:auto;padding:58px 30px 88px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;min-height:650px}.breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:18px;font:9px 'DM Mono',monospace;color:#8b9491}.breadcrumb a{color:#69716f;text-decoration:none}.breadcrumb a:hover{color:#10a37f}.child-hero h1{font-size:clamp(50px,5.2vw,74px);line-height:.99;letter-spacing:-3.9px;font-weight:400!important;margin:24px 0}.child-hero h1 em{font-style:normal;color:#10a37f;font-weight:400!important}.child-hero .lead{font-size:15px;line-height:1.75;max-width:650px}.child-hero-visual{min-height:500px;display:grid;place-items:center;position:relative}.mini-chat{width:min(500px,96%);border:1px solid #dce6e2;border-radius:18px;box-shadow:0 30px 80px rgba(18,49,41,.13);padding:22px;background:#fff;transform:rotate(1deg)}.mini-chat-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7eeeb;padding-bottom:16px;font-size:12px}.mini-chat-top span{color:#a1aaa7}.mini-chat .question{margin:24px 0 20px 18%;background:#f1f3f2;border-radius:11px 11px 3px 11px;padding:13px 15px;font-size:12px;line-height:1.65;color:#3e4543}.mini-answer{font-size:12px;line-height:1.75;color:#66706d;padding:0 3px 19px}.mini-ad{border:1px solid #cde5dc;border-radius:12px;background:#f8fcfa;padding:18px}.mini-ad small{font:8px 'DM Mono',monospace;color:#08765d;letter-spacing:.08em}.mini-ad b{display:block;font-size:18px;font-weight:500;margin:10px 0 7px}.mini-ad p{font-size:11px;line-height:1.7;color:#66706d}.mini-ad a{font-size:10px;color:#08765d;text-decoration:none}.official-strip{max-width:1220px;margin:0 auto 0;padding:22px 26px;border:1px solid #dce6e2;border-radius:12px;background:#f7fbf9;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.official-strip span{font:8px 'DM Mono',monospace;color:#08765d;letter-spacing:.08em}.official-strip p{font-size:11px;line-height:1.7;color:#66706d;margin:8px 0 0;max-width:760px}.official-links{display:flex;gap:16px}.official-links a{font:8px 'DM Mono',monospace;text-decoration:none;color:#08765d;white-space:nowrap}.child-section{padding-top:100px;padding-bottom:100px}.split-head{display:grid;grid-template-columns:1.05fr .62fr;gap:120px;align-items:end;margin-bottom:55px}.split-head h2,.internal-links-head h2,.method-child h2{font-size:clamp(42px,4.7vw,65px);line-height:1.03;letter-spacing:-3.4px;font-weight:400!important;margin:0}.split-head h2 em,.internal-links-head h2 em,.method-child h2 em{font-style:normal;color:#10a37f;font-weight:400!important}.split-head>p,.internal-links-head>p{font-size:13px;line-height:1.85;color:#68706f;margin:0}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.signal-grid article{border:1px solid #dde6e3;border-radius:13px;padding:25px;min-height:235px;position:relative;background:#fff}.signal-grid article>span,.intent-grid article>span,.strategy-grid article>span,.usecase-grid article>span,.fit-grid article>span,.local-scenarios article>span{font:8px 'DM Mono',monospace;color:#10a37f}.signal-grid h3{font-size:18px;font-weight:500;margin:52px 0 12px}.signal-grid p{font-size:12px;line-height:1.75;color:#737c79}.alt{background:#f7f9f8;max-width:none;padding-left:max(30px,calc((100vw - 1220px)/2));padding-right:max(30px,calc((100vw - 1220px)/2))}.intent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.intent-grid article{background:#fff;border:1px solid #dfe6e3;border-radius:13px;padding:25px}.intent-grid b{display:block;font-size:14px;font-weight:500;margin:28px 0 12px}.intent-grid blockquote,.usecase-grid blockquote{margin:0 0 14px;padding:14px 15px;border-left:2px solid #10a37f;background:#f5faf8;font-size:12px;line-height:1.65;color:#39413f}.intent-grid p{font-size:11px;line-height:1.75;color:#737c79}.dark-child{max-width:none;background:#111418;color:#fff;padding-left:max(30px,calc((100vw - 1220px)/2));padding-right:max(30px,calc((100vw - 1220px)/2))}.dark-child .split-head>p{color:#9ca5a2}.strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.strategy-grid article{border:1px solid #303638;border-radius:13px;padding:23px;min-height:250px;background:#15191d}.strategy-grid h3{font-size:17px;font-weight:500;margin:42px 0 12px}.strategy-grid p{font-size:11px;line-height:1.8;color:#929b98}.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.usecase-grid article{border:1px solid #dfe6e3;border-radius:13px;padding:24px}.usecase-grid h3{font-size:18px;font-weight:500;margin:40px 0 13px}.usecase-grid dl{margin:0}.usecase-grid dl div{display:grid;grid-template-columns:86px 1fr;gap:10px;padding:10px 0;border-top:1px solid #edf1ef}.usecase-grid dt{font:8px 'DM Mono',monospace;color:#8c9692}.usecase-grid dd{margin:0;font-size:11px;line-height:1.55;color:#555e5b}.metric-line{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #dfe6e3;border-radius:12px;overflow:hidden}.metric-line div{padding:22px 16px;border-right:1px solid #dfe6e3}.metric-line div:last-child{border:0}.metric-line span{display:block;font:8px 'DM Mono',monospace;color:#10a37f;margin-bottom:30px}.metric-line b{font-size:12px;font-weight:500}.measurement-note,.budget-philosophy{margin-top:18px;border-radius:12px;background:#111418;color:#fff;padding:23px;display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:start}.measurement-note b,.budget-philosophy b{font-size:13px;font-weight:500}.measurement-note p,.budget-philosophy p{font-size:12px;line-height:1.8;color:#a2aaa7;margin:0}.geo-child{background:linear-gradient(180deg,#fff,#f4faf7)}.geo-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.geo-pair article{border:1px solid #d8e5e0;border-radius:14px;padding:28px;background:#fff;min-height:235px}.geo-pair article:first-child{background:#111418;color:#fff;border-color:#111418}.geo-pair small{font:8px 'DM Mono',monospace;color:#10a37f}.geo-pair article:first-child small{color:#58cdb2}.geo-pair h3{font-size:23px;font-weight:500;margin:58px 0 10px}.geo-pair p{font-size:12px;line-height:1.8;color:#6d7673}.geo-pair article:first-child p{color:#99a3a0}.method-child-grid{display:grid;grid-template-columns:.75fr 1fr;gap:130px}.method-child-grid>div:first-child>p{font-size:13px;line-height:1.8;color:#6e7774;max-width:400px}.method-child .steps b{font-size:14px}.method-child .steps p{font-size:11px;line-height:1.7}.fit-grid,.scope-grid,.local-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fit-grid article,.scope-grid article,.local-scenarios article{border:1px solid #dfe6e3;border-radius:13px;padding:24px;min-height:220px}.fit-grid h3,.scope-grid h3,.local-scenarios h3{font-size:18px;font-weight:500;margin:45px 0 10px}.fit-grid p,.scope-grid p,.local-scenarios p{font-size:12px;line-height:1.75;color:#747d7a}.local-scenarios strong{display:inline-block;margin-top:16px;font:500 9px 'DM Mono',monospace;color:#08765d;background:#e8f6f1;padding:7px 9px;border-radius:99px}.internal-links-section{padding-top:80px}.internal-links-head{display:grid;grid-template-columns:1fr .6fr;gap:100px;align-items:end;margin-bottom:35px}.internal-links{border-top:1px solid #dfe6e3}.internal-links a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#111418;padding:18px 2px;border-bottom:1px solid #dfe6e3;font-size:13px;transition:.2s}.internal-links a:hover{padding-left:10px;color:#08765d}.internal-links a i{font-style:normal;color:#10a37f}.child-faq .faq-title-wrap>p{font-size:12px;line-height:1.75;color:#737c79;max-width:420px}.child-faq .faq details p{font-size:11px}.city-hero .child-hero-visual{min-height:480px}.local-orbit{position:relative;width:430px;height:430px;border:1px solid #dbe7e2;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 65px #10a37f08,0 0 0 130px #10a37f04}.local-orbit:before{content:'';position:absolute;inset:72px;border:1px dashed #bdd9d0;border-radius:50%}.city-core{width:185px;height:185px;border-radius:50%;background:#111418;color:#fff;display:grid;place-content:center;text-align:center;position:relative;z-index:2}.city-core small{font:8px 'DM Mono',monospace;color:#58cdb2}.city-core b{font-size:29px;font-weight:400;margin:8px 0}.city-core span{font-size:9px;color:#8f9996}.orbit-point{position:absolute;background:#fff;border:1px solid #dce6e2;border-radius:99px;padding:9px 12px;box-shadow:0 10px 25px #163d3320;font:8px 'DM Mono',monospace;color:#08765d}.p1{top:28px;left:165px}.p2{right:16px;top:185px}.p3{bottom:34px;left:165px}.p4{left:8px;top:185px}.scope-grid article small{font:8px 'DM Mono',monospace;color:#10a37f}.local-ecos article{min-height:220px}.sector-card-link{display:block;position:relative;text-decoration:none;color:inherit;border:1px solid #dfe6e3;border-radius:12px;padding:24px;transition:.25s}.sector-card-link:hover{transform:translateY(-4px);border-color:#87c9b8;box-shadow:0 16px 30px #173c3210}.sector-card-link>span{font:8px 'DM Mono',monospace;color:#10a37f}.sector-card-link h3{font-size:18px;font-weight:500;margin:52px 0 10px}.sector-card-link p{font-size:12px;line-height:1.75;color:#727b78}.sector-card-link>i{position:absolute;right:20px;top:20px;font-style:normal;color:#10a37f}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.child-hero{grid-template-columns:1fr;padding:45px 20px 70px}.child-hero-visual{min-height:430px}.official-strip{margin:0 20px;grid-template-columns:1fr}.official-links{flex-wrap:wrap}.split-head,.method-child-grid,.internal-links-head{grid-template-columns:1fr;gap:35px}.signal-grid,.strategy-grid,.usecase-grid,.fit-grid,.scope-grid,.local-scenarios,.sector-grid{grid-template-columns:1fr 1fr}.metric-line{grid-template-columns:repeat(3,1fr)}.metric-line div:nth-child(3){border-right:0}.metric-line div{border-bottom:1px solid #dfe6e3}.metric-line div:nth-child(n+4){border-bottom:0}.intent-grid,.geo-pair{grid-template-columns:1fr}.local-orbit{transform:scale(.88)}.official-strip{border-radius:0;border-left:0;border-right:0}}
@media(max-width:600px){.child-hero h1{font-size:43px;letter-spacing:-2.6px}.child-hero .lead{font-size:14px}.mini-chat{transform:none}.child-hero-visual{min-height:390px}.signal-grid,.strategy-grid,.usecase-grid,.fit-grid,.scope-grid,.local-scenarios,.sector-grid{grid-template-columns:1fr}.metric-line{grid-template-columns:1fr 1fr}.metric-line div:nth-child(2n){border-right:0}.metric-line div:nth-child(n+3){border-bottom:1px solid #dfe6e3}.metric-line div:nth-last-child(-n+2){border-bottom:0}.measurement-note,.budget-philosophy{grid-template-columns:1fr}.local-orbit{width:330px;height:330px;transform:none;box-shadow:0 0 0 35px #10a37f08}.local-orbit:before{inset:55px}.city-core{width:150px;height:150px}.city-core b{font-size:24px}.p1{top:11px;left:126px}.p2{right:-7px;top:145px}.p3{bottom:14px;left:125px}.p4{left:-7px;top:145px}.official-links{display:grid}.child-section{padding-top:75px;padding-bottom:75px}}
.sector-more{margin-top:18px;border-top:1px solid #dfe6e3;border-bottom:1px solid #dfe6e3;padding:16px 2px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.sector-more>span{font:8px 'DM Mono',monospace;color:#8b9491;margin-right:auto}.sector-more a{font-size:11px;color:#08765d;text-decoration:none}.sector-more a:hover{text-decoration:underline}@media(max-width:600px){.sector-more{display:grid;grid-template-columns:1fr 1fr}.sector-more>span{grid-column:1/-1}}
/* V2 — navigation rebuilt for the full sector/local architecture */
header{overflow:visible;z-index:100}
.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto;margin-right:28px;height:100%}
.main-nav .nav-link,.nav-trigger{font:500 10px 'DM Mono',monospace;letter-spacing:.015em;color:#5f6865;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;transition:color .2s}
.main-nav .nav-link:hover,.nav-trigger:hover,.nav-group:focus-within>.nav-trigger{color:#08765d}
.nav-trigger{display:flex;align-items:center;gap:7px}
.nav-trigger>span{font-size:11px;color:#10a37f;transition:transform .2s}
.nav-group{position:relative;height:100%;display:flex;align-items:center}
.nav-dropdown{position:absolute;top:calc(100% - 2px);left:50%;width:630px;transform:translate(-50%,8px);background:#fff;border:1px solid #dce6e2;border-radius:14px;box-shadow:0 28px 70px rgba(18,49,41,.15);padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;z-index:150}
.nav-group:hover>.nav-dropdown,.nav-group:focus-within>.nav-dropdown,.nav-group.is-open>.nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-group:hover>.nav-trigger>span,.nav-group:focus-within>.nav-trigger>span,.nav-group.is-open>.nav-trigger>span{transform:rotate(180deg)}
.nav-dropdown-head{display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:start;padding:4px 4px 16px;border-bottom:1px solid #e6ece9}
.nav-dropdown-head small{font:500 8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#08765d}
.nav-dropdown-head p{font-size:11px;line-height:1.6;color:#7a8380;margin:0}
.nav-dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:10px 0}
.nav-dropdown-grid a{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:8px;color:#252b29!important;font:500 11px Inter,Arial,sans-serif!important;text-decoration:none;transition:.2s}
.nav-dropdown-grid a:hover{background:#f1f8f5;color:#08765d!important}
.nav-dropdown-grid a i{font-style:normal;color:#10a37f;font-size:10px;opacity:.65}
.nav-dropdown-all{display:flex;justify-content:space-between;align-items:center;text-decoration:none;border-top:1px solid #e6ece9;padding:14px 5px 2px;color:#08765d!important;font:500 9px 'DM Mono',monospace!important}
.nav-city-grid{grid-template-columns:1fr 1fr}
.site-footer{grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(120px,.62fr)) minmax(180px,.8fr);align-items:start;gap:32px;padding:50px max(30px,calc((100vw - 1220px)/2));}
.site-footer .footer-nav-group>b{display:block;color:#fff;font-size:11px;font-weight:500;margin-bottom:15px}
.footer-links-stack{display:flex!important;flex-direction:column;align-items:flex-start;gap:9px!important}
.site-footer .footer-links a{font-size:9px}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-cta{display:inline-flex;gap:22px;align-items:center;text-decoration:none;background:#fff;color:#111418;border-radius:8px;padding:12px 14px;font-size:10px;font-weight:600}
.footer-cta span{color:#08765d}.footer-mail{font:9px 'DM Mono',monospace;color:#8e9895;text-decoration:none}.footer-mail:hover{color:#58cdb2}.footer-contact small{margin-top:20px}
@media(max-width:980px){
.main-nav{gap:18px;margin-right:18px}.main-nav .nav-link,.nav-trigger{font-size:9px}.nav-dropdown{width:570px}
.site-footer{grid-template-columns:1.2fr 1fr 1fr;}.footer-contact{grid-column:1/-1;flex-direction:row;align-items:center}.footer-contact small{margin:0 0 0 auto}
}
@media(max-width:850px){
header{overflow:visible}
.main-nav{display:none!important}
header.menu-open .main-nav{display:flex!important;position:absolute;left:20px;right:20px;top:62px;margin:0;padding:12px;background:#fff;border:1px solid #dfe6e3;border-radius:12px;box-shadow:0 20px 50px rgba(18,49,41,.12);flex-direction:column;align-items:stretch;gap:2px;height:auto;max-height:calc(100vh - 85px);overflow:auto;z-index:200}
.main-nav>.nav-link,.nav-trigger{width:100%;justify-content:space-between;padding:12px 10px;font-size:10px;text-align:left}
.nav-group{height:auto;display:block}
.nav-dropdown{position:static;width:100%;transform:none!important;box-shadow:none;border:0;border-radius:10px;background:#f7faf9;padding:12px;margin:0 0 5px;display:none;opacity:1;visibility:visible;pointer-events:auto}
.nav-group:hover>.nav-dropdown,.nav-group:focus-within>.nav-dropdown{display:none}
.nav-group.is-open>.nav-dropdown{display:block}
.nav-dropdown-head{display:none}.nav-dropdown-grid{grid-template-columns:1fr 1fr;padding:0}.nav-dropdown-grid a{font-size:10px!important;padding:9px}.nav-dropdown-all{margin-top:5px;padding:12px 8px 4px}
.site-footer{grid-template-columns:1fr 1fr;gap:30px}.footer-brand,.footer-contact{grid-column:1/-1}.footer-contact{flex-direction:column;align-items:flex-start}.footer-contact small{margin:10px 0 0}
}
@media(max-width:520px){.nav-dropdown-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.site-footer .footer-nav-group{grid-column:1/-1}}
/* V4 — Navigation ressources */
.resources-dropdown{width:430px}
.resources-dropdown .nav-dropdown-head{grid-template-columns:105px 1fr}
.resources-grid{grid-template-columns:1fr;padding:10px 0 2px}
.resources-grid a{padding:12px 10px;align-items:flex-start}
.resources-grid a>span{display:flex;flex-direction:column;gap:4px}
.resources-grid a b{font:500 11px Inter,Arial,sans-serif;color:#252b29}
.resources-grid a small{font:400 9px/1.45 Inter,Arial,sans-serif;color:#818a87}
.resources-grid a:hover b{color:#08765d}
@media(max-width:860px){.resources-dropdown{width:100%}.resources-grid{grid-template-columns:1fr}.resources-grid a{padding:10px 9px}.resources-grid a small{font-size:9px}}
.resource-placeholder{min-height:72vh;padding-top:150px}.placeholder-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}.placeholder-grid h1{font-size:clamp(56px,6.5vw,112px);line-height:.92;font-weight:400;letter-spacing:-.06em;margin:0}.placeholder-grid h1 em{font-style:normal;color:#10a37f}.placeholder-grid p{font-size:15px;line-height:1.75;color:#6f7774;max-width:520px}.placeholder-grid .btn{margin-top:18px}@media(max-width:860px){.resource-placeholder{padding-top:120px}.placeholder-grid{grid-template-columns:1fr;gap:35px}.placeholder-grid h1{font-size:clamp(48px,13vw,76px)}}
/* ========================= BLOG / ARTICLES V5 ========================= */
.blog-hub-hero{max-width:1220px;margin:auto;padding:135px 30px 75px}.blog-hub-grid{display:grid;grid-template-columns:1.15fr .7fr;gap:110px;align-items:end;margin-top:48px}.blog-hub-grid h1{font-size:clamp(62px,7.4vw,112px);line-height:.9;letter-spacing:-.065em;font-weight:400;margin:0}.blog-hub-grid h1 em{font-style:normal;color:#10a37f}.blog-hub-grid>div>p{font-size:16px;line-height:1.8;color:#69726f;margin:0 0 28px}.blog-hub-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-hub-tags span{font:500 8px 'DM Mono',monospace;border:1px solid #dbe6e2;border-radius:99px;padding:8px 10px;color:#08765d}.featured-grid{max-width:1220px;margin:0 auto;padding:0 30px 100px;display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:14px}.featured-story{min-height:360px;border-radius:16px;background:#111418;color:#fff;text-decoration:none;padding:28px;position:relative;display:flex;flex-direction:column}.featured-story:nth-child(2),.featured-story:nth-child(3){background:#f4f8f6;color:#111418;border:1px solid #dce6e2}.featured-story>span{font:500 8px 'DM Mono',monospace;color:#58cdb2;letter-spacing:.08em;text-transform:uppercase}.featured-story:nth-child(2)>span,.featured-story:nth-child(3)>span{color:#08765d}.featured-story h2{font-size:clamp(28px,3vw,45px);line-height:1.06;letter-spacing:-.035em;font-weight:400;margin:auto 0 18px}.featured-story:nth-child(n+2) h2{font-size:27px}.featured-story p{font-size:13px;line-height:1.7;color:#a4adaa;margin:0 0 38px}.featured-story:nth-child(2) p,.featured-story:nth-child(3) p{color:#6e7774}.featured-story i{position:absolute;right:26px;top:25px;font-style:normal;color:#10a37f;font-size:19px}.blog-library{max-width:1220px;margin:0 auto;padding:90px 30px 120px;border-top:1px solid #e1e8e5}.blog-library-head{display:grid;grid-template-columns:1fr .55fr;gap:90px;align-items:end;margin-bottom:48px}.blog-library-head h2{font-size:clamp(42px,4.8vw,68px);font-weight:400;letter-spacing:-.05em;line-height:1;margin:18px 0 0}.blog-library-head>p{font-size:14px;line-height:1.75;color:#737c79;margin:0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.blog-card{border:1px solid #dfe7e4;border-radius:14px;overflow:hidden;background:#fff;transition:.25s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px #0d3d3010;border-color:#a7d6c9}.blog-card>a{display:flex;flex-direction:column;min-height:325px;padding:24px;text-decoration:none;color:#111418}.blog-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.blog-card-top span{font:500 8px 'DM Mono',monospace;color:#08765d;text-transform:uppercase}.blog-card-top time{font:8px 'DM Mono',monospace;color:#9aa29f}.blog-card h2{font-size:23px;line-height:1.14;letter-spacing:-.025em;font-weight:400;margin:54px 0 15px}.blog-card p{font-size:12.5px;line-height:1.75;color:#717a77;margin:0 0 25px}.blog-card-bottom{margin-top:auto;border-top:1px solid #edf1ef;padding-top:15px;display:flex;justify-content:space-between;align-items:center;font:8px 'DM Mono',monospace;color:#8e9794}.blog-card-bottom i{font-style:normal;color:#10a37f;font-size:15px}.blog-bottom-cta{margin-top:0}
.blog-article{overflow:hidden}.article-hero{max-width:1120px;margin:0 auto;padding:115px 30px 78px}.article-breadcrumb{display:flex;gap:8px;align-items:center;font:8px 'DM Mono',monospace;color:#929b98;margin-bottom:42px}.article-breadcrumb a{color:#68716e;text-decoration:none}.article-breadcrumb b{font-weight:500;color:#08765d}.article-kicker{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe6e3;padding-bottom:15px;margin-bottom:34px}.article-kicker span{font:500 9px 'DM Mono',monospace;color:#08765d;letter-spacing:.08em;text-transform:uppercase}.article-kicker time{font:8px 'DM Mono',monospace;color:#969e9b}.article-hero h1{max-width:1020px;font-size:clamp(50px,6.5vw,88px);line-height:.96;letter-spacing:-.06em;font-weight:400;margin:0 0 30px}.article-dek{max-width:820px;font-size:17px;line-height:1.75;color:#68716e;margin:0}.article-meta{display:flex;gap:11px;align-items:center;margin-top:34px;font:8px 'DM Mono',monospace;color:#8f9795}.article-meta i{font-style:normal;color:#10a37f}.article-meta a{color:#08765d;text-decoration:none}.article-layout{max-width:1120px;margin:0 auto;padding:0 30px 110px;display:grid;grid-template-columns:210px minmax(0,760px);gap:90px;align-items:start}.article-toc{position:sticky;top:110px;padding-top:7px}.article-toc>span{font:500 8px 'DM Mono',monospace;color:#08765d}.article-toc nav{margin:20px 0 28px;display:flex;flex-direction:column;gap:0}.article-toc nav a{font-size:10.5px;line-height:1.45;color:#77807d;text-decoration:none;padding:8px 0;border-bottom:1px solid #edf1ef}.article-toc nav a:hover{color:#08765d}.toc-cta{display:inline-flex;text-decoration:none;color:#fff;background:#111418;border-radius:7px;padding:11px 12px;font-size:9px}.article-summary{border:1px solid #cfe3dc;border-radius:14px;background:#f5faf8;padding:25px;display:grid;grid-template-columns:170px 1fr;gap:28px;margin:0 0 70px}.article-summary>div span{display:block;font:500 8px 'DM Mono',monospace;color:#08765d;margin-bottom:12px}.article-summary>div b{font-size:14px;font-weight:500}.article-summary ul{margin:0;padding-left:19px}.article-summary li{font-size:13.5px;line-height:1.65;color:#59625f;margin:0 0 7px}.article-content h2,.article-faq h2,.article-sources h2,.related-section h2{font-size:clamp(34px,4vw,49px);line-height:1.07;letter-spacing:-.04em;font-weight:400;margin:75px 0 25px;scroll-margin-top:110px}.article-content h3{font-size:23px;line-height:1.2;font-weight:500;margin:38px 0 15px}.article-content p{font-size:15.5px;line-height:1.88;color:#4f5956;margin:0 0 22px}.article-content a{color:#08765d;text-underline-offset:3px}.article-content ul,.article-content ol{padding-left:22px;margin:0 0 30px}.article-content li{font-size:15px;line-height:1.75;color:#525c59;margin-bottom:8px}.table-wrap{overflow-x:auto;margin:30px 0 38px;border:1px solid #dfe7e4;border-radius:12px}.table-wrap table{width:100%;border-collapse:collapse;min-width:620px;background:#fff}.table-wrap caption{text-align:left;padding:14px 16px;font:8px 'DM Mono',monospace;color:#08765d;background:#f7faf9}.table-wrap th{font:500 9px 'DM Mono',monospace;color:#65706c;text-align:left;background:#f4f7f6;padding:14px 15px;border-right:1px solid #e3eae7}.table-wrap td{padding:15px;font-size:12.5px;line-height:1.55;color:#505a57;border-top:1px solid #e7ecea;border-right:1px solid #e7ecea;vertical-align:top}.table-wrap th:last-child,.table-wrap td:last-child{border-right:0}.know{margin:38px 0;border-radius:13px;background:#111418;color:#fff;padding:26px}.know>span{display:block;font:500 8px 'DM Mono',monospace;color:#58cdb2;margin-bottom:23px}.know strong{display:block;font-size:19px;font-weight:500;margin-bottom:9px}.know p{font-size:13px!important;line-height:1.75!important;color:#a6afac!important;margin:0!important}.related-card{display:block;border:1px solid #dbe6e2;border-radius:12px;padding:22px;text-decoration:none;color:#111418;position:relative;margin:35px 0}.related-card span{font:500 8px 'DM Mono',monospace;color:#08765d}.related-card h3{font-size:20px!important;font-weight:500!important;margin:30px 0 8px!important}.related-card p{font-size:12.5px!important;line-height:1.65!important;color:#737c79!important;margin:0!important}.related-card i{position:absolute;right:20px;top:20px;font-style:normal;color:#10a37f}.article-faq{margin-top:95px;padding-top:10px}.article-faq h2{margin-top:18px}.article-faq-list{border-top:1px solid #dfe6e3}.article-faq details{border-bottom:1px solid #dfe6e3;padding:18px 0}.article-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:500}.article-faq summary::-webkit-details-marker{display:none}.article-faq summary b{color:#10a37f;font-weight:400}.article-faq details p{font-size:13.5px;line-height:1.75;color:#66706d;max-width:650px;margin:15px 0 0}.article-sources{margin-top:75px;padding-top:5px;border-top:1px solid #e4eae8}.article-sources h2{font-size:27px;margin:32px 0 18px}.article-sources ul{list-style:none;padding:0;margin:0}.article-sources li{border-top:1px solid #edf1ef;padding:10px 0}.article-sources a{font-size:11px;color:#68716e;text-decoration:none}.article-sources a:hover{color:#08765d}.related-section{margin-top:85px}.related-section h2{margin:17px 0 30px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.related-grid .related-card{margin:0;min-height:225px}.related-grid .related-card h3{font-size:17px!important;margin-top:48px!important}.article-cta{background:#111418;color:#fff;padding:80px max(30px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1fr .65fr;gap:100px;align-items:end}.article-cta>div:first-child>span{font:500 8px 'DM Mono',monospace;color:#58cdb2}.article-cta h2{font-size:clamp(42px,5.4vw,72px);line-height:.98;letter-spacing:-.05em;font-weight:400;margin:20px 0 0}.article-cta h2 em{font-style:normal;color:#58cdb2}.article-cta p{font-size:14px;line-height:1.8;color:#a4adaa;margin:0 0 25px}.article-cta .btn.white{background:#fff;color:#111418}.article-cta .btn.white b{color:#08765d}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,1fr)}.featured-grid{grid-template-columns:1fr 1fr}.featured-story:first-child{grid-column:1/-1}.article-layout{grid-template-columns:170px minmax(0,1fr);gap:45px}.related-grid{grid-template-columns:1fr}}
@media(max-width:760px){.blog-hub-hero{padding-top:115px}.blog-hub-grid,.blog-library-head{grid-template-columns:1fr;gap:30px}.blog-hub-grid h1{font-size:clamp(52px,16vw,76px)}.featured-grid,.blog-grid{grid-template-columns:1fr}.featured-story:first-child{grid-column:auto}.blog-card>a{min-height:290px}.article-hero{padding-top:105px}.article-hero h1{font-size:clamp(44px,13vw,66px)}.article-dek{font-size:15px}.article-layout{display:block}.article-toc{display:none}.article-summary{grid-template-columns:1fr;gap:17px;margin-bottom:50px}.article-content p{font-size:15px}.article-content li{font-size:14.5px}.article-cta{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:65px}.article-cta h2{font-size:48px}.related-grid{grid-template-columns:1fr}.article-kicker{align-items:flex-start;gap:15px;flex-direction:column}}
/* V6 — article layout and editorial depth pass */
.blog-article .article-hero{
display:block!important;
height:auto!important;
min-height:0!important;
max-width:1120px!important;
margin:0 auto!important;
padding:92px 30px 62px!important;
position:relative!important;
z-index:1!important;
overflow:visible!important;
}
.blog-article .article-hero>*{max-width:none}
.article-breadcrumb{margin-bottom:30px;font-size:9px;line-height:1.5}
.article-kicker{margin-bottom:30px;padding-bottom:14px}
.article-kicker span{font-size:9px}.article-kicker time{font-size:9px}
.article-hero h1{max-width:920px!important;font-size:clamp(48px,5.2vw,74px)!important;line-height:.99!important;letter-spacing:-.052em!important;margin:0 0 26px!important;text-wrap:balance}
.article-dek{max-width:790px!important;font-size:18px!important;line-height:1.68!important;color:#5f6966!important}
.article-meta{margin-top:27px!important;font-size:9px!important;flex-wrap:wrap;line-height:1.5}
.article-layout{max-width:1120px!important;margin:0 auto!important;padding:0 30px 120px!important;display:grid!important;grid-template-columns:220px minmax(0,780px)!important;gap:70px!important;align-items:start!important}
.article-main{min-width:0!important;width:100%}
.article-toc{top:96px!important;padding-top:5px;max-height:calc(100vh - 125px);overflow:auto;padding-right:10px}
.article-toc>span{font-size:9px}.article-toc nav{margin:17px 0 25px}.article-toc nav a{font-size:11.5px;line-height:1.45;padding:9px 0}
.toc-cta{font-size:10px;padding:12px 13px}
.article-summary{padding:28px!important;grid-template-columns:155px minmax(0,1fr)!important;gap:28px!important;margin:0 0 18px!important}
.article-summary>div span{font-size:9px}.article-summary>div b{font-size:15px}.article-summary li{font-size:15px!important;line-height:1.65!important;margin-bottom:8px!important}
.article-answer{border:1px solid #e0e8e5;border-radius:14px;padding:22px 24px;margin:0 0 62px;background:#fff;box-shadow:0 10px 35px rgba(17,20,24,.035)}
.article-answer span{display:block;font:500 9px 'DM Mono',monospace;color:#08765d;letter-spacing:.06em;margin-bottom:10px}
.article-answer p{font-size:16.5px;line-height:1.75;color:#4e5955;margin:0}
.article-content h2,.article-faq h2,.related-section h2{font-size:clamp(34px,3.6vw,47px)!important;line-height:1.08!important;letter-spacing:-.038em!important;margin:74px 0 24px!important;text-wrap:balance}
.article-content h3{font-size:24px!important;line-height:1.22!important;font-weight:500!important;margin:38px 0 15px!important;letter-spacing:-.02em}
.article-content p{font-size:16.5px!important;line-height:1.82!important;color:#4f5956!important;margin:0 0 24px!important}
.article-content ul,.article-content ol{margin:0 0 30px!important;padding-left:24px!important}
.article-content li{font-size:16px!important;line-height:1.72!important;margin-bottom:10px!important;color:#505a57!important}
.article-content strong{font-weight:600;color:#222826}
.table-wrap{margin:31px 0 42px!important;border-radius:14px!important;box-shadow:0 8px 26px rgba(20,50,41,.035)}
.table-wrap caption{font-size:9px!important;padding:15px 17px!important}
.table-wrap th{font-size:10px!important;line-height:1.45!important;padding:15px 16px!important}
.table-wrap td{font-size:14px!important;line-height:1.62!important;padding:16px!important}
.know{padding:28px!important;margin:42px 0!important}.know>span{font-size:9px!important}.know strong{font-size:20px!important}.know p{font-size:14px!important;line-height:1.75!important}
.related-card{padding:24px!important}.related-card span{font-size:9px!important}.related-card p{font-size:14px!important;line-height:1.65!important}
.article-faq{margin-top:100px!important}.article-faq summary{font-size:15px!important;line-height:1.5!important;padding-right:4px}.article-faq details{padding:20px 0!important}.article-faq details p{font-size:14.5px!important;line-height:1.72!important}
.article-sources{margin-top:72px!important}.article-sources h2{font-size:29px!important;margin:32px 0 18px!important}.article-sources a{font-size:12px!important;line-height:1.55!important}
.related-section{margin-top:88px!important}.related-grid .related-card{min-height:235px!important}.related-grid .related-card h3{font-size:19px!important;line-height:1.3!important}
.article-cta{padding-top:78px!important;padding-bottom:78px!important}.article-cta p{font-size:15px!important;line-height:1.75!important}
/* Editorial utility modules */
.deep-dive-pack{margin-top:12px}
.example-grid,.comparison-cards,.creative-matrix,.scenario-grid,.stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0 38px}
.scenario-grid,.creative-matrix{grid-template-columns:repeat(3,minmax(0,1fr))}
.example-grid article,.comparison-cards article,.creative-matrix>div,.scenario-grid article,.stage-grid article{border:1px solid #dfe7e4;border-radius:13px;padding:22px;background:#fff;min-width:0}
.example-grid span,.comparison-cards span,.creative-matrix span,.scenario-grid span,.stage-grid span{font:500 9px 'DM Mono',monospace;color:#08765d;letter-spacing:.05em}
.example-grid h3,.comparison-cards h3,.scenario-grid h3,.stage-grid h3{margin:30px 0 10px!important;font-size:20px!important}.creative-matrix b{display:block;margin:28px 0 8px;font-size:17px;font-weight:500}
.example-grid p,.comparison-cards p,.creative-matrix p,.scenario-grid p,.stage-grid p{font-size:14px!important;line-height:1.7!important;color:#65706c!important;margin:0!important}
.check-grid,.score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 40px}
.check-grid>div,.score-grid>div{border:1px solid #dfe7e4;border-radius:12px;padding:18px 20px;background:#f8fbfa}
.check-grid b,.score-grid b{font:500 10px 'DM Mono',monospace;color:#08765d}.check-grid p,.score-grid p{font-size:14px!important;line-height:1.65!important;margin:8px 0 0!important;color:#626c68!important}
.decision-box,.example-box,.formula-box{margin:38px 0;border-radius:14px;background:#111418;color:#fff;padding:28px}
.decision-box>span,.example-box>span,.formula-box>span{display:block;font:500 9px 'DM Mono',monospace;color:#58cdb2;letter-spacing:.06em;margin-bottom:22px}
.decision-box h3,.example-box h3{color:#fff!important;font-size:23px!important;margin:0 0 12px!important}.decision-box p,.example-box p,.formula-box p{font-size:14.5px!important;line-height:1.75!important;color:#adb5b2!important;margin:0!important}.formula-box p+p{margin-top:10px!important}
.numbered-steps{list-style:none!important;padding:0!important;counter-reset:steps}.numbered-steps li{counter-increment:steps;position:relative;padding:19px 20px 19px 58px!important;margin:0!important;border-top:1px solid #e2e9e6}.numbered-steps li:last-child{border-bottom:1px solid #e2e9e6}.numbered-steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:12px;top:21px;font:500 9px 'DM Mono',monospace;color:#10a37f}
.process-line,.measurement-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center;margin:30px 0 42px}.process-line>div,.measurement-flow>div{border:1px solid #dfe7e4;border-radius:12px;padding:17px;min-height:125px;background:#fff}.process-line>i,.measurement-flow>i{font-style:normal;color:#10a37f}.process-line span,.measurement-flow span{font:500 8px 'DM Mono',monospace;color:#08765d}.process-line b,.measurement-flow b{display:block;font-size:14px;font-weight:500;margin:26px 0 7px}.process-line small,.measurement-flow p{font-size:11px!important;line-height:1.55!important;color:#7a8480!important;margin:0!important}
.measurement-flow{grid-template-columns:1fr auto 1fr auto 1fr}
.journey-example,.campaign-tree,.layer-stack{border:1px solid #dfe7e4;border-radius:14px;overflow:hidden;margin:28px 0 42px;background:#fff}.journey-example>div,.campaign-tree>div,.layer-stack>div{display:grid;grid-template-columns:130px 1fr;gap:25px;padding:18px 20px;border-top:1px solid #e7ecea}.journey-example>div:first-child,.campaign-tree>div:first-child,.layer-stack>div:first-child{border-top:0}.journey-example span,.layer-stack span{font:500 9px 'DM Mono',monospace;color:#08765d}.journey-example p,.layer-stack p{font-size:14px!important;line-height:1.65!important;margin:0!important;color:#5d6763!important}.campaign-tree b{font-size:13px;font-weight:500;color:#08765d}.campaign-tree span{font-size:14px;line-height:1.6;color:#58625e}
.checklist{list-style:none!important;padding:0!important}.checklist li{padding:14px 14px 14px 42px!important;border-top:1px solid #e3e9e7;position:relative;margin:0!important}.checklist li:before{content:'✓';position:absolute;left:12px;color:#10a37f;font-weight:600}
.score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stage-grid article{min-height:210px}
.metric-grid-rich{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #dfe7e4;border-radius:13px;overflow:hidden;margin:30px 0 40px}.metric-grid-rich>div{padding:19px 15px;border-right:1px solid #e2e9e6}.metric-grid-rich>div:last-child{border-right:0}.metric-grid-rich span{font:500 8px 'DM Mono',monospace;color:#10a37f}.metric-grid-rich b{display:block;font-size:14px;margin:28px 0 7px;font-weight:500}.metric-grid-rich p{font-size:11.5px!important;line-height:1.55!important;color:#737c79!important;margin:0!important}
.allocation-bar{display:grid;gap:10px;margin:28px 0 40px}.allocation-bar>div{width:var(--w);min-width:220px;background:#ecf8f4;border:1px solid #cce8de;border-radius:9px;padding:13px 15px;display:flex;justify-content:space-between;gap:20px}.allocation-bar span{font:500 9px 'DM Mono',monospace;color:#08765d}.allocation-bar b{font-size:13px;font-weight:500}
.article-content code{font-family:'DM Mono',monospace;font-size:.82em;background:#f0f5f3;border:1px solid #dfe7e4;border-radius:5px;padding:2px 5px;color:#075f4e}
@media(max-width:1000px){
.article-layout{grid-template-columns:175px minmax(0,1fr)!important;gap:42px!important}
.process-line{grid-template-columns:1fr 1fr!important}.process-line>i{display:none}.stage-grid{grid-template-columns:repeat(2,1fr)}.metric-grid-rich{grid-template-columns:repeat(3,1fr)}.metric-grid-rich>div{border-bottom:1px solid #e2e9e6}
}
@media(max-width:760px){
.blog-article .article-hero{padding:92px 20px 48px!important}.article-hero h1{font-size:clamp(42px,12vw,62px)!important}.article-dek{font-size:16px!important}.article-layout{display:block!important;padding:0 20px 90px!important}.article-toc{display:none!important}.article-summary{grid-template-columns:1fr!important;padding:22px!important}.article-answer{margin-bottom:48px}.article-content p{font-size:16px!important}.article-content li{font-size:15.5px!important}.article-content h2,.article-faq h2,.related-section h2{font-size:clamp(31px,9vw,42px)!important;margin-top:60px!important}.example-grid,.comparison-cards,.creative-matrix,.scenario-grid,.stage-grid,.check-grid,.score-grid{grid-template-columns:1fr!important}.process-line,.measurement-flow{display:grid;grid-template-columns:1fr!important}.process-line>i,.measurement-flow>i{display:none}.metric-grid-rich{grid-template-columns:1fr 1fr}.journey-example>div,.campaign-tree>div,.layer-stack>div{grid-template-columns:1fr;gap:7px}.table-wrap{margin-left:-4px;margin-right:-4px}.article-cta{padding-left:20px!important;padding-right:20px!important}
}
/* V7 — deeper editorial articles + in-reading CTAs + contrast pass */
.depth-paragraph{margin-top:-4px!important}
/* Light surfaces always use high-contrast text. This also fixes the pale green block readability issue. */
.article-summary,.article-answer,.practical-case,.article-inline-cta-light,
.journey-cta-light .journey-cta-inner,.why-now-inline,
.intent-grid article,.fit-grid article,.usecase-grid article,.local-scenarios article{
color:#111418!important;
}
.article-summary p,.article-summary li,.article-answer p,.practical-case p,.article-inline-cta-light p,
.journey-cta-light .journey-cta-copy p,.why-now-inline p,
.intent-grid article p,.fit-grid article p,.usecase-grid article p,.local-scenarios article p{
color:#4f5956!important;
}
.article-summary b,.article-answer b,.practical-case b,.article-inline-cta-light b,
.journey-cta-light .journey-cta-copy b,.why-now-inline b,
.intent-grid article h3,.fit-grid article h3,.usecase-grid article h3,.local-scenarios article h3{
color:#111418!important;
}
.article-home-link{margin:16px 0 0!important;padding-top:15px;border-top:1px solid #edf1ef;font-size:14.5px!important;line-height:1.72!important;color:#5a6461!important}
.article-home-link a{color:#08765d!important;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.practical-case{margin:28px 0 38px;padding:23px 24px;border:1px solid #cae4da;border-left:3px solid #10a37f;border-radius:12px;background:#f0f8f5!important}
.practical-case>span{display:block;font:500 9px 'DM Mono',monospace;letter-spacing:.07em;color:#08765d!important;margin-bottom:11px}
.practical-case p{font-size:15px!important;line-height:1.75!important;margin:0!important}
.article-inline-cta{margin:55px 0 58px;border-radius:15px;padding:25px 26px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;position:relative;overflow:hidden}
.article-inline-cta:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-92px;top:-100px;border:1px solid currentColor;opacity:.08;pointer-events:none}
.article-inline-cta>div{min-width:0;position:relative;z-index:1}
.article-inline-cta>div>span{display:block;font:500 9px 'DM Mono',monospace;letter-spacing:.07em;margin-bottom:9px}
.article-inline-cta>div>b{display:block;font-size:20px;line-height:1.3;letter-spacing:-.02em;font-weight:500!important;margin-bottom:7px}
.article-inline-cta>div>p{font-size:14.5px!important;line-height:1.65!important;margin:0!important;max-width:570px}
.article-inline-cta>a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:18px;text-decoration:none;border-radius:8px;padding:13px 15px;font-size:11px;font-weight:500;white-space:nowrap}
.article-inline-cta>a i{font-style:normal}
.article-inline-cta-light{background:#eef8f5;border:1px solid #d4e8e1;color:#111418}
.article-inline-cta-light>div>span{color:#08765d}
.article-inline-cta-light>a{background:#111418;color:#fff}
.article-inline-cta-light>a i{color:#58cdb2}
.article-inline-cta-dark{background:#111418;border:1px solid #111418;color:#fff}
.article-inline-cta-dark>div>span{color:#58cdb2}
.article-inline-cta-dark>div>b{color:#fff!important}
.article-inline-cta-dark>div>p{color:#aab3b0!important}
.article-inline-cta-dark>a{background:#fff;color:#111418}
.article-inline-cta-dark>a i{color:#08765d}
/* Slightly more breathing room when sections now contain deeper explanatory copy. */
.article-content h2 + p{margin-top:0!important}
.article-content p + .practical-case{margin-top:30px}
.article-content .practical-case + h2{margin-top:78px!important}
@media(max-width:760px){
.article-inline-cta{grid-template-columns:1fr;gap:18px;padding:22px 20px;margin:45px 0 48px}
.article-inline-cta>a{width:100%;justify-content:space-between}
.article-inline-cta>div>b{font-size:18px}
.practical-case{padding:20px;margin:24px 0 32px}
}
/* V8 — Bon à savoir : traitement éditorial lisible et contrasté */
.blog-article .know{
position:relative!important;
overflow:hidden!important;
margin:42px 0!important;
padding:30px 72px 30px 32px!important;
background:linear-gradient(135deg,#eff9f5 0%,#f8fcfa 100%)!important;
border:1px solid #b9dfd4!important;
border-left:4px solid #10a37f!important;
border-radius:14px!important;
color:#111418!important;
box-shadow:0 14px 38px rgba(17,20,24,.055)!important;
}
.blog-article .know:after{
content:'✦';
position:absolute;
top:23px;
right:27px;
color:#10a37f;
font-size:22px;
line-height:1;
opacity:.78;
}
.blog-article .know>span{
display:block!important;
margin:0 0 20px!important;
color:#08765d!important;
font:500 9px 'DM Mono',monospace!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
}
.blog-article .know strong{
display:block!important;
margin:0 0 10px!important;
color:#111418!important;
font-size:20px!important;
line-height:1.35!important;
font-weight:500!important;
}
.blog-article .know p,
.blog-article .article-content .know p{
margin:0!important;
max-width:680px!important;
color:#4f5956!important;
font-size:14.5px!important;
line-height:1.8!important;
opacity:1!important;
}
@media(max-width:850px){
.blog-article .know{padding:25px 48px 25px 24px!important;margin:34px 0!important}
.blog-article .know:after{top:20px;right:20px;font-size:18px}
.blog-article .know strong{font-size:18px!important}
.blog-article .know p,.blog-article .article-content .know p{font-size:15px!important;line-height:1.75!important}
}
/* === Glossaire IA === */
.glossary-hero{padding:150px max(8vw,28px) 86px;border-bottom:1px solid #e2e8e5;background:#fff}.glossary-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin-top:50px}.glossary-hero h1{font-size:clamp(58px,6.4vw,112px);line-height:.94;letter-spacing:-.055em;font-weight:400;margin:0;color:#111418}.glossary-hero h1 em{font-style:normal;color:#10a37f}.glossary-hero-grid>div>p{font-size:17px;line-height:1.75;color:#65706d;margin:0 0 30px;max-width:590px}.glossary-search{display:flex;align-items:center;gap:12px;border:1px solid #d9e2de;border-radius:12px;padding:0 16px;height:56px;background:#f8fbfa}.glossary-search span{font-size:21px;color:#10a37f}.glossary-search input{border:0;background:transparent;outline:0;width:100%;font:400 14px Inter,sans-serif;color:#111418}.glossary-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin-top:70px;border:1px solid #d9e2de;border-radius:14px;overflow:hidden}.glossary-stats div{padding:24px 28px;border-right:1px solid #d9e2de}.glossary-stats div:last-child{border-right:0}.glossary-stats span{display:block;font-size:30px;letter-spacing:-.03em}.glossary-stats p{margin:4px 0 0;color:#7a8582;font-size:12px}.gloss-category-nav{position:sticky;top:72px;z-index:20;display:flex;gap:8px;overflow:auto;padding:15px max(8vw,28px);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e5ebe8}.gloss-category-nav a{white-space:nowrap;border:1px solid #dfe6e3;border-radius:30px;padding:9px 13px;text-decoration:none;color:#48524f;font-size:11px}.gloss-category-nav a:hover{border-color:#10a37f;color:#08765d}.glossary-wrap{padding:80px max(8vw,28px) 130px}.gloss-category{margin-bottom:100px}.gloss-category-head{display:grid;grid-template-columns:60px 1fr auto;gap:25px;align-items:start;padding-bottom:28px;border-bottom:1px solid #dfe6e3}.gloss-category-head>span{font:500 10px 'DM Mono',monospace;color:#10a37f}.gloss-category-head h2{font-size:clamp(34px,3.2vw,58px);font-weight:400;letter-spacing:-.045em;margin:0 0 8px}.gloss-category-head p{margin:0;color:#6f7976;font-size:14px}.gloss-category-head>b{font:500 10px 'DM Mono',monospace;color:#79908a;text-transform:uppercase}.glossary-grid{display:grid;grid-template-columns:repeat(2,1fr)}.gloss-card{display:grid;grid-template-columns:46px 1fr 24px;gap:15px;padding:27px 22px 29px 0;border-bottom:1px solid #e3e9e6;text-decoration:none;color:#111418;min-height:142px}.gloss-card:nth-child(odd){padding-right:34px;border-right:1px solid #e3e9e6}.gloss-card:nth-child(even){padding-left:34px}.gloss-card>span{font:500 10px 'DM Mono',monospace;color:#10a37f;margin-top:5px}.gloss-card b{font-size:18px;font-weight:500;letter-spacing:-.02em}.gloss-card p{font-size:12.5px;line-height:1.65;color:#78817f;margin:10px 0 0}.gloss-card i{font-style:normal;color:#10a37f}.gloss-card:hover b{color:#08765d}.glossary-empty{padding:80px max(8vw,28px) 130px}.glossary-empty h2{font-weight:400;font-size:40px}
.gloss-page{background:#fff}.gloss-hero{padding:138px max(8vw,28px) 72px;border-bottom:1px solid #e1e7e4}.gloss-breadcrumb{display:flex;gap:11px;flex-wrap:wrap;font:400 9px 'DM Mono',monospace;color:#84908c;text-transform:uppercase;letter-spacing:.04em;margin-bottom:48px}.gloss-breadcrumb a{color:#68736f;text-decoration:none}.gloss-breadcrumb b{color:#10a37f;font-weight:500}.gloss-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10vw;align-items:end}.gloss-hero h1{font-size:clamp(54px,6.5vw,108px);line-height:.96;font-weight:400;letter-spacing:-.055em;margin:22px 0 0;max-width:920px}.gloss-definition{padding:30px 32px;border:1px solid #cfe2dc;border-radius:14px;background:#eff8f5}.gloss-definition>span,.gloss-example>span,.gloss-note>span,.gloss-cta>div>span{display:block;font:500 9px 'DM Mono',monospace;color:#08765d;letter-spacing:.07em;margin-bottom:14px}.gloss-definition p{font-size:17px;line-height:1.75;color:#37423f;margin:0}.gloss-body{display:grid;grid-template-columns:230px minmax(0,800px);gap:80px;max-width:1200px;margin:0 auto;padding:90px 30px 130px}.gloss-side{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:16px}.gloss-side>div{border-top:1px solid #dfe6e3;padding-top:15px}.gloss-side span{display:block;font:500 8px 'DM Mono',monospace;color:#10a37f;margin-bottom:7px}.gloss-side b{font-size:12px;font-weight:500}.gloss-side a{font-size:11px;color:#5e6865;text-decoration:none;border-top:1px solid #e6ebe9;padding-top:14px}.gloss-content h2{font-size:clamp(34px,3.5vw,54px);line-height:1.06;letter-spacing:-.045em;font-weight:400;margin:0 0 25px}.gloss-content h2:not(:first-child){margin-top:78px}.gloss-content p{font-size:16px;line-height:1.85;color:#59625f;margin:0 0 22px}.gloss-example{margin:28px 0 0;padding:28px 30px;border:1px solid #cfe2dc;border-radius:13px;background:#f6faf8}.gloss-example p{margin:0;color:#303936}.gloss-note{margin:34px 0;padding:26px 28px;border-left:4px solid #10a37f;border-radius:10px;background:#111418}.gloss-note>span{color:#58cdb2}.gloss-note p{color:#d7dfdc!important;margin:0!important}.gloss-cta{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin:70px 0;padding:30px 32px;background:#e9f7f2;border:1px solid #cce6dd;border-radius:14px}.gloss-cta>div>b{display:block;font-size:21px;font-weight:500;margin-bottom:8px}.gloss-cta>div>p{font-size:13px;margin:0;color:#58625e}.gloss-cta>div>p a{color:#08765d;font-weight:500}.gloss-cta>a{background:#111418;color:#fff;text-decoration:none;padding:13px 16px;border-radius:7px;font-size:11px;white-space:nowrap}.gloss-cta>a i{font-style:normal;color:#58cdb2}.gloss-faq{margin-top:80px}.gloss-faq h2{margin-top:18px!important}.gloss-faq details{border-top:1px solid #dfe6e3}.gloss-faq details:last-child{border-bottom:1px solid #dfe6e3}.gloss-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:14px;font-weight:500}.gloss-faq summary::-webkit-details-marker{display:none}.gloss-faq summary b{color:#10a37f;font-weight:400}.gloss-faq details p{font-size:14px;padding:0 35px 20px 0;margin:0}.gloss-sources{margin-top:72px}.gloss-sources h2{font-size:28px!important;margin-bottom:18px!important}.gloss-sources ul{padding-left:18px}.gloss-sources li{margin:9px 0;color:#78817e;font-size:12px}.gloss-sources a{color:#08765d}.gloss-related{margin-top:84px}.gloss-related h2{margin:16px 0 24px!important}.gloss-related-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #dfe6e3}.gloss-related-card{display:grid;grid-template-columns:1fr auto;gap:7px 20px;padding:20px 18px 20px 0;border-bottom:1px solid #dfe6e3;text-decoration:none;color:#111418}.gloss-related-card:nth-child(odd){border-right:1px solid #dfe6e3;padding-right:22px}.gloss-related-card:nth-child(even){padding-left:22px}.gloss-related-card span{grid-column:1/2;font:500 8px 'DM Mono',monospace;color:#10a37f}.gloss-related-card b{font-size:14px;font-weight:500}.gloss-related-card i{grid-row:1/3;grid-column:2;font-style:normal;color:#10a37f}.gloss-related-card:hover b{color:#08765d}
@media(max-width:900px){.glossary-hero-grid,.gloss-hero-grid{grid-template-columns:1fr;gap:40px}.glossary-stats{grid-template-columns:1fr}.glossary-stats div{border-right:0;border-bottom:1px solid #d9e2de}.glossary-stats div:last-child{border-bottom:0}.gloss-category-head{grid-template-columns:38px 1fr}.gloss-category-head>b{display:none}.glossary-grid{grid-template-columns:1fr}.gloss-card:nth-child(odd),.gloss-card:nth-child(even){border-right:0;padding-left:0;padding-right:0}.gloss-body{grid-template-columns:1fr;gap:45px;padding-top:55px}.gloss-side{position:static;display:grid;grid-template-columns:1fr 1fr}.gloss-side>div{grid-column:1/-1}.gloss-cta{grid-template-columns:1fr}.gloss-cta>a{text-align:center}.gloss-related-grid{grid-template-columns:1fr}.gloss-related-card:nth-child(odd),.gloss-related-card:nth-child(even){border-right:0;padding-left:0;padding-right:0}.gloss-category-nav{top:68px}}
@media(max-width:560px){.glossary-hero,.gloss-hero{padding-left:20px;padding-right:20px}.glossary-wrap{padding-left:20px;padding-right:20px}.glossary-hero h1,.gloss-hero h1{font-size:54px}.gloss-definition{padding:24px 22px}.gloss-body{padding-left:20px;padding-right:20px}.gloss-content p{font-size:15px}.gloss-side{grid-template-columns:1fr}.gloss-cta{padding:24px 22px}.gloss-category-nav{padding-left:20px;padding-right:20px}}
/* === V11 — Icones SVG fiables sur desktop et mobile === */
.ui-svg{width:1em;height:1em;display:block;overflow:visible;color:inherit}.card-icon .ui-svg,.ai-icon .ui-svg{width:22px;height:22px}.mini-flower .ui-svg,.spark .ui-svg{width:18px;height:18px}.glossary-search .ui-svg{width:20px;height:20px}.brand-glyph{display:inline-grid!important;grid-template-columns:4px 4px!important;grid-template-rows:4px 4px!important;gap:1.5px!important;transform:rotate(45deg);width:auto!important;height:auto!important;vertical-align:middle}.brand-glyph i{display:block!important;width:4px!important;height:4px!important;background:#10a37f!important;border-radius:1px!important;padding:0!important;margin:0!important}.ticker .brand-glyph i{background:#10a37f!important}.blog-article .know:after{content:""!important;width:18px;height:18px;border-radius:50%;background:#10a37f!important;border:5px solid #e8f7f1!important;box-shadow:0 0 0 1px #10a37f!important;top:24px!important;right:28px!important}
/* === V11 — Réassurance : preuves de méthode sans chiffres inventés === */
.reassurance-band{max-width:none!important;margin:0!important;padding:34px 30px 38px;background:#f7faf9;border-top:1px solid #e4ebe8;border-bottom:1px solid #e4ebe8}.reassurance-shell{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:270px 1fr;gap:52px;align-items:start}.reassurance-head{padding-top:4px}.reassurance-head>span{display:block;font:500 8px 'DM Mono',monospace;letter-spacing:.09em;color:#08765d;margin-bottom:12px}.reassurance-head>b{display:block;font-size:15px;line-height:1.45;font-weight:500;color:#111418;max-width:240px}.reassurance-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #dce6e2}.reassurance-grid article{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:2px 19px;border-right:1px solid #dce6e2}.reassurance-icon{width:32px;height:32px;border:1px solid #cfe4dd;border-radius:9px;background:#eaf7f3;color:#08765d;display:grid;place-items:center}.reassurance-icon .ui-svg{width:17px;height:17px}.reassurance-grid b{display:block;font-size:11.5px;line-height:1.35;font-weight:500;color:#111418;margin:1px 0 6px}.reassurance-grid p{font-size:10.5px;line-height:1.55;color:#707b77;margin:0}
/* === V11 — CTA mobile plus nets et plus tactiles === */
@media(max-width:850px){
.reassurance-band{padding:28px 20px 30px}.reassurance-shell{grid-template-columns:1fr;gap:24px}.reassurance-head>b{max-width:520px;font-size:16px}.reassurance-grid{grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid #dce6e2}.reassurance-grid article{padding:18px 14px 18px 0;border-right:0;border-bottom:1px solid #dce6e2}.reassurance-grid article:nth-child(odd){border-right:1px solid #dce6e2}.reassurance-grid article:nth-child(even){padding-left:16px}.reassurance-grid p{font-size:11.5px}.reassurance-grid b{font-size:12.5px}
.hero-actions,.child-hero .hero-actions{width:100%;gap:10px!important}.hero-actions .btn,.child-hero .hero-actions .btn,.cta-content>.btn,.article-cta .btn,.journey-cta-btn,.article-inline-cta>a,.gloss-cta>a{width:100%!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 17px!important;border-radius:10px!important;font-size:12px!important;line-height:1.2!important;white-space:normal!important;text-align:left!important;box-shadow:none!important;transform:none!important}.hero-actions .text-link,.child-hero .hero-actions .text-link{width:100%;min-height:50px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dce5e2;border-radius:10px;padding:0 16px;font-size:11.5px;background:#fff}.cta-content{width:min(100%,560px);padding-left:20px;padding-right:20px}.cta-form-shell{width:100%}.form-submit{min-height:52px;padding:0 17px;border-radius:10px;font-size:12px}.lead-form input,.lead-form select,.lead-form textarea{font-size:16px!important}.cta-proof{flex-wrap:wrap;gap:8px 10px!important}.cta-proof i{display:none}.cta-proof span{border:1px solid #34403d;border-radius:999px;padding:7px 10px;font-size:9px!important}
}
@media(max-width:560px){
.reassurance-grid{grid-template-columns:1fr}.reassurance-grid article,.reassurance-grid article:nth-child(odd),.reassurance-grid article:nth-child(even){border-right:0;padding:16px 0}.reassurance-grid article:last-child{border-bottom:0}.reassurance-icon{width:34px;height:34px}.hero-actions{flex-direction:column!important;align-items:stretch!important}.cta-form-section{padding-left:16px!important;padding-right:16px!important}.lead-form{border-radius:12px!important;padding:20px 16px!important}.form-grid{grid-template-columns:1fr!important}.journey-cta{padding-left:16px!important;padding-right:16px!important}.journey-cta-inner{border-radius:12px!important}.article-inline-cta{border-radius:12px!important}.gloss-cta>a{text-align:left!important}
}
@media(max-width:850px){.hero-actions,.child-hero .hero-actions{flex-direction:column!important;align-items:stretch!important}}
/* Vector arrows: prevent mobile OS emoji rendering and keep desktop/mobile identical */
.arrow-svg{width:13px;height:13px;display:inline-block;vertical-align:-2px;flex:0 0 auto;color:inherit;overflow:visible}
.arrow-svg path{vector-effect:non-scaling-stroke}
.header-btn .arrow-svg,.btn .arrow-svg,.footer-cta .arrow-svg,.nav-dropdown .arrow-svg,.nav-dropdown-grid .arrow-svg,.nav-dropdown-all .arrow-svg,.resource-dropdown .arrow-svg,.official-links .arrow-svg,.internal-links .arrow-svg,.sector-card-link .arrow-svg,.related-card .arrow-svg,.gloss-related-card .arrow-svg,.gloss-cta .arrow-svg,.article-inline-cta .arrow-svg{width:12px;height:12px}
.text-link .arrow-svg{width:12px;height:12px}
@media(max-width:900px){
.arrow-svg{width:14px;height:14px;vertical-align:-2px}
.header-btn .arrow-svg,.btn .arrow-svg,.footer-cta .arrow-svg,.nav-dropdown .arrow-svg,.nav-dropdown-grid .arrow-svg,.nav-dropdown-all .arrow-svg,.resource-dropdown .arrow-svg,.official-links .arrow-svg,.internal-links .arrow-svg,.sector-card-link .arrow-svg,.related-card .arrow-svg,.gloss-related-card .arrow-svg,.gloss-cta .arrow-svg,.article-inline-cta .arrow-svg{width:14px;height:14px}
.nav-dropdown i,.nav-dropdown-grid i,.gloss-related-card i,.related-card i,.sector-card-link>i{line-height:1;display:flex;align-items:center;justify-content:center}
}
/* V13 — About + legal/privacy/cookies */
.main-nav .nav-link[aria-current="page"]{color:#08765d}
.form-note a{color:inherit;text-underline-offset:2px}
.utility-hero{padding:150px 30px 82px;background:linear-gradient(180deg,#f4f8f6 0,#fff 100%);border-bottom:1px solid #e1e7e4}
.utility-wrap{width:min(1120px,100%);margin:0 auto}
.utility-hero .utility-wrap{max-width:980px;margin-left:max(30px,calc((100vw - 1120px)/2))}
.utility-kicker,.eyebrow{display:block;font:500 10px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#0b8f6e;margin-bottom:20px}
.utility-hero h1{font-size:clamp(52px,6.8vw,92px);line-height:.98;font-weight:400;letter-spacing:-.06em;max-width:920px;margin:0 0 28px}
.utility-hero p{font-size:19px;line-height:1.6;color:#59635f;max-width:760px;margin:0}
.utility-section{padding:100px 30px;border-bottom:1px solid #e4e9e7;background:#fff}
.utility-section.soft{background:#f5f8f7}.utility-section.dark{background:#0c1512;color:#fff;border:0}.utility-section.dark .eyebrow.light,.eyebrow.light{color:#6ee7c1}
.utility-section h2{font-size:clamp(34px,4.2vw,58px);line-height:1.04;letter-spacing:-.045em;font-weight:400;margin:0 0 28px;max-width:780px}
.utility-section h3{font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.02em}
.utility-grid.two{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:start}
.utility-copy p,.legal-content p,.legal-content li{font-size:16px;line-height:1.8;color:#5d6763}.utility-copy p:first-child{margin-top:0}.utility-copy p+p{margin-top:22px}
.utility-section.dark .utility-copy p{color:#aeb9b5}
.about-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#27302d;border:1px solid #27302d;margin-top:54px}
.about-principles article{background:#111b18;padding:38px;min-height:270px}.about-principles article>span{font:500 10px 'DM Mono',monospace;color:#58d9b2}.about-principles h3{margin:48px 0 14px;color:#fff}.about-principles p{color:#aeb9b5;font-size:14px;line-height:1.7;margin:0}
.about-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:64px}.about-scope a{display:flex;flex-direction:column;gap:18px;padding:26px;border:1px solid #dce4e0;border-radius:12px;color:#13201c;text-decoration:none;transition:.2s;background:#fff}.about-scope a:hover{border-color:#9bcdbf;transform:translateY(-2px)}.about-scope b{font-size:18px;font-weight:500}.about-scope span{display:flex;justify-content:space-between;gap:18px;align-items:center;color:#68726e;font-size:13px;line-height:1.5}.about-scope svg{width:16px;min-width:16px;color:#0b8f6e}
.about-method{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:50px}.about-method>div{background:#fff;border:1px solid #dfe6e3;border-radius:12px;padding:28px}.about-method b{font:500 10px 'DM Mono',monospace;color:#0b8f6e}.about-method h3{margin:40px 0 10px}.about-method p{font-size:13px;line-height:1.65;color:#66716c;margin:0}
.trust-note{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.trust-note ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.trust-note li{position:relative;padding:20px 22px 20px 52px;border:1px solid #dfe6e3;border-radius:10px;font-size:14px;line-height:1.55;color:#53605a}.trust-note li:before{content:'✓';position:absolute;left:20px;top:18px;width:20px;height:20px;border:1px solid #bcded4;border-radius:50%;display:grid;place-items:center;color:#078261;font-size:10px}
.utility-cta{background:#0b8f6e;color:#fff;padding:76px 30px}.utility-cta .utility-wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.utility-cta h2{font-size:clamp(36px,4.8vw,64px);line-height:1;letter-spacing:-.05em;font-weight:400;max-width:760px;margin:0 0 18px}.utility-cta p{max-width:680px;color:#d7eee7;line-height:1.65;margin:0}.utility-btn{white-space:nowrap;flex:none;background:#fff!important;color:#0c1512!important}.utility-btn svg{width:15px}
.legal-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:90px;align-items:start;justify-content:center}.legal-nav{position:sticky;top:100px;display:flex;flex-direction:column;border-left:1px solid #dfe5e2;padding-left:20px}.legal-nav b{font:500 9px 'DM Mono',monospace;color:#84908b;text-transform:uppercase;letter-spacing:.07em;margin-bottom:13px}.legal-nav a{font-size:12px;color:#67726d;text-decoration:none;padding:8px 0}.legal-nav a:hover{color:#08765d}.legal-content h2{font-size:30px;line-height:1.15;letter-spacing:-.035em;margin:64px 0 18px;padding-top:5px}.legal-content h2:first-of-type{margin-top:0}.legal-content a{color:#08765d;text-underline-offset:3px}.legal-content ul{padding-left:20px}.legal-content li+li{margin-top:8px}.legal-lead{font-size:18px!important;color:#3e4a45!important}
.legal-alert{background:#fff8df;border:1px solid #eedc9c;border-radius:12px;padding:22px 24px;margin-bottom:48px}.legal-alert b{font-size:13px;color:#6c5521}.legal-alert p{font-size:13px!important;line-height:1.6!important;color:#796a43!important;margin:8px 0 0!important}
.legal-data{display:grid;gap:1px;background:#e2e8e5;border:1px solid #e2e8e5;margin:26px 0}.legal-data>div{display:grid;grid-template-columns:220px 1fr;background:#fff;padding:14px 16px}.legal-data dt{font-size:12px;color:#77817d}.legal-data dd{margin:0;font-size:13px;color:#23312c}.legal-table{display:grid;gap:1px;background:#dfe6e3;border:1px solid #dfe6e3;margin:28px 0}.legal-table>div{display:grid;grid-template-columns:190px 1fr;gap:30px;background:#fff;padding:20px}.legal-table b{font-size:13px;font-weight:500;color:#182520}.legal-table span{font-size:13px;line-height:1.65;color:#66716c}
.cookie-status{background:#eaf8f3;border:1px solid #b8e3d5;border-radius:14px;padding:28px;margin:38px 0}.cookie-status>span{font:500 9px 'DM Mono',monospace;color:#08765d;letter-spacing:.06em}.cookie-status h3{font-size:22px;line-height:1.3;margin:14px 0;color:#16352c}.cookie-status p{color:#47665c!important;margin:0!important}.cookie-manager-placeholder{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #dfe6e3;border-radius:12px;padding:22px 24px;background:#f8faf9}.cookie-manager-placeholder b{font-size:13px}.cookie-manager-placeholder p{font-size:12px!important;margin:5px 0 0!important}.cookie-manager-placeholder>span{font:500 9px 'DM Mono',monospace;padding:9px 11px;border-radius:999px;background:#e8f7f2;color:#08765d;white-space:nowrap}
@media(max-width:1050px){.utility-grid.two,.trust-note{gap:50px}.about-method{grid-template-columns:repeat(2,1fr)}.legal-layout{grid-template-columns:190px minmax(0,1fr);gap:50px}.site-footer{grid-template-columns:1.2fr 1fr 1fr}.footer-contact{grid-column:1/-1}}
@media(max-width:860px){.utility-hero{padding:118px 20px 60px}.utility-hero .utility-wrap{margin:0 auto}.utility-section{padding:72px 20px}.utility-grid.two,.trust-note{grid-template-columns:1fr;gap:32px}.about-principles{grid-template-columns:1fr}.about-principles article{min-height:auto}.about-method{grid-template-columns:1fr 1fr}.legal-layout{grid-template-columns:1fr}.legal-nav{position:static;display:none}.utility-cta{padding:58px 20px}.utility-cta .utility-wrap{align-items:flex-start;flex-direction:column;gap:28px}.utility-btn{width:100%;justify-content:center;min-height:54px}.legal-content h2{margin-top:50px}.cookie-manager-placeholder{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.utility-hero h1{font-size:46px}.utility-hero p{font-size:16px}.utility-section h2{font-size:34px}.about-principles article{padding:26px}.about-scope{grid-template-columns:1fr}.about-method{grid-template-columns:1fr}.legal-data>div,.legal-table>div{grid-template-columns:1fr;gap:6px}.legal-content h2{font-size:26px}.utility-copy p,.legal-content p,.legal-content li{font-size:15px}.utility-cta h2{font-size:38px}}
/* AUDIT 2026-09-10 — garde-fou : aucun texte courant sous 12px */
.about-method b,
.about-principles article>span,
.ad-brand-row b,
.ad-brand-row span,
.ad-copy-grid a,
.ad-copy-grid p,
.ad-menu,
.ad-visual span,
.ai-duo li,
.ai-duo p,
.ai-label,
.allocation-bar span,
.answer ul,
.answer-head,
.answer>p,
.article-answer span,
.article-breadcrumb,
.article-cta>div:first-child>span,
.article-inline-cta>a,
.article-inline-cta>div>span,
.article-kicker span,
.article-kicker time,
.article-meta,
.article-sources a,
.article-summary>div span,
.article-toc nav a,
.article-toc>span,
.blog-article .know>span,
.blog-card-bottom,
.blog-card-top span,
.blog-card-top time,
.blog-hub-tags span,
.breadcrumb,
.btn,
.budget-grid article>span,
.budget-grid p,
.budget-principle a,
.budget-principle p,
.budget-principle>span,
.cards a,
.cards article>span,
.cards p,
.cards-four p,
.chat-disclaimer,
.chat-footer,
.check-grid b,
.child-faq .faq details p,
.choose-grid p,
.choose-grid span,
.choose-v10-grid article>span,
.choose-v10-grid p,
.cities-note,
.city-core small,
.city-core span,
.city-list a>span,
.city-list small,
.compare-table .yes,
.compare-table tbody th,
.compare-table td,
.compare-table thead th,
.comparison-cards span,
.conversation-flow i,
.conversation-flow span,
.cookie-manager-placeholder>span,
.cookie-status>span,
.creative-matrix span,
.cta p,
.cta-proof,
.cta-secondary,
.dark-head p,
.decision-box>span,
.example-box>span,
.example-grid span,
.expertise-six p,
.eyebrow,
.faq details p,
.faq summary,
.faq-title-wrap>p,
.featured-story>span,
.fit-grid article>span,
.float-label,
.flow small,
.flow span,
.footer-cta,
.footer-links a,
.footer-mail,
.footer-nav-group>b,
.form-grid label>span,
.form-head p,
.form-head span,
.form-note,
.form-submit,
.form-success,
.formula-box>span,
.geo-note p,
.geo-note span,
.geo-pair small,
.gloss-breadcrumb,
.gloss-card>span,
.gloss-category-head>b,
.gloss-category-head>span,
.gloss-category-nav a,
.gloss-cta>a,
.gloss-cta>div>span,
.gloss-definition>span,
.gloss-example>span,
.gloss-note>span,
.gloss-related-card span,
.gloss-side a,
.gloss-side span,
.h1-tag,
.header-btn,
.how-ad>small,
.how-ad>span,
.how-answer,
.how-chat-head small,
.how-points article>span,
.how-points p,
.how-query,
.how-signals i,
.how-signals span,
.intent-grid article>span,
.intent-grid p,
.journey-cta-btn,
.journey-cta-kicker,
.journey-example span,
.journey-line b,
.journey-line small,
.journey-line span,
.journey-line>i,
.know>span,
.layer-stack span,
.legal-nav b,
.local-scenarios article>span,
.local-scenarios strong,
.main-nav .nav-link,
.measurement-flow p,
.measurement-flow span,
.method-badge,
.method-child .steps p,
.method-principle b,
.method-principle span,
.metric-grid-rich p,
.metric-grid-rich span,
.metric-line span,
.metrics-board article>span,
.metrics-board p,
.metrics-note p,
.metrics-note span,
.mini-ad a,
.mini-ad p,
.mini-ad small,
.nav-dropdown-all,
.nav-dropdown-grid a,
.nav-dropdown-grid a i,
.nav-dropdown-head p,
.nav-dropdown-head small,
.nav-trigger,
.nav-trigger>span,
.numbered-steps li:before,
.official-links a,
.official-strip p,
.official-strip span,
.orbit-point,
.practical-case>span,
.process-line small,
.process-line span,
.reassurance-grid b,
.reassurance-grid p,
.reassurance-head>span,
.rec-label,
.rec-tags span,
.recommendation p,
.related-card span,
.resources-grid a b,
.resources-grid a small,
.scenario-grid span,
.scope-grid article small,
.score-grid b,
.sector-card-link>span,
.sector-grid p,
.sector-grid span,
.sector-more a,
.sector-more>span,
.signal-card-top,
.signal-card>p,
.signal-grid article>span,
.signal-map-top,
.signal-map>p,
.signal-models article>p,
.signal-models article>span,
.signal-pipeline>div b,
.signal-pipeline>div small,
.signal-pipeline>div span,
.signal-pipeline>i,
.signal-row>em,
.signal-row>span,
.site-footer .footer-links a,
.site-footer .footer-nav-group>b,
.sponsored-label,
.stage-grid span,
.status-strip b,
.status-strip span,
.steps p,
.steps span,
.steps-six p,
.strategy-grid article>span,
.strategy-grid p,
.table-wrap caption,
.table-wrap th,
.tag,
.text-link,
.ticker div,
.toc-cta,
.trust,
.trust-note li:before,
.usecase-grid article>span,
.usecase-grid dd,
.usecase-grid dt,
.user-msg,
.utility-kicker,
.why-grid article>span,
.why-grid p,
.why-intro p,
.why-now-copy p,
.why-now-copy>span,
.why-now-points b,
.why-now-points small,
.why-now-points span,
footer p,
footer small,
nav a{font-size:12px!important;}
@media (max-width:850px){
.child-hero .hero-actions .text-link,
.cta-proof span,
.hero-actions .text-link,
.main-nav>.nav-link,
.menu,
.nav-dropdown-grid a,
.nav-trigger,
.reassurance-grid p,
header.menu-open nav a{font-size:12px!important;}
}
@media (max-width:860px){
.resources-grid a small{font-size:12px!important;}
}
@media (max-width:980px){
.main-nav .nav-link,
.nav-trigger{font-size:12px!important;}
}
/* AUDIT 2026-09-10 — paragraphes body : minimum 14px */
.about-method p,
.ai-duo p,
.answer>p,
.article-faq details p,
.blog-card p,
.budget-grid p,
.budget-head>p,
.budget-philosophy p,
.budget-principle p,
.cards p,
.cards-four p,
.child-faq .faq details p,
.child-faq .faq-title-wrap>p,
.choose p,
.choose-grid p,
.choose-v10-grid p,
.choose-v10-head>p,
.cities p,
.compare p,
.cookie-manager-placeholder p,
.cta p,
.cta-form-copy>p,
.dark-head p,
.decision p,
.expertise-six p,
.faq details p,
.faq-title-wrap>p,
.featured-story p,
.fit-grid p,
.form-head p,
.geo-note p,
.geo-pair p,
.geo-section p,
.gloss-card p,
.gloss-cta>div>p,
.glossary-stats p,
.how-grid p,
.how-head>p,
.how-points p,
.intent-grid p,
.internal-links-head>p,
.intro-grid p,
.journey-cta-copy p,
.know p,
.legal-alert p,
.local-scenarios p,
.measurement-note p,
.method-child .steps p,
.method-child-grid>div:first-child>p,
.metrics-board p,
.metrics-head>p,
.metrics-note p,
.nav-dropdown-head p,
.official-strip p,
.opportunity p,
.reassurance-grid p,
.related-card p,
.scope-grid p,
.sector-card-link p,
.sector-grid p,
.sectors p,
.signal-grid p,
.signal-models article>p,
.split-head>p,
.steps p,
.steps-six p,
.strategy-grid p,
.why-grid p,
.why-intro p,
.why-now-copy p,
footer p{font-size:14px!important;}
@media (max-width:620px){
.journey-cta-copy p{font-size:14px!important;}
}
@media (max-width:850px){
.budget-head>p,
.choose-v10-head>p,
.cities p,
.compare p,
.decision p,
.geo-section p,
.how-head>p,
.metrics-head>p,
.reassurance-grid p,
.sectors p{font-size:14px!important;}
}
/* AUDIT 2026-09-10 — titres H3 de cards : minimum 16px */
.ad-copy-grid h3,
.choose-grid h3,
.choose-v10-grid h3,
.how-points h3,
.sector-grid h3,
.why-grid h3{font-size:16px!important;}
/* AUDIT 2026-09-10 — titres H2 de cards : minimum 20px */
/* ============================================================
V14 — Recette design du 10 septembre 2026 (17 corrections)
Les règles ci-dessous ont volontairement priorité sur les
anciens ajustements afin d'unifier le design system du site.
============================================================ */
/* 01 + 09 — boutons et boutons-liens : 12px, texte/icône parfaitement centrés */
button,.btn,.header-btn,.text-link,.journey-cta-btn,.footer-cta,.article-inline-cta>a,
.gloss-cta>a,.utility-btn,.form-submit,.cards a,.official-links a,.toc-cta{
font-size:12px!important;
line-height:1.2!important;
}
.btn,.header-btn,.text-link,.journey-cta-btn,.footer-cta,.article-inline-cta>a,
.gloss-cta>a,.utility-btn,.cards a,.official-links a{
align-items:center!important;
}
.btn .arrow-svg,.header-btn .arrow-svg,.text-link .arrow-svg,.journey-cta-btn .arrow-svg,
.footer-cta .arrow-svg,.article-inline-cta>a .arrow-svg,.gloss-cta>a .arrow-svg,
.utility-btn .arrow-svg,.cards a .arrow-svg,.official-links a .arrow-svg{
align-self:center!important;
vertical-align:middle!important;
}
/* 02–05 — hiérarchie des grands titres.
Mega = home + hubs éditoriaux. H1 = pages business, article, glossaire, utilitaires. */
@media(min-width:851px){
.home-page .hero h1,.blog-hub-grid h1,.glossary-hero h1{
font-size:64px!important;
line-height:1.07!important;
letter-spacing:-3.2px!important;
}
.child-hero h1,.article-hero h1,.gloss-hero h1,.utility-hero h1{
font-size:60px!important;
line-height:1.06!important;
letter-spacing:-3px!important;
}
}
@media(max-width:850px){
.home-page .hero h1,.blog-hub-grid h1,.glossary-hero h1{
font-size:40px!important;
line-height:1.10!important;
letter-spacing:-1.8px!important;
}
.child-hero h1,.article-hero h1,.gloss-hero h1,.utility-hero h1{
font-size:36px!important;
line-height:1.10!important;
letter-spacing:-1.45px!important;
}
}
/* 07 — badges de hero : 12px et padding vertical réduit à 6px */
.h1-tag,.tag{
font-size:12px!important;
padding-top:6px!important;
padding-bottom:6px!important;
line-height:1.25!important;
}
/* 08 — tags de titre de section */
.eyebrow,.utility-kicker{
font-size:12px!important;
line-height:1.35!important;
}
/* 10 — les petits tags qui ouvrent une card restent volontairement à 10px. */
.cards article>span,.signal-models article>span,.status-strip span,
.why-now-copy>span,.why-now-points small,.method-badge,.conversation-flow span,.method-principle span,
.ai-label,.sector-grid .sector-card-link>span,.choose-grid article>span,.how-points article>span,
.metrics-board article>span,.budget-grid article>span,.choose-v10-grid article>span,
.signal-grid article>span,.intent-grid article>span,.strategy-grid article>span,.usecase-grid article>span,
.fit-grid article>span,.local-scenarios article>span,.scope-grid article small,.geo-pair small,
.about-principles article>span,.about-method>div>b,.gloss-card>span,.related-card>span,
.featured-story .blog-cat,.blog-card .blog-cat,.article-summary>div span,.practical-case>span,
.example-grid article>span,.comparison-cards article>span,.scenario-grid article>span,.stage-grid article>span,
.check-grid article>span,.score-grid article>span{
font-size:10px!important;
}
/* 10 — titres de cards : H2 20px minimum, H3 16px minimum. */
.why-grid h3,.sector-grid h3,.choose-grid h3,.how-points h3,.choose-v10-grid h3,
.strategy-grid h3,.intent-grid h3,.signal-grid h3,.fit-grid h3,.scope-grid h3,.local-scenarios h3{
font-size:16px!important;
}
/* 11 — cards secteurs : numéro en haut à gauche, flèche en haut à droite. */
.sector-grid .sector-card-link{padding-top:58px!important;}
.sector-grid .sector-card-link>span{
position:absolute!important;
left:20px!important;
right:auto!important;
top:20px!important;
margin:0!important;
}
.sector-grid .sector-card-link>i{
position:absolute!important;
right:20px!important;
left:auto!important;
top:20px!important;
}
.sector-grid .sector-card-link h3{margin-top:22px!important;}
/* 12 — micro-animation sobre sur les flèches cliquables, avec respect de reduced motion. */
a .arrow-svg{transition:transform .2s ease,color .2s ease,opacity .2s ease;transform-origin:center;}
a:hover .arrow-ne{transform:translate(2px,-2px) scale(1.12);color:#10a37f;}
a:hover .arrow-right{transform:translateX(3px) scale(1.12);color:#10a37f;}
.sector-card-link:hover>i .arrow-svg,.city-list a:hover i .arrow-svg,.gloss-card:hover i .arrow-svg,
.gloss-related-card:hover i .arrow-svg,.related-card:hover i .arrow-svg,.internal-links a:hover i .arrow-svg{
opacity:1;
filter:drop-shadow(0 2px 4px rgba(16,163,127,.18));
}
@media(prefers-reduced-motion:reduce){a .arrow-svg{transition:none!important}a:hover .arrow-svg{transform:none!important}}
/* 13 — mobile : suppression des flèches grises parasites entre les étapes 01 → 04. */
@media(max-width:850px){
.journey-line>i{display:none!important;transform:none!important;margin:0!important;}
}
/* 14 — tableau comparatif : indicateur de scroll + scrollbar visible sur mobile. */
.compare-scroll-hint{display:none;}
@media(max-width:850px){
.compare-scroll-hint{
display:flex;align-items:center;justify-content:flex-end;gap:8px;
margin:22px 0 -40px;color:#65706d;font:500 12px 'DM Mono',monospace;
}
.compare-scroll-hint .scroll-svg{width:18px;height:18px;color:#10a37f;flex:none;}
.compare-table-wrap{
overflow-x:auto!important;-webkit-overflow-scrolling:touch;
scrollbar-width:auto;scrollbar-color:#10a37f #e7efec;
padding-bottom:6px;
box-shadow:inset -18px 0 18px -20px rgba(17,20,24,.45);
}
.compare-table-wrap::-webkit-scrollbar{height:8px;}
.compare-table-wrap::-webkit-scrollbar-track{background:#e7efec;border-radius:99px;}
.compare-table-wrap::-webkit-scrollbar-thumb{background:#10a37f;border-radius:99px;}
}
/* 15 — bandeaux CTA desktop : chiffre au-dessus du tag, alignés à gauche. */
@media(min-width:851px){
.journey-cta-kicker{
display:flex!important;flex-direction:column!important;align-items:flex-start!important;
justify-content:center!important;gap:10px!important;white-space:normal!important;
}
.journey-cta-kicker span{margin-right:0!important;}
}
/* 16 — “Notre philosophie” : vrai bouton blanc, cohérent avec les autres CTA. */
.budget-principle a{
display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
background:#fff!important;color:#111418!important;border:1px solid #fff!important;border-radius:8px!important;
padding:13px 15px!important;text-decoration:none!important;font-size:12px!important;line-height:1.2!important;
box-shadow:none!important;
}
.budget-principle a b{color:#08765d!important;margin-left:0!important;display:flex;align-items:center;}
.budget-principle a:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.18)!important;}
@media(max-width:600px){.budget-principle a{width:100%!important;}}
/* 17 — Expertise : même conteneur et mêmes marges que les autres sections. */
#expertise>*{
width:100%!important;
max-width:1220px!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Ajustements de paragraphes body relevés dans l'audit (sans gonfler les micro-textes d'UI simulée). */
.intro-grid p,.dark-head p,.cards p,.steps p,.faq details p,.cta p,
.why-intro p,.why-grid p,.decision-copy p,.signal-models article>p,.why-now-copy p,
.ai-duo p,.geo-note p,.sector-grid p,.choose-grid p,.how-points p,.metrics-board p,.metrics-note p,
.budget-grid p,.budget-principle p,.choose-v10-grid p,.cities-head p,.journey-cta-copy p,
.split-head>p,.internal-links-head>p,.signal-grid p,.intent-grid p,.strategy-grid p,.usecase-grid p,
.measurement-note p,.budget-philosophy p,.geo-pair p,.method-child-grid>div:first-child>p,
.method-child .steps p,.fit-grid p,.scope-grid p,.local-scenarios p,.child-faq .faq details p,
.sector-card-link p,.blog-card p,.featured-story p,.gloss-card p,.about-method p,.cookie-manager-placeholder p{
font-size:14px!important;
}
/* ============================================================
V15 — RECETTE DESIGN ROUND 2 · 10 septembre 2026
14 corrections. Ces règles gardent les principes du round 1
et ont priorité sur les anciens ajustements du prototype.
============================================================ */
/* 01 — grands titres de section (appelés « H1 de section » dans la recette).
Le mega-titre du hero reste 64/40. Les landing pages reprennent la même échelle
éditoriale sur leurs grands titres de section, sans modifier les H2 d'articles/glossaire. */
@media(min-width:851px){
.home-page main>section:not(.hero) h2,
.child-page main>section.section>h2,
.child-page main>section.section>div:first-child>h2,
.child-page main>section.section .split-head>h2,
.child-page main>section.section .faq-title-wrap>h2,
.child-page main>section.cta .cta-form-copy>h2{
font-size:60px!important;
line-height:1.06!important;
letter-spacing:-3px!important;
}
}
@media(max-width:850px){
.home-page main>section:not(.hero) h2,
.child-page main>section.section>h2,
.child-page main>section.section>div:first-child>h2,
.child-page main>section.section .split-head>h2,
.child-page main>section.section .faq-title-wrap>h2,
.child-page main>section.cta .cta-form-copy>h2{
font-size:36px!important;
line-height:1.10!important;
letter-spacing:-1.5px!important;
}
}
/* 02 — ticker continu : deux séquences identiques dans une track sans rupture. */
.ticker{overflow:hidden!important;white-space:nowrap!important;}
.ticker .ticker-track{
display:flex!important;
width:max-content!important;
animation:ticker-loop 24s linear infinite!important;
will-change:transform;
}
.ticker .ticker-seq{
flex:0 0 auto;
display:inline-flex;
align-items:center;
font:500 12px 'DM Mono',monospace;
letter-spacing:.14em;
color:#7d8582;
}
.ticker .ticker-seq b{color:#10a37f;padding:0 20px;display:inline-flex;align-items:center;}
@keyframes ticker-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation-play-state:paused!important}}
/* 03 — mobile : le mockup du hero reste dans son flux et ne recouvre ni les CTA ni le ticker. */
@media(max-width:850px){
.home-page .hero{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:34px!important;
align-items:start!important;
min-height:0!important;
padding-bottom:42px!important;
overflow:hidden!important;
}
.home-page .hero-copy{min-width:0;position:relative;z-index:3;}
.home-page .chat-stage{
width:100%!important;
height:auto!important;
min-height:0!important;
padding:10px 0 8px!important;
position:relative!important;
overflow:visible!important;
place-items:center!important;
}
.home-page .chat-window{
width:min(100%,520px)!important;
max-width:100%!important;
transform:none!important;
animation:none!important;
position:relative!important;
}
.home-page .glow{width:min(92vw,430px)!important;height:min(92vw,430px)!important;}
}
@media(max-width:500px){
.home-page .hero{gap:28px!important;padding-bottom:34px!important;}
.home-page .chat-stage{padding:4px 0 6px!important;}
.home-page .chat-window{border-radius:13px!important;}
.home-page .chat-body{padding:18px!important;}
}
/* 04 — desktop : « Notre approche » reprend le gabarit du CTA principal,
mais garde une hiérarchie secondaire (fond transparent + bordure fine). */
@media(min-width:851px){
.home-page .hero-actions .text-link{
min-height:46px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:24px!important;
padding:14px 18px!important;
border:1px solid #d6dfdc!important;
border-radius:8px!important;
background:transparent!important;
color:#252a2c!important;
text-decoration:none!important;
transition:border-color .2s ease,background-color .2s ease,transform .2s ease!important;
}
.home-page .hero-actions .text-link:hover{border-color:#9fcfc2!important;background:#f7fbf9!important;transform:translateY(-2px);}
.home-page .hero-actions .text-link span{display:flex!important;align-items:center!important;margin-left:0!important;}
}
/* 05 — harmonisation des petits titres de cards et sous-blocs relevés au round 2. */
.signal-models article>b,.metrics-board b{font-size:20px!important;}
.cards h3,.signal-grid h3,.usecase-grid h3,.fit-grid h3,.scope-grid h3,
.local-scenarios h3,.sector-card-link h3,.strategy-grid h3,.intent-grid h3,
.choose-grid h3,.choose-v10-grid h3,.how-points h3,.why-grid h3{font-size:16px!important;}
.steps b,.method-child .steps b,.measurement-note b,.budget-philosophy b,
.about-scope b,.legal-alert b,.cookie-manager-placeholder b{font-size:14px!important;}
/* 06 — textes de paragraphe restés en 12px dans les blocs de réassurance et cards. */
.reassurance-grid p,.reassurance-head+b p,.official-strip p,.status-strip p,
.why-now-copy p,.why-now-points p,.method-principle p{font-size:14px!important;line-height:1.65!important;}
/* 07 — CTA après la section 1 : 40px visuels au-dessus et au-dessous. */
.home-page #decision{padding-bottom:20px!important;}
.home-page .cta-after-decision{padding-top:20px!important;padding-bottom:40px!important;}
/* 08 — CTA « Passer à l'action » après la section Expertise. */
.home-page #expertise{padding-bottom:20px!important;}
.home-page .cta-after-expertise{padding-top:20px!important;padding-bottom:40px!important;}
/* 09 — CTA avant la section Mesure : 40px au-dessus, 40px visuels jusqu'à la section suivante. */
.home-page .cta-before-metrics{padding-top:40px!important;padding-bottom:20px!important;}
.home-page #metrics{padding-top:20px!important;}
/* 10 — « À RETENIR » : alignement vertical + respiration cohérente avec le duo de cards. */
.home-page .geo-note{
margin-top:28px!important;
min-height:74px;
align-items:center!important;
padding-top:18px!important;
padding-bottom:18px!important;
}
.home-page .geo-note>span{
align-self:stretch;
display:flex!important;
align-items:center!important;
min-height:38px;
}
/* 11 — FAQ : question = 14px, cohérente avec la réponse. */
.faq summary,.child-faq .faq summary{font-size:14px!important;line-height:1.5!important;}
/* 12 — icône standard du bouton Conversation Mapping. */
.conversation-card>a{display:inline-flex!important;align-items:center!important;gap:8px!important;}
.conversation-card>a .arrow-down{width:12px!important;height:12px!important;color:currentColor!important;}
.conversation-card>a:hover .arrow-down{transform:translateY(2px) scale(1.08);color:#10a37f;}
/* 13 — bouton « Évaluer votre potentiel » : même poids typographique que les autres boutons. */
.budget-principle a{font-weight:500!important;}
/* 14 — mobile : séparer clairement Conversation / Publicité / Landing page / Conversion. */
@media(max-width:850px){
.home-page .journey-line{
gap:0!important;
padding:6px 18px!important;
overflow:hidden!important;
}
.home-page .journey-line>div{
width:100%;
grid-template-columns:34px 1fr!important;
column-gap:10px!important;
padding:16px 0!important;
border-bottom:1px solid #dfe6e3;
}
.home-page .journey-line>div:last-of-type{border-bottom:0!important;}
.home-page .journey-line small{align-self:start;padding-top:2px;}
.home-page .journey-line b{font-size:14px!important;line-height:1.4!important;}
.home-page .journey-line span{font-size:12px!important;line-height:1.55!important;margin-top:4px!important;}
}
/* V15 / Round 2 — garde-fou final pour les grands titres des landing pages secteur / ville. */
@media(min-width:851px){.child-page main>section.section h2{font-size:60px!important;line-height:1.06!important;letter-spacing:-3px!important;}}
@media(max-width:850px){.child-page main>section.section h2{font-size:36px!important;line-height:1.10!important;letter-spacing:-1.5px!important;}}
/* ============================================================
V16 — PAGE AUTEUR + ATTRIBUTION ÉDITORIALE
============================================================ */
.author-profile-page{background:#fff;color:#111418}
.author-wrap{width:min(1220px,calc(100% - 60px));margin:0 auto}
.author-hero{padding:70px 0 78px;border-bottom:1px solid #e3ebe8;background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)}
.author-hero-grid{display:grid;grid-template-columns:1.02fr .78fr;gap:88px;align-items:center}
.author-kicker{display:inline-flex;align-items:center;gap:8px;font:500 12px 'DM Mono',monospace;letter-spacing:.08em;color:#08765d;text-transform:uppercase}
.author-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#10a37f;box-shadow:0 0 0 5px rgba(16,163,127,.08)}
.author-hero h1{font-size:60px;line-height:1.08;letter-spacing:-3px;font-weight:500;margin:22px 0 12px}
.author-role{font-size:20px;line-height:1.45;font-weight:500;margin:0 0 22px;color:#2b3230}
.author-lead{font-size:16px;line-height:1.78;color:#66706d;max-width:680px;margin:0 0 30px}
.author-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.author-hero-actions .btn{font-size:12px;min-height:48px}
.author-secondary-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:1px solid #d6dfdc;border-radius:8px;color:#252a2c;text-decoration:none;font-size:12px;font-weight:500;transition:.2s ease}
.author-secondary-btn:hover{border-color:#9fcfc2;background:#f7fbf9;transform:translateY(-2px)}
.author-photo-card{position:relative;border:1px solid #cfe8df;border-radius:26px;padding:10px;background:#fff;box-shadow:0 30px 80px rgba(17,20,24,.10),0 0 0 8px rgba(16,163,127,.025)}
.author-photo-card:before{content:"";position:absolute;inset:-24px -18px auto auto;width:145px;height:145px;border:1px solid rgba(16,163,127,.20);border-radius:50%;z-index:-1}
.author-photo-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px}
.author-photo-badge{position:absolute;left:28px;bottom:27px;background:rgba(17,20,24,.92);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:10px 13px;font:500 10px 'DM Mono',monospace;letter-spacing:.06em;backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px}
.author-photo-badge span{width:6px;height:6px;border-radius:50%;background:#58cdb2}
.author-proof{padding:0;border-bottom:1px solid #e3ebe8}
.author-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.author-proof-grid>div{padding:24px 22px;border-right:1px solid #e3ebe8;display:flex;flex-direction:column;gap:6px}
.author-proof-grid>div:first-child{padding-left:0}.author-proof-grid>div:last-child{border-right:0}
.author-proof-grid strong{font-size:24px;line-height:1.1;font-weight:500}.author-proof-grid span{font-size:14px;color:#737d79;line-height:1.5}
.author-section{padding:105px 0}.author-section.author-dark{background:#111418;color:#fff}.author-section.author-soft{background:#f7faf9}
.author-two-col,.author-personal-grid{display:grid;grid-template-columns:.82fr 1fr;gap:115px;align-items:start}
.author-section h2,.author-cta h2{font-size:60px;line-height:1.06;letter-spacing:-3px;font-weight:500;margin:0}
.author-copy p{font-size:16px;line-height:1.8;color:#66706d;margin:0 0 18px}.author-dark .author-copy p{color:#98a19e}
.author-expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:52px}
.author-expertise-grid article{min-height:255px;padding:24px;border:1px solid #31383a;border-radius:14px;background:#15191d;position:relative}
.author-expertise-grid article>span{font:500 10px 'DM Mono',monospace;color:#58cdb2}.author-expertise-grid h3{font-size:16px;line-height:1.4;font-weight:500;margin:72px 0 12px}.author-expertise-grid p{font-size:14px;line-height:1.72;color:#98a19e;margin:0}
.author-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
.author-trust-grid article{border:1px solid #dfe7e4;border-radius:12px;padding:22px;background:#fff}.author-trust-grid b{display:block;font-size:16px;font-weight:500;margin-bottom:10px}.author-trust-grid p{font-size:14px;line-height:1.68;color:#6e7774;margin:0}
.author-publications-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.author-publications-head>div{max-width:760px}.author-publications-head>a{font-size:12px;text-decoration:none;color:#08765d;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.author-publications-head>a:hover .arrow-svg{transform:translate(2px,-2px)}
.author-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.author-article-card{min-height:280px;border:1px solid #dfe7e4;border-radius:14px;padding:22px;text-decoration:none;color:#111418;position:relative;transition:.25s ease;background:#fff}.author-article-card:hover{transform:translateY(-4px);border-color:#9dd7c7;box-shadow:0 18px 42px rgba(17,20,24,.07)}.author-article-card>span{font:500 10px 'DM Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:#08765d}.author-article-card h3{font-size:16px;line-height:1.45;font-weight:500;margin:50px 0 12px}.author-article-card p{font-size:14px;line-height:1.68;color:#6e7774;margin:0 0 38px}.author-article-card>i{position:absolute;right:22px;bottom:20px;color:#10a37f;font-style:normal;transition:.2s ease}.author-article-card:hover>i{transform:translate(2px,-2px) scale(1.08)}
.author-cta{background:#111418;color:#fff;padding:72px 0}.author-cta .author-wrap{display:flex;justify-content:space-between;gap:55px;align-items:end}.author-cta h2{max-width:760px}.author-cta p{font-size:14px;line-height:1.7;color:#98a19e;max-width:650px;margin:18px 0 0}.author-cta .btn{font-size:12px;white-space:nowrap}
/* Auteur dans les articles */
.article-author-link{font-size:12px;color:#08765d;text-decoration:none}.article-author-link:hover{text-decoration:underline}
.content-author-card{margin:58px 0 26px;border:1px solid #dfe7e4;border-radius:16px;padding:22px;display:grid;grid-template-columns:112px 1fr;gap:24px;align-items:center;background:linear-gradient(135deg,#fff 0%,#f7fbf9 100%)}
.content-author-card>img{width:112px;height:112px;object-fit:cover;border-radius:14px;border:1px solid #cde7de}
.content-author-card .eyebrow{margin:0 0 8px;font-size:10px}.content-author-card h2{font-size:20px!important;line-height:1.3!important;letter-spacing:-.5px!important;margin:0 0 8px!important;font-weight:500!important}.content-author-card p{font-size:14px;line-height:1.65;color:#68716e;margin:0 0 12px}.author-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.author-profile-link,.author-linkedin{font-size:12px;text-decoration:none;color:#08765d;display:inline-flex;align-items:center;gap:7px}.author-linkedin{color:#5d6764}.author-profile-link:hover,.author-linkedin:hover{text-decoration:underline}
/* Auteur dans les définitions du glossaire */
.gloss-author-strip{margin:42px 0 20px;padding:16px 18px;border:1px solid #dfe7e4;border-radius:12px;background:#f8fbfa;display:flex;align-items:center;gap:14px}.gloss-author-strip img{width:58px;height:58px;object-fit:cover;border-radius:10px;border:1px solid #cde7de}.gloss-author-strip>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:4px;align-items:center}.gloss-author-strip span{font:500 10px 'DM Mono',monospace;color:#08765d;letter-spacing:.06em}.gloss-author-strip a{font-size:14px;font-weight:500;color:#111418;text-decoration:none}.gloss-author-strip a:hover{color:#08765d}.gloss-author-strip p{grid-column:1/-1;font-size:12px!important;line-height:1.5!important;color:#74807c!important;margin:0!important}
.about-author-link{margin-top:24px;border:1px solid #d6e4df;border-radius:12px;padding:16px 18px;text-decoration:none;display:grid;grid-template-columns:1fr auto;gap:5px 20px;align-items:center;color:#111418;background:#fbfdfc}.about-author-link span{font:500 10px 'DM Mono',monospace;color:#08765d}.about-author-link b{font-size:14px;font-weight:500}.about-author-link svg{grid-column:2;grid-row:1/3;color:#10a37f}.about-author-link:hover{border-color:#9fcfc2}
@media(max-width:1050px){
.author-hero-grid{gap:50px}.author-two-col,.author-personal-grid{gap:70px}.author-expertise-grid,.author-trust-grid{grid-template-columns:1fr 1fr}.author-articles-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
.author-wrap{width:min(100% - 40px,1220px)}.author-hero{padding:44px 0 58px}.author-hero-grid{grid-template-columns:1fr;gap:36px}.author-hero h1{font-size:40px;line-height:1.12;letter-spacing:-1.8px}.author-role{font-size:18px}.author-lead{font-size:14px}.author-photo-card{max-width:560px;margin:0 auto}.author-proof-grid{grid-template-columns:1fr 1fr}.author-proof-grid>div{border-bottom:1px solid #e3ebe8}.author-proof-grid>div:nth-child(2){border-right:0}.author-proof-grid>div:nth-child(3),.author-proof-grid>div:nth-child(4){border-bottom:0}.author-proof-grid>div:nth-child(3){padding-left:0}.author-section{padding:78px 0}.author-two-col,.author-personal-grid{grid-template-columns:1fr;gap:35px}.author-section h2,.author-cta h2{font-size:36px;line-height:1.1;letter-spacing:-1.5px}.author-copy p{font-size:14px}.author-publications-head{align-items:flex-start;flex-direction:column}.author-cta .author-wrap{align-items:flex-start;flex-direction:column}.content-author-card{grid-template-columns:86px 1fr;gap:18px}.content-author-card>img{width:86px;height:86px}
}
@media(max-width:600px){
.author-hero-actions{display:grid;grid-template-columns:1fr}.author-hero-actions .btn,.author-secondary-btn{width:100%;justify-content:space-between}.author-photo-badge{left:20px;bottom:19px}.author-expertise-grid,.author-trust-grid,.author-articles-grid{grid-template-columns:1fr}.author-expertise-grid article{min-height:220px}.author-proof-grid strong{font-size:22px}.author-proof-grid span{font-size:12px}.content-author-card{grid-template-columns:1fr;text-align:left}.content-author-card>img{width:92px;height:92px}.gloss-author-strip{align-items:flex-start}.gloss-author-strip>div{display:block}.gloss-author-strip span,.gloss-author-strip a{display:block;margin-bottom:4px}.gloss-author-strip p{font-size:12px!important}.about-author-link{grid-template-columns:1fr auto}}
/* ============================================================
V17 — PAGE AUTEUR : PHOTO PLUS COMPACTE
La photo reste la même, seul son cadrage dans la page est ajusté.
============================================================ */
.author-photo-card{max-width:540px;justify-self:end;width:100%}
.author-photo-card img{aspect-ratio:4/3;object-fit:cover;object-position:center 38%}
@media(max-width:1050px) and (min-width:851px){
.author-photo-card{max-width:500px}
}
@media(max-width:850px){
.author-photo-card{max-width:620px;justify-self:center}
.author-photo-card img{aspect-ratio:4/3;object-position:center 38%}
}
@media(max-width:600px){
.author-photo-card img{aspect-ratio:16/11;object-position:center 38%}
}
/* ============================================================
V18 — PAGE AUTEUR : HERO RÉÉQUILIBRÉ
La photo devient un élément de réassurance secondaire et ne remplit plus
toute la hauteur du hero. Correction explicite de l'attribut HTML height.
============================================================ */
@media(min-width:1051px){
.author-hero{padding:76px 0 82px}
.author-hero-grid{
grid-template-columns:minmax(0,1fr) 390px;
gap:72px;
align-items:center;
}
.author-hero-copy{max-width:720px}
.author-photo-card{
width:390px;
max-width:390px;
justify-self:end;
align-self:center;
padding:8px;
border-radius:22px;
box-shadow:0 22px 58px rgba(17,20,24,.08),0 0 0 7px rgba(16,163,127,.022);
}
.author-photo-card img{
width:100%;
height:360px;
aspect-ratio:auto;
object-fit:cover;
object-position:center 34%;
border-radius:15px;
}
.author-photo-card:before{width:112px;height:112px;inset:-18px -14px auto auto}
.author-photo-badge{left:22px;bottom:21px;padding:9px 12px}
}
@media(max-width:1050px) and (min-width:851px){
.author-hero-grid{grid-template-columns:minmax(0,1fr) 350px;gap:46px}
.author-photo-card{width:350px;max-width:350px;justify-self:end}
.author-photo-card img{width:100%;height:330px;aspect-ratio:auto;object-fit:cover;object-position:center 34%}
}
@media(max-width:850px){
.author-hero-grid{grid-template-columns:1fr;gap:30px}
.author-photo-card{width:min(100%,460px);max-width:460px;justify-self:start;margin:4px 0 0}
.author-photo-card img{width:100%;height:300px;aspect-ratio:auto;object-fit:cover;object-position:center 32%}
}
@media(max-width:600px){
.author-photo-card{width:100%;max-width:none}
.author-photo-card img{height:270px;aspect-ratio:auto;object-position:center 31%}
.author-photo-badge{left:18px;bottom:17px}
}
/* V20 — compact author reassurance block on home */
.home-author-proof{padding-top:68px!important;padding-bottom:68px!important;background:#f7faf8}
.home-author-proof-card{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:330px minmax(0,1fr);gap:64px;align-items:center;padding:34px;border:1px solid #dce7e3;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(17,20,24,.045)}
.home-author-proof-media{position:relative;overflow:hidden;border-radius:15px;border:1px solid #a9ddce;background:#eef7f3;aspect-ratio:4/3}
.home-author-proof-media img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}
.home-author-proof-media>span{position:absolute;left:14px;bottom:14px;padding:8px 10px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(17,20,24,.86);backdrop-filter:blur(8px);color:#fff;font:500 10px 'DM Mono',monospace;letter-spacing:.06em}
.home-author-proof-copy{max-width:700px}
.home-author-proof-copy .eyebrow{margin-bottom:16px}
.home-author-proof-copy h2{font-size:44px;line-height:1.05;letter-spacing:-.045em;font-weight:400;margin:0 0 22px;max-width:700px}
.home-author-proof-copy h2 em{font-style:normal;color:#10a37f}
.home-author-proof-copy>p{font-size:16px;line-height:1.72;color:#66716d;margin:0;max-width:680px}
.home-author-proof-points{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 26px}
.home-author-proof-points span{padding:9px 11px;border:1px solid #dce7e3;border-radius:999px;background:#f8fbfa;color:#55615d;font-size:12px;line-height:1.2}
.home-author-proof-points b{font-weight:500;color:#111418}
.home-author-proof-actions{display:flex;align-items:center;gap:18px}
.home-author-proof-actions .btn{min-height:46px;padding:0 15px;font-size:12px}
.home-author-proof-link{display:inline-flex;align-items:center;gap:6px;color:#08765d;text-decoration:none;font-size:12px;font-weight:500}
.home-author-proof-link .arrow-svg{width:15px;height:15px}
@media(max-width:900px){
.home-author-proof{padding-top:48px!important;padding-bottom:48px!important}
.home-author-proof-card{grid-template-columns:260px minmax(0,1fr);gap:34px;padding:24px}
.home-author-proof-copy h2{font-size:36px}
}
@media(max-width:700px){
.home-author-proof{padding:36px 16px!important}
.home-author-proof-card{grid-template-columns:1fr;gap:24px;padding:16px;border-radius:15px}
.home-author-proof-media{aspect-ratio:16/10;max-height:260px}
.home-author-proof-media img{object-position:center 30%}
.home-author-proof-copy{padding:2px 2px 8px}
.home-author-proof-copy h2{font-size:36px;line-height:1.06;margin-bottom:18px}
.home-author-proof-copy>p{font-size:14px}
.home-author-proof-points{display:grid;grid-template-columns:1fr;gap:7px;margin:20px 0 22px}
.home-author-proof-points span{border-radius:10px;font-size:12px}
.home-author-proof-actions{flex-direction:column;align-items:stretch;gap:10px}
.home-author-proof-actions .btn{width:100%;min-height:52px;justify-content:space-between}
.home-author-proof-link{min-height:44px;justify-content:space-between;padding:0 2px}
}
/* V22 — About page imagery and expert reassurance */
.about-office-section{padding:0 30px 100px;background:#fff;border-bottom:1px solid #e4e9e7}
.about-office-figure{margin:0;position:relative;border:1px solid #d6e5df;border-radius:20px;overflow:hidden;background:#eef5f2;box-shadow:0 24px 70px rgba(17,20,24,.07)}
.about-office-figure img{display:block;width:100%;height:min(54vw,620px);object-fit:cover;object-position:center 54%}
.about-office-figure figcaption{position:absolute;left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 18px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(12,21,18,.78);backdrop-filter:blur(10px);color:#fff}
.about-office-figure figcaption span{font:500 10px 'DM Mono',monospace;letter-spacing:.08em;color:#6ee7c1;white-space:nowrap}
.about-office-figure figcaption p{margin:0;max-width:720px;font-size:14px;line-height:1.55;color:#e7efec;text-align:right}
.about-expert-section{background:#f7faf8}
.about-expert-card{display:grid;grid-template-columns:280px minmax(0,1fr);gap:62px;align-items:center;padding:34px;border:1px solid #dce7e3;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(17,20,24,.045)}
.about-expert-media{overflow:hidden;border:1px solid #a9ddce;border-radius:16px;background:#edf7f3;aspect-ratio:4/3}
.about-expert-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 31%}
.about-expert-copy h2{font-size:44px;line-height:1.05;letter-spacing:-.045em;font-weight:400;margin:14px 0 20px;max-width:790px}
.about-expert-copy>p{font-size:16px;line-height:1.72;color:#66716d;max-width:760px;margin:0}
.about-expert-points{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 26px}
.about-expert-points span{padding:9px 11px;border:1px solid #dce7e3;border-radius:999px;background:#f8fbfa;color:#55615d;font-size:12px;line-height:1.2}
.about-expert-btn{font-size:12px;min-height:46px}
@media(max-width:900px){
.about-office-section{padding:0 20px 72px}
.about-office-figure img{height:430px}
.about-expert-card{grid-template-columns:220px minmax(0,1fr);gap:34px;padding:24px}
.about-expert-copy h2{font-size:36px}
}
@media(max-width:680px){
.about-office-section{padding:0 16px 58px}
.about-office-figure{border-radius:15px}
.about-office-figure img{height:330px;object-position:center 50%}
.about-office-figure figcaption{position:static;border:0;border-radius:0;background:#0c1512;display:block;padding:16px}
.about-office-figure figcaption p{font-size:13px;text-align:left;margin-top:7px}
.about-expert-card{grid-template-columns:1fr;gap:24px;padding:16px;border-radius:15px}
.about-expert-media{max-height:280px;aspect-ratio:16/10}
.about-expert-copy h2{font-size:34px;line-height:1.07}
.about-expert-copy>p{font-size:14px}
.about-expert-points{display:grid;grid-template-columns:1fr;gap:7px;margin:20px 0 22px}
.about-expert-points span{border-radius:10px}
.about-expert-btn{width:100%;min-height:52px;justify-content:space-between}
}
.form-success.is-error{color:#b42318}
.form-submit:disabled{opacity:.65;cursor:wait}
/* V25 — home hero semantic heading hierarchy without visual change */
.hero-heading{margin:27px 0}
.hero-heading>.h1-tag{margin:0 0 27px;font-weight:500!important}
.hero-heading>.hero-title{font-size:clamp(51px,5.5vw,78px);line-height:.98;letter-spacing:-4px;font-weight:400!important;margin:0;color:#111418}
@media(min-width:851px){
.hero-heading{margin:20px 0 22px}
.hero-heading>.h1-tag{margin-bottom:20px}
.home-page .hero .hero-title{font-size:64px!important;line-height:1.07!important;letter-spacing:-3.2px!important}
}
@media(min-width:851px) and (max-height:820px){
.hero-heading{margin:16px 0 18px}
.hero-heading>.h1-tag{margin-bottom:16px}
}
@media(max-width:850px){
.home-page .hero .hero-title{font-size:40px!important;line-height:1.10!important;letter-spacing:-1.8px!important}
}
/* V26 — semantic heading swap without visual changes */
.home-page .hero .hero-heading > h1.h1-tag{
font-family:'DM Mono',monospace!important;
font-size:9px!important;
font-weight:500!important;
line-height:1!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
color:#08765d!important;
margin:0 0 27px!important;
padding:8px 11px!important;
}
@media(max-width:850px){
.home-page .hero .hero-heading > h1.h1-tag{margin-bottom:20px!important}
}
@media(max-width:600px){
.home-page .hero .hero-heading > h1.h1-tag{margin-bottom:16px!important}
}
/* FAQ H3 semantic reset — preserves existing summary design */
.faq summary h3,.child-faq .faq summary h3,.article-faq summary h3,.gloss-faq summary h3{margin:0!important;padding:0!important;flex:1;min-width:0;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit!important;text-transform:inherit!important;text-align:inherit!important;}
/* V28 — semantic hero headings for sector and city pages; visual rendering preserved */
.child-hero .child-hero-heading{margin:24px 0}
.child-hero .child-hero-heading>h1,
.child-hero .child-hero-heading>h2{
line-height:1.06!important;
letter-spacing:-3px!important;
font-weight:400!important;
margin:0!important;
}
.child-hero .child-hero-heading>h2{color:#10a37f}
@media(min-width:851px){
.child-hero .child-hero-heading>h1,
.child-hero .child-hero-heading>h2{font-size:60px!important}
}
@media(max-width:850px){
.child-hero .child-hero-heading>h1,
.child-hero .child-hero-heading>h2{
font-size:36px!important;
line-height:1.10!important;
letter-spacing:-1.45px!important;
}
}
/* ============================================================
V30 — PAGE CONTACT
============================================================ */
.contact-main{background:#111418;color:#fff;padding:100px 30px}
.contact-shell{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(480px,1fr);gap:88px;align-items:start}
.contact-copy{padding-top:18px}.contact-copy .eyebrow{margin-bottom:38px}
.contact-copy h2{font-size:clamp(42px,5vw,66px);line-height:1;letter-spacing:-.055em;font-weight:400;margin:0 0 26px;max-width:620px}
.contact-copy>p{font-size:15px;line-height:1.78;color:#aab4b1;max-width:570px;margin:0 0 40px}
.contact-reassurance{border-top:1px solid #303938}
.contact-reassurance article{display:grid;grid-template-columns:38px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #303938}
.contact-reassurance article>span{font:500 10px 'DM Mono',monospace;color:#58cdb2;padding-top:4px}
.contact-reassurance h3{font-size:16px;line-height:1.3;font-weight:500;margin:0 0 7px;color:#fff}
.contact-reassurance p{font-size:13px;line-height:1.7;color:#8f9996;margin:0;max-width:500px}
.contact-form-wrap{position:sticky;top:100px}.contact-form-wrap .lead-form{box-shadow:0 34px 80px rgba(0,0,0,.23)}
.contact-form-wrap .form-note a{color:inherit}
.contact-next{padding:100px 30px;background:#f5f8f7;border-bottom:1px solid #e1e7e4}
.contact-next h2{font-size:clamp(38px,4.7vw,62px);line-height:1.03;letter-spacing:-.05em;font-weight:400;max-width:760px;margin:18px 0 48px}
.contact-next-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce5e2;border-radius:14px;overflow:hidden;background:#fff}
.contact-next-grid article{padding:28px;min-height:220px;border-right:1px solid #dce5e2}
.contact-next-grid article:last-child{border-right:0}
.contact-next-grid article>span{font:500 10px 'DM Mono',monospace;color:#10a37f}
.contact-next-grid h3{font-size:19px;line-height:1.25;font-weight:500;margin:55px 0 10px}
.contact-next-grid p{font-size:14px;line-height:1.72;color:#6f7875;margin:0}
@media(max-width:950px){.contact-shell{grid-template-columns:1fr;gap:50px}.contact-form-wrap{position:static;max-width:680px}.contact-next-grid{grid-template-columns:1fr}.contact-next-grid article{min-height:auto;border-right:0;border-bottom:1px solid #dce5e2}.contact-next-grid article:last-child{border-bottom:0}}
@media(max-width:600px){.contact-main,.contact-next{padding:72px 16px}.contact-copy h2{font-size:38px}.contact-copy>p{font-size:14px}.contact-next h2{font-size:36px}.contact-next-grid article{padding:22px}.contact-next-grid h3{margin-top:36px}}
/* V33 — market data & marketing proof */
.market-proof{margin-top:46px;padding:34px;border:1px solid #dbe6e2;border-radius:18px;background:linear-gradient(180deg,#fbfdfc 0%,#f5faf8 100%)}
.market-proof-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);column-gap:70px;align-items:end;margin-bottom:28px}
.market-proof-head>span{grid-column:1/-1;font:500 9px 'DM Mono',monospace;color:#08765d;letter-spacing:.08em;margin-bottom:15px}
.market-proof-head h3{font-size:36px;line-height:1.05;letter-spacing:-.045em;font-weight:400;margin:0}.market-proof-head h3 em{font-style:normal;color:#10a37f}
.market-proof-head p{font-size:13px;line-height:1.75;color:#66716d;margin:0}
.market-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce7e3;border-radius:14px;overflow:hidden;background:#fff}
.market-proof-grid article{padding:24px 21px;min-height:195px;border-right:1px solid #e1e9e6}.market-proof-grid article:last-child{border-right:0}
.market-proof-grid strong{display:block;font-size:34px;line-height:1;color:#10a37f;font-weight:500;letter-spacing:-.04em;margin-bottom:36px}
.market-proof-grid b{display:block;font-size:13px;font-weight:500;line-height:1.35;margin-bottom:8px}.market-proof-grid p{font-size:11.5px;line-height:1.65;color:#737c79;margin:0}
.market-proof-bridge{margin-top:14px;display:grid;grid-template-columns:1fr 54px 1fr;border:1px solid #dce7e3;border-radius:14px;overflow:hidden;background:#fff}
.market-proof-before,.market-proof-after{padding:23px 24px}.market-proof-before{background:#fff8f6}.market-proof-after{background:#f1faf6}
.market-proof-before span,.market-proof-after span{display:block;font:500 8px 'DM Mono',monospace;letter-spacing:.07em;margin-bottom:13px}.market-proof-before span{color:#a45648}.market-proof-after span{color:#08765d}
.market-proof-before strong,.market-proof-after strong{display:block;font-size:25px;font-weight:500;letter-spacing:-.03em;margin-bottom:7px}.market-proof-before p,.market-proof-after p{font-size:12px;line-height:1.65;color:#68716e;margin:0}
.market-proof-arrow{display:grid;place-items:center;border-left:1px solid #dce7e3;border-right:1px solid #dce7e3;color:#10a37f}.market-proof-arrow .arrow-svg{width:18px;height:18px}
.market-proof-source{font-size:10px!important;line-height:1.65!important;color:#8b9491!important;margin:14px 2px 0!important}.market-proof-source a{color:#68716e;text-underline-offset:2px}
.contact-market-strip{padding:0 20px 58px;background:#fff}.contact-market-strip .utility-wrap{max-width:1220px}
.contact-market-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce7e3;border-radius:14px;overflow:hidden;background:#f8fbfa}
.contact-market-grid>div{padding:21px 20px;border-right:1px solid #dce7e3}.contact-market-grid>div:last-child{border-right:0}.contact-market-grid strong{display:block;font-size:22px;font-weight:500;color:#08765d;margin-bottom:7px}.contact-market-grid span{font-size:11.5px;color:#66716d;line-height:1.5}
.contact-market-strip p{font-size:10px;color:#8b9491;margin:10px 2px 0}
.partner-signal-inline{margin-top:24px;border:1px solid #cfe3dc;border-radius:14px;background:#f5faf8;padding:27px}
.partner-signal-copy{display:grid;grid-template-columns:1fr .9fr;gap:45px;align-items:end}.partner-signal-copy>span{grid-column:1/-1;font:500 8px 'DM Mono',monospace;color:#08765d;letter-spacing:.07em}.partner-signal-copy h3{font-size:27px;line-height:1.08;font-weight:400;letter-spacing:-.035em;margin:12px 0 0}.partner-signal-copy p{font-size:12px;line-height:1.75;color:#66716d;margin:0}
.partner-signal-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border:1px solid #dce7e3;border-radius:12px;overflow:hidden;background:#fff}.partner-signal-grid>div{padding:20px;border-right:1px solid #dce7e3}.partner-signal-grid>div:last-child{border-right:0}.partner-signal-grid strong{display:block;font-size:29px;color:#10a37f;font-weight:500;margin-bottom:22px}.partner-signal-grid span{font-size:11.5px;line-height:1.55;color:#606a67}.partner-signal-source{display:inline-block;margin-top:13px;font:500 8px 'DM Mono',monospace;color:#08765d;text-decoration:none}
.article-data-panel{margin:0 0 62px;padding:26px;border:1px solid #d7e5e0;border-radius:15px;background:#f7fbf9}
.article-data-head>span{display:block;font:500 8px 'DM Mono',monospace;color:#08765d;letter-spacing:.07em;margin-bottom:12px}.article-data-head h2{font-size:30px;line-height:1.1;letter-spacing:-.035em;font-weight:400;margin:0 0 12px}.article-data-head p{font-size:13.5px;line-height:1.75;color:#606a67;margin:0;max-width:690px}
.article-data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.article-data-grid article{background:#fff;border:1px solid #dfe8e5;border-radius:11px;padding:19px;min-height:160px}.article-data-grid strong{display:block;font-size:27px;line-height:1;color:#10a37f;font-weight:500;letter-spacing:-.035em;margin-bottom:28px}.article-data-grid b{display:block;font-size:12.5px;font-weight:500;margin-bottom:7px}.article-data-grid p{font-size:12px!important;line-height:1.65!important;color:#737c79!important;margin:0!important}.article-data-source{font-size:9.5px!important;line-height:1.65!important;color:#8b9491!important;margin:12px 2px 0!important}.article-data-source a{color:#68716e!important}
@media(max-width:900px){.market-proof-head,.partner-signal-copy{grid-template-columns:1fr;gap:17px}.market-proof-grid,.contact-market-grid{grid-template-columns:1fr 1fr}.market-proof-grid article:nth-child(2),.contact-market-grid>div:nth-child(2){border-right:0}.market-proof-grid article:nth-child(-n+2),.contact-market-grid>div:nth-child(-n+2){border-bottom:1px solid #dce7e3}.partner-signal-grid{grid-template-columns:1fr}.partner-signal-grid>div{border-right:0;border-bottom:1px solid #dce7e3}.partner-signal-grid>div:last-child{border-bottom:0}}
@media(max-width:620px){.market-proof{margin-top:34px;padding:20px;border-radius:14px}.market-proof-head h3{font-size:31px}.market-proof-grid,.contact-market-grid,.article-data-grid{grid-template-columns:1fr}.market-proof-grid article,.contact-market-grid>div{border-right:0!important;border-bottom:1px solid #dce7e3!important;min-height:auto}.market-proof-grid article:last-child,.contact-market-grid>div:last-child{border-bottom:0!important}.market-proof-grid strong{margin-bottom:20px}.market-proof-bridge{grid-template-columns:1fr}.market-proof-arrow{border-left:0;border-right:0;border-top:1px solid #dce7e3;border-bottom:1px solid #dce7e3;padding:13px}.market-proof-arrow .arrow-svg{transform:rotate(90deg)}.contact-market-strip{padding:0 16px 42px}.article-data-panel{padding:20px}.article-data-grid article{min-height:auto}.partner-signal-inline{padding:20px}}
.market-proof-scarcity{margin-top:14px;border:1px solid #dce7e3;border-radius:12px;padding:19px 21px;display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:22px;align-items:center;background:#fff}.market-proof-trajectory{margin-top:14px;border-radius:12px;padding:26px 28px;display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-areas:'label copy' 'metric copy' 'source copy';column-gap:34px;row-gap:8px;align-items:start;background:#111418;color:#fff}.market-proof-trajectory>span,.market-proof-scarcity>span{font:500 8px 'DM Mono',monospace;letter-spacing:.07em}.market-proof-trajectory>span{grid-area:label;color:#58cdb2}.market-proof-scarcity>span{color:#08765d}.market-proof-trajectory strong{grid-area:metric;font-size:18px;line-height:1.3;font-weight:500;white-space:normal}.market-proof-trajectory p,.market-proof-scarcity p{font-size:11.5px;line-height:1.6;margin:0}.market-proof-trajectory p{grid-area:copy;color:#a5afac;max-width:760px}.market-proof-scarcity p{color:#66716d}.market-proof-trajectory a,.market-proof-scarcity a{font:500 8px 'DM Mono',monospace;text-decoration:none;white-space:nowrap}.market-proof-trajectory a{grid-area:source;color:#58cdb2;align-self:end}.market-proof-scarcity a{color:#08765d}@media(max-width:900px){.market-proof-scarcity{grid-template-columns:1fr;gap:9px}.market-proof-trajectory{grid-template-columns:1fr;grid-template-areas:'label' 'metric' 'copy' 'source';gap:10px;padding:22px}.market-proof-trajectory p{max-width:none}}
/* V34 — prominent home stats strip */
.home-key-stats{background:#111418;color:#fff;border-top:1px solid #1d2422;border-bottom:1px solid #1d2422}
.home-key-stats-shell{max-width:1280px;margin:0 auto;padding:58px 30px 56px}
.home-key-stats-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);column-gap:80px;align-items:end;margin-bottom:34px}
.home-key-stats-head>span{grid-column:1/-1;font:500 9px 'DM Mono',monospace;letter-spacing:.09em;color:#58cdb2;margin-bottom:17px}
.home-key-stats-head h2{font-size:clamp(36px,4.5vw,62px);line-height:.98;letter-spacing:-.05em;font-weight:400;margin:0;max-width:820px}
.home-key-stats-head h2 em{font-style:normal;color:#58cdb2}
.home-key-stats-head p{font-size:13.5px;line-height:1.75;color:#a7b0ad;margin:0;max-width:430px}
.home-key-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #2a3330;border-bottom:1px solid #2a3330}
.home-key-stats-grid article{padding:29px 24px 27px 0;margin-right:24px;border-right:1px solid #2a3330;min-height:210px;display:flex;flex-direction:column}
.home-key-stats-grid article:last-child{border-right:0;margin-right:0;padding-right:0}
.home-key-stats-grid strong{display:block;font-size:clamp(42px,4.7vw,66px);line-height:.95;letter-spacing:-.055em;font-weight:400;color:#58cdb2;margin-bottom:42px;white-space:nowrap}
.home-key-stats-grid b{display:block;font-size:13.5px;line-height:1.35;font-weight:500;color:#f4f7f6;margin-bottom:9px}
.home-key-stats-grid p{font-size:11.5px;line-height:1.65;color:#8f9996;margin:0;max-width:245px}
.home-key-stats-foot{display:flex;justify-content:space-between;gap:32px;align-items:flex-start;padding-top:22px;font-size:11.5px;line-height:1.65;color:#9ba5a1}
.home-key-stats-foot b{color:#fff;font-weight:500}.home-key-stats-foot span{font:400 8px 'DM Mono',monospace;color:#66716d;white-space:nowrap;padding-top:3px}
@media(max-width:980px){.home-key-stats-head{grid-template-columns:1fr;gap:18px}.home-key-stats-grid{grid-template-columns:1fr 1fr}.home-key-stats-grid article{margin-right:0;padding:26px 24px;min-height:195px}.home-key-stats-grid article:nth-child(2){border-right:0}.home-key-stats-grid article:nth-child(-n+2){border-bottom:1px solid #2a3330}.home-key-stats-grid strong{margin-bottom:30px}.home-key-stats-foot{flex-direction:column;gap:8px}.home-key-stats-foot span{white-space:normal}}
@media(max-width:620px){.home-key-stats-shell{padding:44px 20px}.home-key-stats-head{margin-bottom:28px}.home-key-stats-head h2{font-size:38px}.home-key-stats-grid{grid-template-columns:1fr}.home-key-stats-grid article{border-right:0!important;border-bottom:1px solid #2a3330!important;padding:23px 0;min-height:0}.home-key-stats-grid article:last-child{border-bottom:0!important}.home-key-stats-grid strong{font-size:50px;margin-bottom:19px}.home-key-stats-grid p{max-width:none}}
/* ============================================================
V37 — BRAND LAYOUT REPAIR + HUB PAGES
Long brand name kept without breaking header/footer geometry.
============================================================ */
.logo{white-space:nowrap;line-height:1.15;flex-shrink:0}
.site-header{width:100%;max-width:1280px;overflow:visible}
@media(min-width:851px){
.site-header{display:grid;grid-template-columns:minmax(180px,225px) minmax(0,1fr) auto;column-gap:22px;align-items:center;padding-left:30px;padding-right:30px}
.site-header>.logo{font-size:14px;max-width:225px}
.site-header .main-nav{margin:0;min-width:0;justify-content:center;gap:22px}
.site-header .header-btn{white-space:nowrap;justify-self:end}
}
@media(min-width:851px) and (max-width:1120px){
.site-header{grid-template-columns:165px minmax(0,1fr) auto;column-gap:12px;padding-left:20px;padding-right:20px}
.site-header>.logo{font-size:12px;gap:7px;max-width:165px}
.site-header .flower{grid-template-columns:5px 5px;grid-template-rows:5px 5px}
.site-header .main-nav{gap:12px}
.site-header .main-nav .nav-link,.site-header .nav-trigger{font-size:9px!important}
.site-header .header-btn{padding:10px 11px;gap:10px}
}
@media(max-width:850px){.site-header>.logo{font-size:13px;max-width:calc(100vw - 105px)}}
.site-footer{grid-template-columns:minmax(205px,1.35fr) repeat(4,minmax(105px,.68fr)) minmax(155px,.9fr)!important;gap:26px!important;align-items:start!important}
.site-footer .footer-brand .logo{font-size:14px;white-space:nowrap}
.site-footer .footer-contact{min-width:0}
@media(max-width:1120px){.site-footer{grid-template-columns:1.2fr 1fr 1fr!important}.site-footer .footer-contact{align-self:start}}
@media(max-width:760px){.site-footer{grid-template-columns:1fr 1fr!important}.site-footer .footer-brand,.site-footer .footer-contact{grid-column:1/-1}.site-footer .footer-brand .logo{font-size:13px}}
@media(max-width:500px){.site-footer{grid-template-columns:1fr!important}.site-footer .footer-brand,.site-footer .footer-contact{grid-column:auto}}
/* Hubs */
.hub-wrap{width:min(1220px,calc(100% - 60px));margin:0 auto}
.hub-hero{padding:90px 0 85px;border-bottom:1px solid #e2e9e6;background:linear-gradient(180deg,#fff 0%,#f8fbfa 100%)}
.hub-hero .eyebrow{margin-bottom:26px}
.hub-hero-grid{display:grid;grid-template-columns:1.15fr .7fr;gap:90px;align-items:end}
.hub-hero h1{font-size:60px;line-height:1.04;letter-spacing:-3px;font-weight:400;margin:0;max-width:780px}.hub-hero h1 em{font-style:normal;color:#10a37f}
.hub-hero-grid>div p{font-size:16px;line-height:1.75;color:#66716d;margin:0 0 25px}.hub-hero .btn{font-size:12px}
.hub-list{padding:100px 0 110px}.hub-section-head{display:grid;grid-template-columns:180px 1fr 1fr;gap:36px;align-items:start;margin-bottom:48px}.hub-section-head>span{font:500 10px 'DM Mono',monospace;color:#08765d;letter-spacing:.07em}.hub-section-head h2{font-size:40px;line-height:1.08;letter-spacing:-1.8px;font-weight:400;margin:0}.hub-section-head p{font-size:14px;line-height:1.7;color:#69736f;margin:2px 0 0}
.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #dfe7e4;border-left:1px solid #dfe7e4}.hub-card{min-height:250px;padding:28px 28px 30px;border-right:1px solid #dfe7e4;border-bottom:1px solid #dfe7e4;text-decoration:none;color:#111418;position:relative;transition:.25s ease;background:#fff}.hub-card:hover{background:#f7fbf9}.hub-card>span{font:500 10px 'DM Mono',monospace;color:#08765d;letter-spacing:.05em}.hub-card h2{font-size:28px;line-height:1.1;letter-spacing:-1px;font-weight:400;margin:52px 0 13px}.hub-card p{font-size:14px;line-height:1.68;color:#69736f;margin:0;max-width:520px}.hub-card>i{position:absolute;right:26px;top:26px;color:#10a37f;font-style:normal}.hub-card:hover>i .arrow-svg{transform:translate(2px,-2px)}
.hub-method{padding:90px 0;background:#111418;color:#fff}.hub-method-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px}.hub-method-grid span{font:500 10px 'DM Mono',monospace;color:#58cdb2;letter-spacing:.07em}.hub-method-grid h2{font-size:48px;line-height:1.05;letter-spacing:-2px;font-weight:400;margin:20px 0 0}.hub-method-grid p{font-size:15px;line-height:1.78;color:#9ba5a1;margin:0 0 18px}
.hub-faq{padding:100px 0}.hub-faq .faq-grid{display:grid;grid-template-columns:.65fr 1fr;gap:100px}.hub-faq .eyebrow{margin-bottom:18px}.hub-faq h2{font-size:48px;line-height:1.08;letter-spacing:-2px;font-weight:400;margin:0}.hub-faq details{border-top:1px solid #dfe6e3;padding:21px 0}.hub-faq details:last-child{border-bottom:1px solid #dfe6e3}.hub-faq summary{list-style:none;display:flex;justify-content:space-between;gap:18px;cursor:pointer}.hub-faq summary::-webkit-details-marker{display:none}.hub-faq summary h3{margin:0;font-size:14px;font-weight:500;line-height:1.5}.hub-faq summary b{color:#10a37f;font-size:18px;font-weight:400}.hub-faq details p{font-size:14px;line-height:1.72;color:#6c7672;margin:13px 30px 0 0}
@media(max-width:850px){.hub-wrap{width:min(100% - 40px,1220px)}.hub-hero{padding:55px 0 60px}.hub-hero-grid,.hub-method-grid,.hub-faq .faq-grid{grid-template-columns:1fr;gap:36px}.hub-hero h1{font-size:40px;line-height:1.08;letter-spacing:-1.8px}.hub-list{padding:70px 0}.hub-section-head{grid-template-columns:1fr;gap:14px}.hub-section-head h2{font-size:34px}.hub-grid{grid-template-columns:1fr}.hub-card{min-height:220px}.hub-method{padding:70px 0}.hub-method-grid h2,.hub-faq h2{font-size:36px}.hub-faq{padding:75px 0}}
@media(max-width:520px){.hub-wrap{width:calc(100% - 32px)}.hub-card{padding:22px;min-height:210px}.hub-card h2{font-size:24px;margin-top:45px}.hub-hero-grid>div p{font-size:14px}.hub-method-grid p{font-size:14px}}
/* V38 — repaired and refined prominent home market stats */
.home-key-stats{background:#111418;color:#fff;border-top:1px solid #1d2422;border-bottom:1px solid #1d2422;overflow:hidden}
.home-key-stats-shell{width:min(1280px,calc(100% - 60px));max-width:none;margin:0 auto;padding:76px 0 64px}
.home-key-stats-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);column-gap:90px;align-items:end;margin-bottom:42px}
.home-key-stats-head>span{grid-column:1/-1;font:500 10px 'DM Mono',monospace;letter-spacing:.09em;color:#58cdb2;margin-bottom:20px}
.home-key-stats-head h2{font-size:clamp(38px,4.2vw,58px);line-height:1.01;letter-spacing:-.052em;font-weight:400;margin:0;max-width:850px}
.home-key-stats-head h2 em{font-style:normal;color:#58cdb2}
.home-key-stats-head p{font-size:14px;line-height:1.78;color:#a7b0ad;margin:0;max-width:430px}
.home-key-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0;background:transparent}
.home-key-stats-grid article{padding:28px 25px 26px;margin:0;border:1px solid #2b3532;border-radius:14px;min-height:220px;background:#161b1f;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.home-key-stats-grid article:last-child{border:1px solid #2b3532;padding-right:25px}
.home-key-stats-grid article:hover{transform:translateY(-2px);border-color:#46645c;background:#181f22}
.home-key-stats-grid strong{display:block;font-size:clamp(46px,4.4vw,64px);line-height:.95;letter-spacing:-.055em;font-weight:400;color:#58cdb2;margin-bottom:auto;white-space:nowrap}
.home-key-stats-grid b{display:block;font-size:14px;line-height:1.35;font-weight:500;color:#f4f7f6;margin:34px 0 9px}
.home-key-stats-grid p{font-size:12px;line-height:1.65;color:#8f9996;margin:0;max-width:255px}
.home-key-stats-signal{margin-top:14px;padding:22px 22px 22px 24px;border:1px solid #31423d;border-radius:14px;background:linear-gradient(90deg,#15211e 0%,#121918 100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:38px;align-items:center}
.home-key-stats-signal>div>span{display:block;font:500 9px 'DM Mono',monospace;letter-spacing:.08em;color:#58cdb2;margin-bottom:8px}
.home-key-stats-signal p{margin:0;font-size:13px;line-height:1.68;color:#a4afab;max-width:840px}
.home-key-stats-signal p b{color:#fff;font-weight:500}
.home-key-stats-cta{display:inline-flex;align-items:center;gap:22px;justify-content:space-between;min-width:190px;padding:14px 16px;border-radius:9px;background:#f7faf9;color:#111418;text-decoration:none;font-size:11.5px;font-weight:500;white-space:nowrap;transition:transform .2s ease,background .2s ease}
.home-key-stats-cta:hover{transform:translateY(-1px);background:#fff}.home-key-stats-cta .arrow-svg{width:16px;height:16px;color:#10a37f}
.home-key-stats-sources{margin-top:14px;font:400 8px 'DM Mono',monospace;color:#66716d;letter-spacing:.03em;text-align:right}
@media(max-width:980px){.home-key-stats-shell{width:min(100% - 40px,1280px);padding:60px 0 54px}.home-key-stats-head{grid-template-columns:1fr;gap:18px}.home-key-stats-grid{grid-template-columns:1fr 1fr}.home-key-stats-grid article{min-height:200px}.home-key-stats-signal{grid-template-columns:1fr;gap:18px}.home-key-stats-cta{justify-self:start}}
@media(max-width:620px){.home-key-stats-shell{width:calc(100% - 32px);padding:48px 0 44px}.home-key-stats-head{margin-bottom:30px}.home-key-stats-head h2{font-size:38px;line-height:1.04}.home-key-stats-head p{font-size:13px}.home-key-stats-grid{grid-template-columns:1fr;gap:9px}.home-key-stats-grid article{min-height:0;padding:23px 20px}.home-key-stats-grid article:last-child{padding-right:20px}.home-key-stats-grid strong{font-size:50px;margin-bottom:30px}.home-key-stats-grid b{margin-top:0}.home-key-stats-signal{padding:20px}.home-key-stats-cta{width:100%;min-height:50px}.home-key-stats-sources{text-align:left;line-height:1.5}}