/* Idéal Web — bundle final de livraison pour site-web-professionnel-rapide.html. Sources aplaties, ordre exact conservé. */

/* === SOURCE: assets/css/pages/extracted/site-web-professionnel-rapide.css === */
/* Idéal Web — styles extraits de site-web-professionnel-rapide.html lors de la consolidation CSS V1.
   Source unique: ces règles ont été retirées du HTML, pas dupliquées. */
:root{--bg:#020617;--bg2:#06111f;--panel:#0b1425;--text:#f8fafc;--muted:#b6c3d4;--green:#22c55e;--green2:#86efac;--blue:#60a5fa;--radius:26px;--shadow:0 28px 90px rgba(0,0,0,.42)}
 *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 14% 0%,rgba(34,197,94,.14),transparent 30%),radial-gradient(circle at 90% 8%,rgba(96,165,250,.13),transparent 32%),linear-gradient(180deg,var(--bg),var(--bg2) 52%,var(--bg));color:var(--text);line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 84%);pointer-events:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 34px));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(2,6,23,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(125,211,252,.12)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;padding:7px 13px 7px 8px;min-height:54px;border-radius:18px;background:rgba(3,10,23,.55);border:1px solid rgba(125,211,252,.17);box-shadow:0 14px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);font-weight:950;letter-spacing:-.055em;font-size:1.32rem}.brand-mark{width:40px;height:40px;border-radius:13px;display:inline-block;background:#020617 url('../../../assets_brand/idealweb-logo-square.webp') center/contain no-repeat;border:1px solid rgba(125,211,252,.22);box-shadow:0 0 22px rgba(34,197,94,.16),0 0 18px rgba(96,165,250,.10),inset 0 1px 0 rgba(255,255,255,.08)}.brand strong{color:var(--green)}.brand sup{font-size:.48em;color:#dbeafe;position:relative;top:-.48em}.header-cta{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:999px;color:#03140a;background:linear-gradient(135deg,var(--green),#4ade80);border:1px solid rgba(134,239,172,.55);font-weight:950;box-shadow:0 16px 38px rgba(34,197,94,.18)}.seo-nav{background:rgba(2,6,23,.56);border-bottom:1px solid rgba(255,255,255,.06)}.seo-nav-inner{display:flex;gap:9px;overflow-x:auto;padding:12px 0;scrollbar-width:none}.seo-nav-inner::-webkit-scrollbar{display:none}.seo-nav a{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;padding:9px 13px;border-radius:999px;color:#dbeafe;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);font-weight:850;font-size:.9rem}.seo-nav a:hover,.seo-nav a.active{color:#fff;border-color:rgba(34,197,94,.32);background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(96,165,250,.07))}.hero{padding:58px 0 66px;border-bottom:1px solid rgba(125,211,252,.10)}.hero-intro{max-width:980px;margin:0 auto}.hero-visual{width:100%;max-width:1220px;margin:34px auto 0;padding:12px;border-radius:36px;aspect-ratio:1200/630;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(96,165,250,.12),rgba(34,197,94,.10));border:1px solid rgba(125,211,252,.20);box-shadow:var(--shadow),0 0 34px rgba(34,197,94,.09);overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:24px;background:#020617}.hero-image-caption{margin:10px auto 0;max-width:1000px;color:rgba(203,213,225,.70);font-size:.88rem;text-align:center}.kicker,.mini-label{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 12px;border-radius:999px;color:#dcffe8;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.25);font-weight:900;font-size:.84rem}h1{margin:18px 0 18px;max-width:940px;color:#fff;font-size:clamp(2.45rem,5vw,4.9rem);line-height:1.03;letter-spacing:-.065em;text-wrap:balance}h1 span{display:block;color:var(--green2);text-shadow:0 0 26px rgba(34,197,94,.28)}.hero-lead,.hero-sub{max-width:920px;margin:0;color:rgba(226,238,255,.86);font-size:clamp(1rem,1.12vw,1.14rem);line-height:1.78}.hero-sub{margin-top:14px;color:rgba(203,213,225,.84)}.actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}.btn-main,.btn-ghost{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border-radius:999px;font-weight:950;border:1px solid rgba(255,255,255,.12);transition:.25s ease}.btn-main{color:#03140a;background:linear-gradient(135deg,var(--green),#4ade80);border-color:rgba(134,239,172,.55);box-shadow:0 18px 42px rgba(34,197,94,.20)}.btn-ghost{color:#eef6ff;background:rgba(255,255,255,.055)}.btn-main:hover,.btn-ghost:hover{transform:translateY(-2px)}.trust,.grid,.links-grid{display:grid;gap:16px}.trust{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px}.trust div,.card,.faq-item,.cta-card,.seo-map,.link-card,.split-panel{background:radial-gradient(circle at 0 0,rgba(96,165,250,.10),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.80),rgba(2,6,23,.92));border:1px solid rgba(96,165,250,.20);box-shadow:0 20px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);border-radius:var(--radius)}.trust div{padding:18px;border-radius:18px;min-height:92px}.trust strong{display:block;color:#fff;font-size:1rem;line-height:1.15;margin-bottom:5px}.trust span{display:block;color:#b6c3d4;font-size:.84rem;line-height:1.35}section{padding:68px 0}.section-head{max-width:900px;margin:0 0 30px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head h2{margin:16px 0 12px;color:#fff;font-size:clamp(2rem,4vw,3.65rem);line-height:1.08;letter-spacing:-.058em;text-wrap:balance}.section-head h2 span{color:var(--green2)}.section-head p{max-width:860px;margin:0;color:rgba(226,238,255,.78);font-size:1.04rem;line-height:1.75}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:24px}.card.featured{border-color:rgba(34,197,94,.34);background:radial-gradient(circle at 0 0,rgba(34,197,94,.14),transparent 36%),linear-gradient(180deg,rgba(15,23,42,.86),rgba(2,6,23,.94))}.card-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin-bottom:15px;color:#dcffe8;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.24);font-size:1.35rem}.card h3{margin:0 0 10px;color:#fff;font-size:1.16rem;letter-spacing:-.03em}.card p{margin:0;color:rgba(203,213,225,.84);line-height:1.68}.card a.more{display:inline-flex;margin-top:16px;color:#86efac;font-weight:950}.card ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}.card li{color:#dbeafe}.card li:before{content:"✓";color:var(--green2);font-weight:950;margin-right:8px}.split-panel{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.split-panel p{color:rgba(226,238,255,.80);margin:0 0 14px}.seo-map{padding:32px;background:linear-gradient(135deg,rgba(34,197,94,.10),rgba(96,165,250,.07));border-color:rgba(34,197,94,.22)}.seo-map h2{margin:0 0 12px;font-size:clamp(1.85rem,3vw,3rem);line-height:1.1;letter-spacing:-.05em}.seo-path{margin-top:20px;display:grid;gap:10px}.seo-path a,.link-card a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:999px;color:#eaf2ff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);font-weight:850}.seo-path a{justify-content:flex-start}.seo-path a strong{color:#86efac;margin-right:8px}.links-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.link-card{padding:22px}.link-card h3{margin:0 0 14px;color:#fff;font-size:1rem}.link-card div{display:flex;flex-wrap:wrap;gap:9px}.faq-grid{display:grid;gap:14px;max-width:1120px}.faq-item{overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;min-height:74px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;font-weight:950;font-size:1.08rem;letter-spacing:-.02em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary i{width:34px;height:34px;min-width:34px;display:grid;place-items:center;border-radius:999px;color:#03140a;background:linear-gradient(135deg,var(--green),var(--green2));font-style:normal;font-weight:950}.faq-item[open] summary i{transform:rotate(45deg)}.faq-item p{margin:0;padding:0 24px 24px;max-width:920px;color:rgba(203,213,225,.84);line-height:1.75}.cta-card{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;padding:44px;border-radius:34px;background:radial-gradient(circle at 0% 0%,rgba(34,197,94,.18),transparent 34%),radial-gradient(circle at 100% 20%,rgba(96,165,250,.11),transparent 34%),linear-gradient(135deg,rgba(10,32,35,.92),rgba(7,16,32,.96));border-color:rgba(34,197,94,.25)}.cta-card h2{max-width:760px;margin:16px 0 12px;color:#fff;font-size:clamp(2rem,4vw,3.65rem);line-height:1.08;letter-spacing:-.055em}.cta-card p{max-width:780px;margin:0;color:rgba(226,238,255,.80);line-height:1.75}.cta-actions{display:grid;gap:12px;min-width:260px}.footer{padding:58px 0 22px;color:#dbeafe;background:radial-gradient(circle at 12% 0%,rgba(34,197,94,.11),transparent 30%),radial-gradient(circle at 86% 10%,rgba(96,165,250,.10),transparent 28%),linear-gradient(180deg,rgba(2,6,23,.96),#020617);border-top:1px solid rgba(125,211,252,.14)}.footer-grid{display:grid;grid-template-columns:1.35fr .85fr .95fr 1fr;gap:28px;align-items:start}.footer-logo{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-bottom:12px;color:#fff;font-size:1.25rem;font-weight:950;letter-spacing:-.045em}.footer-logo strong{color:#4ade80}.footer-logo sup{font-size:.48em;color:#cbd5e1;position:relative;top:-.5em}.footer-mark{width:38px;height:38px;border-radius:13px;display:inline-block;background:#020617 url('../../../assets_brand/idealweb-logo-square.webp') center/contain no-repeat;border:1px solid rgba(125,211,252,.22);box-shadow:0 0 22px rgba(34,197,94,.16),0 0 18px rgba(96,165,250,.10),inset 0 1px 0 rgba(255,255,255,.08)}.footer p{max-width:390px;margin:0 0 16px;color:rgba(226,238,255,.76);line-height:1.7}.footer h3{margin:8px 0 14px;color:#fff;font-size:.98rem;font-weight:950}.footer nav,.footer-contact{display:flex;flex-direction:column;gap:9px}.footer a{color:rgba(226,238,255,.75);font-weight:750}.footer a:hover{color:var(--green2)}.footer-badges{display:flex;flex-wrap:wrap;gap:8px}.footer-badges span{display:inline-flex;min-height:34px;align-items:center;padding:7px 11px;border-radius:999px;color:#dcffe8;background:rgba(34,197,94,.09);border:1px solid rgba(34,197,94,.22);font-size:.82rem;font-weight:850}.footer-cta{margin-top:10px;min-height:48px;width:max-content;max-width:100%;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;color:#03140a!important;background:linear-gradient(135deg,var(--green),#4ade80);border:1px solid rgba(134,239,172,.60);font-weight:950}.footer-bottom{margin-top:34px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.09);color:rgba(203,213,225,.68);font-size:.88rem}.brand,.footer-logo{color:#fff!important}.brand span,.footer-logo span{color:#fff!important}.brand strong,.footer-logo strong{color:#22c55e!important;-webkit-text-fill-color:#22c55e!important;background:none!important}.brand-mark,.footer-mark{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;filter:none!important;opacity:1!important}@media(max-width:980px){.grid,.grid.two,.links-grid{grid-template-columns:1fr 1fr}.split-panel,.cta-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.trust{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.container{width:calc(100% - 24px)}.header-inner{min-height:70px}.brand{min-height:46px;font-size:1.08rem}.brand-mark{width:34px!important;height:34px!important;border-radius:10px}.header-cta{min-height:44px;padding:0 14px;font-size:.9rem;max-width:140px;text-align:center;line-height:1.1}.hero{padding:42px 0 44px}h1{font-size:clamp(2rem,10vw,3.15rem);line-height:1.08}.hero-visual{aspect-ratio:16/9;padding:8px;border-radius:22px;margin-top:26px}.hero-visual img{border-radius:17px}.actions,.cta-actions{display:grid;grid-template-columns:1fr}.btn-main,.btn-ghost{width:100%;border-radius:18px}section{padding:50px 0}.grid,.grid.two,.links-grid,.footer-grid,.trust{grid-template-columns:1fr}.cta-card,.split-panel,.seo-map{padding:28px;border-radius:26px}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-cta{width:100%;border-radius:18px}.footer-mark{width:36px!important;height:36px!important}}


/* === SOURCE: assets/css/core/seo-commercial-prebrand-v3383.css === */
/* Idéal Web V33.8.3 — PUBLIC + SEO shared CSS. Exact extraction; no rule rewritten. */

/* source 13fc93eb9c97 */
/* Logo officiel synchronisé sur toutes les pages */
 .brand-mark{
 width:44px!important;
 height:44px!important;
 min-width:44px!important;
 border-radius:12px!important;
 display:inline-block!important;
 background:url('../../../assets_brand/idealweb-logo-square.webp') center/contain no-repeat!important;
 box-shadow:none!important;
 filter:drop-shadow(0 0 12px rgba(96,165,250,.30)) drop-shadow(0 0 10px rgba(34,197,94,.16))!important;
 place-items:initial!important;
 overflow:visible!important;
 }
 .brand-mark::before,
 .brand-mark::after{
 display:none!important;
 content:none!important;
 }
 @media(max-width:680px){
 .brand-mark{
 width:38px!important;
 height:38px!important;
 min-width:38px!important;
 }
 }

/* source 716c5cfb5320 */
/*
 Idéal Web — correctif global anti-débordement horizontal.
 Objectif : éviter que les pages Visibilité locale / prix / comparateurs soient décalées
 ou coupées sur écrans larges, zoom navigateur, laptop et mobile.
 */
 html,
 body{
 width:100% !important;
 max-width:100% !important;
 overflow-x:hidden !important;
 }

 body{
 position:relative;
 }

 main,
 header,
 footer,
 section,
 .section,
 .hero,
 .footer,
 .site-header{
 max-width:100vw !important;
 overflow-x:clip;
 }

 .wrap,
 .container,
 .container-fluid,
 .iw-container,
 .page-wrap,
 .content-wrap{
 width:min(var(--max, 1220px), calc(100% - 32px)) !important;
 max-width:100% !important;
 margin-left:auto !important;
 margin-right:auto !important;
 min-width:0 !important;
 }

 img,
 video,
 iframe,
 canvas,
 svg{
 max-width:100% !important;
 }

 table{
 max-width:100% !important;
 }

 .table-wrap,
 .comparison-table,
 .price-table,
 .seo-table{
 max-width:100% !important;
 overflow-x:auto !important;
 -webkit-overflow-scrolling:touch;
 }

 .grid,
 .grid-2,
 .grid-3,
 .grid-4,
 .cards,
 .cards-grid,
 .price-grid,
 .pricing-grid,
 .iw-price-grid,
 .plans-grid,
 .comparison-grid,
 .features-grid,
 .footer-grid,
 .footer-cols,
 .jobs,
 .trust-grid,
 .category-jump,
 .mega-inner{
 max-width:100% !important;
 min-width:0 !important;
 }

 .card,
 .price-card,
 .iw-price-card,
 .plan-card,
 .comparison-card,
 .feature-card,
 .job,
 .category,
 .footer-brand,
 .footer-col,
 .hero-card,
 .glass-card{
 min-width:0 !important;
 max-width:100% !important;
 overflow-wrap:anywhere;
 }

 h1,h2,h3,h4,p,a,span,strong,small,li{
 overflow-wrap:anywhere;
 }

 .marquee-container,
 .carousel,
 .slider,
 .pricing-slider,
 .cards-track{
 max-width:100% !important;
 overflow:hidden !important;
 }

 [style*="100vw"]{
 max-width:100% !important;
 }

 @media(max-width:1200px){
 .iw-price-grid,
 .pricing-grid,
 .price-grid,
 .plans-grid,
 .comparison-grid,
 .grid-4{
 grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 }
 }

 @media(max-width:760px){
 .wrap,
 .container,
 .container-fluid,
 .iw-container,
 .page-wrap,
 .content-wrap{
 width:min(100% - 26px, var(--max, 1220px)) !important;
 }

 .iw-price-grid,
 .pricing-grid,
 .price-grid,
 .plans-grid,
 .comparison-grid,
 .grid-4,
 .grid-3,
 .grid-2,
 .footer-grid,
 .footer-cols,
 .jobs,
 .trust-grid,
 .category-jump,
 .mega-inner{
 grid-template-columns:1fr !important;
 }

 .btn,
 .hero-actions .btn,
 .search-form .btn{
 max-width:100%;
 white-space:normal;
 text-align:center;
 }
 }

/* source f0f21af09312 */
html,body{max-width:100%!important;overflow-x:hidden!important}
 body{position:relative!important}
 *,*::before,*::after{box-sizing:border-box;min-width:0}
 img,svg,video,canvas,iframe{max-width:100%!important;height:auto}
 table{width:100%;max-width:100%;border-collapse:collapse}
 .container,.wrap{max-width:calc(100vw - 32px)!important}
 main,section,header,footer,.hero,.section,.soft,.footer,.closing{max-width:100vw!important}
 .hero-grid,.compare-grid,.result-cards,.answer-grid,.offers-grid,.internal-grid,.sector-grid,.info-grid,.zone-grid,.grid,.grid-3,.grid-4,.footer-grid,.footer-cols,.jobs,.category-jump{max-width:100%!important;min-width:0!important}
 .hero-grid > *,.compare-grid > *,.result-cards > *,.answer-grid > *,.offers-grid > *,.internal-grid > *,.sector-grid > *,.info-grid > *,.zone-grid > *,.grid > *,.jobs > *{min-width:0!important}
 .dashboard,.hero-card,.table-wrap,.comparison-table,.pricing-table,.seo-nav-inner,.marquee-container{max-width:100%!important;overflow-x:auto}
 .dashboard::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.seo-nav-inner::-webkit-scrollbar{height:8px}
 .dashboard::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb,.seo-nav-inner::-webkit-scrollbar-thumb{background:rgba(96,165,250,.35);border-radius:999px}
 .offers-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))!important}
 .answer-grid,.internal-grid,.sector-grid,.info-grid,.zone-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}
 .grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important}
 .grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}
 .jobs{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))!important}
 .card,.panel,.result,.price-card,.offer-card,.info-card,.zone-card,.sector-card,.cta-box,.category,.hero-card{max-width:100%!important}
 .btn,.tag,.kicker,.price,.offer-price,.hero-proof span,.trustbar span,.trustbar a{max-width:100%;white-space:normal!important}
 h1,h2,h3,h4,p,li,a,span,strong,small{overflow-wrap:anywhere}
 [style*="width:"]{max-width:100%}
 #travaux,#beaute,#auto{scroll-margin-top:110px}
 .iw-category-target{outline:1px solid rgba(134,239,172,.35);outline-offset:6px}
 @media(max-width:680px){
 .container,.wrap{max-width:calc(100vw - 24px)!important}
 .hero-grid,.compare-grid,.result-cards,.answer-grid,.offers-grid,.internal-grid,.sector-grid,.info-grid,.zone-grid,.grid,.grid-3,.grid-4,.footer-grid,.footer-cols,.jobs,.category-jump{grid-template-columns:1fr!important}
 #travaux,#beaute,#auto{scroll-margin-top:96px}
 }


/* === SOURCE: assets/css/core/brand.css === */
/* Ideal Web — socle de marque universel  */
:root{
  --iw-brand-bg:#020617;
  --iw-brand-surface:#0b1220;
  --iw-brand-text:#f8fafc;
  --iw-brand-muted:#94a3b8;
  --iw-brand-accent:#46e58b;
  --iw-brand-line:rgba(148,163,184,.18);
}
.iw-seo-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.iw-seo-brand,.iw-tunnel-brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none}
.iw-seo-brand-mark,.iw-tunnel-brand__logo{display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.iw-seo-brand-mark img,.iw-tunnel-brand__logo img,[data-iw-brand-logo] img{width:100%;height:100%;object-fit:contain;display:block}
.iw-seo-header{position:relative;z-index:50}
.iw-seo-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.iw-seo-nav,.iw-seo-actions{display:flex;align-items:center;gap:14px}
.iw-seo-footer{position:relative}
.iw-seo-footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,.7fr));gap:24px}
.iw-seo-footer-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
@media(max-width:820px){
  .iw-seo-nav{display:none}
  .iw-seo-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .iw-seo-shell{width:min(100% - 24px,1180px)}
  .iw-seo-footer-grid{grid-template-columns:1fr}
  .iw-seo-footer-bottom{display:grid;text-align:center;justify-items:center}
}


/* === SOURCE: assets/css/core/seo-commercial-postbrand-v3383.css === */
/* Idéal Web V33.8.3 — PUBLIC + SEO shared CSS. Exact extraction; no rule rewritten. */

/* source 87942d712274 */
:root{--iw-readable:850px;--iw-title:980px;--iw-visual:900px}
 .hero,.city-hero,.reviews-hero{position:relative!important;text-align:center!important;overflow:hidden!important;padding-top:clamp(46px,6vw,78px)!important;padding-bottom:clamp(48px,6vw,76px)!important}
 .hero::before,.city-hero::before,.reviews-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(34,197,94,.10),transparent 36%),radial-gradient(circle at 50% 20%,rgba(96,165,250,.08),transparent 42%);opacity:.95}
 .hero>.container,.city-hero>.container,.reviews-hero>.container,.hero>.wrap,.city-hero>.wrap,.reviews-hero>.wrap,.hero-intro{position:relative;z-index:1;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
 .hero h1,.city-hero h1,.reviews-hero h1,#hero-title{max-width:var(--iw-title)!important;margin:16px auto 18px!important;text-align:center!important;line-height:1.08!important;letter-spacing:-.052em!important;text-wrap:balance!important}
 .hero h1 span,.city-hero h1 span,.reviews-hero h1 span,#hero-title span{display:block!important;margin-top:.12em!important;text-align:center!important;text-wrap:balance!important}
 .hero .lead,.city-hero .lead,.reviews-hero .lead,.hero-lead,.hero-sub,.city-hero p.lead,.reviews-hero p.lead{max-width:var(--iw-readable)!important;margin:18px auto 0!important;text-align:center!important;line-height:1.82!important;color:rgba(226,238,255,.84)!important;text-wrap:pretty!important}
 .hero .lead + .lead,.hero-lead + .hero-sub{margin-top:16px!important}
 .kicker,.mini-label,.iw-authority-badge,.eyebrow{margin-left:auto!important;margin-right:auto!important;text-align:center!important;justify-content:center!important;width:max-content;max-width:100%;line-height:1.3!important}
 .actions,.hero-actions,.cta-actions{justify-content:center!important;text-align:center!important}
 .hero-visual,.iw-auto-hero-visual{width:min(var(--iw-visual),100%)!important;max-width:var(--iw-visual)!important;aspect-ratio:16/7.2!important;margin:30px auto 0!important;padding:10px!important;border-radius:30px!important;background:linear-gradient(135deg,rgba(96,165,250,.15),rgba(34,197,94,.12))!important;border:1px solid rgba(134,239,172,.20)!important;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 50px rgba(34,197,94,.12),0 28px 90px rgba(0,0,0,.36)!important;overflow:hidden!important}
 .hero-visual img,.iw-auto-hero-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:22px!important;display:block!important}
 .hero-image-caption{max-width:760px!important;margin:10px auto 0!important;text-align:center!important;color:rgba(203,213,225,.72)!important;line-height:1.6!important}
 .section-head,.section-head.center{max-width:900px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
 .section-head h2,.section-head p,section>.container>h2,section>.container>p,section>.wrap>h2,section>.wrap>p{text-align:center!important;margin-left:auto!important;margin-right:auto!important;text-wrap:balance!important}
 .section-head p,section>.container>p,section>.wrap>p{max-width:820px!important;line-height:1.78!important;color:rgba(226,238,255,.80)!important}
 .trust div{text-align:center!important}.trust strong,.trust span{text-align:center!important}.seo-map{text-align:center!important}.seo-map h2,.seo-map p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}.seo-path a{justify-content:center!important;text-align:center!important}
 .cta-card{text-align:center!important}.cta-card h2,.cta-card p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}.cta-card{grid-template-columns:1fr!important}.cta-actions{min-width:0!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important}
 @media (min-width:981px){.hero-grid{display:grid!important;grid-template-columns:1fr!important}.hero-intro{grid-column:1/-1!important}.hero-visual{grid-column:1/-1!important}}
 @media (max-width:720px){:root{--iw-readable:100%;--iw-title:100%;--iw-visual:100%}.hero,.city-hero,.reviews-hero{padding-top:42px!important;padding-bottom:48px!important}.hero h1,.city-hero h1,.reviews-hero h1,#hero-title{font-size:clamp(2.1rem,9.6vw,3.25rem)!important;line-height:1.12!important;letter-spacing:-.045em!important;margin-top:14px!important}.hero .lead,.city-hero .lead,.reviews-hero .lead,.hero-lead,.hero-sub{font-size:1rem!important;line-height:1.75!important}.hero-visual,.iw-auto-hero-visual{aspect-ratio:16/9!important;border-radius:24px!important;padding:7px!important;margin-top:24px!important}.hero-visual img,.iw-auto-hero-visual img{border-radius:18px!important}.actions,.hero-actions,.cta-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.btn-main,.btn-ghost,.btn,.header-cta{width:100%!important;max-width:100%!important}.kicker,.mini-label,.iw-authority-badge,.eyebrow{width:auto!important}}

/* source b1f4f4ba6ee2 */
:root{
 --iw-page-max:1120px;
 --iw-readable:780px;
 --iw-title:940px;
 --iw-visual:980px;
}
html,body{overflow-x:hidden!important;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
.wrap,.container,.page-wrap,.iw-container{
 width:min(var(--iw-page-max),calc(100% - 32px))!important;
 margin-left:auto!important;margin-right:auto!important;
}
.hero,.city-hero,.reviews-hero,.page-hero,.seo-hero,.pricing-hero{
 text-align:center!important;
 padding-top:clamp(54px,6vw,86px)!important;
 padding-bottom:clamp(52px,6vw,82px)!important;
 background:
 radial-gradient(circle at 50% 0%,rgba(34,197,94,.13),transparent 42%),
 radial-gradient(circle at 80% 8%,rgba(56,189,248,.12),transparent 36%)!important;
}
.hero .wrap,.city-hero .wrap,.reviews-hero .wrap,.page-hero .wrap,.seo-hero .wrap,.pricing-hero .wrap,
.hero .container,.city-hero .container,.reviews-hero .container,.page-hero .container,.seo-hero .container,.pricing-hero .container,
.hero-grid,.hero-intro{
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 text-align:center!important;
 max-width:100%!important;
}
h1,#hero-title,.hero h1,.city-hero h1,.reviews-hero h1,.page-hero h1,.seo-hero h1,.pricing-hero h1{
 max-width:var(--iw-title)!important;
 margin-left:auto!important;margin-right:auto!important;
 text-align:center!important;
 line-height:1.08!important;
 letter-spacing:-.045em!important;
 text-wrap:balance!important;
}
h2,.section h2,.section-title,.seo-title{
 max-width:900px!important;
 margin-left:auto!important;margin-right:auto!important;
 text-align:center!important;
 line-height:1.12!important;
 letter-spacing:-.038em!important;
 text-wrap:balance!important;
}
.hero p,.city-hero p,.reviews-hero p,.page-hero p,.seo-hero p,.pricing-hero p,
.lead,.hero-lead,.hero-sub,.section-head p,.intro-text,.iw-lead{
 max-width:var(--iw-readable)!important;
 margin-left:auto!important;margin-right:auto!important;
 text-align:center!important;
 line-height:1.78!important;
 color:rgba(224,235,250,.82)!important;
}
.section-head,.heading,.intro,.intro-block,.seo-intro{
 max-width:930px!important;
 margin-left:auto!important;margin-right:auto!important;
 text-align:center!important;
}
.kicker,.eyebrow,.mini-label,.iw-authority-badge,.badge,.pill{
 margin-left:auto!important;margin-right:auto!important;
 text-align:center!important;
 justify-content:center!important;
}
.actions,.hero-actions,.cta-actions,.button-row,.buttons{
 justify-content:center!important;
 align-items:center!important;
 text-align:center!important;
 gap:12px!important;
 flex-wrap:wrap!important;
}
.hero-visual,.iw-auto-hero-visual,.seo-hero-visual{
 width:min(var(--iw-visual),100%)!important;
 max-width:var(--iw-visual)!important;
 aspect-ratio:16/7.4!important;
 margin:34px auto 0!important;
 padding:10px!important;
 border-radius:30px!important;
 border:1px solid rgba(134,239,172,.22)!important;
 background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(56,189,248,.10))!important;
 box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 58px rgba(34,197,94,.13),0 28px 90px rgba(0,0,0,.38)!important;
 overflow:hidden!important;
}
.hero-visual img,.iw-auto-hero-visual img,.seo-hero-visual img{
 width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
 display:block!important;border-radius:22px!important;filter:saturate(1.06) contrast(1.03)!important;
}
.card,.panel,.price-card,.offer-card,.info-card,.zone-card,.sector-card,.hero-card,.result,.faq details,.comparison-card{
 border-color:rgba(255,255,255,.10)!important;
 box-shadow:0 22px 70px rgba(0,0,0,.24)!important;
}
.card p,.panel p,.price-card p,.offer-card p,.info-card p,.zone-card p,.sector-card p,.hero-card p,.result p,.faq p,
.card li,.panel li,.price-card li,.offer-card li,.info-card li,.zone-card li,.sector-card li{
 line-height:1.66!important;
}
.cta,.closing,.cta-card,.final-cta{
 text-align:center!important;
}
.cta h2,.closing h2,.cta-card h2,.final-cta h2,
.cta p,.closing p,.cta-card p,.final-cta p{
 margin-left:auto!important;margin-right:auto!important;text-align:center!important;
}
.seo-nav,.iw-seo-nav,.seo-nav-wrap{
 text-align:center!important;
}
@media(max-width:760px){
 :root{--iw-readable:100%;--iw-title:100%;--iw-visual:100%;}
 .wrap,.container,.page-wrap,.iw-container{width:min(100% - 22px,var(--iw-page-max))!important;}
 .hero,.city-hero,.reviews-hero,.page-hero,.seo-hero,.pricing-hero{padding-top:44px!important;padding-bottom:52px!important;}
 h1,#hero-title,.hero h1,.city-hero h1,.reviews-hero h1,.page-hero h1,.seo-hero h1,.pricing-hero h1{
 font-size:clamp(2.16rem,10vw,3.35rem)!important;line-height:1.12!important;letter-spacing:-.04em!important;
 }
 h2,.section h2,.section-title,.seo-title{font-size:clamp(1.72rem,7.8vw,2.65rem)!important;line-height:1.16!important;}
 .hero p,.city-hero p,.reviews-hero p,.page-hero p,.seo-hero p,.pricing-hero p,.lead,.hero-lead,.hero-sub{font-size:1rem!important;line-height:1.76!important;}
 .hero-visual,.iw-auto-hero-visual,.seo-hero-visual{aspect-ratio:16/9!important;border-radius:24px!important;padding:7px!important;margin-top:24px!important;}
 .hero-visual img,.iw-auto-hero-visual img,.seo-hero-visual img{border-radius:18px!important;}
 .actions,.hero-actions,.cta-actions,.button-row,.buttons{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
 .btn,.btn-main,.btn-ghost,.header-cta{width:100%!important;max-width:100%!important;white-space:normal!important;}
}

/* source c54b7e158133 */
:root{--iw-bg:#020617;--iw-bg2:#06111f;--iw-card:#0b172b;--iw-green:#22c55e;--iw-green2:#86efac;--iw-blue:#38bdf8;--iw-text:#f8fafc;--iw-muted:#cbd5e1}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 20% 0%,rgba(34,197,94,.10),transparent 32%),radial-gradient(circle at 80% 0%,rgba(56,189,248,.10),transparent 32%),linear-gradient(180deg,var(--iw-bg),var(--iw-bg2) 52%,var(--iw-bg))!important;color:var(--iw-text)!important}
.site-header,.header{background:rgba(2,6,23,.92)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(16px)!important}
.brand-mark img,.brand img{object-fit:contain}
h1,h2,h3{color:var(--iw-text)!important;text-wrap:balance}
p,.lead,li{color:var(--iw-muted)}
a.btn-primary,.btn-primary,.header-cta{background:linear-gradient(135deg,var(--iw-green),var(--iw-green2))!important;color:#03140a!important;font-weight:900!important}
.card,.offer,.advantage-card,.faq-item,.cta-band,.metier-panel{border-color:rgba(134,239,172,.16)!important}
footer,.footer,.iw-belgian-footer{background:linear-gradient(120deg,rgba(10,24,48,.96),rgba(3,8,20,.98),rgba(4,31,34,.94))!important;border-top:1px solid rgba(255,255,255,.08)!important}
@media(max-width:900px){.grid-4,.grid-3,.grid-2,.offer-grid,.seo-links,.footer-grid,.footer-cols{grid-template-columns:1fr!important}}


/* === SOURCE: assets/css/core/seo-copywriting-v3383.css === */
/* Idéal Web V33.8.3 — PUBLIC + SEO shared CSS. Exact extraction; no rule rewritten. */

/* source 443570eaf87d */
/* Copywriting professionnel & SEO client/entreprise */
.iw-pro-seo-section{
 padding:clamp(58px,7vw,96px) 0!important;
 background:
 radial-gradient(circle at 18% 10%,rgba(34,197,94,.09),transparent 36%),
 linear-gradient(180deg,rgba(96,165,250,.035),rgba(2,6,23,.02))!important;
 border-top:1px solid rgba(125,211,252,.10)!important;
 border-bottom:1px solid rgba(125,211,252,.08)!important;
}
.iw-pro-seo-section .container,
.iw-pro-seo-section .wrap{
 width:min(1180px,calc(100% - 32px))!important;
 margin-inline:auto!important;
}
.iw-pro-head{
 max-width:920px!important;
 margin:0 auto 28px!important;
 text-align:center!important;
}
.iw-pro-kicker{
 display:inline-flex!important;
 align-items:center!important;
 gap:8px!important;
 margin-bottom:14px!important;
 padding:8px 13px!important;
 border-radius:999px!important;
 color:#bbf7d0!important;
 background:rgba(34,197,94,.10)!important;
 border:1px solid rgba(34,197,94,.24)!important;
 font-size:.78rem!important;
 font-weight:900!important;
 text-transform:uppercase!important;
 letter-spacing:.08em!important;
}
.iw-pro-head h2{
 margin:0 0 14px!important;
 color:#f8fafc!important;
 font-size:clamp(1.75rem,3.6vw,3rem)!important;
 line-height:1.05!important;
 letter-spacing:-.055em!important;
 text-wrap:balance!important;
}
.iw-pro-head p{
 margin:0 auto!important;
 color:#cbd5e1!important;
 font-size:clamp(1rem,1.4vw,1.14rem)!important;
 line-height:1.75!important;
 max-width:880px!important;
}
.iw-pro-grid{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:16px!important;
 margin-top:28px!important;
}
.iw-pro-card{
 padding:24px!important;
 border-radius:24px!important;
 background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.72))!important;
 border:1px solid rgba(148,163,184,.16)!important;
 box-shadow:0 22px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.iw-pro-card h3{
 margin:0 0 10px!important;
 color:#fff!important;
 font-size:1.08rem!important;
 letter-spacing:-.035em!important;
}
.iw-pro-card p{
 margin:0!important;
 color:#cbd5e1!important;
 line-height:1.65!important;
 font-size:.96rem!important;
}
@media(max-width:820px){
 .iw-pro-grid{grid-template-columns:1fr!important}
 .iw-pro-head{text-align:left!important}
}


/* === SOURCE: assets/css/core/seo-public-finish-v3383.css === */
/* Idéal Web V33.8.3 — PUBLIC + SEO shared CSS. Exact extraction; no rule rewritten. */

/* source b367a43dbbec */
/* Idéal Web — suppression définitive des logos fallback texte */
.iw-logo-fallback,
.logo-fallback,
.brand-fallback,
[data-logo-fallback]{
 display:none!important;
 visibility:hidden!important;
 opacity:0!important;
 pointer-events:none!important;
}
.brand-mark.is-logo-empty .iw-logo-fallback,
.brand-mark.is-logo-error .iw-logo-fallback,
.brand .brand-mark .iw-logo-fallback,
.iw-brand .brand-mark .iw-logo-fallback,
.site-brand .brand-mark .iw-logo-fallback{
 display:none!important;
}

/* source d0fd82b4ace9 */
/* Idéal Web — logo unique, suppression des doublons/fallbacks */
.iw-logo-fallback,
.logo-fallback,
.brand-fallback,
[data-logo-fallback]{
 display:none!important;
 visibility:hidden!important;
 opacity:0!important;
 pointer-events:none!important;
}
.brand img[src=""],
.brand img:not([src]),
.iw-brand img[src=""],
.iw-brand img:not([src]),
.site-brand img[src=""],
.site-brand img:not([src]),
.navbar-brand img[src=""],
.navbar-brand img:not([src]){
 display:none!important;
}
.brand .brand-mark:empty,
.iw-brand .brand-mark:empty,
.site-brand .brand-mark:empty,
.navbar-brand .brand-mark:empty{
 display:none!important;
}
.brand .brand-mark + .brand-mark,
.iw-brand .brand-mark + .brand-mark,
.site-brand .brand-mark + .brand-mark,
.navbar-brand .brand-mark + .brand-mark{
 display:none!important;
}

/* source e79ea3bd22e1 */
/* Idéal Web — ZERO moteur/bulle/panneau couleur visible dans les templates */
#iwOfficialColorBubble,#iwOfficialColorDock,#iwOfficialColorPanel,#idealwebColorButton,#idealwebColorPanel,#idealwebColorDock,#iwColorFab,#iwColorPanel,#colorToggle,#iwStylePanel,
.iw-color-engine,.iw-color-head,.iw-color-body,.iw-swatches,.iw-swatch,.iw-range,.iw-color-toggle,.iw-color-fab,.iw-color-panel,.iw-color-bubble,.iw-lot-color-bubble,.iw-final-color-toggle,.iw-final-color-panel,.iw-style-panel,.color-engine,.color-panel,.color-bubble,[data-color-engine],[data-iw-color-engine]{
 display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important;
}
/* La barre finale garde seulement le bouton, jamais de texte de couleur */
.iw-savebar > div{display:none!important}
.iw-savebar{justify-content:center!important;grid-template-columns:1fr!important;text-align:center!important}
.iw-savebar .btn{margin-inline:auto!important}

/* source 08a8a4181a0a */
a.brand[href="index.html"] .brand-mark,
a.brand[href="./index.html"] .brand-mark,
a.brand[href="index.html"] .brand-mark,
a.brand[href="index.html"] .brand-mark{
 display:inline-block!important;
 visibility:visible!important;
 opacity:1!important;
 width:42px!important;
 height:42px!important;
 min-width:42px!important;
 flex:0 0 42px!important;
 border-radius:12px!important;
 background:url('../../../assets_brand/idealweb-logo-square.webp') center/contain no-repeat!important;
 box-shadow:none!important;
 filter:drop-shadow(0 0 12px rgba(56,189,248,.28)) drop-shadow(0 0 10px rgba(34,197,94,.14))!important;
}
a.brand[href="index.html"] .brand-mark:empty,
a.brand[href="./index.html"] .brand-mark:empty,
a.brand[href="index.html"] .brand-mark:empty,
a.brand[href="index.html"] .brand-mark:empty{
 display:inline-block!important;
 visibility:visible!important;
 opacity:1!important;
}
@media(max-width:680px){
 a.brand[href="index.html"] .brand-mark,
 a.brand[href="./index.html"] .brand-mark,
 a.brand[href="index.html"] .brand-mark,
 a.brand[href="index.html"] .brand-mark{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}
}

/* source ff9152d660be */
:root{--iw-seo-bg:#020617;--iw-seo-card:rgba(15,23,42,.84);--iw-seo-line:rgba(148,163,184,.22);--iw-seo-text:#e5eefb;--iw-seo-muted:#94a3b8;--iw-seo-green:#22c55e;--iw-seo-blue:#60a5fa;}
 .iw-seo-header,.iw-seo-footer{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--iw-seo-text);}
 .iw-seo-header{position:sticky;top:0;z-index:999;background:rgba(2,6,23,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--iw-seo-line);box-shadow:0 14px 40px rgba(0,0,0,.18);}
 .iw-seo-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto;}
 .iw-seo-header-inner{min-height:72px;display:flex;align-items:center;gap:18px;justify-content:space-between;}
 .iw-seo-brand{display:inline-flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;font-weight:900;letter-spacing:-.03em;font-size:1.08rem;white-space:nowrap;}
 .iw-seo-brand-mark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;background:#020617 url('../../../assets_brand/idealweb-logo-square.webp') center/contain no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 0 12px rgba(56,189,248,.28)) drop-shadow(0 0 10px rgba(34,197,94,.14))!important;display:inline-block!important;position:relative!important;border:1px solid rgba(125,211,252,.22)!important;}
 .iw-seo-brand-mark:after{content:none!important;display:none!important;}
 .iw-seo-brand small{color:var(--iw-seo-green);font-size:1em;}
 .iw-seo-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;}
 .iw-seo-nav a{color:#cbd5e1!important;text-decoration:none!important;font-size:.92rem;font-weight:700;line-height:1.2;transition:.2s ease;}
 .iw-seo-nav a:hover{color:#fff!important;}
 .iw-seo-actions{display:flex;align-items:center;gap:10px;white-space:nowrap;}
 .iw-seo-pro{color:#dbeafe!important;text-decoration:none!important;border:1px solid rgba(96,165,250,.28);border-radius:999px;padding:10px 14px;font-weight:800;font-size:.9rem;background:rgba(96,165,250,.08);}
 .iw-seo-cta{color:#03140a!important;text-decoration:none!important;border-radius:999px;padding:11px 16px;font-weight:950;font-size:.9rem;background:linear-gradient(135deg,#22c55e,#86efac);box-shadow:0 14px 32px rgba(34,197,94,.24);}
 .iw-seo-footer{background:linear-gradient(180deg,#020617,#01040d);border-top:1px solid var(--iw-seo-line);padding:42px 0 22px;margin-top:64px;}
 .iw-seo-trust{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;}
 .iw-seo-trust span{border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.72);border-radius:999px;padding:8px 12px;color:#cbd5e1;font-size:.84rem;font-weight:700;}
 .iw-seo-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:22px;align-items:start;}
 .iw-seo-footer p{color:var(--iw-seo-muted);line-height:1.7;margin:.8rem 0 0;font-size:.94rem;}
 .iw-seo-footer h2{font-size:.92rem;color:#fff;margin:0 0 .8rem;font-weight:900;}
 .iw-seo-footer a{display:block;color:#cbd5e1!important;text-decoration:none!important;margin:.42rem 0;font-size:.9rem;}
 .iw-seo-footer a:hover{color:#fff!important;}
 .iw-seo-footer-bottom{border-top:1px solid rgba(148,163,184,.16);margin-top:24px;padding-top:16px;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;color:#94a3b8;font-size:.82rem;}
 .iw-seo-tva{font-size:11px;opacity:.62;letter-spacing:.01em;}
 @media (max-width:860px){.iw-seo-footer-grid{grid-template-columns:1fr}.iw-seo-footer-bottom{display:block}.iw-seo-footer-bottom span{display:block;margin:.35rem 0}}


/* === SOURCE: assets/css/templates/page-transition.css === */
/* Idéal Web — transition légère entre pages, sans JavaScript ni délai artificiel. */
@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: iw-page-out 140ms ease-out both;
}

::view-transition-new(root) {
  animation: iw-page-in 180ms ease-out both;
}

@keyframes iw-page-out {
  from { opacity: 1; }
  to { opacity: 0.88; }
}

@keyframes iw-page-in {
  from { opacity: 0.88; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}


/* === SOURCE: assets/css/core/commercial-layout.css === */
:root{--iw-radius-card:24px;--iw-radius-button:14px;--iw-space-section:clamp(64px,8vw,104px);--iw-shadow-card:0 18px 50px rgba(15,23,42,.10)}
.iw-offer-grid,.pricing-grid,.offers{align-items:stretch;gap:clamp(18px,2.4vw,28px)}
.iw-offer-card,.price-card,.offer{border-radius:var(--iw-radius-card);box-shadow:var(--iw-shadow-card);height:100%}
.button,.btn,.iw-btn,button[type=submit]{min-height:48px;border-radius:var(--iw-radius-button);font-weight:800}
.badge,.popular,.reco-ribbon{border-radius:999px;font-weight:800;letter-spacing:.01em}
section{scroll-margin-top:88px}
@media(max-width:720px){.iw-offer-grid,.pricing-grid,.offers{grid-template-columns:1fr!important}.button,.btn,.iw-btn{width:100%;justify-content:center}}


/* === SOURCE: assets/css/core/seo-architecture.css === */
/* Idéal Web — architecture SEO Belgique (Phase 2) */
.iw-seo-architecture{margin:0;background:#07111f;color:#eaf2ff;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.08)}
.iw-seo-architecture__inner{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.iw-seo-architecture__title{font:800 .82rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;white-space:nowrap}
.iw-seo-architecture__links{display:flex;flex-wrap:wrap;gap:8px 10px}
.iw-seo-architecture__links a{color:#f8fbff;text-decoration:none;font:700 .88rem/1.2 Inter,system-ui,sans-serif;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045)}
.iw-seo-architecture__links a:hover,.iw-seo-architecture__links a:focus-visible{background:rgba(59,130,246,.18);border-color:rgba(147,197,253,.42);outline:none}
@media(max-width:760px){.iw-seo-architecture__inner{grid-template-columns:1fr;gap:12px;padding:18px 0}.iw-seo-architecture__links{gap:7px}.iw-seo-architecture__links a{font-size:.82rem;padding:7px 9px}}


/* === SOURCE: assets/css/core/public-visual-polish.css === */
/* Idéal Web — socle visuel public consolidé
   Scope: pages publiques/indexables uniquement. Aucun style tunnel / paiement / espace client.
   V33.10.0: contraste sémantique imbriqué + audit global, sans couches de patch. */
.iw-public-page,.iw-public-page *,.iw-public-page *::before,.iw-public-page *::after{box-sizing:border-box}
.iw-public-page{
  --iw-surface-light-bg:#fff;
  --iw-surface-light-soft:#f4faf7;
  --iw-text-on-light:#10261f;
  --iw-muted-on-light:#4c6158;
  --iw-surface-dark-bg:#07111f;
  --iw-text-on-dark:#f8fafc;
  --iw-muted-on-dark:#c7d8d0;
  min-width:320px;max-width:100%;overflow-x:clip;text-rendering:optimizeLegibility
}
/* Contraste sémantique canonique.
   La surface la plus proche définit les variables héritées : un îlot clair peut donc vivre
   dans une section sombre (et inversement) sans qu'une règle ancêtre n'écrase son contraste. */
.iw-public-page :where(.iw-surface-light,[data-iw-surface="light"]){
  --iw-surface-text:var(--iw-text-on-light);
  --iw-surface-muted:var(--iw-muted-on-light);
  color:var(--iw-surface-text)
}
.iw-public-page :where(.iw-surface-dark,[data-iw-surface="dark"]){
  --iw-surface-text:var(--iw-text-on-dark);
  --iw-surface-muted:var(--iw-muted-on-dark);
  color:var(--iw-surface-text)
}
.iw-public-page :where(.iw-surface-light,.iw-surface-dark,[data-iw-surface="light"],[data-iw-surface="dark"]) :where(h1,h2,h3,h4,h5,h6,legend,label,summary,strong){color:var(--iw-surface-text)}
.iw-public-page :where(.iw-surface-light,.iw-surface-dark,[data-iw-surface="light"],[data-iw-surface="dark"]) :where(p,li,small){color:var(--iw-surface-muted)}
.iw-public-page main,.iw-public-page header,.iw-public-page footer,.iw-public-page nav,.iw-public-page section,.iw-public-page article,.iw-public-page aside,.iw-public-page figure{min-width:0;max-width:100%}
.iw-public-page :where(.container,.wrap,.shell,.iw-seo-shell,.page-wrap,.content-wrap,.iw-container){min-width:0;max-width:100%}
.iw-public-page :where(.grid,.grid-2,.grid-3,.grid-4,.cards,.cards-grid,.pricing-grid,.price-grid,.plans-grid,.comparison-grid,.features-grid,.footer-grid,.footer-cols,.trust,.trust-grid,.links-grid,.iw-price-summary,.iw-checklist)>*{min-width:0}
.iw-public-page :where(h1,h2,h3,h4,p,li,a,button,summary,th,td,strong,span){word-break:normal;overflow-wrap:break-word}
.iw-public-page :where(h1,h2,h3){text-wrap:balance}
.iw-public-page :where(p,li){text-wrap:pretty}
.iw-public-page :where(img,svg,video,canvas,iframe){max-width:100%;height:auto}
.iw-public-page figure{margin-inline:auto}
.iw-public-page :where(.actions,.hero-actions,.cta-actions,.button-row,.buttons){min-width:0;max-width:100%}
.iw-public-page :where(.btn,.button,.iw-btn,.btn-main,.btn-ghost,.header-cta,.iw-seo-pro,.iw-seo-cta){max-width:100%;white-space:normal;line-height:1.25;text-align:center}
.iw-public-page :where(.card,.panel,.price-card,.offer-card,.info-card,.zone-card,.sector-card,.comparison-card,.feature-card,.hero-card,.glass-card){min-width:0;overflow-wrap:break-word}
.iw-public-page :where(.table-wrap,.comparison-table,.price-table,.seo-table,.iw-price-table-wrap,.iw-table-wrap){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.iw-public-page table{max-width:100%}
.iw-public-page main>.iw-note{width:min(1120px,calc(100% - 34px));margin:22px auto;padding:16px 18px}
.iw-public-page :where(.faq-item summary,.faq details summary,details.faq-item summary){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}
.iw-public-page :where(.faq-item summary span,.faq details summary span){min-width:0}
.iw-public-page :where(.faq-item summary i,.faq details summary i){flex:0 0 auto}
.iw-public-page .iw-seo-architecture{--iw-surface-text:var(--iw-text-on-dark);--iw-surface-muted:var(--iw-muted-on-dark);position:relative;z-index:1;margin:0;background:#07111f;color:var(--iw-surface-text)}
.iw-public-page .iw-seo-architecture__inner{padding:18px 0;gap:16px;min-width:0;max-width:100%}
.iw-public-page .iw-seo-architecture__title{font-size:.78rem}
.iw-public-page .iw-seo-architecture__links{gap:7px 8px;min-width:0;max-width:100%}
.iw-public-page .iw-seo-architecture__links a{min-height:38px;display:inline-flex;align-items:center;padding:7px 10px;font-size:.84rem;line-height:1.25}
.iw-public-page .iw-seo-footer-grid{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}
.iw-public-page .iw-seo-footer-grid>*{min-width:0}
.iw-public-page .iw-seo-footer :where(h2,p,a){max-width:100%;overflow-wrap:break-word}
.iw-public-page .iw-seo-footer h2{white-space:normal}

/* Pages publiques à thème sombre. */
.iw-public-dark .iw-seo-header{position:sticky;top:0;z-index:1000}
.iw-public-dark .iw-seo-header-inner{width:min(1180px,calc(100% - 32px));margin-inline:auto;min-width:0}
.iw-public-dark .iw-seo-brand{min-width:0;flex:0 0 auto}
.iw-public-dark .iw-seo-brand-mark{flex:0 0 auto}
.iw-public-dark .iw-seo-nav{min-width:0;gap:clamp(10px,1.25vw,18px)}
.iw-public-dark .iw-seo-nav a{font-size:clamp(.82rem,.95vw,.92rem);line-height:1.25;white-space:nowrap}
.iw-public-dark .iw-seo-actions{flex:0 0 auto;gap:10px}
.iw-public-dark .iw-seo-footer{margin-top:0}
.iw-public-dark main,.iw-public-dark section{overflow:visible}
.iw-public-dark :where(.grid,.grid.two,.links-grid,.iw-price-summary,.iw-checklist){align-items:stretch}
.iw-public-dark :where(.card,.link-card,.faq-item,.cta-card,.split-panel,.seo-map){height:auto}
.iw-public-dark .cta-card,.iw-public-dark .cta-actions{min-width:0}

@media(max-width:1100px){
  .iw-public-page :where(.grid-4,.pricing-grid,.price-grid,.plans-grid,.comparison-grid,.links-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
  .iw-public-dark .iw-seo-header-inner{gap:14px}
  .iw-public-dark .iw-seo-nav{gap:10px}
}
@media(max-width:1050px){
  .iw-public-page .iw-seo-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Header mobile canonique: plus de navigation desktop comprimée. */
@media(max-width:820px){
  .iw-public-dark .iw-seo-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:8px 0}
  .iw-public-dark .iw-seo-nav{display:none;width:0;height:0;padding:0;margin:0;overflow:hidden}
  .iw-public-dark .iw-seo-actions{display:flex;align-items:center;justify-self:end;width:auto;min-width:0;gap:8px}
  .iw-public-dark .iw-seo-pro{display:none}
  .iw-public-dark .iw-seo-cta{display:inline-flex;width:auto;max-width:138px;min-height:42px;padding:9px 13px;font-size:.82rem;line-height:1.12;white-space:normal}
  .iw-public-dark .iw-seo-brand{min-width:0;max-width:100%;font-size:1rem}
  .iw-public-dark .iw-seo-brand-mark{width:40px;height:40px;min-width:40px}
  .iw-public-page .iw-seo-architecture__inner{grid-template-columns:1fr;align-items:start}
}
@media(max-width:760px){
  .iw-public-page :where(.container,.wrap,.shell,.iw-seo-shell,.page-wrap,.content-wrap,.iw-container){width:min(100% - 24px,1180px);margin-inline:auto}
  .iw-public-page :where(.grid,.grid.two,.grid-2,.grid-3,.grid-4,.cards-grid,.pricing-grid,.price-grid,.plans-grid,.comparison-grid,.links-grid,.iw-price-summary,.iw-checklist,.footer-grid,.footer-cols,.trust,.trust-grid){grid-template-columns:1fr}
  .iw-public-page :where(.actions,.hero-actions,.cta-actions,.button-row,.buttons){width:100%}
  .iw-public-page :where(.btn,.button,.iw-btn,.btn-main,.btn-ghost,.header-cta){width:100%;justify-content:center}
  .iw-public-page main>.iw-note{width:calc(100% - 24px);margin:18px auto;padding:14px 15px}
  .iw-public-page .iw-seo-architecture__links{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .iw-public-page .iw-seo-architecture__links a{width:100%;justify-content:flex-start}
}
@media(max-width:700px){
  .iw-public-page .iw-seo-footer-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .iw-public-page .iw-seo-architecture__links{grid-template-columns:1fr}
  .iw-public-page .iw-seo-architecture__title{white-space:normal}
  .iw-public-page :where(.faq-item summary,.faq details summary,details.faq-item summary){gap:11px;padding-left:16px;padding-right:16px}
}
@media(max-width:390px){
  .iw-public-dark .iw-seo-header-inner{gap:7px}
  .iw-public-dark .iw-seo-brand{gap:8px;font-size:.94rem}
  .iw-public-dark .iw-seo-brand-mark{width:36px;height:36px;min-width:36px}
  .iw-public-dark .iw-seo-cta{max-width:124px;padding:8px 11px;font-size:.78rem}
}
@media(prefers-reduced-motion:reduce){
  .iw-public-page *,.iw-public-page *::before,.iw-public-page *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* === SOURCE: assets/css/core/public-gold-sync.css === */
/* IDEAL WEB — GOLD PUBLIC SYNC — 2026-08-16 */
.iw-gold-sync{--iw-gold-green:#0f8442;--iw-gold-ink:#122b21;--iw-gold-muted:#5e6c65;--iw-gold-line:#dfe8e3;--iw-gold-soft:#f5f9f6;--iw-gold-focus:0 0 0 4px rgba(15,132,66,.16);overflow-x:clip;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-synthesis:none}
.iw-gold-sync *,.iw-gold-sync *::before,.iw-gold-sync *::after{box-sizing:border-box}
.iw-gold-sync :where(img,picture,video,svg){max-width:100%}.iw-gold-sync img{height:auto}
.iw-gold-sync :where(h1,h2,h3){text-wrap:balance;overflow-wrap:break-word}.iw-gold-sync :where(p,li,dd,summary){overflow-wrap:break-word}
.iw-gold-sync :where(section[id],article[id],div[id]){scroll-margin-top:96px}
.iw-gold-sync :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--iw-gold-green);outline-offset:3px;box-shadow:var(--iw-gold-focus)}
.iw-gold-sync :where(button,.button,.btn,[class*="button-"],[class*="btn-"]){touch-action:manipulation}.iw-gold-sync :where(.button,.btn){min-height:44px}
.iw-gold-sync :where(input,select,textarea,button){font:inherit}.iw-gold-sync :where(input,select,textarea){max-width:100%}
.iw-gold-sync :where(.site-header,.iw-seo-header,.top){isolation:isolate;z-index:50}
.iw-gold-sync :where(.pillar-card,.pricing-card,.faq-list details,.review-card,.feature-card){border-color:var(--iw-gold-line)}
.iw-gold-sync :where(.faq-list details){scroll-margin-top:110px}.iw-gold-sync :where(.site-footer,footer){position:relative;z-index:1}
.iw-gold-sync :where(.breadcrumbs){overflow-x:auto;scrollbar-width:none}.iw-gold-sync :where(.breadcrumbs)::-webkit-scrollbar{display:none}.iw-gold-sync :where(.breadcrumbs ol){min-width:max-content}
.iw-gold-sync :where(.centered-action,.centered-action .button,.centered-action .btn){max-width:100%}.iw-gold-sync a[href^="http"]{overflow-wrap:anywhere}
@media(max-width:900px){.iw-gold-sync :where(.section-heading){row-gap:1rem}.iw-gold-sync :where(.header-actions){flex-shrink:0}}
@media(max-width:760px){.iw-gold-sync :where(section[id],article[id],div[id]){scroll-margin-top:82px}.iw-gold-sync :where(.button-large){min-height:48px}.iw-gold-sync :where(.pricing-grid,.pillar-grid,.feature-grid,.cards-grid,.pricing-card,.pillar-card,.feature-card){min-width:0}.iw-gold-sync :where(.main-menu,.nav-links){max-width:100%}}
@media(max-width:520px){.iw-gold-sync :where(.centered-action .button,.centered-action .btn,.ph-hero-actions .button){width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.iw-gold-sync *,.iw-gold-sync *::before,.iw-gold-sync *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* === SOURCE: assets/css/core/gold-ui-content-v338.css === */
/* Idéal Web — V33.8 GOLD UI / CONTENT HARDENING
   Couche publique finale : stabilité mobile, contenus longs et composants réutilisés.
   Chargée après les styles de page ; aucune logique paiement/backend. */
.iw-public-page{overflow-x:clip}
.iw-public-page *, .iw-public-page *::before, .iw-public-page *::after{box-sizing:border-box}
.iw-public-page :where(img,picture,video,canvas,svg,iframe){max-width:100%}
.iw-public-page :where(img,video){height:auto}
.iw-public-page :where(.grid,.cards,.card-grid,.section-grid,.hero-grid,.footer-grid,.steps,.offers,.features,.pricing-grid,.iw-price-summary,.iw-checklist)>*{min-width:0}
.iw-public-page :where(h1,h2,h3,h4,p,li,a,button,label,summary,strong,span){overflow-wrap:break-word}
.iw-public-page :where(input,select,textarea,button){max-width:100%}
.iw-public-page :where(pre,code){max-width:100%}
.iw-public-page pre{overflow:auto;-webkit-overflow-scrolling:touch}
.iw-public-page .bi{display:inline-block;line-height:1;vertical-align:-.125em}
.iw-public-page :where(.table-wrap,.table-responsive,.comparison-wrap,.iw-price-table-wrap,.legal-table-wrap,.ai332-comparison-wrap){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
@media(max-width:760px){
  .iw-public-page{font-size-adjust:none}
  .iw-public-page :where(h1,h2,h3){text-wrap:balance}
  .iw-public-page :where(p,li){text-wrap:pretty}
  .iw-public-page table{max-width:none}
  .iw-public-page :where(.btn,.button,.navcta,.cta,.cta-button,[class*="btn-"]){white-space:normal;text-align:center}
  .iw-public-page :where(.hero-actions,.actions,.cta-actions,.button-row,.buttons){max-width:100%;flex-wrap:wrap}
  .iw-public-page :where(.hero-actions,.actions,.cta-actions,.button-row,.buttons)>a,
  .iw-public-page :where(.hero-actions,.actions,.cta-actions,.button-row,.buttons)>button{max-width:100%}
  .iw-public-page :where(.badge,.pill,.tag,.eyebrow,.kicker){max-width:100%;white-space:normal}
  .iw-public-page :where(.hero,.section,.panel,.card,.offer,.pricing-card){min-width:0}
}
@media(max-width:430px){
  .iw-public-page :where(.wrap,.container,.shell,.hub-shell){min-width:0}
  .iw-public-page :where(input,select,textarea){font-size:16px}
  .iw-public-page :where(.btn,.button,.navcta,.cta-button){min-height:44px}
}
@supports not (overflow:clip){.iw-public-page{overflow-x:hidden}}


/* === SOURCE: assets/css/core/public-typography-spacing-v3386.css === */
/* Idéal Web V33.8.5 — Charte typographique et rythme vertical PUBLIC + SEO.
   Scope volontairement limité à body.iw-public-page. */

body.iw-public-page{
  --iw-public-h1:clamp(2.5rem,4.2vw,4.5rem);
  --iw-public-h2:clamp(1.9rem,3vw,3.15rem);
  --iw-public-h3:clamp(1.18rem,1.55vw,1.55rem);
  --iw-public-section-space:clamp(3.5rem,5.8vw,5.5rem);
  --iw-public-hero-space:clamp(3.25rem,5.2vw,4.75rem);
}

/* Hiérarchie commune : lisible, premium, jamais disproportionnée. */
body.iw-public-page main h1{
  font-size:var(--iw-public-h1)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  font-weight:800!important;
  text-wrap:balance;
}
body.iw-public-page main h2{
  font-size:var(--iw-public-h2)!important;
  line-height:1.09!important;
  letter-spacing:-.035em!important;
  font-weight:800!important;
  text-wrap:balance;
}
body.iw-public-page main h3{
  font-size:var(--iw-public-h3)!important;
  line-height:1.22!important;
  letter-spacing:-.018em!important;
  font-weight:780!important;
  text-wrap:balance;
}

/* Rythme vertical commun des blocs éditoriaux publics/SEO. */
body.iw-public-page main > .section,
body.iw-public-page main > .content-section,
body.iw-public-page main > .section-pad{
  padding-top:var(--iw-public-section-space)!important;
  padding-bottom:var(--iw-public-section-space)!important;
}
body.iw-public-page main > .page-hero,
body.iw-public-page main > .city-hero,
body.iw-public-page main > .premium-hero,
body.iw-public-page main > .catalog-hero,
body.iw-public-page main > .ai332-hero,
body.iw-public-page main > .ai332-article-hero,
body.iw-public-page main > .ip33-hero,
body.iw-public-page main > .sd-hero,
body.iw-public-page main > .sector-hero{
  padding-top:var(--iw-public-hero-space)!important;
  padding-bottom:var(--iw-public-hero-space)!important;
  min-height:auto!important;
}
body.iw-public-page:not(.home-premium) main > .hero{
  padding-top:var(--iw-public-hero-space)!important;
  padding-bottom:var(--iw-public-hero-space)!important;
  min-height:auto!important;
}

/* Évite les grands blancs entre un titre de section et son contenu. */
body.iw-public-page main .section-heading,
body.iw-public-page main .section-head{
  margin-bottom:clamp(1.75rem,3vw,2.75rem)!important;
}
body.iw-public-page main .section-heading.centered{
  margin-bottom:clamp(1.75rem,3vw,2.75rem)!important;
}
body.iw-public-page main .page-faq .faq-grid{
  padding-top:clamp(3rem,5vw,4.5rem)!important;
}

/* Une largeur confortable pour les introductions longues sans créer de vide artificiel. */
body.iw-public-page main :is(.hero-lead,.page-lead,.section-heading > p,.section-head > p){
  line-height:1.65;
}

@media (max-width:700px){
  body.iw-public-page{
    --iw-public-h1:clamp(2.15rem,10vw,2.8rem);
    --iw-public-h2:clamp(1.72rem,8vw,2.2rem);
    --iw-public-h3:clamp(1.08rem,5.2vw,1.35rem);
    --iw-public-section-space:clamp(3rem,12vw,4rem);
    --iw-public-hero-space:clamp(2.5rem,10vw,3.5rem);
  }
  body.iw-public-page main h1{line-height:1.07!important;letter-spacing:-.035em!important}
  body.iw-public-page main h2{line-height:1.12!important;letter-spacing:-.028em!important}
}


/* V33.8.6 — verrouille la charte même face aux anciens sélecteurs par ID. */
body.iw-public-page main :is(#hero-title,#page-title,#asa-title,#estimate-title){
  font-size:var(--iw-public-h1)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  font-weight:800!important;
}
@media (max-width:700px){
  body.iw-public-page main :is(#hero-title,#page-title,#asa-title,#estimate-title){
    font-size:var(--iw-public-h1)!important;
    line-height:1.07!important;
    letter-spacing:-.035em!important;
  }
}

/* V33.8.6 — correction structurelle :
   certaines pages utilisent directement kicker + H2 + texte dans .section-heading.
   L'ancienne grille 2 colonnes de site-global créait alors de grands vides et des titres décalés.
   Les variantes avec conteneurs internes conservent leur grille éditoriale. */
body.iw-public-page main .section-heading:has(> h2){
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
}


/* V33.9.0 — SEO primary image hook */
.iw-seo-primary-media {
  position: relative;
  width: min(calc(100% - 32px), 920px);
  margin: clamp(22px, 3.5vw, 44px) auto;
  overflow: hidden;
  border: 1px solid rgba(10, 88, 62, .12);
  border-radius: clamp(18px, 2.2vw, 28px);
  background: #f4f8f6;
  box-shadow: 0 18px 52px rgba(16, 58, 45, .11);
}
.iw-seo-primary-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(255,255,255,.16), transparent 34%, transparent 68%, rgba(73,183,139,.08));
}
.iw-seo-primary-media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  object-fit: cover;
}
@media (max-width: 640px) {
  .iw-seo-primary-media { width: min(calc(100% - 24px), 920px); border-radius: 18px; margin-block: 20px 28px; }
}


/* === SOURCE: assets/css/site-architecture-v7.css === */

/* V7 architecture navigation: additive, local/static compatible */
.iw-v7-breadcrumb{max-width:1180px;margin:14px auto;padding:0 18px;font:600 14px/1.5 system-ui,sans-serif;color:#475569}.iw-v7-breadcrumb a{color:#0f766e;text-decoration:none}.iw-v7-breadcrumb span{margin:0 7px;color:#94a3b8}.iw-v7-children{max-width:1180px;margin:40px auto;padding:26px 22px;border:1px solid #e2e8f0;border-radius:20px;background:#fff}.iw-v7-children h2{margin:0 0 16px;font:800 26px/1.2 system-ui,sans-serif;color:#0f172a}.iw-v7-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.iw-v7-grid a{display:block;padding:13px 14px;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;color:#0f172a;background:#f8fafc;font:650 14px/1.35 system-ui,sans-serif}.iw-v7-grid a:hover{transform:translateY(-1px);border-color:#99f6e4;background:#f0fdfa}.iw-v7-hubs{max-width:1180px;margin:44px auto;padding:0 18px}.iw-v7-hubs h2{font:850 30px/1.2 system-ui,sans-serif;color:#0f172a}.iw-v7-hubs .iw-v7-grid a{background:#fff}