/* Pasquier Automation — feuille de style du site statique */
/* Refonte flat / material — palette de marque uniquement : #010E77, #3D4ABA, #C9CFFF, #EDF1FA, blanc */
:root{
--navy-900:#010e77;
--navy-800:#0a1585;
--blue-600:#3d4aba;
--blue-500:#4c59c6;
--periwinkle-300:#b3bbff;
--periwinkle-200:#c9cfff;
--periwinkle-100:#dfe3ff;
--periwinkle-50:#edf1fa;
--white:#ffffff;

--surface-page:var(--white);
--surface-tint:var(--periwinkle-50);
--surface-inverse:var(--navy-900);
--text-primary:var(--navy-900);
--text-secondary:#4e5480;
--text-link:var(--blue-600);
--text-link-hover:var(--navy-900);
--border-subtle:var(--periwinkle-200);

--font-display:'Plus Jakarta Sans',-apple-system,sans-serif;
--font-body:'Plus Jakarta Sans',-apple-system,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;

--text-display-xl:clamp(2.75rem,calc(2.1rem + 3vw),5rem);
--text-display-lg:clamp(2.25rem,calc(1.9rem + 1.8vw),3.5rem);
--text-display-md:clamp(1.75rem,calc(1.5rem + 1.2vw),2.5rem);
--text-heading-lg:1.5rem;
--text-heading-md:1.25rem;
--text-heading-sm:1.0625rem;
--text-body-lg:1.125rem;
--text-body-md:1rem;
--text-body-sm:0.875rem;

--leading-tight:1.05;
--leading-snug:1.25;
--leading-normal:1.5;
--leading-relaxed:1.65;
--tracking-tight:-0.02em;

--radius-sm:8px;
--radius-md:12px;
--radius-lg:20px;
--radius-xl:28px;
--radius-pill:999px;
--ease-standard:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;font-family:var(--font-body);color:var(--text-primary);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden;text-wrap:pretty}
img{max-width:100%}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--text-link-hover)}
summary::-webkit-details-marker{display:none}

@keyframes pa-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes pa-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* survols flat : changement de couleur, pas d'ombre ni de lueur */
.h-solid:hover{background:var(--navy-800)!important;color:#fff!important}
.h-peri:hover{background:var(--periwinkle-100)!important}
.h-ghost:hover{background:rgba(201,207,255,.14)!important;border-color:var(--periwinkle-200)!important}
.h-outline:hover{background:var(--navy-900)!important;color:#fff!important}
.h-blue:hover{background:var(--blue-500)!important}
.h-play:hover{background:var(--navy-800)!important}
.h-card:hover{border-color:var(--blue-600)!important}

/* --- mouvement : motif lumineux, arcs vivants, cartes réactives --- */
@keyframes pa-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-260px,-260px,0)}}
@keyframes pa-twinkle{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes pa-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes pa-ring{0%,74%,100%{transform:rotate(0)}78%{transform:rotate(-13deg)}82%{transform:rotate(11deg)}86%{transform:rotate(-8deg)}90%{transform:rotate(6deg)}94%{transform:rotate(-3deg)}}
@keyframes pa-shake{0%,100%{transform:rotate(0)}15%{transform:rotate(-14deg)}30%{transform:rotate(12deg)}45%{transform:rotate(-9deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-3deg)}}
@keyframes pa-spin{to{transform:rotate(360deg)}}
@keyframes pa-pop{0%,100%{transform:scale(1) rotate(0)}45%{transform:scale(1.2) rotate(10deg)}}
@keyframes pa-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.5}}

.pa-stars{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.pa-stars::before,.pa-stars::after{content:"";position:absolute;top:-300px;left:-300px;right:-300px;bottom:-300px;background-repeat:repeat;animation:pa-drift 90s linear infinite,pa-twinkle 5.5s ease-in-out infinite}
.pa-stars::before{background-size:300px 300px;background-image:
  radial-gradient(2.2px 2.2px at 30px 42px,rgba(255,255,255,1),transparent 60%),
  radial-gradient(1.6px 1.6px at 148px 24px,rgba(214,222,255,.95),transparent 60%),
  radial-gradient(2.6px 2.6px at 96px 168px,rgba(255,255,255,1),transparent 58%),
  radial-gradient(1.5px 1.5px at 222px 118px,rgba(201,207,255,.9),transparent 60%),
  radial-gradient(1.9px 1.9px at 190px 226px,rgba(255,255,255,.95),transparent 60%),
  radial-gradient(1.4px 1.4px at 62px 236px,rgba(214,222,255,.85),transparent 60%),
  radial-gradient(1.7px 1.7px at 268px 62px,rgba(255,255,255,.9),transparent 60%),
  radial-gradient(1.3px 1.3px at 12px 148px,rgba(201,207,255,.8),transparent 60%),
  radial-gradient(2px 2px at 254px 284px,rgba(255,255,255,.9),transparent 58%),
  radial-gradient(1.2px 1.2px at 122px 292px,rgba(214,222,255,.75),transparent 60%)}
.pa-stars::after{background-size:180px 180px;animation-duration:150s,8s;animation-delay:0s,-3s;background-image:
  radial-gradient(1.5px 1.5px at 18px 120px,rgba(255,255,255,.85),transparent 60%),
  radial-gradient(1.9px 1.9px at 132px 66px,rgba(255,255,255,.9),transparent 58%),
  radial-gradient(1.2px 1.2px at 158px 152px,rgba(201,207,255,.8),transparent 60%),
  radial-gradient(1.6px 1.6px at 74px 12px,rgba(214,222,255,.85),transparent 60%),
  radial-gradient(1.1px 1.1px at 96px 108px,rgba(255,255,255,.7),transparent 60%),
  radial-gradient(1.3px 1.3px at 46px 168px,rgba(201,207,255,.75),transparent 60%)}
.pa-glow-stars{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;background-image:
  radial-gradient(4px 4px at 14% 22%,rgba(255,255,255,1),rgba(255,255,255,0) 65%),
  radial-gradient(3.4px 3.4px at 68% 14%,rgba(255,255,255,1),rgba(255,255,255,0) 65%),
  radial-gradient(3.6px 3.6px at 86% 38%,rgba(214,222,255,1),rgba(214,222,255,0) 65%),
  radial-gradient(3px 3px at 38% 9%,rgba(255,255,255,.95),rgba(255,255,255,0) 65%),
  radial-gradient(120px 120px at 14% 22%,rgba(201,207,255,.22),transparent 70%),
  radial-gradient(140px 140px at 68% 14%,rgba(201,207,255,.18),transparent 70%),
  radial-gradient(150px 150px at 86% 38%,rgba(61,74,186,.16),transparent 70%);
  animation:pa-twinkle 4.5s ease-in-out infinite}
.pa-skyveil{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(1100px 460px at 50% -8%,rgba(61,74,186,.35),transparent 70%),
  radial-gradient(900px 380px at 12% 96%,rgba(61,74,186,.32),transparent 72%),
  radial-gradient(760px 320px at 88% 88%,rgba(61,74,186,.22),transparent 72%)}

.pa-arc{will-change:transform}
.pa-arc-a{transform-origin:100% 0;animation:pa-breathe 13s ease-in-out infinite}
.pa-arc-b{transform-origin:0 100%;animation:pa-breathe 17s ease-in-out infinite -4s}
.pa-arc-c{transform-origin:0 100%;animation:pa-breathe 11s ease-in-out infinite -7s}
.pa-dot{animation:pa-dot 1.8s ease-in-out infinite}

.pa-tile{transition:transform .24s var(--ease-standard),background .2s var(--ease-standard),border-color .2s var(--ease-standard)}
.pa-tile:hover{transform:translateY(-6px)}
.pa-tile:active{transform:translateY(-2px) scale(.99)}
.pa-tile-navy:hover{background:var(--blue-500)!important}
.pa-tile-peri:hover{background:var(--periwinkle-100)!important}
.pa-tile-deep:hover{background:var(--navy-800)!important}
.pa-tile:not(.pa-tile-navy):not(.pa-tile-peri):not(.pa-tile-deep):hover{border-color:var(--blue-600)!important}

.pa-ico{transition:transform .28s cubic-bezier(.2,.8,.3,1)}
.pa-ico svg{transform-origin:center}
.pa-tile:hover .pa-ico,a:hover > .pa-ico{transform:translateY(-2px) scale(1.09)}
.pa-ico-phone svg{animation:pa-ring 7s ease-in-out infinite}
.pa-tile:hover .pa-ico-phone svg,a:hover .pa-ico-phone svg{animation:pa-shake .7s ease-in-out}
.pa-tile:hover .pa-ico-spin svg{animation:pa-spin .9s cubic-bezier(.6,.05,.3,.95)}
.pa-tile:hover .pa-ico-globe svg{animation:pa-spin 3.2s linear infinite}
.pa-tile:hover .pa-ico-star svg{animation:pa-pop .6s ease-in-out}
.pa-tile:hover .pa-ico-bell svg{animation:pa-shake .8s ease-in-out}
.pa-tile:hover .pa-ico-search svg{animation:pa-pop .6s ease-in-out}

.pa-more{display:inline-block;transition:transform .22s var(--ease-standard)}
.pa-tile:hover .pa-more{transform:translateX(5px)}

.h-solid,.h-peri,.h-ghost,.h-outline,.h-blue,.h-play{will-change:transform}
.h-solid:hover,.h-peri:hover,.h-ghost:hover,.h-outline:hover,.h-blue:hover{transform:translateY(-2px)}
.h-solid:active,.h-peri:active,.h-ghost:active,.h-outline:active,.h-blue:active,.h-play:active{transform:scale(.97)}

/* --- éclat "brillant" --- */
@keyframes pa-sweep{0%,58%{transform:translateX(0) skewX(-18deg);opacity:0}62%{opacity:1}74%,100%{transform:translateX(600%) skewX(-18deg);opacity:0}}
.pa-shine{position:relative;overflow:hidden}
.pa-shine::after{content:"";position:absolute;top:-60%;bottom:-60%;left:-45%;width:26%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);animation:pa-sweep 8s ease-in-out infinite;pointer-events:none}
.pa-chip.pa-shine::after{background:linear-gradient(100deg,transparent,rgba(61,74,186,.18),transparent);animation-duration:9s}
.pa-chip.pa-shine:nth-child(3n)::after{animation-delay:2.1s}
.pa-chip.pa-shine:nth-child(3n+1)::after{animation-delay:4.4s}
.pa-shine:hover::after{animation-duration:2.4s}
.pa-card-grad{background:linear-gradient(148deg,#3D4ABA 0%,#3D4ABA 62%,#4A58CC 100%)!important}
.pa-card-grad:hover{background:linear-gradient(148deg,#4655CF 0%,#4F5DD0 62%,#5A68DE 100%)!important}

/* --- héro : aurores & vague --- */
@keyframes pa-aur1{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(80px,54px,0) scale(1.14)}}
@keyframes pa-aur2{0%,100%{transform:translate3d(0,0,0) scale(1.06)}50%{transform:translate3d(-70px,40px,0) scale(.94)}}
@keyframes pa-aur3{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-90px,-30px,0) scale(1.18)}}
@keyframes pa-waveslide{0%,100%{transform:translateX(0)}50%{transform:translateX(-3.5%)}}
.pa-aurora{position:absolute;border-radius:50%;filter:blur(120px);will-change:transform;pointer-events:none}
.pa-aurora-1{width:660px;height:540px;left:-180px;top:-200px;opacity:.42;background:radial-gradient(closest-side,#3D4ABA,rgba(61,74,186,0));animation:pa-aur1 28s ease-in-out infinite}
.pa-aurora-2{width:620px;height:500px;right:-180px;top:0;opacity:.36;background:radial-gradient(closest-side,#3D4ABA,rgba(61,74,186,0));animation:pa-aur2 34s ease-in-out infinite}
.pa-aurora-3{width:600px;height:420px;left:30%;bottom:-220px;opacity:.32;background:radial-gradient(closest-side,#3D4ABA,rgba(61,74,186,0));animation:pa-aur3 40s ease-in-out infinite}
.pa-wave{position:absolute;left:-4%;right:-4%;bottom:-1px;width:108%;height:190px;display:block;pointer-events:none}
.pa-wave-1{animation:pa-waveslide 24s ease-in-out infinite}
.pa-wave-2{animation:pa-waveslide 31s ease-in-out infinite reverse}

/* --- marquee des intégrations --- */
@keyframes pa-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.pa-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.pa-marquee-track{display:flex;width:max-content;animation:pa-scroll 52s linear infinite}
.pa-marquee-rev .pa-marquee-track{animation-duration:64s;animation-direction:reverse}
.pa-marquee:hover .pa-marquee-track{animation-play-state:paused}
.pa-marquee-set{display:flex}
.pa-chip{display:inline-flex;align-items:center;gap:13px;margin-right:14px;padding:13px 24px;border-radius:999px;background:#fff;border:1px solid var(--border-subtle);font-size:14px;font-weight:600;color:var(--navy-900);white-space:nowrap;transition:transform .2s var(--ease-standard),border-color .2s var(--ease-standard)}
.pa-chip:hover{transform:translateY(-3px);border-color:var(--blue-600)}
.pa-chip-soft{background:var(--periwinkle-50);border-color:var(--periwinkle-100)}
.pa-chip-logo{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none}
.pa-chip-logo svg{width:100%!important;height:100%!important;display:block}
.pa-chip-soft{padding:11px 18px!important;gap:11px!important}
.pa-chip-soft .pa-chip-logo{width:26px;height:26px}

/* --- séquence animée : collecte d'avis Google --- */
@keyframes pa-seq1{0%,2%{opacity:0;transform:translateY(10px)}7%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes pa-seq2{0%,14%{opacity:0;transform:translateY(10px)}20%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes pa-seq3{0%,32%{opacity:0;transform:translateY(12px) scale(.98)}40%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes pa-seq4{0%,72%{opacity:0;transform:translateY(10px)}78%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes pa-starfill{0%,44%{color:#dadce0;transform:scale(1)}47%{transform:scale(1.35)}50%,90%{color:#fbbc04;transform:scale(1)}96%,100%{color:#dadce0}}
.pa-s1{animation:pa-seq1 9s var(--ease-standard) infinite both}
.pa-s2{animation:pa-seq2 9s var(--ease-standard) infinite both}
.pa-s3{animation:pa-seq3 9s var(--ease-standard) infinite both}
.pa-s4{animation:pa-seq4 9s var(--ease-standard) infinite both}
.pa-star{color:#dadce0;animation:pa-starfill 9s var(--ease-standard) infinite both}

/* --- séquence animée : recherche Google & fiche locale --- */
@keyframes pa-typing{0%,4%{width:0}24%,92%{width:27ch}97%,100%{width:0}}
@keyframes pa-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes pa-web1{0%,26%{opacity:0;transform:translateY(12px)}34%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes pa-web2{0%,38%{opacity:0;transform:translateY(12px)}46%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes pa-web3{0%,60%{opacity:0;transform:scale(.85)}66%{opacity:1;transform:scale(1.12)}70%,90%{opacity:1;transform:scale(1)}96%,100%{opacity:0}}
@keyframes pa-pin{0%,48%{opacity:0;transform:translateY(-18px)}54%{opacity:1;transform:translateY(0)}58%{transform:translateY(-5px)}62%,90%{transform:translateY(0);opacity:1}96%,100%{opacity:0}}
.pa-type{display:inline-block;animation:pa-typing 10.5s steps(28,end) infinite both}
.pa-caret{animation:pa-caret .7s steps(1,end) infinite}
.pa-w1{animation:pa-web1 10.5s var(--ease-standard) infinite both}
.pa-w2{animation:pa-web2 10.5s var(--ease-standard) infinite both}
.pa-w3{animation:pa-web3 10.5s var(--ease-standard) infinite both}
.pa-pin{animation:pa-pin 10.5s var(--ease-standard) infinite both}

/* --- cartes tarifaires --- */
.pa-price{transition:transform .26s var(--ease-standard),box-shadow .26s var(--ease-standard),border-color .2s var(--ease-standard)}
.pa-price-soft{box-shadow:0 1px 2px rgba(1,14,119,.04),0 12px 30px -14px rgba(1,14,119,.16)}
.pa-price-soft:hover{transform:translateY(-6px);border-color:var(--periwinkle-200)!important;box-shadow:0 2px 5px rgba(1,14,119,.06),0 22px 48px -16px rgba(1,14,119,.24)}
.pa-price-focus{box-shadow:0 26px 64px -22px rgba(1,14,119,.6),inset 0 0 0 1px rgba(201,207,255,.22)}
.pa-badge-glow{box-shadow:0 8px 22px -8px rgba(201,207,255,.85)}
.pa-arrow{display:inline-block;transition:transform .2s var(--ease-standard)}
a:hover > .pa-arrow{transform:translateX(4px)}
.pa-cta-focus:hover{transform:translateY(-2px)}
@media (min-width:901px){
  .pa-price-focus{transform:scale(1.035);z-index:2}
  .pa-price-focus:hover{transform:scale(1.035) translateY(-6px);box-shadow:0 32px 76px -22px rgba(1,14,119,.66),inset 0 0 0 1px rgba(201,207,255,.34)}
}

@media (max-width:900px){
  .pa-price-focus{transform:none!important}
  [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  [style*="gap: 64px"]{gap:34px!important}
  [style*="gap: 56px"]{gap:34px!important}
  [style*="gap: 28px"]{gap:20px!important}
  [style*="gap: 22px"]{gap:16px!important}
  header nav a:not([href="#audit"]){display:none!important}
  header nav{gap:12px!important}
  header a[href="#audit"]{padding:10px 16px!important;font-size:13px!important}
  section{padding-top:60px!important;padding-bottom:60px!important;padding-left:18px!important;padding-right:18px!important}
  #top > div:last-child{padding:60px 18px 84px!important}
  #services div[style*="grid-template-columns"] > div:first-child{order:2!important}
  #tarifs [style*="padding: 40px 44px"]{padding:26px 22px!important;gap:18px!important}
  #tarifs [style*="padding: 40px 44px"] > a{flex:1 1 100%!important;width:100%!important;justify-content:center!important;padding:16px 18px!important}
  #agent img[alt*="Agent"]{height:340px!important;object-position:center 40%!important}
  h1{font-size:40px!important;line-height:1.1!important;width:auto!important;height:auto!important;max-width:100%!important}
  h2{font-size:30px!important;line-height:1.18!important}
  h3{font-size:22px!important}
}
@media (max-width:900px){
  .pa-price-focus{transform:none!important}
  #integrations [style*="padding: 0 44px"]{padding:0 22px!important}
}
@media (max-width:560px){
  .pa-anim-card{height:530px!important}
  .pa-chip{font-size:13px!important;padding:11px 16px!important;gap:10px!important}
  .pa-chip-logo{width:28px;height:28px}
  .pa-aurora{filter:blur(70px)}
  h1{font-size:33px!important}
  h2{font-size:25px!important}
  [style*="font-size: 48px"]{font-size:40px!important}
  [style*="font-size: 46px"]{font-size:38px!important}
  section{padding-left:15px!important;padding-right:15px!important}
  details{padding:16px 16px!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  html{scroll-behavior:auto}
  .pa-stars,.pa-glow-stars{display:none}
  .pa-tile:hover,.pa-tile:active{transform:none!important}
  .pa-marquee-track{animation:none!important}
  .pa-shine::after{display:none!important}
  .pa-aurora,.pa-wave-1,.pa-wave-2{animation:none!important}
  .pa-s1,.pa-s2,.pa-s3,.pa-s4{animation:none!important;opacity:1!important;transform:none!important}
  .pa-star{animation:none!important;color:#fbbc04!important}
  .pa-type,.pa-caret,.pa-w1,.pa-w2,.pa-w3,.pa-pin{animation:none!important;opacity:1!important;transform:none!important;width:auto!important}
}

/* --- accent chaud pour les CTA --- */
:root{--accent:#FFB020;--accent-strong:#FF9E0A;--accent-tint:#FFF1D6}
.pa-cta{background:var(--accent)!important;color:var(--navy-900)!important;border-color:transparent!important}
.pa-cta:hover{background:var(--accent-strong)!important;color:var(--navy-900)!important}
.pa-cta svg{color:var(--navy-900)!important}

/* --- icônes de section : le dessin en couleur, pas de pastille teintée --- */
.pa-ico-c1,.pa-ico-c2,.pa-ico-c3,.pa-ico-c4{background:transparent!important;width:44px!important;height:44px!important}
.pa-ico-c1 svg,.pa-ico-c2 svg,.pa-ico-c3 svg,.pa-ico-c4 svg{width:30px;height:30px;stroke-width:1.9}
.pa-ico-c1{color:#1D4ED8!important}
.pa-ico-c2{color:#0EA5A5!important}
.pa-ico-c3{color:#E08700!important}
.pa-ico-c4{color:#010E77!important}

/* --- marquee technologie --- */
.pa-marquee-tech .pa-marquee-track{animation-duration:34s}
.pa-marquee-tech .pa-chip{margin-right:12px}

/* --- photos de section --- */
.pa-photo-frame{box-shadow:0 10px 34px rgba(1,14,119,.10);transition:box-shadow .28s var(--ease-standard),transform .28s var(--ease-standard)}
.pa-photo:hover .pa-photo-frame{box-shadow:0 16px 44px rgba(1,14,119,.16);transform:translateY(-3px)}
@media (max-width:900px){.pa-photo{max-width:420px!important}}

/* --- corrections mobile --- */
/* le marqueur défilant (width:max-content) faisait exploser la largeur de la grille sous 900px */
.pa-marquee{contain:inline-size}

@media (max-width:900px){
  /* plancher de lisibilité */
  [style*="font-size: 10.5px"]{font-size:12px!important}
  [style*="font-size: 11px"]{font-size:12.5px!important}
  /* zones tactiles */
  .pa-more{padding-top:13px!important;padding-bottom:11px!important}
  #faq summary{display:flex!important;align-items:center;min-height:44px}
  #faq details{padding:14px 18px!important}
  footer a:not(:has(img)){display:inline-flex;align-items:center;min-height:40px}
}

/* --- photo d'ambiance fondue dans le ciel du héro --- */
.pa-hero-photo{position:absolute;right:-15%;bottom:0;width:min(70%,1060px);height:min(94%,860px);pointer-events:none;
-webkit-mask-image:radial-gradient(108% 104% at 82% 58%,#000 46%,rgba(0,0,0,.86) 62%,rgba(0,0,0,.38) 76%,transparent 90%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 6%,#000 14%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 12%,rgba(0,0,0,.85) 24%,#000 34%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 12%,rgba(0,0,0,.85) 24%,#000 34%);
mask-image:radial-gradient(108% 104% at 82% 58%,#000 46%,rgba(0,0,0,.86) 62%,rgba(0,0,0,.38) 76%,transparent 90%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 6%,#000 14%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 12%,rgba(0,0,0,.85) 24%,#000 34%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 12%,rgba(0,0,0,.85) 24%,#000 34%);
-webkit-mask-composite:source-in,source-in;mask-composite:intersect,intersect}
.pa-hero-photo::before{content:"";position:absolute;inset:0;background:url("assets/garagiste-telephone.jpg") right 24% top 34%/cover no-repeat;filter:saturate(.62) contrast(1.05) brightness(1);opacity:.82;mix-blend-mode:luminosity}
.pa-hero-photo::after{content:"";position:absolute;inset:0;background:radial-gradient(48% 42% at 78% 40%,rgba(1,14,119,0) 0%,rgba(1,14,119,.28) 62%,rgba(1,14,119,.6) 100%),linear-gradient(100deg,#010E77 0%,rgba(1,14,119,.6) 32%,rgba(37,52,155,.12) 70%,rgba(37,52,155,0) 100%),linear-gradient(0deg,rgba(37,52,155,.4) 0%,transparent 42%)}
@media (max-width:900px){.pa-hero-photo{width:100%;height:58%;opacity:.7;-webkit-mask-image:radial-gradient(120% 100% at 72% 88%,#000 10%,rgba(0,0,0,.5) 45%,transparent 80%);mask-image:radial-gradient(120% 100% at 72% 88%,#000 10%,rgba(0,0,0,.5) 45%,transparent 80%)}}

@media (max-width:900px){
  /* accroche du héro : le texte ne tient pas sur une ligne dans une pilule */
  .pa-eyebrow-hero{font-size:11.5px!important;letter-spacing:.07em!important;line-height:1.45;border-radius:14px!important;padding:9px 15px!important;align-items:flex-start!important;text-align:left}
  .pa-eyebrow-hero .pa-dot{flex:none;margin-top:4px}
  /* CTA du héro : pleine largeur, une seule ligne */
  .pa-hero-cta{gap:12px!important;margin-top:30px!important}
  .pa-hero-cta > a{flex:1 1 100%!important;justify-content:center!important;padding-left:20px!important;padding-right:20px!important;white-space:nowrap}
  /* moins de vide en bas du héro */
  #top > div:last-child{padding-bottom:44px!important}
  .pa-wave{height:120px!important}
  /* les arcs décoratifs des photos débordaient hors de l'écran */
  .pa-photo{max-width:308px!important}
  /* dégradé du marqueur plus large pour ne pas couper les puces net */
  .pa-marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
}