/* Styles propres à services/landing-page/index.html.
   Extraits des 1 bloc(s) <style> de la page, dans leur ordre d'origine.
   Chargé au même rang qu'avant dans la cascade : après le socle, avant responsive.css. */
/* Partagé par 10 page(s) : en/services/custom-website/index.html, en/services/landing-page/index.html, en/services/showcase-website/index.html, en/services/web-application/index.html, en/services/website-redesign/index.html, services/application-web/index.html, services/landing-page/index.html, services/refonte-site/index.html, services/site-sur-mesure/index.html, services/site-vitrine/index.html */

/* ==== bloc <style> — extrait de services/landing-page/index.html ==== */
  /* ===== Page service v3 (2026-09-01) — modèle commun aux 5 offres : fond blanc continu,
     hero avec démo vivante, scénarios concrets, frise datée, bande CTA compacte ===== */

  a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold); outline-offset:3px; border-radius:4px;}

  /* nav lisible sur le hero sombre : blanche au repos, redevient normale une fois scrollée */
  nav .lg-dark{display:none;}
  nav:not(.scrolled) .lg-full{display:none;}
  nav:not(.scrolled) .lg-dark{display:block; height:52px; transition:height .38s cubic-bezier(.4,0,.2,1);}
  nav:not(.scrolled) .nav-mid a{color:#fff;}
  nav:not(.scrolled) .nav-mid a.is-active{color:var(--goldb);}
  nav:not(.scrolled) .lang a{color:#b7c0d0;}
  nav:not(.scrolled) .lang a[aria-current="true"]{color:#fff;}
  nav:not(.scrolled) .nav-toggle span{background:#fff;}

  /* --- Hero : l'image du métier prend tout, jusque sous la nav --- */
  .sv-hero{position:relative; overflow:hidden; display:flex; align-items:flex-end;
    min-height:calc(100vh + 40px); min-height:calc(100svh + 40px); padding:calc(80px + 4rem) 0 8.5rem; background:#0E1726;}
  /* déchirure entre le hero et le blanc de la page (même dessin que le footer) */
  .sv-hero::after{content:""; position:absolute; bottom:-1px; left:0; right:0; height:27px; background:#fff; z-index:3; pointer-events:none;
    clip-path:polygon(0 26px, 5% 12px, 11% 24px, 18% 6px, 26% 22px, 33% 14px, 41% 27px, 49% 9px,
      57% 21px, 64% 5px, 72% 25px, 79% 13px, 86% 23px, 93% 8px, 100% 18px, 100% 100%, 0 100%);}
  .sv-hero .bg{position:absolute; inset:0; 
    animation:hero-zoom 12s ease-out both;}
  @keyframes hero-zoom{from{transform:scale(1.07);}to{transform:scale(1);}}
  .sv-hero::before{content:""; position:absolute; inset:0; z-index:1;
    background:linear-gradient(80deg, rgba(10,17,30,0.93) 0%, rgba(10,17,30,0.74) 36%, rgba(10,17,30,0.3) 70%, rgba(10,17,30,0.42) 100%),
               linear-gradient(0deg, rgba(10,17,30,0.6), transparent 45%);}
  .sv-hero .wrap{position:relative; z-index:2;}
  .sv-hero .eyebrow{color:var(--goldb); margin-bottom:1rem;}
  .sv-hero h1{color:#fff; font-size:clamp(2rem,3.6vw,2.9rem); font-weight:700; line-height:1.08; margin:0 0 0.85rem; max-width:18ch;}
  .sv-hero h1 em{font-style:normal; color:var(--goldb);}
  .sv-hero .lede{color:#c9d1de; font-size:1.08rem; line-height:1.6; max-width:42ch; margin-bottom:1.7rem;}
  .sv-cta{display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap;}
  .sv-hero .btn-line{color:#fff;}
  .sv-proof{list-style:none; display:flex; gap:1.4rem; flex-wrap:wrap; margin:1.6rem 0 0; padding:0;}
  .sv-proof li{display:inline-flex; align-items:center; gap:0.45rem; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:0.86rem; color:#d8deea;}
  .sv-proof svg{width:16px; height:16px; color:var(--goldb); flex:0 0 auto;}

  /* --- La démo : un téléphone, une vraie recherche, votre site qui sort --- */
  .dm2{display:grid; grid-template-columns:minmax(0,360px) auto; gap:4rem; align-items:center; justify-content:center;}
  .dm-caps{display:flex; flex-direction:column; gap:0.8rem;}
  .cap{display:flex; gap:0.85rem; align-items:flex-start; padding:0.95rem 1.1rem; border-radius:14px; border:1px solid transparent;
    transition:border-color .4s, background .4s, opacity .4s; opacity:.45;}
  .cap .n{flex:0 0 auto; width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:0.88rem; color:var(--ink2); background:#eef1f6; transition:background .4s, color .4s;}
  .cap b{font-family:'Space Grotesk',sans-serif; font-size:0.99rem; display:block; margin-bottom:0.15rem; color:var(--navy);}
  .cap p{color:var(--ink2); font-size:0.89rem; line-height:1.5; margin:0;}
  .dm2[data-ph="search"] .cap1,.dm2[data-ph="typing"] .cap1,
  .dm2[data-ph="results"] .cap2,.dm2[data-ph="tap"] .cap2,
  .dm2[data-ph="site"] .cap3,.dm2[data-ph="call"] .cap3{opacity:1; border-color:rgba(236,184,69,0.45); background:#fffdf6;}
  .dm2[data-ph="search"] .cap1 .n,.dm2[data-ph="typing"] .cap1 .n,
  .dm2[data-ph="results"] .cap2 .n,.dm2[data-ph="tap"] .cap2 .n,
  .dm2[data-ph="site"] .cap3 .n,.dm2[data-ph="call"] .cap3 .n{background:var(--goldb); color:var(--navy);}

  /* le téléphone */
  .ip{position:relative; width:248px; margin:0 auto; background:#0c1322; border-radius:38px; padding:10px;
    box-shadow:0 34px 76px -30px rgba(14,23,38,0.65), inset 0 0 0 2px #1d2940;}
  .ip .scr-wrap{position:relative; background:#fff; border-radius:29px; overflow:hidden; height:486px;}
  .ip .isl{position:absolute; top:10px; left:50%; transform:translateX(-50%); width:86px; height:24px; border-radius:14px; background:#0c1322; z-index:5;}
  .ip .stat{position:absolute; top:12px; left:0; right:0; display:flex; justify-content:space-between; padding:0 1.35rem; z-index:4;
    font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:0.72rem; color:var(--navy);}
  .ip .stat .ic{display:flex; gap:4px; align-items:center;}
  .ip .stat svg{width:14px; height:11px;}
  .ip .scr{position:absolute; inset:0; padding-top:52px; opacity:0; transform:translateY(14px); transition:opacity .45s ease, transform .45s ease; pointer-events:none; background:#fff;}
  .dm2[data-ph="search"] .scr-search,.dm2[data-ph="typing"] .scr-search,
  .dm2[data-ph="results"] .scr-results,.dm2[data-ph="tap"] .scr-results,
  .dm2[data-ph="site"] .scr-site,.dm2[data-ph="call"] .scr-site{opacity:1; transform:none;}

  /* écran 1 : recherche */
  .scr-search{display:flex; flex-direction:column; align-items:center; padding-left:1.15rem; padding-right:1.15rem;}
  .g-logo{font-family:Arial,sans-serif; font-weight:700; font-size:1.7rem; letter-spacing:-1px; margin:3.2rem 0 1.2rem;}
  .g-logo i{font-style:normal;}
  .g-logo i:nth-child(1){color:#4285F4;} .g-logo i:nth-child(2){color:#EA4335;} .g-logo i:nth-child(3){color:#FBBC05;}
  .g-logo i:nth-child(4){color:#4285F4;} .g-logo i:nth-child(5){color:#34A853;} .g-logo i:nth-child(6){color:#EA4335;}
  .g-bar{width:100%; display:flex; align-items:center; gap:0.6rem; border:1px solid #dfe1e5; border-radius:26px; padding:0.72rem 1rem;
    box-shadow:0 2px 6px rgba(32,33,36,0.12); font-size:0.9rem; color:var(--ink);}
  .g-bar .lens{width:16px; height:16px; flex:0 0 auto; color:#9aa0a6;}
  .g-bar .mic{width:15px; height:15px; flex:0 0 auto; margin-left:auto;}
  .g-bar .typed:empty::before{content:"Rechercher"; color:#9aa0a6;}
  .g-caret{width:1.5px; height:17px; background:#4285F4; margin-left:1px; animation:caret 1s steps(2) infinite;}
  @keyframes caret{to{opacity:0;}}
  .g-chips{display:flex; gap:0.5rem; flex-wrap:wrap; justify-content:center; margin-top:1.4rem;}
  .g-chips span{font-size:0.74rem; color:#5f6368; border:1px solid #dfe1e5; border-radius:18px; padding:0.34rem 0.8rem;}

  /* écran 2 : résultats */
  .scr-results{padding-left:1rem; padding-right:1rem;}
  .r-bar{display:flex; align-items:center; gap:0.55rem; border:1px solid #dfe1e5; border-radius:22px; padding:0.5rem 0.9rem; font-size:0.8rem; color:var(--ink); margin-bottom:1rem;}
  .r-bar .g{font-family:Arial,sans-serif; font-weight:700; color:#4285F4;}
  .r-count{font-size:0.66rem; color:#70757a; margin:0 0.2rem 0.8rem;}
  .r-card{border-radius:12px; padding:0.7rem 0.75rem; margin-bottom:0.55rem; border:1px solid transparent; transition:border-color .35s, background .35s, transform .2s;}
  .r-card .site{display:flex; align-items:center; gap:0.5rem; margin-bottom:0.3rem;}
  .r-card .fav{width:22px; height:22px; border-radius:50%; background:#eef1f6; display:flex; align-items:center; justify-content:center;
    font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:0.6rem; color:var(--ink2);}
  .r-card .dom{font-size:0.68rem; color:#202124;} .r-card .url{font-size:0.62rem; color:#70757a; display:block;}
  .r-card h5{font-family:Arial,sans-serif; font-weight:400; font-size:0.88rem; color:#1a0dab; margin:0 0 0.2rem; line-height:1.28;}
  .r-card .snip{font-size:0.7rem; color:#4d5156; line-height:1.42; margin:0;}
  .r-card .stars{display:flex; align-items:center; gap:0.35rem; font-size:0.7rem; color:#70757a; margin-top:0.3rem;}
  .r-card .stars b{color:#e7711b; letter-spacing:1px; font-weight:400;}
  .r1.lit{border-color:rgba(236,184,69,0.6); background:#fffdf4;}
  .r1{position:relative; overflow:hidden;}
  .r1::after{content:""; position:absolute; left:50%; top:50%; width:10px; height:10px; border-radius:50%;
    background:rgba(200,146,42,0.35); transform:translate(-50%,-50%) scale(0); opacity:0;}
  .r1.tapped{transform:scale(0.985);}
  .r1.tapped::after{animation:ripple .55s ease-out;}
  @keyframes ripple{from{transform:translate(-50%,-50%) scale(0); opacity:1;}to{transform:translate(-50%,-50%) scale(22); opacity:0;}}
  .r-dim h5{color:#5b6b8f;} .r-dim{opacity:.75;}

  /* écran 3 : le site */
  .scr-site{padding-top:44px; display:flex; flex-direction:column;}
  .s-url{display:flex; align-items:center; justify-content:center; gap:0.4rem; font-size:0.72rem; color:var(--ink2);
    background:#f1f3f6; border-radius:18px; margin:0.35rem 1rem 0; padding:0.4rem;}
  .s-url svg{width:11px; height:11px; color:#34A853;}
  .s-load{height:2.5px; background:var(--goldb); width:0; border-radius:2px; margin-top:0.45rem;}
  .dm2[data-ph="site"] .s-load,.dm2[data-ph="call"] .s-load{animation:sload 1s ease-out .15s both;}
  @keyframes sload{from{width:0;}to{width:100%;}}
  .s-page{padding:1rem 1.1rem; flex:1; display:flex; flex-direction:column;}
  .s-nav{display:flex; align-items:center; gap:0.6rem; margin-bottom:1rem;}
  .s-nav b{font-family:'Space Grotesk',sans-serif; font-size:0.86rem; color:var(--navy);}
  .s-nav .lk{display:flex; gap:0.4rem; margin-left:auto;}
  .s-nav .lk i{width:24px; height:6px; border-radius:4px; background:#e6eaf1;}
  .s-tag{display:inline-block; font-size:0.62rem; font-weight:600; letter-spacing:0.09em; text-transform:uppercase; color:var(--gold); margin-bottom:0.35rem;}
  .s-title{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.06rem; line-height:1.22; color:var(--navy); margin:0 0 0.7rem;}
  .s-btns{display:flex; gap:0.5rem; margin-bottom:0.9rem;}
  .s-btns span{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:0.66rem; padding:0.38rem 0.7rem; border-radius:7px;}
  .s-btns .b1{background:var(--goldb); color:var(--navy);}
  .s-btns .b2{border:1px solid var(--line); color:#45516b;}
  .s-gal{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.45rem;}
  .s-gal i{aspect-ratio:1; border-radius:8px; background:linear-gradient(140deg,#233355,#3a5178 60%,#ECB845 175%);}
  .s-gal i:nth-child(2){background:linear-gradient(150deg,#2a3c5e,#1b2942 65%,#C8922A 185%);}
  .s-gal i:nth-child(3){background:linear-gradient(130deg,#1b2942,#31456b 55%,#ECB845 170%);}
  .s-call{margin-top:auto; display:flex; align-items:center; justify-content:center; gap:0.5rem;
    background:var(--goldb); color:var(--navy); border-radius:12px; padding:0.75rem;
    font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:0.85rem;}
  .s-call svg{width:15px; height:15px;}
  .dm2[data-ph="call"] .s-call{animation:callpulse 1.1s ease-in-out infinite;}
  @keyframes callpulse{0%,100%{box-shadow:0 0 0 0 rgba(236,184,69,0.55);}50%{box-shadow:0 0 0 12px rgba(236,184,69,0);}}
  @media (prefers-reduced-motion: reduce){
    .sv-hero .bg,.g-caret,.r1.tapped::after,.s-load,.s-call{animation:none !important;}
    .dm2 .s-load{width:100%;}
    .dm2 .cap{opacity:1;}
  }

  /* --- Ce qui est compris : le site témoin, annoté --- */
  .inc{padding-top:4rem;}
  .inc-stage{position:relative; max-width:790px; margin:0 auto; padding:0 100px 2.6rem;}
  .inc-browser{position:relative; background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden;
    box-shadow:0 40px 90px -40px rgba(14,23,38,0.5);}
  .ib-bar{display:flex; align-items:center; gap:6px; padding:0.6rem 0.85rem; background:#eef1f6; border-bottom:1px solid var(--line);}
  .ib-bar i{width:9px; height:9px; border-radius:50%; background:#d2d8e2;}
  .ib-url{margin:0 auto; display:flex; align-items:center; gap:5px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:0.18rem 0.9rem; font-size:0.7rem; color:var(--ink2);}
  .ib-url svg{width:10px; height:10px; color:#34A853;}
  .ib-page{padding:1.2rem 1.3rem 1.3rem;}
  .ib-nav{display:flex; align-items:center; gap:0.7rem; margin-bottom:1.1rem;}
  .ib-nav b{font-family:'Space Grotesk',sans-serif; font-size:0.9rem; color:var(--navy);}
  .ib-nav .lk{display:flex; gap:0.5rem; margin-left:auto;}
  .ib-nav .lk i{width:26px; height:6px; border-radius:3px; background:#e6eaf1;}
  .ib-nav .cta{width:64px; height:20px; border-radius:6px; background:var(--goldb);}
  .ib-hero{display:grid; grid-template-columns:1.1fr 0.9fr; gap:1rem; align-items:center; margin-bottom:0.9rem;}
  .ib-hero .tag{display:inline-block; font-size:0.6rem; font-weight:600; letter-spacing:0.09em; text-transform:uppercase; color:var(--gold); margin-bottom:0.3rem;}
  .ib-hero b{font-family:'Space Grotesk',sans-serif; font-size:1.02rem; line-height:1.25; color:var(--navy); display:block; margin-bottom:0.6rem;}
  .ib-hero .bt{display:flex; gap:0.5rem;}
  .ib-hero .bt span{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:0.62rem; padding:0.34rem 0.65rem; border-radius:6px;}
  .ib-hero .b1{background:var(--goldb); color:var(--navy);}
  .ib-hero .b2{border:1px solid var(--line); color:#45516b;}
  .ib-hero .im{aspect-ratio:4/3; border-radius:9px; background:linear-gradient(140deg,#233355,#3a5178 60%,#ECB845 175%);}
  .ib-gal{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.5rem;}
  .ib-gal i{aspect-ratio:16/10; border-radius:7px; background:linear-gradient(150deg,#2a3c5e,#1b2942 65%,#C8922A 185%);}
  .ib-gal i:nth-child(2){background:linear-gradient(140deg,#233355,#3a5178 60%,#ECB845 175%);}
  .ib-gal i:nth-child(3){background:linear-gradient(130deg,#1b2942,#31456b 55%,#ECB845 170%);}
  .inc-phone{position:absolute; right:26px; bottom:-4px; width:112px; background:#0c1322; border-radius:20px; padding:6px;
    box-shadow:0 24px 50px -22px rgba(14,23,38,0.6);}
  .inc-phone .sc{background:#fff; border-radius:15px; padding:0.75rem 0.55rem; text-align:center;}
  .inc-phone b{font-family:'Space Grotesk',sans-serif; font-size:0.62rem; display:block; color:var(--navy); margin-bottom:0.35rem;}
  .inc-phone .cl{display:inline-block; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:0.54rem; background:var(--goldb); color:var(--navy); border-radius:5px; padding:0.24rem 0.5rem;}
  .labs{display:contents;}
  .lab{position:absolute; display:inline-flex; align-items:center; gap:0.45rem; background:#fff; border:1px solid rgba(236,184,69,0.55); border-radius:30px;
    padding:0.42rem 0.85rem; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:0.8rem; color:var(--navy);
    box-shadow:0 12px 28px -14px rgba(14,23,38,0.4); white-space:nowrap; z-index:2;}
  .lab svg{width:14px; height:14px; color:var(--gold); flex:0 0 auto;}
  .lab.l1{top:7%; left:0;}
  .lab.l2{top:3%; right:0;}
  .lab.l3{top:44%; left:-8px;}
  .lab.l4{top:47%; right:-6px;}
  .lab.l5{bottom:0; right:158px;}
  .lab.l6{bottom:6%; left:6px;}

  /* --- Frise : 3 semaines, datées, chaque étape illustrée --- */
  .sv-steps{position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.3rem;}
  .sv-step{position:relative; background:#fff; border:1px solid var(--line); border-radius:16px; padding:1.15rem 1.15rem 1.35rem;
    transition:transform .25s, border-color .25s, box-shadow .25s;}
  .sv-step:hover{transform:translateY(-5px); border-color:rgba(236,184,69,0.5); box-shadow:0 22px 46px -30px rgba(14,23,38,0.45);}
  .sv-step .art{position:relative; height:104px; border-radius:11px; margin-bottom:1rem; overflow:hidden;
    background:linear-gradient(160deg,#f7f9fc,#eef2f8); border:1px solid #e9edf4;
    display:flex; align-items:center; justify-content:center;}
  .sv-step .t{display:inline-flex; align-items:center; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:0.78rem; color:var(--gold);
    background:rgba(236,184,69,0.12); padding:0.28rem 0.7rem; border-radius:30px; margin-bottom:0.7rem;}
  .sv-step b{font-family:'Space Grotesk',sans-serif; font-size:1.04rem; display:block; margin-bottom:0.3rem;}
  .sv-step p{color:var(--ink2); font-size:0.9rem; line-height:1.55; margin:0;}

  /* vignette 1 : l'échange */
  .art-chat{display:flex; flex-direction:column; gap:6px; width:76%;}
  .art-chat .bl{border-radius:10px; padding:5px 9px; font-size:0.62rem; font-family:'Space Grotesk',sans-serif; font-weight:600; max-width:85%;}
  .art-chat .b1{align-self:flex-start; background:#fff; border:1px solid var(--line); color:var(--ink2);}
  .art-chat .b2{align-self:flex-end; background:var(--navy); color:#fff;}
  .art-chat .b3{align-self:flex-start; background:var(--goldb); color:var(--navy);}
  /* vignette 2 : un vrai wireframe esquissé */
  .art-wire{width:80%; background:#fff; border:1.5px dashed #c3cddd; border-radius:8px; padding:7px 8px;}
  .art-wire .wnav{display:flex; align-items:center; gap:5px; padding-bottom:5px; border-bottom:1px dashed #dde3ec; margin-bottom:6px;}
  .art-wire .wnav .dot{width:9px; height:9px; border-radius:50%; border:1.5px solid var(--gold);}
  .art-wire .wnav i{width:15px; height:4px; border-radius:2px; background:#e2e7f0;}
  .art-wire .wnav .wcta{margin-left:auto; width:24px; height:9px; border-radius:3px; background:transparent; border:1.5px solid var(--goldb);}
  .art-wire .wh1{width:62%; height:6px; border-radius:3px; background:#d5dce8; margin-bottom:4px;}
  .art-wire .wh2{width:44%; height:6px; border-radius:3px; background:#e2e7f0; margin-bottom:6px;}
  .art-wire .wbtn{width:32%; height:10px; border:1.5px dashed var(--gold); border-radius:3px; margin-bottom:7px;}
  .art-wire .wcols{display:flex; gap:5px;}
  .art-wire .wcols i{flex:1; height:18px; border:1px dashed #c3cddd; border-radius:3px;}
  /* vignette 3 : de vraies lignes de code */
  .art-code{width:86%; background:#14223a; border-radius:8px; padding:8px 11px;
    font-family:Consolas,Menlo,monospace; font-size:0.6rem; line-height:1.75; text-align:left;
    color:#c7d3e8; white-space:nowrap; overflow:hidden;}
  .art-code .tg{color:#ECB845;} .art-code .at{color:#7fb3ff;} .art-code .st{color:#8ce3a8;}
  /* vignette 4 : en ligne */
  .art-live{width:76%;}
  .art-live .url{display:flex; align-items:center; gap:5px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:5px 10px;
    font-size:0.62rem; font-family:'Space Grotesk',sans-serif; font-weight:600; color:var(--ink);}
  .art-live .url svg{width:11px; height:11px; color:#34A853; flex:0 0 auto;}
  .art-live .ok{display:flex; align-items:center; justify-content:center; gap:5px; margin-top:8px;
    font-size:0.66rem; font-family:'Space Grotesk',sans-serif; font-weight:700; color:var(--navy);}
  .art-live .ok .dot{width:20px; height:20px; border-radius:50%; background:var(--goldb); display:flex; align-items:center; justify-content:center;}
  .art-live .ok svg{width:11px; height:11px; color:var(--navy);}

  /* --- Pour qui / pas pour qui : tuiles --- */
  .fit-lab{display:flex; align-items:center; gap:0.6rem; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.05rem; color:var(--navy); margin:0 0 1.1rem;}
  .fit-lab .ico{width:30px; height:30px; border-radius:9px; display:flex; align-items:center; justify-content:center; flex:0 0 auto;}
  .fit-lab .ico svg{width:16px; height:16px;}
  .fit-lab.oui .ico{background:rgba(236,184,69,0.16); color:var(--gold);}
  .fit-lab.alt .ico{background:#eef1f6; color:var(--ink2);}
  .fit-lab.alt{margin-top:2.4rem;}
  .fit-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.1rem;}
  .fit{position:relative; display:block; background:#fff; border:1px solid var(--line); border-radius:16px; padding:1.4rem 1.35rem;
    transition:transform .25s, border-color .25s, box-shadow .25s;}
  .fit .ic{width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:0.9rem;}
  .fit .ic svg{width:20px; height:20px;}
  .fit.oui .ic{background:rgba(236,184,69,0.14); color:var(--gold);}
  .fit.alt .ic{background:#eef1f6; color:var(--ink2);}
  .fit b{font-family:'Space Grotesk',sans-serif; font-size:1.02rem; display:block; margin-bottom:0.3rem; color:var(--navy);}
  .fit p{color:var(--ink2); font-size:0.92rem; line-height:1.55; margin:0;}
  .fit .mk{position:absolute; top:1.15rem; right:1.15rem; width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
  .fit.oui .mk{background:var(--goldb); color:var(--navy);}
  .fit .mk svg{width:12px; height:12px;}
  .fit .go{display:inline-flex; align-items:center; gap:0.4rem; margin-top:0.85rem;
    font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:0.88rem; color:var(--gold);}
  .fit .go svg{width:15px; height:15px; transition:transform .25s;}
  a.fit:hover{transform:translateY(-5px); border-color:rgba(236,184,69,0.55); box-shadow:0 22px 46px -30px rgba(14,23,38,0.45);}
  a.fit:hover .go svg{transform:translateX(4px);}

  /* --- Prix : le devis, l'objet qui dit tout --- */
  .prix-grid{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr); gap:clamp(2.4rem,5vw,4.5rem); align-items:center;}
  .prix-pts{list-style:none; display:flex; flex-direction:column; gap:1.3rem; margin:0 0 1.9rem; padding:0;}
  .prix-pts li{display:flex; gap:0.95rem; align-items:flex-start;}
  .prix-pts .ic{flex:0 0 auto; width:40px; height:40px; border-radius:12px; background:rgba(236,184,69,0.14); color:var(--gold);
    display:flex; align-items:center; justify-content:center;}
  .prix-pts .ic svg{width:19px; height:19px;}
  .prix-pts b{font-family:'Space Grotesk',sans-serif; font-size:1.03rem; display:block; margin-bottom:0.2rem; color:var(--navy);}
  .prix-pts p{color:var(--ink2); font-size:0.94rem; line-height:1.55; margin:0;}
  .quote-doc{position:relative; background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.7rem 1.8rem 1.6rem;
    max-width:430px; margin:0 auto; transform:rotate(1.4deg);
    box-shadow:0 44px 90px -40px rgba(14,23,38,0.5);}
  .qd-head{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:1.35rem;}
  .qd-head .lg{font-family:'Space Grotesk',sans-serif; font-weight:700; color:var(--navy);}
  .qd-head .lg i{font-style:normal; color:var(--gold);}
  .qd-head .no{font-size:0.72rem; color:var(--ink2);}
  .qd-title{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.05rem; color:var(--navy); margin:0 0 1.1rem;}
  .qd-lines{list-style:none; margin:0 0 1.2rem; padding:0; display:flex; flex-direction:column; gap:0.7rem;}
  .qd-lines li{display:flex; align-items:baseline; gap:0.6rem; font-size:0.88rem; color:#45516b;}
  .qd-lines .dots{flex:1; border-bottom:2px dotted #d8dee8; transform:translateY(-3px);}
  .qd-lines .val{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:0.8rem; color:var(--navy);}
  .qd-lines .val.inc{color:var(--gold);}
  .qd-total{display:flex; align-items:center; justify-content:space-between; gap:1rem; background:#fffdf4; border:1px solid rgba(236,184,69,0.5);
    border-radius:10px; padding:0.8rem 1rem; margin-bottom:1rem;}
  .qd-total b{font-family:'Space Grotesk',sans-serif; font-size:0.9rem; color:var(--navy);}
  .qd-total span{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:0.82rem; color:var(--gold); text-align:right;}
  .qd-foot{font-size:0.72rem; color:var(--ink2);}
  .qd-stamp{position:absolute; right:1.2rem; bottom:2.9rem; transform:rotate(-9deg);
    font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:0.9rem; letter-spacing:0.12em; text-transform:uppercase;
    color:var(--gold); border:2.5px solid var(--gold); border-radius:8px; padding:0.35rem 0.75rem; opacity:0.85;}

  /* --- Bande CTA compacte sur fond blanc, la déchirure du footer ressort dessous --- */
  .cta-mini{padding:0 0 5.5rem;}
  .cta-mini .band{position:relative; overflow:hidden; border-radius:22px; padding:2.4rem 2.6rem;
    background:linear-gradient(152deg,#14223a 0%,#0b1320 64%); color:#fff;
    display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap;
    box-shadow:0 30px 70px -30px rgba(14,23,38,0.5);}
  .cta-mini .band::after{content:""; position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(520px 300px at 100% -10%, rgba(236,184,69,0.20), transparent 60%),
               radial-gradient(420px 320px at -6% 120%, rgba(47,125,246,0.12), transparent 58%);}
  .cta-mini h2{position:relative; font-size:clamp(1.5rem,2.6vw,2.05rem); font-weight:700; line-height:1.15; margin:0; max-width:22ch;}
  .cta-mini h2 em{font-style:normal; color:var(--goldb);}
  .cta-mini .row{position:relative; display:flex; align-items:center; gap:1.4rem; flex-wrap:wrap;}
  .cta-mini .btn-line{color:#fff; border-color:var(--goldb);}

  /* --- Responsive --- */
  @media (max-width:1024px){
    .dm2{grid-template-columns:minmax(0,1fr); gap:2.6rem;}
    .dm2 .ip{order:-1;}
    .dm-caps{max-width:520px; margin:0 auto;}
    .sv-steps{grid-template-columns:1fr 1fr;}
    .fit-grid{grid-template-columns:minmax(0,1fr);}
    .prix-grid{grid-template-columns:minmax(0,1fr);}
    .quote-doc{transform:none;}
    .inc{padding-top:5.5rem;}
    .inc-stage{padding:0 0 1rem; max-width:620px;}
    .labs{display:flex; flex-wrap:wrap; justify-content:center; gap:0.6rem; margin-top:3.2rem;}
    .lab{position:static;}
    .inc-phone{bottom:-20px; right:10px;}
  }
  @media (max-width:560px){
    .sv-hero{padding:calc(80px + 2.2rem) 0 5.5rem;}
    .sv-steps{grid-template-columns:minmax(0,1fr);}
    .ip{width:240px;}
    .ip .scr-wrap{height:470px;}
    .cta-mini .band{padding:1.9rem 1.5rem;}
  }