/* =====================================================================
   ScanLogement — couche "SaaS premium" (chargée après style.css)
   Objectif : rythme visuel varié, illustrations SVG, une identité
   de couleur par page, sections sombres/claires alternées.
   ===================================================================== */

:root{
  --grad-warm:linear-gradient(135deg,#FFF4EC 0%,#FDE7D6 45%,#F8EEFF 100%);
  --grad-ink:linear-gradient(160deg,#14161C 0%,#1F2330 60%,#2A1A12 100%);
  --shadow-float:0 30px 60px -20px rgba(20,22,28,.25), 0 8px 20px -8px rgba(20,22,28,.12);
  --shadow-soft:0 18px 40px -18px rgba(20,22,28,.18);
  --radius-xl:28px;
  /* thème de page (surchargé par body[data-page]) */
  --t-1:#FDE7D6; --t-2:#FFF6EF; --t-ink:#8F4118; --t-solid:#B5541F; --t-glow:rgba(224,122,63,.35);
}
body[data-page="scan"]   {--t-1:#FDE3D2; --t-2:#FFF7F1; --t-ink:#8F4118; --t-solid:#B5541F; --t-glow:rgba(224,122,63,.35);}
body[data-page="tarifs"] {--t-1:#D9F2E4; --t-2:#F3FBF6; --t-ink:#17603C; --t-solid:#1E7A4C; --t-glow:rgba(30,122,76,.28);}
body[data-page="comment"]{--t-1:#DCE5FF; --t-2:#F4F7FF; --t-ink:#2B3F8F; --t-solid:#3B55C4; --t-glow:rgba(59,85,196,.28);}
body[data-page="avis"]   {--t-1:#EADFFF; --t-2:#F8F4FF; --t-ink:#5B2EA6; --t-solid:#6D3FC0; --t-glow:rgba(109,63,192,.28);}
body[data-page="contact"]{--t-1:#D3F1F0; --t-2:#F1FBFB; --t-ink:#0F5C59; --t-solid:#13807B; --t-glow:rgba(19,128,123,.28);}
body[data-page="blog"]   {--t-1:#FBEBC8; --t-2:#FFFAEE; --t-ink:#7A5410; --t-solid:#9A6B12; --t-glow:rgba(201,140,30,.30);}
body[data-page="legal"]  {--t-1:#E6E8EE; --t-2:#F7F8FA; --t-ink:#3A3F4B; --t-solid:#5B6069; --t-glow:rgba(91,96,105,.22);}
body[data-page="extension"]{--t-1:#E0E7FF; --t-2:#FFF4EC; --t-ink:#2B3F8F; --t-solid:#3B55C4; --t-glow:rgba(59,85,196,.28);}

/* ---------- NAV : verre dépoli collant ---------- */
#nav-slot{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.78);
  backdrop-filter:saturate(180%) blur(14px); -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid rgba(20,22,28,.06);}

/* ---------- UTILITAIRES ---------- */
.eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; color:var(--t-ink);
  background:rgba(255,255,255,.75); border:1px solid rgba(20,22,28,.08);
  padding:7px 14px; border-radius:999px; box-shadow:0 2px 8px -4px rgba(20,22,28,.15);}
.eyebrow .dot{width:7px; height:7px; border-radius:50%; background:var(--t-solid);
  box-shadow:0 0 0 4px var(--t-glow); animation:pulse 2.2s ease-in-out infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px var(--t-glow);}50%{box-shadow:0 0 0 7px transparent;}}
.text-grad{background:linear-gradient(90deg,#B5541F,#E07A3F 50%,#8F4118); -webkit-background-clip:text;
  background-clip:text; color:transparent;}
.section-xl{padding:110px 0;}
.center{text-align:center;}
.kicker{font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-dark); margin-bottom:12px; display:block;}
.h-display{font-size:clamp(34px,5vw,58px); line-height:1.05; font-weight:800; letter-spacing:-.035em; margin:18px 0 18px;}
.h-section{font-size:clamp(28px,3.6vw,42px); line-height:1.12; font-weight:800; letter-spacing:-.03em; margin:0 0 14px;}
.lead{font-size:18px; line-height:1.65; color:var(--ink-soft); max-width:620px;}
.center .lead{margin-left:auto; margin-right:auto;}

/* ---------- HERO ACCUEIL ---------- */
.p-hero{position:relative; overflow:hidden; padding:80px 0 40px; background:var(--grad-warm);}
.p-hero::before,.p-hero::after{content:""; position:absolute; border-radius:50%; filter:blur(60px); opacity:.7; pointer-events:none;}
.p-hero::before{width:520px; height:520px; right:-120px; top:-140px; background:radial-gradient(circle,#FFC9A3,transparent 65%); animation:drift 14s ease-in-out infinite alternate;}
.p-hero::after{width:460px; height:460px; left:-160px; bottom:-200px; background:radial-gradient(circle,#E4D4FF,transparent 65%); animation:drift 18s ease-in-out infinite alternate-reverse;}
@keyframes drift{from{transform:translate(0,0)}to{transform:translate(-40px,30px)}}
.p-hero .grid{position:relative; z-index:1; display:grid; grid-template-columns:1.05fr 1fr; gap:56px; align-items:center;}
.p-hero .cta-row{display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-top:30px;}
.btn-glow{box-shadow:0 10px 30px -8px rgba(181,84,31,.55); transition:transform .2s ease, box-shadow .2s ease;}
.btn-glow:hover{transform:translateY(-2px); box-shadow:0 16px 36px -10px rgba(181,84,31,.6);}
.btn-white{background:#fff; color:var(--ink); border:1px solid var(--line); font-weight:700;}
.btn-white:hover{border-color:var(--ink);}
.hero-proof{display:flex; flex-wrap:wrap; gap:18px; margin-top:28px; font-size:13.5px; color:var(--ink-soft); font-weight:500;}
.hero-proof span{display:inline-flex; align-items:center; gap:6px;}
.hero-proof svg{color:var(--green);}

/* Maquette produit animée */
.product-shot{position:relative;}
.browser{background:#fff; border-radius:18px; box-shadow:var(--shadow-float); border:1px solid rgba(20,22,28,.08); overflow:hidden; transform:perspective(1400px) rotateY(-6deg) rotateX(3deg); transition:transform .6s ease;}
.product-shot:hover .browser{transform:perspective(1400px) rotateY(0) rotateX(0);}
.browser-bar{display:flex; align-items:center; gap:7px; padding:12px 14px; background:#F6F6F8; border-bottom:1px solid var(--line);}
.browser-bar i{width:10px; height:10px; border-radius:50%; background:#E3E5EA; display:block;}
.browser-bar i:nth-child(1){background:#F27C6B;} .browser-bar i:nth-child(2){background:#F4C152;} .browser-bar i:nth-child(3){background:#5CC28A;}
.browser-url{margin-left:10px; flex:1; background:#fff; border:1px solid var(--line); border-radius:8px; font-size:11.5px; color:var(--ink-faint); padding:5px 10px; font-family:ui-monospace,Menlo,monospace;}
.browser-body{padding:22px; display:grid; grid-template-columns:1fr 150px; gap:18px;}
.listing-photo{height:120px; border-radius:12px; background:linear-gradient(135deg,#CFE3F7,#F6E2CF); position:relative; overflow:hidden;}
.listing-photo svg{position:absolute; inset:0; width:100%; height:100%;}
.listing-title{font-weight:700; font-size:14px; margin:12px 0 4px;}
.listing-price{font-weight:800; font-size:20px; color:var(--ink);}
.listing-price small{font-size:12px; color:var(--ink-faint); font-weight:500;}
.skeleton{height:8px; border-radius:6px; background:#EEF0F3; margin-top:8px;}
.skeleton.w70{width:70%} .skeleton.w50{width:50%}
.hl{background:#FBEAE6; color:var(--red); border-radius:4px; padding:1px 4px; font-weight:600; font-size:12px;}
.scan-panel{border-left:1px dashed var(--line); padding-left:16px; display:flex; flex-direction:column; align-items:center; gap:10px;}
.gauge{width:120px; height:120px; position:relative;}
.gauge svg{transform:rotate(-90deg);}
.gauge .arc{stroke-dasharray:302; stroke-dashoffset:302; animation:fillArc 2.2s cubic-bezier(.2,.8,.2,1) .6s forwards;}
@keyframes fillArc{to{stroke-dashoffset:48;}}
.gauge-num{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; font-weight:800; font-size:30px; color:var(--red);}
.gauge-num small{font-size:10.5px; color:var(--ink-faint); font-weight:600; text-transform:uppercase; letter-spacing:.06em;}
.mini-flag{font-size:11.5px; font-weight:600; background:var(--red-bg); color:var(--red); padding:5px 9px; border-radius:8px; width:100%; opacity:0; transform:translateY(6px); animation:popIn .5s ease forwards;}
.mini-flag:nth-of-type(1){animation-delay:1.6s} .mini-flag:nth-of-type(2){animation-delay:2s} .mini-flag:nth-of-type(3){animation-delay:2.4s}
@keyframes popIn{to{opacity:1; transform:none;}}
.scan-beam{position:absolute; left:22px; right:190px; top:62px; height:2px; background:linear-gradient(90deg,transparent,#E07A3F,transparent); box-shadow:0 0 18px 4px rgba(224,122,63,.45); animation:beam 2.6s ease-in-out infinite;}
@keyframes beam{0%{top:62px; opacity:0}15%{opacity:1}85%{opacity:1}100%{top:250px; opacity:0}}
.float-chip{position:absolute; background:#fff; border-radius:14px; box-shadow:var(--shadow-soft); padding:11px 14px; display:flex; gap:10px; align-items:center; font-size:12.5px; font-weight:600; border:1px solid rgba(20,22,28,.06); animation:bob 5s ease-in-out infinite;}
.float-chip small{display:block; font-weight:500; color:var(--ink-faint); font-size:11.5px;}
.float-chip .ic{width:30px; height:30px; border-radius:9px; display:grid; place-items:center;}
.chip-a{left:-34px; bottom:40px;} .chip-b{right:-20px; top:-22px; animation-delay:-2.5s;}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ---------- BANDEAU PLATEFORMES (défilant) ---------- */
.marquee{padding:34px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; overflow:hidden;}
.marquee p{text-align:center; font-size:12.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); margin:0 0 18px;}
.marquee-track{display:flex; gap:56px; width:max-content; animation:scroll 32s linear infinite;}
.marquee:hover .marquee-track{animation-play-state:paused;}
.marquee-track span{font-size:21px; font-weight:800; color:#A3A8B3; letter-spacing:-.02em; white-space:nowrap;}
@keyframes scroll{to{transform:translateX(-50%);}}

/* ---------- COMPATIBILITÉ (pastilles, sans logos tiers) ---------- */
.compat{padding:36px 0 30px; background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.compat-title{text-align:center; font-size:12.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); margin:0 0 18px;}
.compat-list{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
.compat-list li{display:inline-flex; align-items:center; gap:8px; padding:9px 16px 9px 10px; border-radius:999px; background:var(--bg-subtle); border:1px solid var(--line); font-weight:700; font-size:14.5px; color:var(--ink); letter-spacing:-.01em; transition:transform .2s, box-shadow .2s, border-color .2s;}
.compat-list li:hover{transform:translateY(-2px); box-shadow:var(--shadow-soft); border-color:var(--line-strong);}
.compat-list .ck{width:20px; height:20px; border-radius:50%; display:grid; place-items:center; background:var(--green-bg); color:var(--green); font-size:11px; font-weight:800;}
.compat-list li.more{background:transparent; border-style:dashed; color:var(--ink-soft); font-weight:600; padding-left:16px;}
.compat-note{text-align:center; font-size:12px; color:var(--ink-faint); margin:16px 0 0;}

/* Capture réelle de l'extension (remplace la maquette si public/img/extension-capture.png existe) */
.ext-visual{position:relative;}
.ext-shot{display:none; width:100%; border-radius:20px; border:1px solid rgba(255,255,255,.1); box-shadow:0 40px 80px -30px rgba(0,0,0,.6);}
.ext-visual.has-shot .ext-shot{display:block;}
.ext-visual.has-shot .ext-mock{display:none;}

/* ---------- CHIFFRES ---------- */
.stats{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.stat{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:26px; }
.stat b{display:block; font-size:38px; font-weight:800; letter-spacing:-.03em; color:var(--ink);}
.stat span{font-size:14px; color:var(--ink-soft);}

/* ---------- BENTO ---------- */
.bento{display:grid; grid-template-columns:repeat(6,1fr); grid-auto-rows:minmax(220px,auto); gap:18px;}
.tile{position:relative; overflow:hidden; border-radius:var(--radius-xl); padding:30px; border:1px solid rgba(20,22,28,.07); background:#fff; transition:transform .3s ease, box-shadow .3s ease;}
.tile:hover{transform:translateY(-4px); box-shadow:var(--shadow-soft);}
.tile h3{font-size:21px; margin:0 0 8px; letter-spacing:-.02em;}
.tile p{margin:0; color:var(--ink-soft); line-height:1.6; font-size:15px; max-width:420px;}
.tile .art{margin-top:22px;}
.t-wide{grid-column:span 4;} .t-narrow{grid-column:span 2;} .t-half{grid-column:span 3;}
.tile.peach{background:linear-gradient(160deg,#FFF3EA,#FDE3D2);}
.tile.blue{background:linear-gradient(160deg,#F2F5FF,#DFE7FF);}
.tile.mint{background:linear-gradient(160deg,#F1FBF5,#D7F1E3);}
.tile.lilac{background:linear-gradient(160deg,#FAF6FF,#EADFFF);}
.tile.dark{background:var(--grad-ink); color:#fff;} .tile.dark p{color:#C9CDD6;}
.bar-row{display:flex; align-items:flex-end; gap:10px; height:120px;}
.bar-row div{flex:1; border-radius:8px 8px 4px 4px; background:#CBD6FF; transform-origin:bottom; animation:grow 1.2s cubic-bezier(.2,.8,.2,1) both;}
.bar-row div.hot{background:linear-gradient(180deg,#F27C6B,#B33A2C);}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.bar-legend{display:flex; justify-content:space-between; font-size:12px; color:#3A4366; margin-top:8px; font-weight:600;}
.chat{display:flex; flex-direction:column; gap:8px;}
.bubble{background:#fff; border-radius:14px 14px 14px 4px; padding:10px 14px; font-size:13.5px; max-width:88%; box-shadow:0 4px 12px -6px rgba(20,22,28,.18);}
.bubble mark{background:#FBEAE6; color:var(--red); border-radius:4px; padding:0 3px; font-weight:600;}
.bubble.me{align-self:flex-end; background:#14161C; color:#fff; border-radius:14px 14px 4px 14px;}
.tag-cloud{display:flex; flex-wrap:wrap; gap:8px;}
.tag-cloud span{background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); color:#fff; padding:7px 12px; border-radius:999px; font-size:13px; font-weight:600;}
.check-list{list-style:none; padding:0; margin:0; display:grid; gap:10px;}
.check-list li{display:flex; gap:10px; align-items:center; font-size:14.5px; font-weight:500; background:rgba(255,255,255,.7); padding:10px 12px; border-radius:12px;}
.check-list li::before{content:"✓"; width:22px; height:22px; flex:none; border-radius:50%; display:grid; place-items:center; background:var(--green); color:#fff; font-size:12px; font-weight:800;}

/* ---------- ÉTAPES (timeline horizontale) ---------- */
.steps-line{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; position:relative; margin-top:50px;}
.steps-line::before{content:""; position:absolute; top:34px; left:16%; right:16%; height:2px; background:repeating-linear-gradient(90deg,var(--line-strong) 0 8px,transparent 8px 16px);}
.step2{position:relative; text-align:center; padding:0 10px;}
.step2 .num{width:68px; height:68px; margin:0 auto 20px; border-radius:22px; display:grid; place-items:center; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-soft); position:relative; z-index:1;}
.step2 .num svg{width:30px; height:30px;}
.step2 .num em{position:absolute; top:-8px; right:-8px; width:24px; height:24px; border-radius:50%; background:var(--accent); color:#fff; font-style:normal; font-size:12px; font-weight:800; display:grid; place-items:center;}
.step2 h3{font-size:19px; margin:0 0 8px;}
.step2 p{color:var(--ink-soft); line-height:1.6; margin:0; font-size:15px;}

/* ---------- SECTION SOMBRE ---------- */
.dark-band{background:var(--grad-ink); color:#fff; position:relative; overflow:hidden;}
.dark-band::before{content:""; position:absolute; inset:0; background:radial-gradient(600px 300px at 85% 10%,rgba(224,122,63,.28),transparent 70%), radial-gradient(500px 300px at 0% 100%,rgba(109,63,192,.22),transparent 70%); pointer-events:none;}
.dark-band .container{position:relative;}
.dark-band .lead{color:#C9CDD6;}
.dark-band .kicker{color:#F2A273;}
.split{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
.ext-mock{background:#1C1F29; border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:18px; box-shadow:0 40px 80px -30px rgba(0,0,0,.6);}
.ext-row{display:flex; align-items:center; gap:14px; background:#262A36; border-radius:14px; padding:12px; margin-bottom:10px;}
.ext-row:last-child{margin-bottom:0;}
.ext-thumb{width:64px; height:48px; border-radius:10px; background:linear-gradient(135deg,#3A4366,#6D5A4A); flex:none;}
.ext-row .meta{flex:1; min-width:0;}
.ext-row .meta b{display:block; font-size:13.5px;}
.ext-row .meta span{font-size:12px; color:#9AA0AE;}
.badge-score{font-size:12.5px; font-weight:800; padding:6px 10px; border-radius:10px;}
.badge-score.ok{background:rgba(92,194,138,.16); color:#7EE0A8;}
.badge-score.mid{background:rgba(244,193,82,.16); color:#F6CF77;}
.badge-score.bad{background:rgba(242,124,107,.18); color:#FF9C8C;}
.ext-row.dim{opacity:.45;}
.dark-band .btn-white{border-color:transparent;}
.feat-mini{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:28px 0 30px;}
.feat-mini div{font-size:14px; color:#DADDE3; display:flex; gap:10px; align-items:flex-start; line-height:1.5;}
.feat-mini svg{flex:none; color:#F2A273; margin-top:2px;}

/* ---------- PRIX (cartes premium) ---------- */
.pricing{display:grid; grid-template-columns:1fr 1fr; gap:22px; max-width:820px; margin:46px auto 0;}
.plan{border-radius:var(--radius-xl); padding:34px; background:#fff; border:1px solid var(--line); position:relative;}
.plan.hot{background:var(--grad-ink); color:#fff; border:none; box-shadow:var(--shadow-float);}
.plan.hot .plan-desc,.plan.hot li{color:#D3D6DE;}
.plan h3{margin:0; font-size:18px;}
.plan-desc{color:var(--ink-soft); font-size:14px; margin:6px 0 18px;}
.plan-price{font-size:52px; font-weight:800; letter-spacing:-.04em;}
.plan-price small{font-size:15px; font-weight:500; opacity:.7; letter-spacing:0;}
.plan ul{list-style:none; padding:0; margin:22px 0 28px; display:grid; gap:12px;}
.plan li{display:flex; gap:10px; font-size:15px; color:var(--ink-soft);}
.plan li::before{content:"✓"; color:var(--green); font-weight:800;}
.plan.hot li::before{color:#7EE0A8;}
.plan .pill{position:absolute; top:22px; right:22px; background:linear-gradient(90deg,#E07A3F,#B5541F); color:#fff; font-size:11.5px; font-weight:800; padding:6px 11px; border-radius:999px; letter-spacing:.04em; text-transform:uppercase;}

/* ---------- FAQ courte ---------- */
.faq2{max-width:760px; margin:40px auto 0; display:grid; gap:12px;}
.faq2 details{background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px 22px; transition:box-shadow .2s;}
.faq2 details[open]{box-shadow:var(--shadow-soft);}
.faq2 summary{cursor:pointer; font-weight:700; font-size:16px; list-style:none; display:flex; justify-content:space-between; gap:12px;}
.faq2 summary::-webkit-details-marker{display:none;}
.faq2 summary::after{content:"+"; font-size:22px; line-height:1; color:var(--accent-dark); transition:transform .2s;}
.faq2 details[open] summary::after{transform:rotate(45deg);}
.faq2 p{margin:12px 0 0; color:var(--ink-soft); line-height:1.65;}

/* ---------- CTA FINAL ---------- */
.cta-band{margin:0 auto; border-radius:32px; padding:64px 40px; text-align:center; position:relative; overflow:hidden;
  background:linear-gradient(120deg,#B5541F,#E07A3F 55%,#F2A273); color:#fff;}
.cta-band::before{content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1px); background-size:22px 22px; mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%); -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);}
.cta-band > *{position:relative;}
.cta-band h2{font-size:clamp(28px,4vw,44px); margin:0 0 12px; letter-spacing:-.03em;}
.cta-band p{font-size:18px; opacity:.95; margin:0 0 28px;}
.cta-band .btn{background:#fff; color:#8F4118; font-weight:800;}
.cta-band .btn:hover{background:#14161C; color:#fff;}

/* ---------- HERO DES PAGES INTÉRIEURES (thème par page) ---------- */
.page-hero{position:relative; overflow:hidden; padding:64px 0 56px; background:linear-gradient(160deg,var(--t-2) 0%,var(--t-1) 100%); border-bottom:1px solid rgba(20,22,28,.05);}
.page-hero::before{content:""; position:absolute; width:480px; height:480px; right:-80px; top:-160px; border-radius:50%; background:radial-gradient(circle,var(--t-glow),transparent 65%); filter:blur(30px); animation:drift 16s ease-in-out infinite alternate;}
.page-hero::after{content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(20,22,28,.07) 1px,transparent 1px); background-size:24px 24px; mask-image:linear-gradient(90deg,transparent,#000 70%); -webkit-mask-image:linear-gradient(90deg,transparent,#000 70%); pointer-events:none;}
.page-hero .container{position:relative; z-index:1; display:grid; grid-template-columns:1.3fr .9fr; gap:40px; align-items:center;}
.page-hero h1{font-size:clamp(32px,4.4vw,50px); line-height:1.08; font-weight:800; letter-spacing:-.035em; margin:16px 0 14px;}
.page-hero p{font-size:17.5px; line-height:1.65; color:var(--ink-soft); margin:0; max-width:580px;}
.page-hero .illu{justify-self:center; width:100%; max-width:320px; filter:drop-shadow(0 24px 40px rgba(20,22,28,.14)); animation:bob 6s ease-in-out infinite;}
.page-hero .illu .accent{fill:var(--t-solid);} .page-hero .illu .accent-s{stroke:var(--t-solid);}
.page-hero .illu .tint{fill:var(--t-1);}
.page-hero + .section{padding-top:56px;}

/* Cartes génériques des pages intérieures : un peu plus de relief */
body:not([data-page="accueil"]) .card{border-radius:var(--radius-lg); transition:transform .25s ease, box-shadow .25s ease, border-color .25s;}
body:not([data-page="accueil"]) .card:hover{transform:translateY(-3px); box-shadow:var(--shadow-soft); border-color:var(--t-1);}
body:not([data-page="accueil"]) .card .step-icon{background:var(--t-1); color:var(--t-ink);}
body:not([data-page="accueil"]) .grid-3 > .card{border-top:3px solid var(--t-solid);}
body[data-page="tarifs"] .price-card.featured{background:var(--grad-ink); color:#fff; border:none; box-shadow:var(--shadow-float);}
body[data-page="tarifs"] .price-card.featured .price-feats li, body[data-page="tarifs"] .price-card.featured .price-plan-desc{color:#D3D6DE;}
body[data-page="scan"] .scan-form{box-shadow:var(--shadow-float); border-radius:var(--radius-xl); border:1px solid rgba(20,22,28,.06); background:#fff; position:relative; margin-top:-90px; z-index:2;}
body[data-page="scan"] .page-hero{padding-bottom:120px;}
body[data-page="scan"] .page-hero + .section{padding-top:0;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:960px){
  .p-hero .grid,.split,.page-hero .container{grid-template-columns:1fr;}
  .page-hero .illu{max-width:220px; justify-self:start;}
  body[data-page="scan"] .page-hero .illu{display:none;}
  .bento{grid-template-columns:1fr 1fr;}
  .t-wide,.t-narrow,.t-half{grid-column:span 2;}
  .stats{grid-template-columns:1fr 1fr;}
  .chip-a{display:none;} .chip-b{right:0;}
  .browser{transform:none;}
}
@media (max-width:640px){
  .section-xl{padding:72px 0;}
  .steps-line,.pricing,.feat-mini{grid-template-columns:1fr;}
  .steps-line::before{display:none;}
  .browser-body{grid-template-columns:1fr;}
  .scan-panel{border-left:none; border-top:1px dashed var(--line); padding:16px 0 0;}
  .scan-beam{display:none;}
  .page-hero .illu{display:none;}
  .cta-band{padding:48px 22px; border-radius:24px;}
}
@media (prefers-reduced-motion: reduce){
  .marquee-track,.p-hero::before,.p-hero::after,.page-hero::before,.page-hero .illu,.float-chip,.scan-beam,.eyebrow .dot{animation:none !important;}
  .gauge .arc{stroke-dashoffset:48;}
  .mini-flag{opacity:1; transform:none;}
}