:root{--g-blue:#4285f4;--g-red:#ea4335;--g-yellow:#fbbc04;--g-green:#34a853;--ink:#202124;--muted:#5f6368;--paper:#f8fafd;--night:#0b1736;--accent:var(--g-blue);--accent-dark:#1967d2;--line:#dfe3eb;--shadow:0 22px 70px rgba(60,64,67,.16)}
body{color:var(--ink);background:var(--paper)}
.site-header{color:var(--ink);background:rgba(255,255,255,.78);border-color:rgba(218,220,224,.65);backdrop-filter:blur(16px)}.site-header.is-scrolled{color:var(--ink);background:rgba(255,255,255,.94);border-color:#dadce0;box-shadow:0 4px 22px rgba(60,64,67,.1)}.brand{color:var(--g-blue)}.brand span{color:var(--g-red)}.main-nav>a:not(.button)::after{background:linear-gradient(90deg,var(--g-blue),var(--g-red),var(--g-yellow),var(--g-green))}
.button{border-color:var(--g-blue);background:var(--g-blue);color:#fff;box-shadow:0 8px 24px rgba(66,133,244,.22)}.button:hover,.button:focus-visible{background:#1a73e8;box-shadow:0 13px 32px rgba(66,133,244,.32)}
.hero-google{min-height:800px;padding-top:calc(var(--header-h) + 6rem);color:var(--ink);background:linear-gradient(135deg,#fff 0%,#f4f8ff 52%,#eef5ff 100%)}.hero-google::before{opacity:.58;background-image:linear-gradient(rgba(66,133,244,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(66,133,244,.09) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000 10%,transparent 90%)}
.traffic-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none}.traffic-canvas{position:absolute;inset:7% 0 8%;width:100%;height:85%;opacity:.58}.traffic-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.16}.traffic-glow-blue{width:34rem;height:34rem;right:-8rem;top:8rem;background:var(--g-blue)}.traffic-glow-green{width:25rem;height:25rem;left:38%;bottom:-10rem;background:var(--g-green)}
.hero-google .hero-grid{grid-template-columns:1.14fr .66fr;gap:5rem}.google-eyebrow{display:inline-flex;align-items:center;gap:.65rem;color:#3c4043;padding:.45rem .8rem;border:1px solid #dadce0;border-radius:999px;background:rgba(255,255,255,.75)}.google-eyebrow span{width:.55rem;height:.55rem;border-radius:50%;background:var(--g-green);box-shadow:0 0 0 5px rgba(52,168,83,.12)}.hero-google h1{font-size:clamp(2.7rem,5vw,4.7rem);color:#202124}.hero-google h1 .google-gradient{display:block;white-space:nowrap}.google-gradient{background:linear-gradient(100deg,var(--g-blue) 8%,var(--g-red) 42%,var(--g-yellow) 67%,var(--g-green) 92%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-google .hero-lead{color:#5f6368}.button-google{gap:.8rem}.button-google span{font-size:1.3rem;transition:transform .2s}.button-google:hover span{transform:translateX(4px)}.button-ghost-google{color:#1a73e8;background:#fff;border-color:#dadce0;box-shadow:none}.button-ghost-google:hover{color:#174ea6;background:#f8fafd;border-color:#aecbfa}
.traffic-card{overflow:hidden;padding:1.7rem 1.8rem 2rem;color:var(--ink);border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.78);box-shadow:0 30px 80px rgba(66,133,244,.2);backdrop-filter:blur(20px)}.traffic-card::after{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--g-blue) 0 38%,var(--g-red) 38% 59%,var(--g-yellow) 59% 78%,var(--g-green) 78%)}.traffic-card-head{display:flex;justify-content:space-between;gap:1rem;color:#5f6368;font-size:.82rem;font-weight:750}.live-dot{color:#137333}.live-dot::before{content:"";display:inline-block;width:.48rem;height:.48rem;margin-right:.4rem;border-radius:50%;background:var(--g-green);box-shadow:0 0 0 4px rgba(52,168,83,.14)}.traffic-card .hero-card-number{margin:3.5rem 0 .35rem;color:var(--g-blue)}.metric-label{color:#5f6368}.mini-bars{height:5.5rem;display:flex;align-items:end;gap:.5rem;margin-top:2rem}.mini-bars i{flex:1;min-width:.4rem;border-radius:999px 999px .2rem .2rem;background:#d2e3fc;transform-origin:bottom;animation:bar-grow 1.1s cubic-bezier(.2,.7,.2,1) both}.mini-bars i:nth-child(1){height:22%}.mini-bars i:nth-child(2){height:31%;animation-delay:.08s}.mini-bars i:nth-child(3){height:28%;animation-delay:.16s}.mini-bars i:nth-child(4){height:48%;animation-delay:.24s;background:#aecbfa}.mini-bars i:nth-child(5){height:56%;animation-delay:.32s;background:#8ab4f8}.mini-bars i:nth-child(6){height:74%;animation-delay:.4s;background:var(--g-blue)}.mini-bars i:nth-child(7){height:96%;animation-delay:.48s;background:var(--g-green)}
.hero-google .trust-list{color:#5f6368;border-color:#dadce0}.hero-google .trust-list span::before{color:var(--g-green)}
.section-heading .eyebrow{color:var(--g-blue)}.service-card:nth-child(1) .card-index{color:var(--g-blue)}.service-card:nth-child(2) .card-index{color:var(--g-red)}.service-card:nth-child(3) .card-index{color:var(--g-green)}.service-card:hover,.quote-card:hover{border-color:#aecbfa;box-shadow:0 18px 50px rgba(66,133,244,.14)}.section-dark{background:linear-gradient(145deg,#0b1736,#132451)}.step:nth-child(4n+1)>span{color:#8ab4f8}.step:nth-child(4n+2)>span{color:#f28b82}.step:nth-child(4n+3)>span{color:#fdd663}.step:nth-child(4n+4)>span{color:#81c995}.contact-section{background:linear-gradient(135deg,#10234d,#0b1736)}
@keyframes bar-grow{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
@media(max-width:800px){.hero-google{min-height:auto}.hero-google .hero-grid{grid-template-columns:1fr;gap:3rem}.traffic-canvas{inset:15% -30% 12%;width:160%;opacity:.35}.traffic-card{max-width:32rem}.hero-google h1{font-size:clamp(2.3rem,10.5vw,3.6rem)}}
@media(prefers-reduced-motion:reduce){.mini-bars i{animation:none}.traffic-canvas{opacity:.32}}
/* Accueil : indicateurs, méthode et derniers articles */
.hero-google .trust-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:6rem;padding:0;border:0}.hero-google .trust-list span{display:flex;min-height:8.4rem;flex-direction:column;justify-content:center;padding:1.35rem 1.5rem;border:1px solid #d2e3fc;border-radius:1.25rem;background:rgba(255,255,255,.82);box-shadow:0 12px 32px rgba(66,133,244,.1)}.hero-google .trust-list span::before{display:none}.hero-google .trust-list strong{color:#202124;font-size:clamp(1.65rem,2.5vw,2.35rem);font-weight:800;line-height:1.05;letter-spacing:-.045em}.hero-google .trust-list small{margin-top:.45rem;color:#5f6368;font-size:.9rem;font-weight:650}.hero-google .trust-list span:nth-child(1) strong{color:var(--g-blue)}.hero-google .trust-list span:nth-child(2) strong{color:var(--g-red)}.hero-google .trust-list span:nth-child(3) strong{color:var(--g-green)}
.steps-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;border:0;counter-reset:step}.steps-cards .step{position:relative;display:flex;min-height:18.5rem;flex-direction:column;gap:3rem;padding:1.8rem;border:1px solid rgba(255,255,255,.16);border-radius:1.35rem;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));overflow:hidden}.steps-cards .step::before,.steps-cards .step::after{position:absolute;z-index:0;content:"";border-radius:50%;pointer-events:none}.steps-cards .step::before{width:10rem;height:10rem;right:-4rem;top:-4rem;background:rgba(138,180,248,.16)}.steps-cards .step::after{width:4rem;height:4rem;left:-1.3rem;bottom:-1.3rem;border:1px solid rgba(255,255,255,.22)}.steps-cards .step:nth-child(2)::before{background:rgba(242,139,130,.16)}.steps-cards .step:nth-child(3)::before{background:rgba(253,214,99,.16)}.steps-cards .step:nth-child(4)::before{background:rgba(129,201,149,.16)}.steps-cards .step>span,.steps-cards .step>div{position:relative;z-index:1}.steps-cards .step>span{display:grid;width:2.8rem;height:2.8rem;place-items:center;border:1px solid currentColor;border-radius:.85rem;background:rgba(11,23,54,.4);font-size:.82rem}.steps-cards .step h3{margin-bottom:.85rem;font-size:1.28rem}.steps-cards .step p{font-size:.92rem;line-height:1.65}.steps-cards .step:hover{padding-left:1.8rem;transform:translateY(-5px);background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.045))}
.latest-articles{background:#f4f8ff}.latest-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.latest-article-card{position:relative;display:flex;min-height:17rem;flex-direction:column;padding:1.55rem;border:1px solid #d2e3fc;border-radius:1.25rem;background:#fff;box-shadow:0 8px 24px rgba(66,133,244,.06);transition:transform .22s,box-shadow .22s,border-color .22s}.latest-article-card:hover{transform:translateY(-5px);border-color:#8ab4f8;box-shadow:0 18px 40px rgba(66,133,244,.16)}.latest-article-number{color:#8ab4f8;font-size:.78rem;font-weight:800;letter-spacing:.08em}.latest-article-category{margin-top:1.45rem;color:#1967d2;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.latest-article-card h3{margin:1rem 0;font-size:1.22rem;line-height:1.24}.latest-article-link{margin-top:auto;color:#1967d2;font-size:.9rem;font-weight:750}.latest-article-link span{font-size:1.15rem;vertical-align:-1px}.latest-articles-action{margin-top:2rem;text-align:center}
@media(max-width:900px){.steps-cards{grid-template-columns:repeat(2,1fr)}.latest-articles-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.hero-google .trust-list{grid-template-columns:1fr;margin-top:3.5rem}.hero-google .trust-list span{min-height:0}.steps-cards{grid-template-columns:1fr}.steps-cards .step{min-height:0;gap:1.6rem}}
@media(max-width:560px){.latest-articles-grid{grid-template-columns:1fr}}
.section-heading-features h2{white-space:nowrap}.section-heading-features .features-accent{background:linear-gradient(100deg,var(--g-blue),var(--g-red),var(--g-green));background-clip:text;-webkit-background-clip:text;color:transparent}@media(max-width:700px){.section-heading-features h2{white-space:normal}}