:root{
  --v8-bg:#05080a;--v8-bg2:#091014;--v8-panel:#0c1216;--v8-panel2:#10181d;
  --v8-gold:#f0bd4d;--v8-gold2:#ffe08b;--v8-gold3:#9c6a18;--v8-text:#f7f6f2;
  --v8-muted:#a8b0b5;--v8-line:rgba(240,189,77,.22);--v8-shadow:0 28px 80px rgba(0,0,0,.42);
}
html{background:var(--v8-bg)}
body{background:
  radial-gradient(900px 500px at 82% 4%,rgba(240,189,77,.08),transparent 60%),
  radial-gradient(680px 460px at 10% 22%,rgba(240,189,77,.045),transparent 65%),
  linear-gradient(180deg,#05080a 0%,#070c0f 55%,#040607 100%)!important;color:var(--v8-text)!important;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.45;background-image:
  radial-gradient(circle at 20% 10%,rgba(255,213,105,.42) 0 1px,transparent 1.6px),
  radial-gradient(circle at 70% 14%,rgba(255,213,105,.22) 0 1px,transparent 1.5px),
  radial-gradient(circle at 40% 74%,rgba(255,213,105,.18) 0 1px,transparent 1.5px);
  background-size:120px 120px,160px 160px,190px 190px;animation:v8Stars 16s linear infinite}
body::after{content:"";position:fixed;inset:-18%;z-index:-1;pointer-events:none;opacity:.4;background:
  linear-gradient(122deg,transparent 0 28%,rgba(240,189,77,.14) 28.08%,transparent 28.25% 51%,rgba(240,189,77,.09) 51.08%,transparent 51.3% 74%,rgba(240,189,77,.12) 74.08%,transparent 74.3%),
  radial-gradient(circle at 85% 12%,rgba(240,189,77,.12),transparent 16%),
  radial-gradient(circle at 16% 70%,rgba(240,189,77,.07),transparent 18%);
  transform:translate3d(-2%,0,0);animation:v8Glow 13s ease-in-out infinite alternate}
@keyframes v8Glow{to{transform:translate3d(4%,2%,0) scale(1.03);opacity:.58}}
@keyframes v8Stars{to{background-position:120px 60px,-80px 120px,95px -60px}}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none!important}}

/* Global premium language */
.entete{background:rgba(5,8,10,.82)!important;border-bottom:1px solid rgba(240,189,77,.18)!important;backdrop-filter:blur(18px) saturate(130%)!important}
.nav a{color:#c8ced1!important}.nav a:hover,.nav a.actif{color:var(--v8-gold2)!important;border-color:var(--v8-gold)!important}
.btn-or{background:linear-gradient(135deg,#ffe18f,#f0bd4d 52%,#b2761b)!important;color:#161005!important;border:1px solid rgba(255,230,160,.64)!important;box-shadow:0 10px 30px rgba(240,189,77,.2)!important}
.btn-fantome,.btn-renseignement{border-color:rgba(240,189,77,.42)!important;background:rgba(5,8,10,.36)!important;color:#fff!important;backdrop-filter:blur(10px)}
.btn-fantome:hover,.btn-renseignement:hover{border-color:var(--v8-gold)!important;background:rgba(240,189,77,.08)!important}
.hero-ville,.eyebrow{border:0!important;background:transparent!important;padding:0!important;border-radius:0!important;color:var(--v8-gold2)!important;letter-spacing:.22em!important}

/* ---------- V8 HOMEPAGE ---------- */
.v8-shell{width:min(1260px,calc(100% - 40px));margin:0 auto}
.v8-header{position:sticky;top:0;z-index:90;background:rgba(4,7,9,.83);backdrop-filter:blur(18px) saturate(130%);border-bottom:1px solid rgba(240,189,77,.17)}
.v8-header-in{height:76px;display:flex;align-items:center;gap:28px}
.v8-brand{display:flex;align-items:center;gap:11px;min-width:238px}.v8-brand img{width:42px;height:42px;object-fit:contain}.v8-brand strong{display:block;font:800 18px/1.05 Inter,sans-serif;letter-spacing:.05em}.v8-brand span{display:block;color:var(--v8-gold);font-size:9px;letter-spacing:.28em;margin-top:4px}
.v8-nav{display:flex;gap:24px;margin-left:auto;align-items:center;font-size:13px}.v8-nav a{color:#d1d5d8}.v8-nav a:hover{color:var(--v8-gold2)}
.v8-call{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ffe18f,#f0bd4d 55%,#b8791f);color:#171004;border-radius:12px;padding:11px 17px;font-weight:800;white-space:nowrap;box-shadow:0 10px 30px rgba(240,189,77,.18)}
.v8-burger{display:none;margin-left:auto;background:none;border:0;color:#f7d36d;font-size:28px}

.v8-hero{position:relative;min-height:690px;border-bottom:1px solid var(--v8-line);overflow:hidden;background:
 linear-gradient(90deg,rgba(4,7,9,.98) 0%,rgba(4,7,9,.92) 43%,rgba(4,7,9,.45) 68%,rgba(4,7,9,.88) 100%),
 radial-gradient(circle at 72% 38%,rgba(240,189,77,.18),transparent 25%),
 #070b0e}
.v8-hero::after{content:"";position:absolute;inset:0;background:
 linear-gradient(117deg,transparent 0 58%,rgba(240,189,77,.18) 58.08%,transparent 58.23% 74%,rgba(240,189,77,.11) 74.08%,transparent 74.24%),
 radial-gradient(circle at 88% 18%,rgba(240,189,77,.12),transparent 15%);pointer-events:none}
.v8-hero-artisan{position:absolute;z-index:1;right:6.5%;bottom:0;height:92%;max-width:55%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 28px 42px rgba(0,0,0,.45)) saturate(.98) contrast(1.03)}
.v8-hero-copy{position:relative;z-index:3;width:min(720px,60%);padding:94px 0 68px}
.v8-kicker{color:var(--v8-gold2);font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px}
.v8-hero h1{font-family:Inter,sans-serif!important;font-size:clamp(3.55rem,6vw,6rem)!important;line-height:.92!important;letter-spacing:-.065em!important;text-transform:none!important;margin:0 0 18px;color:#fff!important;text-align:left!important}
.v8-hero h1 em{font-style:normal;color:var(--v8-gold2);display:block}
.v8-lead{font-size:1.26rem;line-height:1.55;max-width:640px;color:#eef0f1;margin-bottom:28px}.v8-lead strong{color:#fff}
.v8-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px}.v8-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:12px;font-weight:800;border:1px solid rgba(240,189,77,.46);transition:.2s ease}.v8-btn:hover{transform:translateY(-2px)}.v8-btn.gold{background:linear-gradient(135deg,#ffe18f,#f0bd4d 55%,#b9791d);color:#171004;border-color:#f8d57e}.v8-btn.dark{background:rgba(5,8,10,.56);color:#fff;backdrop-filter:blur(10px)}
.v8-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:740px;border-top:1px solid rgba(240,189,77,.18)}.v8-trust li{display:flex;gap:11px;padding:20px 18px 0 0;margin-right:18px;border-right:1px solid rgba(255,255,255,.09)}.v8-trust li:last-child{border-right:0}.v8-trust i{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--v8-gold);border-radius:50%;color:var(--v8-gold2);font-style:normal;font-weight:800}.v8-trust b{display:block;font-size:.9rem;color:#fff;line-height:1.25}.v8-trust small{display:block;color:#9fa7ac;line-height:1.3;margin-top:3px}
.v8-script{position:absolute;z-index:3;right:3.5%;top:104px;width:240px;color:#f5c75d;font:italic 28px/1.15 Georgia,serif;transform:rotate(-5deg);text-shadow:0 3px 18px rgba(0,0,0,.6)}

.v8-section{padding:76px 0;position:relative}.v8-section.alt{background:rgba(7,11,13,.62);border-top:1px solid rgba(240,189,77,.1);border-bottom:1px solid rgba(240,189,77,.1)}
.v8-eyebrow{color:var(--v8-gold2);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}.v8-title{font-family:Inter,sans-serif!important;text-transform:none!important;letter-spacing:-.035em!important;font-size:clamp(2rem,4vw,3.35rem)!important;line-height:1.02!important;text-align:left!important;margin:0!important;color:#fff!important}.v8-title em{font-style:normal;color:var(--v8-gold2)}
.v8-sub{color:#aab2b7;margin-top:12px;max-width:720px}
.v8-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.v8-section-head .v8-mini{max-width:260px;text-align:right;color:#b2b8bc;font-size:.88rem}.v8-mini strong{display:block;color:var(--v8-gold2);margin-top:7px}

.v8-services{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.v8-card{position:relative;min-height:285px;border:1px solid rgba(240,189,77,.28);border-radius:14px;overflow:hidden;background:#0d1317;box-shadow:0 14px 40px rgba(0,0,0,.2);transition:.25s ease}.v8-card:hover{transform:translateY(-5px);border-color:rgba(240,189,77,.65);box-shadow:0 22px 58px rgba(0,0,0,.34)}.v8-card img{width:100%;height:142px;object-fit:cover;filter:brightness(.62) saturate(.88)}.v8-card-body{padding:16px}.v8-card h3{font-family:Inter,sans-serif!important;text-transform:none!important;letter-spacing:-.01em!important;font-size:1.02rem!important;line-height:1.12!important}.v8-card p{font-size:.82rem;line-height:1.45;color:#adb4b9;margin-top:8px}.v8-card .v8-arrow{position:absolute;right:12px;bottom:12px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--v8-gold);color:#161004;font-weight:900}

.v8-about{display:grid;grid-template-columns:1.2fr .75fr 1fr;min-height:360px;border-top:1px solid rgba(240,189,77,.14);border-bottom:1px solid rgba(240,189,77,.14)}.v8-about-copy{padding:54px max(28px,5vw) 48px}.v8-about-copy p{color:#b8c0c4;max-width:610px;margin-top:14px}.v8-about-points{padding:50px 30px;display:grid;align-content:center;gap:18px;border-left:1px solid rgba(240,189,77,.15);border-right:1px solid rgba(240,189,77,.15)}.v8-about-points div{display:flex;align-items:center;gap:12px}.v8-about-points span{width:42px;height:42px;border:1px solid var(--v8-gold);border-radius:50%;display:grid;place-items:center;color:var(--v8-gold2);font-size:18px}.v8-about-points b{font-size:.9rem}.v8-lock-photo{min-height:360px;background:linear-gradient(90deg,rgba(5,8,10,.26),rgba(5,8,10,.04)),url('https://images.pexels.com/photos/17325288/pexels-photo-17325288/free-photo-of-keys-in-open-door.jpeg?auto=compress&dpr=1&w=1100') center/cover no-repeat;position:relative}.v8-lock-photo::after{content:"Petits soucis, grandes solutions";position:absolute;right:26px;bottom:28px;color:#f3cf74;font:italic 21px Georgia,serif;max-width:170px;text-align:right}

.v8-zone{display:grid;grid-template-columns:1fr 1.45fr .72fr;border:1px solid rgba(240,189,77,.18);border-radius:18px;overflow:hidden;background:linear-gradient(120deg,rgba(8,13,16,.92),rgba(7,11,14,.72));box-shadow:var(--v8-shadow)}.v8-zone-copy{padding:38px}.v8-zone-copy p{color:#b2b9bd;margin:14px 0 22px}.v8-map{position:relative;min-height:330px;background:
 radial-gradient(circle at 50% 54%,rgba(240,189,77,.22),transparent 7%),
 radial-gradient(circle at 50% 54%,transparent 0 22%,rgba(240,189,77,.09) 22.3% 22.8%,transparent 23%),
 radial-gradient(circle at 50% 54%,transparent 0 40%,rgba(240,189,77,.07) 40.3% 40.8%,transparent 41%),
 linear-gradient(150deg,#0f1a21,#071015);overflow:hidden}.v8-map::before{content:"";position:absolute;inset:0;opacity:.7;background-image:linear-gradient(35deg,transparent 48%,rgba(240,189,77,.11) 49%,transparent 50%),linear-gradient(145deg,transparent 48%,rgba(240,189,77,.1) 49%,transparent 50%);background-size:84px 72px}.v8-pin{position:absolute;left:49%;top:49%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50% 50% 50% 0;background:var(--v8-gold);transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 0 35px rgba(240,189,77,.38)}.v8-pin::after{content:"";position:absolute;inset:13px;border-radius:50%;background:#0a0f12}.v8-city{position:absolute;color:#e9edf0;font-size:.76rem}.v8-city::before{content:"";width:7px;height:7px;background:#ffd873;border-radius:50%;display:inline-block;margin-right:6px;box-shadow:0 0 14px rgba(255,216,115,.8)}.v8-city.abbeville{right:8%;top:35%}.v8-city.eu{left:15%;top:31%}.v8-city.treport{left:8%;top:17%}.v8-city.mers{left:5%;top:44%}.v8-city.ault{left:14%;top:66%}.v8-city.stval{right:12%;top:15%}.v8-zone-list{padding:36px 26px;background:rgba(5,8,10,.36);border-left:1px solid rgba(240,189,77,.15)}.v8-zone-list h3{font-family:Inter,sans-serif!important;text-transform:uppercase!important;color:var(--v8-gold2)!important;font-size:.76rem!important;letter-spacing:.16em!important;margin-bottom:14px}.v8-zone-list a{display:block;padding:5px 0;color:#d3d8dc;font-size:.86rem}.v8-zone-list a::before{content:"✓";color:var(--v8-gold);margin-right:8px}

.v8-reviews{display:grid;grid-template-columns:260px repeat(4,1fr);gap:12px}.v8-review-intro{padding:12px 16px 12px 0}.v8-review{background:linear-gradient(150deg,rgba(15,22,26,.92),rgba(7,11,13,.86));border:1px solid rgba(240,189,77,.19);border-radius:13px;padding:18px;min-height:170px}.v8-stars{color:#f5c74f;letter-spacing:.08em}.v8-review p{font-size:.84rem;color:#c6ccd0;margin:8px 0 12px;line-height:1.5}.v8-review b{font-size:.84rem}.v8-review small{display:block;color:#7f898f}

.v8-contact{display:grid;grid-template-columns:.85fr 1.25fr .7fr;gap:22px;padding:38px;border:1px solid rgba(240,189,77,.17);border-radius:18px;background:linear-gradient(140deg,rgba(13,20,24,.9),rgba(6,10,12,.85));box-shadow:var(--v8-shadow)}.v8-contact-details a{display:block;margin-top:11px}.v8-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v8-contact-form input,.v8-contact-form textarea{width:100%;background:#101920;border:1px solid rgba(240,189,77,.14);border-radius:8px;color:#fff;padding:13px 14px;font:inherit}.v8-contact-form textarea{grid-column:1/-1;min-height:100px;resize:vertical}.v8-contact-form button{grid-column:1/-1}.v8-contact-trust{display:grid;align-content:center;gap:12px;border-left:1px solid rgba(240,189,77,.12);padding-left:22px}.v8-contact-trust div{font-size:.87rem}.v8-contact-trust span{color:var(--v8-gold2);margin-right:8px}

.v8-footer{margin-top:56px;border-top:1px solid rgba(240,189,77,.16);background:rgba(4,7,9,.88)}.v8-footer-in{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:36px;padding:44px 0}.v8-footer-brand img{width:110px;margin-bottom:12px}.v8-footer h4{font-size:.82rem;color:var(--v8-gold2);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.v8-footer a,.v8-footer p{display:block;color:#9ea7ac;font-size:.82rem;margin:6px 0}.v8-footer-bottom{border-top:1px solid rgba(240,189,77,.1);padding:18px 0;color:#778188;font-size:.75rem;display:flex;justify-content:space-between;gap:20px}
.v8-mobilebar{display:none}

/* existing content pages: unify with reference */
body:not(.page-index) .hero,body[class*="page-serrurier-"] .hero{background:
 linear-gradient(90deg,rgba(4,7,9,.98) 0%,rgba(4,7,9,.9) 48%,rgba(4,7,9,.42) 72%,rgba(4,7,9,.9) 100%),
 radial-gradient(circle at 75% 32%,rgba(240,189,77,.18),transparent 28%),
 url('/artisan.webp?v=final') 82% 35%/auto 115% no-repeat,#070b0e!important;min-height:560px!important}
body:not(.page-index) .section,body:not(.page-index) .section-alt{background:transparent!important}
body:not(.page-index) .carte,body:not(.page-index) .boite,body:not(.page-index) .faq-item,body:not(.page-index) .etape,body:not(.page-index) .regle,body:not(.page-index) .ex{background:linear-gradient(150deg,rgba(15,22,26,.92),rgba(7,11,13,.88))!important;border:1px solid rgba(240,189,77,.19)!important;box-shadow:0 18px 50px rgba(0,0,0,.2)!important}
body:not(.page-index) .pied{background:rgba(4,7,9,.94)!important}

@media(max-width:1100px){
 .v8-nav{display:none}.v8-burger{display:block}.v8-call{margin-left:auto}.v8-services{grid-template-columns:repeat(3,1fr)}.v8-reviews{grid-template-columns:1fr 1fr}.v8-review-intro{grid-column:1/-1}.v8-zone{grid-template-columns:1fr 1.2fr}.v8-zone-list{grid-column:1/-1;border-left:0;border-top:1px solid rgba(240,189,77,.15);columns:2}.v8-footer-in{grid-template-columns:1fr 1fr}.v8-contact{grid-template-columns:1fr 1.4fr}.v8-contact-trust{grid-column:1/-1;border-left:0;border-top:1px solid rgba(240,189,77,.12);padding:18px 0 0;grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){
 body{padding-bottom:78px!important}.v8-shell{width:min(100% - 28px,1260px)}.v8-header-in{height:66px}.v8-brand{min-width:0}.v8-brand strong{font-size:14px}.v8-brand span{font-size:7px}.v8-call{display:none}.v8-burger{display:block}
 .v8-hero{min-height:0;padding-top:0}.v8-hero-artisan{position:relative;right:auto;bottom:auto;display:block;width:100%;height:360px;max-width:none;object-fit:cover;object-position:center 20%;mask-image:linear-gradient(to bottom,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 68%,transparent 100%)}.v8-hero-copy{width:100%;padding:0 0 42px;margin-top:-72px}.v8-kicker{font-size:10px}.v8-hero h1{font-size:clamp(2.55rem,13vw,4.2rem)!important}.v8-lead{font-size:1rem}.v8-actions{display:grid;grid-template-columns:1fr}.v8-trust{grid-template-columns:1fr 1fr}.v8-trust li{border-right:0;margin:0;padding:15px 10px 0 0}.v8-script{display:none}
 .v8-section{padding:52px 0}.v8-section-head{display:block}.v8-section-head .v8-mini{text-align:left;margin-top:12px}.v8-services{grid-template-columns:1fr 1fr}.v8-card{min-height:240px}.v8-card img{height:110px}.v8-about{grid-template-columns:1fr}.v8-about-points{border-left:0;border-right:0;border-top:1px solid rgba(240,189,77,.15);border-bottom:1px solid rgba(240,189,77,.15);grid-template-columns:1fr 1fr}.v8-lock-photo{min-height:260px}
 .v8-zone{grid-template-columns:1fr}.v8-map{min-height:300px}.v8-zone-list{columns:1}.v8-reviews{grid-template-columns:1fr}.v8-contact{grid-template-columns:1fr;padding:24px}.v8-contact-form{grid-template-columns:1fr}.v8-contact-form textarea{grid-column:auto}.v8-contact-form button{grid-column:auto}.v8-contact-trust{grid-template-columns:1fr 1fr}.v8-footer-in{grid-template-columns:1fr 1fr}.v8-footer-bottom{display:block}.v8-mobilebar{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:120;grid-template-columns:1.2fr 1fr;gap:8px;background:rgba(4,7,9,.94);backdrop-filter:blur(16px);border-top:1px solid rgba(240,189,77,.22);padding:9px 12px calc(9px + env(safe-area-inset-bottom))}.v8-mobilebar a{padding:12px 10px;border-radius:10px;text-align:center;font-weight:800}.v8-mobilebar .phone{background:linear-gradient(135deg,#ffe18f,#f0bd4d 55%,#b9791d);color:#171004}.v8-mobilebar .whats{border:1px solid rgba(240,189,77,.4);color:#fff}
 body:not(.page-index) .hero,body[class*="page-serrurier-"] .hero{padding-top:290px!important;background:linear-gradient(180deg,rgba(4,7,9,.28),rgba(4,7,9,.92) 48%,#05080a 100%),url('/artisan.webp?v=final') 50% 4%/auto 56% no-repeat,#070b0e!important;min-height:0!important}
}
@media(max-width:520px){.v8-services{grid-template-columns:1fr}.v8-about-points{grid-template-columns:1fr}.v8-contact-trust{grid-template-columns:1fr}.v8-footer-in{grid-template-columns:1fr}.v8-hero-artisan{height:320px}}