/* V2 — direction mobile, pneu au scroll et conversion par téléphone. */
:root{--green:#126346;--green-dark:#0c4832;--ink:#19271f;--mint:#eef4e5}
.hero{grid-template-columns:1.02fr 1fr;gap:30px;padding-top:48px;padding-bottom:48px;position:relative}
.hero-copy{position:relative;z-index:2}
.hero .eyebrow{font-size:10px;letter-spacing:1.4px}
.hero h1{font-size:clamp(65px,6.5vw,94px);font-weight:600;line-height:.99;letter-spacing:-6px;margin:29px 0 24px;position:relative}
.title-dot{display:inline-grid;place-items:center;vertical-align:middle;font-size:34px;letter-spacing:0;width:49px;height:49px;border-radius:50%;background:#ecf3e5;color:var(--green);margin:0 0 6px 12px}
.hero-description{font-size:17px;line-height:1.75;color:#616d65}
.hero-actions{margin-top:28px;gap:26px}
.hero-actions .button{border-radius:999px;min-width:250px;justify-content:center;box-shadow:0 7px 20px #14543c14}
.hero-actions .button-lg{min-height:68px;font-size:20px;padding:14px 26px}
.hero-actions .button-lg small{font-size:8px;letter-spacing:1.5px;text-align:center}
.hero-actions .text-link{font-size:13px;min-height:48px}
.hero-note{font-size:11px;margin-top:19px;gap:9px}
.tire-stage{position:relative;height:535px;isolation:isolate;overflow:clip;--tire-x:-12px;--tire-y:0px;--tire-angle:-12deg;--shadow-scale:1}
.tire-orbit{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f1f6e9,#e8efdf 70%,#e3edd8);left:50%;top:49%;transform:translate(-50%,-50%);z-index:-2}
.tire-orbit:after{content:'';position:absolute;inset:-20px;border:1px solid #e8ede5;border-radius:50%}
.tire-background-type{position:absolute;top:165px;left:50%;transform:translateX(-50%);color:#cfddc0;font-size:155px;font-weight:800;letter-spacing:-15px;line-height:1;z-index:-1;white-space:nowrap;opacity:.46}
.tire-position{position:absolute;width:480px;height:480px;left:50%;top:15px;transform:translateX(-50%)}
.hero-tire{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;transform:translate3d(var(--tire-x),var(--tire-y),0) rotate(var(--tire-angle));transform-origin:48% 49%;filter:drop-shadow(3px 10px 9px #172d1d13)}
.tire-stage.is-active .hero-tire{will-change:transform}
.tire-shadow{position:absolute;bottom:1px;left:12%;width:76%;height:21px;background:#1a302b2b;border-radius:50%;filter:blur(10px);transform:translate3d(var(--tire-x),0,0) scaleX(var(--shadow-scale))}
.stage-marker{position:absolute;left:23px;top:30px;z-index:2;color:#5b6c5c;font-size:9px;font-weight:700;line-height:1.7;letter-spacing:1.5px}
.stage-stamp{position:absolute;right:6px;bottom:82px;z-index:3;border:1px solid #dbe4d5;background:#fffffff0;box-shadow:0 8px 30px #17331c08;border-radius:14px;padding:15px 17px;display:flex;gap:11px;align-items:center;transform:rotate(-5deg)}
.stage-stamp .icon{color:var(--green);width:29px;height:29px}.stage-stamp span{font-size:11px;line-height:1.6;color:#647164}.stage-stamp strong{font-size:12px;color:var(--green);font-weight:700}
.scroll-cue{position:absolute;left:50%;bottom:1px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:8px;font-weight:700;letter-spacing:2px;color:#69796b}.scroll-cue .icon{width:15px;height:15px;transform:rotate(90deg)}
.reassurance{padding:23px 0}.reassurance span{font-size:13px}.reassurance strong{font-size:11px}.reassurance .google-letter{font-size:27px}
.header-call{border-radius:999px}.button:active{transform:scale(.98)}
.mobile-call{background:none!important;border:0!important;backdrop-filter:none!important;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(130%);transition:transform .25s ease,opacity .25s ease,visibility .25s}
.mobile-call.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.mobile-call .button{pointer-events:auto;box-shadow:0 8px 26px #123d4033}
@media(min-width:721px) and (max-width:1100px){.hero{gap:14px;padding-top:35px}.hero h1{font-size:70px;letter-spacing:-4.7px}.title-dot{display:none}.hero-description{font-size:15px}.tire-stage{height:480px}.tire-position{width:410px;height:410px;top:35px}.tire-orbit{width:350px;height:350px}.stage-marker{left:12px;top:30px;font-size:8px}.stage-stamp{right:3px;bottom:48px;padding:12px}.stage-stamp .icon{width:23px}.hero-note{font-size:9px;gap:6px}.hero-actions{gap:10px}.hero-actions .button{min-width:230px}.hero-actions .button-lg{font-size:18px}.hero-actions .text-link{font-size:12px}.hero .eyebrow{font-size:8px;letter-spacing:1px}}
@media(max-width:720px){
  html{scroll-padding-top:84px}.wrap{width:calc(100% - 40px)}
  .topline>.wrap{height:26px}.topline{font-size:10px}.header-inner{height:64px}.brand{font-size:23px}.brand small{font-size:7px;letter-spacing:2px;margin-top:4px}.header-call{min-width:44px;min-height:44px}.menu-toggle{width:44px;height:44px;padding:12px;gap:6px}.menu-toggle span{width:20px;height:1.5px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.nav{top:64px}.nav>a{font-size:16px;min-height:48px}
  .hero{width:100%;gap:0;padding-top:29px;padding-bottom:22px;overflow:clip;align-items:center}
  .hero-copy{width:calc(100% - 40px);text-align:center;max-width:540px}
  .hero .eyebrow{font-size:8px;letter-spacing:1px;justify-content:center;gap:7px;white-space:nowrap}
  .hero h1{font-size:clamp(53px,15.5vw,78px);font-weight:600;line-height:.99;letter-spacing:-3.9px;margin:20px 0 18px}
  .title-dot{display:none}.hero-description{font-size:14px;line-height:1.7;max-width:none;margin:auto}
  .hero-actions{margin-top:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%}
  .hero-actions .button{width:100%;max-width:320px;min-width:0;min-height:62px;border-radius:999px;font-size:19px;padding:12px 25px;gap:16px}
  .hero-actions .button-lg small{font-size:8px;letter-spacing:1.4px}.hero-actions .button>.icon{width:20px;height:20px}.hero-actions .button .arrow{margin-left:0}
  .hero-actions>.text-link{display:flex;justify-content:center;align-items:center;width:100%;max-width:320px;min-height:44px;padding:9px 12px;font-size:12px;gap:11px}
  .hero-note{justify-content:center;font-size:10px;line-height:1.5;margin-top:2px;gap:5px}.hero-note .icon{width:13px;height:13px}.hero-note>span{margin:0 2px}
  .tire-stage{width:100%;height:345px;margin-top:10px;flex-shrink:0}
  .tire-orbit{width:275px;height:275px;top:47%;background:radial-gradient(circle at 35% 30%,#f0f5e8,#e6efda)}.tire-orbit:after{inset:-13px}
  .tire-position{width:310px;height:310px;top:2px;left:50%}
  .tire-background-type{font-size:111px;letter-spacing:-10px;top:116px}
  .stage-marker{font-size:7px;letter-spacing:1px;left:22px;top:25px;line-height:1.8}
  .stage-stamp{right:20px;bottom:49px;padding:10px 12px;border-radius:11px;gap:8px}.stage-stamp .icon{width:23px;height:23px}.stage-stamp span{font-size:9px}.stage-stamp strong{font-size:10px}
  .scroll-cue{font-size:7px;letter-spacing:1.8px;bottom:2px;gap:8px}.tire-shadow{height:15px;bottom:2px;filter:blur(7px)}
  .reassurance{display:grid;grid-template-columns:repeat(3,1fr);padding:21px 0;gap:0;width:calc(100% - 40px)}
  .reassurance>div,.reassurance>a{border:0!important;padding:0 4px!important;min-height:53px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px}
  .reassurance>:not(:first-child){border-left:1px solid var(--line)!important}.reassurance span{font-size:10px;font-weight:600}.reassurance strong{display:none}.reassurance>div>.icon,.reassurance>a>.google-letter{width:22px;margin:0;height:22px}.reassurance .google-letter{font-size:22px}
  .section{padding-top:50px;padding-bottom:50px}.section .eyebrow{font-size:9px}.section-heading{gap:18px;margin-bottom:25px}h2{font-size:36px;line-height:1.13;letter-spacing:-1.9px}.section-heading>p{font-size:14px;line-height:1.75}.section-heading>p br{display:none}
  .service-card{padding:24px 22px;grid-template-columns:40px 1fr;gap:0 17px;border-radius:18px}.service-icon{width:36px;height:36px;stroke-width:1.6}.service-card h3{font-size:18px;line-height:1.4;margin-bottom:7px}.service-card p{font-size:13px;line-height:1.7}.service-number{display:none}.card-bottom{font-size:12px;margin-top:19px;padding-top:12px;min-height:49px}.small-circle{width:36px;height:36px}.more-services{gap:8px}.more-services>span{font-size:12px;margin-bottom:4px}.more-services button{min-height:44px;padding:10px 14px;font-size:11px}
  .confidence .intro{font-size:14px;line-height:1.8}.confidence-point h3{font-size:16px}.confidence-point p{font-size:13px;line-height:1.8}.confidence-point>span{font-size:11px}.confidence-point{padding:19px 0}.confidence-photo{height:270px}.photo-credit{font-size:10px}.confidence-copy>.text-link{min-height:48px;font-size:13px;display:flex;justify-content:center;width:100%;border:1px solid var(--line);border-radius:999px;margin-top:16px}
  .reviews .section-heading>.text-link{display:flex;width:100%;justify-content:center;font-size:12px;min-height:46px;border:1px solid var(--line);border-radius:999px}.review{border-radius:18px}.review blockquote{font-size:20px}.review-top>span:last-child{font-size:11px}figcaption strong{font-size:12px}figcaption small{font-size:11px}.review-invitation{display:none}.source-note{font-size:10px;line-height:1.8}
  .contact-top>p{font-size:14px;line-height:1.8}.location-card{padding:29px 26px}.location-card h3{font-size:40px}.location-card address{font-size:14px;line-height:1.75}.location-label{font-size:10px}.location-card .button{display:flex;width:100%;justify-content:center;min-height:52px;border-radius:999px;font-size:12px;gap:14px}.hours-card{padding:28px 25px}.hours-heading h3{font-size:24px}.hours-row{font-size:13px;padding:16px 0}.hours-card>p{font-size:12px;line-height:1.8}.hours-card .button{font-size:12px;min-height:54px;border-radius:999px;justify-content:center;gap:10px}
  .faq-heading>.text-link{display:flex;min-height:48px;font-size:12px;justify-content:center;border:1px solid var(--line);border-radius:999px;width:100%;margin-top:25px}.faq-heading{margin-bottom:25px}summary{font-size:14px;min-height:24px;line-height:1.7}details>p{font-size:13px;line-height:1.9}.faq-list details{padding:20px 0}
  .final-call{align-items:center;text-align:center;padding:32px 24px;margin-bottom:35px}.final-call .eyebrow{justify-content:center}.final-call h2{font-size:31px}.final-number{justify-content:center;font-size:27px;gap:12px;padding-bottom:15px}.final-number .icon{margin-left:0}.final-call p{font-size:12px}.footer-top{align-items:center;text-align:center}.footer-top>a:not(.brand){font-size:12px;line-height:1.6;min-height:32px;display:flex;align-items:center}.footer-bottom{justify-content:center;text-align:center;font-size:10px}.footer-bottom button{font-size:10px;min-height:44px}.footer-bottom>a{min-height:44px;display:flex;align-items:center}.footer{padding-bottom:110px}
  .mobile-call{display:block;position:fixed;left:0;right:0;bottom:0;padding:0 22px calc(17px + env(safe-area-inset-bottom));z-index:14}
  .mobile-call .button{width:100%;max-width:390px;margin:0 auto;display:flex;min-height:60px;border-radius:999px;padding:12px 23px;justify-content:center;gap:17px;background:var(--green);border:1px solid #ffffff33}
  .mobile-call span{text-align:center;font-size:10px;letter-spacing:.2px}.mobile-call strong{font-size:17px;letter-spacing:.4px;margin-top:3px}.mobile-call .icon:last-child{margin-left:0}.mobile-call .icon{width:19px;height:19px}
  dialog{padding:34px 25px;border-radius:22px}.dialog-close{width:44px;height:44px;right:7px;top:3px}dialog h2{font-size:31px}dialog>p{font-size:14px}dialog ul{font-size:14px;line-height:1.9}.dialog-tip{font-size:13px}.dialog-tip p{font-size:12px}dialog .button{border-radius:999px;min-height:58px;font-size:18px}.dialog-note{font-size:11px!important}
}
@media(max-width:360px){.hero .eyebrow{font-size:7px;letter-spacing:.8px}.hero h1{font-size:53px;letter-spacing:-3.7px}.hero-note{font-size:9px}.tire-position{width:280px;height:280px;top:10px}.tire-stage{height:318px}.tire-orbit{width:247px;height:247px}.stage-marker{left:15px;font-size:6px}.stage-stamp{right:13px;bottom:43px}.hero-actions .button{min-width:0;font-size:18px}.hero-actions .text-link{font-size:12px}.service-card{padding:21px 18px;gap:0 12px}.service-card h3{font-size:16px}.service-card p{font-size:12px}.reassurance span{font-size:9px}.hours-card .button{font-size:11px;gap:7px}.final-number{font-size:23px}.hero-copy{width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){.hero-tire{transform:translate3d(0,0,0)!important}.tire-shadow{transform:none!important}.mobile-call{transition:none}.tire-stage.is-active .hero-tire{will-change:auto}}
.recommendation-badge{background:#fffcf3;border-color:#e6d7af;padding:16px 20px;gap:12px;box-shadow:0 10px 28px #6e56200d;transition:transform .2s,box-shadow .2s}.recommendation-badge:hover{transform:rotate(0deg) translateY(-3px);box-shadow:0 14px 35px #6e56201a}.badge-seal{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center}.badge-seal svg{width:44px;height:44px;fill:#f0e2b9;stroke:#a18036;stroke-width:1.1;stroke-linejoin:round}.badge-seal svg path:last-child{fill:#a18036;stroke:none}.recommendation-badge>span>strong{color:#755b24;font-size:14px;line-height:1.3;display:block;font-weight:700}.recommendation-badge small{font-size:10px;display:block;margin-top:6px;color:#8e7139}
@media(max-width:720px){.recommendation-badge{padding:11px 14px;gap:9px;right:16px;bottom:45px}.recommendation-badge .badge-seal,.recommendation-badge .badge-seal svg{width:35px;height:35px}.recommendation-badge>span>strong{font-size:12px;line-height:1.3}.recommendation-badge small{font-size:9px;margin-top:4px}}