/* ===== /exemple5 : HavenWorks (marketplace services maison) ===== */
body.exemple5{background:#fff;color:#151515;font-family:'Inter',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.hw{--g:#a6d84a;--gd:#8fc73a;--ink:#151515;--mut:#6c7280;--line:#e9ebee;--bg:#f4f5f3}
.hw *{box-sizing:border-box}
.hw a{text-decoration:none;color:inherit}
.hw button{font-family:inherit;cursor:pointer;border:none;background:none}
.hw h1,.hw h2,.hw h3,.hw h5,.hw-logo{font-family:'Inter',system-ui,-apple-system,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:0}
.hw .hw-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}

/* HERO plein cadre + grande image + ombre douce */
.hw-hero{padding:12px}
.hw-hero-card{position:relative;max-width:none;margin:0 auto;min-height:min(94vh,860px);border-radius:26px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:center;box-shadow:0 44px 90px -40px rgba(12,16,10,.6),0 12px 30px -18px rgba(12,16,10,.35)}
.hw-hero-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,6,.46) 0%,rgba(6,10,6,.1) 16%,transparent 34%),linear-gradient(96deg,rgba(9,13,8,.82) 0%,rgba(9,13,8,.56) 32%,rgba(9,13,8,.12) 60%,transparent 80%)}
.hw-hero-body{position:relative;z-index:2;color:#fff;padding:clamp(30px,5vw,74px);max-width:640px}
.hw-hero-body h1{font-size:clamp(38px,5.4vw,66px);color:#fff;line-height:1.04}
.hw-hero-body p{margin:18px 0 26px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.92);max-width:490px}
.hw-search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 8px 8px 22px;max-width:560px;box-shadow:0 22px 44px -20px rgba(0,0,0,.5)}
.hw-search input{border:none;outline:none;font-size:15px;color:var(--ink);background:none;width:100%}
.hw-search input::placeholder{color:#9aa0a8}
.hw-q{flex:1.4;min-width:0}
.hw-sep{width:1px;height:26px;background:var(--line);flex:0 0 auto}
.hw-zip{display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding-left:14px}
.hw-pin{display:inline-flex;color:#9aa0a8}.hw-pin svg{width:18px;height:18px}
.hw-go{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--g);color:#1a2b06;display:grid;place-items:center;transition:background .2s,transform .2s}
.hw-go svg{width:20px;height:20px}
.hw-go:hover{background:var(--gd);transform:scale(1.05)}

/* NAV transparente, superposee sur l'image du hero */
.hw-nav{position:absolute;top:0;left:0;right:0;z-index:10}
.hw-nav-in{max-width:none;margin:0;padding:24px clamp(24px,4vw,54px);display:flex;align-items:center;gap:22px}
.hw-logo{display:inline-flex;align-items:center;gap:9px;font-size:20px;color:#fff}
.hw-logo-ic{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff}
.hw-logo-ic svg{width:18px;height:18px}
.hw-menu{display:flex;align-items:center;gap:3px;margin-left:14px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px;border-radius:999px;border:1px solid rgba(255,255,255,.16)}
.hw-menu>a,.hw-mi>button{display:inline-flex;align-items:center;gap:5px;padding:9px 16px;border-radius:999px;font-size:14.5px;font-weight:600;color:rgba(255,255,255,.9)}
.hw-menu>a.on{background:#fff;color:#151515}
.hw-menu>a:hover:not(.on),.hw-mi>button:hover{color:#fff}
.hw-chev{display:inline-flex}.hw-chev svg{width:15px;height:15px}
.hw-mi{position:relative}
.hw-panel{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(6px);min-width:210px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -22px rgba(20,20,20,.4);padding:8px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:20}
.hw-mi:hover .hw-panel,.hw-mi.open .hw-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.hw-panel a{display:block;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:500;color:#3d4149}
.hw-panel a:hover{background:var(--bg);color:var(--ink)}
.hw-right{margin-left:auto;display:flex;align-items:center;gap:18px}
.hw-signin{font-size:14.5px;font-weight:600;color:#fff}
.hw-pro{display:inline-flex;align-items:center;background:var(--g);color:#1a2b06;font-weight:700;font-size:14.5px;padding:11px 20px;border-radius:999px;transition:background .2s,transform .2s}
.hw-pro:hover{background:var(--gd);transform:translateY(-1px)}
.hw-burger{display:none;flex-direction:column;gap:5px;width:42px;height:42px;justify-content:center;align-items:center;border-radius:12px}
.hw-burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:.3s}

/* CATEGORIES */
.hw-cat{padding:44px 0 20px}
.hw-cat-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.hw-cat-head h2{font-size:clamp(24px,3vw,32px)}
.hw-chips{display:flex;gap:9px;flex-wrap:wrap}
.hw-chips button{padding:9px 16px;border-radius:999px;background:var(--bg);font-size:13.5px;font-weight:600;color:#3d4149;transition:.2s}
.hw-chips button.on{background:var(--ink);color:#fff}
.hw-chips button:hover:not(.on){background:#e6e8ea}
.hw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.hw-card-img{position:relative;display:block;aspect-ratio:1/1;border-radius:20px;background-size:cover;background-position:center;overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.hw-card-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.14));opacity:0;transition:.4s}
.hw-card:hover .hw-card-img{transform:translateY(-4px)}
.hw-card:hover .hw-card-img::after{opacity:1}
.hw-corner{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--ink);transition:.3s}
.hw-corner svg{width:17px;height:17px}
.hw-card:hover .hw-corner{background:var(--g);color:#1a2b06;transform:scale(1.05)}
.hw-card h3{font-size:17px;font-weight:700;margin:14px 0 6px}
.hw-rate{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:#3d4149}
.hw-star{color:#f5b301;font-size:15px}
.hw-count{color:var(--mut);font-weight:500}

/* HOW */
.hw-how{padding:70px 0 30px}
.hw-eyebrow{color:var(--gd);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;margin:0 0 10px}
.hw-how h2{font-size:clamp(26px,3.4vw,38px);max-width:520px}
.hw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:38px}
.hw-step{background:var(--bg);border-radius:20px;padding:30px}
.hw-num{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--ink);color:#fff;font-weight:800;font-size:18px;margin-bottom:16px}
.hw-step h3{font-size:20px;margin-bottom:8px}
.hw-step p{color:var(--mut);font-size:14.5px;line-height:1.6;margin:0}

/* BAND */
.hw-band{padding:40px 0 70px}
.hw-band-in{background:var(--ink);color:#fff;border-radius:26px;padding:clamp(30px,5vw,54px);display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;position:relative;overflow:hidden}
.hw-band-in::before{content:'';position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(166,216,74,.5),transparent 70%)}
.hw-band-in>div{position:relative;z-index:1}
.hw-band h2{font-size:clamp(24px,3vw,34px);color:#fff}
.hw-band p{margin:10px 0 0;color:rgba(255,255,255,.75);font-size:15px}
.hw-pro-lg{position:relative;z-index:1;padding:15px 28px;font-size:15.5px}

/* FOOTER */
.hw-foot{border-top:1px solid var(--line);padding:52px 0 26px}
.hw-foot-in{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
.hw-foot-brand .hw-logo{color:var(--ink)}
.hw-foot-brand .hw-logo-ic{background:var(--ink);color:#fff;backdrop-filter:none}
.hw-foot-brand p{color:var(--mut);font-size:14px;margin:12px 0 0;max-width:220px}
.hw-foot-col h5{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#9aa0a8;margin:0 0 14px;font-weight:700}
.hw-foot-col a{display:block;padding:5px 0;font-size:14.5px;color:#3d4149;font-weight:500}
.hw-foot-col a:hover{color:var(--ink)}
.hw-foot-bot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:34px;padding-top:20px;border-top:1px solid var(--line);color:var(--mut);font-size:13.5px}
.hw-foot-bot a{color:var(--gd);font-weight:600}

/* RESPONSIVE */
@media(max-width:1000px){
  .hw-menu,.hw-signin{display:none}
  .hw-burger{display:flex}
  .hw-grid{grid-template-columns:repeat(2,1fr)}
  .hw-steps{grid-template-columns:1fr}
  .hw-foot-in{grid-template-columns:1fr 1fr}
  .hw-hero-card{background-position:60% center}
}
@media(max-width:560px){
  .hw-grid{grid-template-columns:1fr 1fr;gap:16px}
  .hw-search{flex-wrap:wrap;border-radius:20px;padding:12px}
  .hw-sep{display:none}.hw-zip{padding-left:0}
  .hw-foot-in{grid-template-columns:1fr}
}
/* menu mobile deroulant */
.hw-mob{display:none;position:fixed;inset:70px 0 auto 0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 40px -22px rgba(0,0,0,.3);padding:16px 24px 22px;z-index:49}
.hw-mob.show{display:block}
.hw-mob a{display:block;padding:12px 6px;font-size:17px;font-weight:600;border-bottom:1px solid var(--line);color:var(--ink)}
.hw-mob .hw-pro{margin-top:14px;justify-content:center;width:100%}
/* bouton hero (remplace la barre de recherche) */
.hw-hero-btn{display:inline-flex;align-items:center;gap:11px;background:var(--g);color:#182a05;font-weight:700;font-size:16px;letter-spacing:.01em;padding:18px 32px;border-radius:999px;box-shadow:0 20px 44px -16px rgba(166,216,74,.75);transition:background .2s,transform .2s,box-shadow .2s}
.hw-hero-btn:hover{background:var(--gd);transform:translateY(-2px);box-shadow:0 26px 50px -18px rgba(143,199,58,.8)}
.hw-hero-btn span{font-size:19px;line-height:1;transition:transform .2s}
.hw-hero-btn:hover span{transform:translateX(3px)}
/* bouton hero : verre transparent (override) */
.hw-hero-btn{background:rgba(255,255,255,.12);color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(9px) saturate(1.2);backdrop-filter:blur(9px) saturate(1.2);box-shadow:0 10px 30px -14px rgba(0,0,0,.5)}
.hw-hero-btn:hover{background:rgba(255,255,255,.22);border-color:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -16px rgba(0,0,0,.55)}
/* nav collante (solide) revelee au scroll */
.hw-nav-stuck{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);transform:translateY(-100%);transition:transform .45s cubic-bezier(.16,1,.3,1);box-shadow:0 12px 34px -22px rgba(20,20,20,.55)}
.hw-nav-stuck.show{transform:translateY(0)}
.hw-nav-stuck .hw-nav-in{padding-top:14px;padding-bottom:14px}
.hw-nav-stuck .hw-logo{color:var(--ink)}
.hw-nav-stuck .hw-logo-ic{background:var(--ink);color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
.hw-nav-stuck .hw-menu{background:var(--bg);border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.hw-nav-stuck .hw-menu>a,.hw-nav-stuck .hw-mi>button{color:#3d4149}
.hw-nav-stuck .hw-menu>a.on{background:#fff;color:#151515}
.hw-nav-stuck .hw-menu>a:hover:not(.on),.hw-nav-stuck .hw-mi>button:hover{color:var(--ink)}
.hw-nav-stuck .hw-signin{color:var(--ink)}
.hw-nav-stuck .hw-burger span{background:var(--ink)}
/* FAQ 50/50 (texte gauche, image droite) */
.hw-faq{padding:74px 0 40px}
.hw-faq-in{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.hw-faq-left h2{font-size:clamp(26px,3.4vw,40px);margin:0 0 22px}
.hw-acc details{border-bottom:1px solid var(--line)}
.hw-acc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 2px;font-size:17px;font-weight:700;color:var(--ink)}
.hw-acc summary::-webkit-details-marker{display:none}
.hw-acc summary::after{content:'+';font-weight:600;font-size:22px;color:var(--gd);width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;transition:transform .25s}
.hw-acc details[open] summary::after{content:'\2212'}
.hw-acc details p{margin:0;padding:0 2px 22px;color:var(--mut);font-size:15px;line-height:1.65;max-width:92%}
.hw-faq-img{align-self:stretch;min-height:480px;border-radius:24px;background-size:cover;background-position:center;box-shadow:0 40px 80px -40px rgba(12,16,10,.5)}
@media(max-width:900px){.hw-faq-in{grid-template-columns:1fr;gap:30px}.hw-faq-img{min-height:280px;order:-1}}
/* FAQ : transition hauteur pour l'ouverture animee */
.hw-acc details{overflow:hidden;transition:height .5s cubic-bezier(.16,1,.3,1)}
.hw-acc summary::after{transition:transform .3s,content .3s}
/* ===== Avis Google (marquee, repris du modele aubrypatrimoine) ===== */
.hw-avis{background:var(--bg);padding:74px 0 64px}
.hw-avis .avis-title{font-family:'Inter',system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;font-size:clamp(26px,3.4vw,40px);color:var(--ink);margin:0 0 14px}
.hw-avis .avis-lead{font-size:16px;color:var(--mut);line-height:1.6;max-width:660px;margin:0}
.hw-avis .g-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:40px;padding:22px 28px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px -34px rgba(20,20,20,.35)}
.hw-avis .g-logo{width:48px;height:48px;flex:0 0 auto;display:inline-flex}
.hw-avis .g-logo svg,.hw-avis .gicon svg{width:100%;height:100%;display:block}
.hw-avis .g-score{display:flex;align-items:center;gap:12px}
.hw-avis .g-score b{font-weight:800;font-size:38px;color:#202124;line-height:1}
.hw-avis .g-stars{color:#fbbc04;font-size:21px;letter-spacing:2px}
.hw-avis .g-meta{font-size:13px;color:var(--mut);margin-top:4px}
.hw-avis .g-meta strong{color:#202124;font-weight:600}
.hw-avis .g-cta{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:13px 22px;background:var(--ink);color:#fff;border-radius:999px;font-size:13.5px;font-weight:700;transition:background .25s,transform .25s}
.hw-avis .g-cta:hover{background:#000;transform:translateY(-1px)}
.hw-avis .greviews-marquee{margin-top:30px;padding:6px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.hw-avis .greviews-track{display:flex;width:max-content;animation:hw-avis-scroll 60s linear infinite;will-change:transform}
.hw-avis .greviews-marquee:hover .greviews-track{animation-play-state:paused}
.hw-avis .greview{flex:0 0 380px;margin-right:24px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:13px}
.hw-avis .gr-top{display:flex;align-items:center;gap:13px}
.hw-avis .gr-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:19px;flex:0 0 auto}
.hw-avis .gr-id{flex:1;min-width:0}
.hw-avis .gr-name{font-size:15px;font-weight:600;color:#202124}
.hw-avis .gr-date{font-size:12px;color:var(--mut)}
.hw-avis .gicon{width:22px;height:22px;flex:0 0 auto;display:inline-flex}
.hw-avis .gr-stars{color:#fbbc04;font-size:16px;letter-spacing:2px}
.hw-avis .gr-text{font-size:14.5px;line-height:1.66;color:#3c4043}
@keyframes hw-avis-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.hw-avis .greview{flex:0 0 300px}}

/* ===== Contact integre en haut du footer ===== */
.hw-contact{background:var(--ink);color:#fff;padding:66px 0 36px}
.hw-contact-in{display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:start}
.hw-contact-info h2{font-family:'Inter',system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;font-size:clamp(26px,3vw,38px);color:#fff;margin:8px 0 12px}
.hw-contact-sub{color:rgba(255,255,255,.7);font-size:15px;margin:0 0 26px;line-height:1.6;max-width:420px}
.hw-contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.hw-contact-list li{display:flex;align-items:center;gap:14px;font-size:16px;color:rgba(255,255,255,.92)}
.hw-contact-list a{color:#fff;text-decoration:none}
.hw-contact-list a:hover{color:var(--g)}
.hw-contact-list .ci{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.1);display:grid;place-items:center;flex:0 0 auto;color:var(--g)}
.hw-contact-list .ci svg{width:20px;height:20px}
.hw-contact-form{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:26px}
.hw-field{margin-bottom:16px}
.hw-field label{display:block;font-size:13px;font-weight:600;color:rgba(255,255,255,.7);margin-bottom:7px}
.hw-field input,.hw-field textarea{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:13px 15px;color:#fff;font-family:inherit;font-size:15px;outline:none;transition:border-color .2s,background .2s}
.hw-field input::placeholder,.hw-field textarea::placeholder{color:rgba(255,255,255,.42)}
.hw-field input:focus,.hw-field textarea:focus{border-color:var(--g);background:rgba(255,255,255,.12)}
.hw-field textarea{resize:vertical;min-height:112px}
.hw-contact-send{width:100%;justify-content:center;font-size:15px;padding:15px;margin-top:4px}
@media(max-width:860px){.hw-contact-in{grid-template-columns:1fr;gap:32px}}
/* hero : remplir la hauteur, marges uniformes 12px (moins de blanc en bas) */
.hw-hero-card{min-height:calc(100vh - 24px)}
/* fix : bouton .hw-pro vert meme sur <button> (le reset .hw button mettait background:none) */
.hw button.hw-pro{background:var(--g)}
.hw button.hw-pro:hover{background:var(--gd)}
/* ===== Contact premium (override) ===== */
.hw-contact{position:relative;overflow:hidden;background:#0d0d0f;color:#fff;padding:80px 0 46px}
.hw-contact-glow{position:absolute;top:-140px;right:-90px;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(166,216,74,.26),transparent 68%);pointer-events:none;z-index:0}
.hw-contact-in{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.02fr;gap:56px;align-items:start}
.hw-badge{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:#c7ef7a;background:rgba(166,216,74,.12);border:1px solid rgba(166,216,74,.32);padding:8px 15px;border-radius:999px;margin-bottom:20px}
.hw-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--g);animation:hwpulse 2s infinite}
@keyframes hwpulse{0%{box-shadow:0 0 0 0 rgba(166,216,74,.55)}70%{box-shadow:0 0 0 9px rgba(166,216,74,0)}100%{box-shadow:0 0 0 0 rgba(166,216,74,0)}}
.hw-contact-info h2{font-family:'Inter',system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;font-size:clamp(28px,3.2vw,44px);color:#fff;margin:0 0 14px;line-height:1.04}
.hw-contact-info .hw-accent{color:var(--g)}
.hw-contact-sub{color:rgba(255,255,255,.65);font-size:15px;margin:0 0 28px;line-height:1.6;max-width:410px}
.hw-contact-cards{display:flex;flex-direction:column;gap:12px;max-width:420px}
.hw-cc{display:flex;align-items:center;gap:15px;padding:14px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;text-decoration:none;transition:border-color .25s,background .25s,transform .25s}
a.hw-cc:hover{border-color:rgba(166,216,74,.5);background:rgba(255,255,255,.07);transform:translateX(4px)}
.hw-cc .ci{width:44px;height:44px;border-radius:12px;background:rgba(166,216,74,.14);color:var(--g);display:grid;place-items:center;flex:0 0 auto}
.hw-cc .ci svg{width:20px;height:20px}
.hw-cc .cc-body{display:flex;flex-direction:column;gap:1px;min-width:0}
.hw-cc .k{font-size:12px;color:rgba(255,255,255,.5);font-weight:600}
.hw-cc .v{font-size:16px;color:#fff;font-weight:600}
.hw-contact-form{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:30px;box-shadow:0 44px 90px -52px rgba(0,0,0,.85)}
.hw-contact-form::before{content:'';position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(140deg,rgba(166,216,74,.55),transparent 42%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.hw-frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hw-field{margin-bottom:15px}
.hw-field label{display:block;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.6);margin-bottom:7px}
.hw-field input,.hw-field textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:14px 16px;color:#fff;font-family:inherit;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.hw-field input::placeholder,.hw-field textarea::placeholder{color:rgba(255,255,255,.38)}
.hw-field input:focus,.hw-field textarea:focus{border-color:var(--g);background:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(166,216,74,.14)}
.hw-field textarea{resize:vertical;min-height:120px}
.hw button.hw-contact-send{width:100%;justify-content:center;gap:10px;font-size:15px;padding:16px;margin-top:6px;background:linear-gradient(120deg,#b7e35d,#8fc73a);box-shadow:0 16px 34px -14px rgba(143,199,58,.6)}
.hw button.hw-contact-send:hover{background:linear-gradient(120deg,#aad84e,#7fb82f);transform:translateY(-2px)}
.hw-contact-send span{font-size:18px;transition:transform .2s}
.hw button.hw-contact-send:hover span{transform:translateX(3px)}
.hw-form-note{font-size:12.5px;color:rgba(255,255,255,.45);text-align:center;margin:14px 0 0}
@media(max-width:860px){.hw-contact-in{grid-template-columns:1fr;gap:34px}.hw-frow{grid-template-columns:1fr}}
/* ===== Hero scroll : image qui retrecit dans le carre (fond noir), type 84paris ===== */
.hw-hero{padding:0;height:230vh;background:#000}
.hw-hero-sticky{position:sticky;top:0;height:100vh;padding:12px;display:flex}
.hw-hero-card{position:relative;flex:1;min-height:0;border-radius:26px;overflow:hidden;background:#000;display:flex;align-items:center;box-shadow:0 30px 70px -40px rgba(0,0,0,.6)}
.hw-hero-card::before{display:none}
.hw-hero-media{position:absolute;inset:0;background-size:cover;background-position:center;transform-origin:center center;will-change:transform,opacity;z-index:0}
@media(max-width:860px){.hw-hero{height:200vh}}
/* correction : pas d'epinglage, fond BLANC autour du carre, photo qui retrecit au scroll */
.hw-hero{padding:12px;height:auto;background:#fff}
.hw-hero-sticky{position:static;height:auto;padding:0;display:block}
.hw-hero-card{flex:none;min-height:calc(100vh - 24px);background:#fff;display:flex;align-items:center;box-shadow:0 30px 70px -40px rgba(12,16,10,.42)}

/* ===== Hero (v2.8) : image + titre retrecissent ensemble, colles en bas centre, interieur noir ===== */
.hw-hero{padding:12px;height:auto;background:#fff}
.hw-hero-sticky{position:relative;height:auto;padding:0;display:block;background:transparent}
.hw-hero-card{position:relative;flex:none;max-width:none;margin:0;height:calc(100vh - 24px);min-height:0;border-radius:26px;overflow:hidden;background:#000;display:block;transform:none!important;box-shadow:0 30px 70px -40px rgba(12,16,10,.42)}
.hw-hero-card::before{display:none}
.hw-hero-inner{position:absolute;inset:0;display:flex;align-items:center;transform-origin:center bottom;will-change:transform;z-index:1}
.hw-hero-media{position:absolute;inset:0;background-size:cover;background-position:center;border-radius:0;z-index:0}
.hw-hero-body{position:relative;z-index:2}
.hw-hero .hw-nav{z-index:12}

/* ===== Formulaire contact retravaille (v2.9) ===== */
.hw-form-head{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09)}
.hw-form-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g);margin-bottom:9px}
.hw-form-head h3{font-size:21px;color:#fff;font-family:'Inter',system-ui,-apple-system,sans-serif;font-weight:800;letter-spacing:-.02em}
.hw-inp{position:relative;display:flex;align-items:center}
.hw-inp-ic{position:absolute;left:15px;display:inline-flex;color:rgba(255,255,255,.4);pointer-events:none;transition:color .2s}
.hw-inp-ic svg{width:18px;height:18px}
.hw-inp input,.hw-inp textarea{padding-left:44px}
.hw-inp-area{align-items:flex-start}
.hw-inp-area .hw-inp-ic{top:15px}
.hw-inp:focus-within .hw-inp-ic{color:var(--g)}
.hw-form-note{display:flex;align-items:center;justify-content:center;gap:7px}
.hw-form-note svg{width:13px;height:13px;color:rgba(255,255,255,.4);flex:0 0 auto}
/* Aligner la section Domaines/expertises sur la largeur des categories (.hw-wrap) */
body.exemple5 #univers .wide{max-width:1440px;padding:0 clamp(20px,4vw,40px)}

/* ===== Uniformisation des titres : meme police (Inter) + taille coherente partout (v3.0) ===== */
body.exemple5 .hw-cat-head h2,
body.exemple5 .section h2,
body.exemple5 .section h2 em,
body.exemple5 .hw-faq-left h2,
body.exemple5 .hw-contact-info h2,
body.exemple5 .aubry-avis .avis-title,
body.exemple5 .aubry-avis .avis-title em{
  font-family:'Inter',system-ui,-apple-system,sans-serif !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  font-style:normal !important;
}
body.exemple5 .hw-cat-head h2,
body.exemple5 .section h2,
body.exemple5 .hw-faq-left h2,
body.exemple5 .hw-contact-info h2,
body.exemple5 .aubry-avis .avis-title{
  font-size:clamp(28px,3.6vw,42px) !important;
  line-height:1.08 !important;
}

/* Aligner la section avis sur hw-wrap (1440, comme la FAQ) */
body.exemple5 .aubry-avis .padding-global{padding-left:0;padding-right:0}
body.exemple5 .aubry-avis .container-large{max-width:1440px;margin:0 auto;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}

/* Pont invisible entre le bouton du menu et le panneau : garde le trou visuel (design)
   mais conserve le survol quand la souris traverse le trou (v3.2) */
.hw-panel::before{content:'';position:absolute;left:0;right:0;top:-20px;height:20px;background:transparent}

/* --- Lisibilite des liens sur fond sombre (fix Philippe D) ---
   .hw a{color:inherit} (0-1-1) bat .hw-logo / .hw-signin / .accordx__cta (0-1-0) :
   les liens heritaient du texte SOMBRE, illisible sur le hero noir.
   On re-cible en a.classe avec body.exemple5 (0-2-1) pour repasser devant. */
body.exemple5 a.hw-logo,
body.exemple5 a.hw-signin{color:#fff}
body.exemple5 .hw-nav-stuck a.hw-logo,
body.exemple5 .hw-nav-stuck a.hw-signin,
body.exemple5 .hw-foot-brand a.hw-logo{color:var(--ink)}
body.exemple5 a.accordx__cta{color:#fff}
body.exemple5 a.accordx__cta:hover{color:var(--gold-soft)}