@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101827;--gold:#d9aa42;--gold2:#f1cf75;--blue:#1d5a9c;--ink:#182338;--muted:#667085;--pale:#f5f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}.site-header{height:84px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:#050505;position:sticky;top:0;z-index:10}.brand-logo{width:158px;height:72px;object-fit:contain}.nav{display:flex;align-items:center;gap:25px;color:#fff;font-size:12px;font-weight:600}.nav a:hover{color:var(--gold)}.nav-cta{padding:11px 17px;background:var(--gold);color:#111!important}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:26px}.hero{min-height:560px;background:linear-gradient(105deg,#080a0e,#111b2d 65%,#26364d);padding:95px 9%;display:flex;align-items:center;justify-content:space-between;gap:35px;color:white}.hero-content{max-width:650px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;color:var(--gold);margin:0 0 17px}.hero h1,h2{font:800 clamp(36px,5vw,56px)/1.15 Manrope,sans-serif;letter-spacing:-1.8px;margin:0 0 22px}.hero h1 em,h2 em{font-style:normal;color:var(--gold)}.hero-text{max-width:560px;color:#d0d6df}.hero-actions,.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{border:0;border-radius:3px;padding:13px 20px;display:inline-block;font:700 12px 'DM Sans';cursor:pointer}.gold{background:var(--gold);color:#111}.gold:hover{background:var(--gold2)}.outline{border:1px solid #ffffff70;color:#fff}.dark{background:var(--navy);color:#fff}.hero-stamp{width:260px;height:260px;border:1px solid #d9aa4270;outline:8px solid #d9aa4210;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold);transform:rotate(45deg);flex-shrink:0}.hero-stamp>*{transform:rotate(-45deg)}.hero-stamp span{font:800 60px Manrope}.hero-stamp b{font:700 20px Manrope;letter-spacing:7px}.hero-stamp small{font-size:8px;letter-spacing:1px;color:#fff;margin-top:8px}.section{padding:85px 9%}.intro,.process,.quote-section,.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section h2{font-size:40px;color:var(--navy)}.intro>div:last-child,.process>div:first-child>p:not(.eyebrow){font-size:14px;color:#536071}.muted{color:var(--muted);font-size:12px}.pale{background:var(--pale)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading>p{max-width:340px;color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;background:white;padding:30px 25px;border:1px solid #e8ebef;min-height:390px}.card.featured{border-top:4px solid var(--gold);padding-top:27px;box-shadow:0 12px 30px #17233810}.count{position:absolute;right:22px;top:18px;color:#b8c0cb;font-weight:800}.symbol{font-size:28px;color:#b88a2e;margin-bottom:16px}.card h3{font:800 20px Manrope;margin:0;color:var(--navy)}.card>b{font-size:11px;color:#9b7426}.card p,.card li{font-size:12px;color:#626e7d}.card ul{padding-left:17px;line-height:2}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-item{border:1px solid #e9edf2;padding-bottom:16px}.gallery-item h3,.gallery-item p{margin:12px 16px 0}.gallery-item h3{font:700 16px Manrope}.gallery-item p{font-size:12px;color:var(--muted)}.gallery-placeholder{height:210px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:45px;color:var(--gold)}.gallery-placeholder span{font-size:10px;letter-spacing:2px;color:white;margin-top:8px}.solar{background:linear-gradient(140deg,#1b293a,#526477)}.epoxy{background:linear-gradient(140deg,#2a2b30,#8e7a57)}.building{background:linear-gradient(140deg,#17263a,#697b8a)}.gallery-photo{width:100%;height:210px;object-fit:cover;display:block}.process{background:#fff}.steps>div{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #e8ebef}.steps b{font:800 17px Manrope;color:#bd9135}.steps strong,.steps small{display:block}.steps strong{font-size:13px}.steps small{font-size:11px;color:var(--muted)}.quote-section{background:#101827;color:#fff;align-items:start}.quote-section h2,.contact h2{color:#fff}.quote-copy>p:not(.eyebrow){color:#c3ccd8;font-size:13px}.contact-mini{display:flex;flex-direction:column;gap:6px;color:var(--gold);font-weight:700;font-size:13px;margin-top:25px}.quote-form{background:white;color:var(--ink);padding:28px}.quote-form label,.admin-card label,.login-box label{display:block;font-size:11px;font-weight:700;margin-bottom:13px}.quote-form input,.quote-form select,.quote-form textarea,.admin-card input,.login-box input{display:block;width:100%;padding:11px;margin-top:5px;border:1px solid #dce1e8;border-radius:2px;font:13px 'DM Sans';background:white}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-form small{display:block;margin-top:12px;color:#818b99;font-size:10px}.form-actions .button{flex:1}.contact{background:#080b12;color:white}.contact>div>p:not(.eyebrow){font-size:13px;color:#c5cbd4}.contact a{color:var(--gold)}.phone-list{display:flex;flex-direction:column;gap:8px}.phone-list small{font-size:9px;letter-spacing:2px;color:#c2a15b;margin-top:15px}.phone-list a{font-size:16px;font-weight:700}footer{background:#050608;color:#aeb6c2;padding:22px 7%;display:flex;align-items:center;justify-content:space-between;font-size:11px}footer img{width:125px;height:55px;object-fit:contain}.whatsapp-float{position:fixed;right:22px;bottom:22px;background:#1eae5a;color:white;padding:13px 18px;border-radius:28px;font-size:12px;font-weight:700;box-shadow:0 5px 18px #0003;z-index:9}
.admin-body{background:#f3f5f8}.admin-header{background:#090d15;color:white;padding:17px 6%;display:flex;justify-content:space-between}.admin-header a{color:var(--gold)}.admin-header span{color:var(--gold);font-size:10px;letter-spacing:2px;margin-left:10px}.admin-wrap{max-width:1100px;margin:45px auto;padding:0 20px}.login-box,.admin-card{background:white;padding:28px;border:1px solid #e5e9ef;margin-bottom:20px}.login-box{max-width:500px;margin:50px auto}.login-box h1,.admin-title h1{font:800 28px Manrope;color:var(--navy)}.hint{font-size:11px;color:#7a8491}.error{color:#b42318}.admin-title{display:flex;justify-content:space-between;align-items:center}.warning{background:#fff6df;border:1px solid #ecd79b;padding:15px;margin:20px 0;font-size:12px;color:#624c19}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-card h2{font:800 19px Manrope;color:var(--navy)}.admin-entry{border-top:1px solid #e6e9ef;padding:12px 0;font-size:12px}.admin-entry img{width:100%;max-height:130px;object-fit:cover}.admin-entry button{margin:6px 5px 0 0}.admin-body [hidden]{display:none!important}
@media(max-width:900px){.nav{gap:12px}.section{padding:70px 7%}.hero{padding:80px 7%}.cards{grid-template-columns:1fr 1fr}.card:last-child{grid-column:span 2}}
@media(max-width:650px){.site-header{height:70px;padding:0 5%}.brand-logo{width:130px;height:62px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#090d15;padding:18px 6%;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:8px}.hero{padding:65px 7%;display:block}.hero h1{font-size:42px}.hero-stamp{width:175px;height:175px;margin:55px auto 20px}.hero-stamp span{font-size:40px}.hero-stamp b{font-size:14px}.hero-stamp small{font-size:6px}.section{padding:60px 7%}.section h2{font-size:33px}.intro,.process,.quote-section,.contact{grid-template-columns:1fr;gap:30px}.section-heading{display:block}.cards,.gallery-grid{grid-template-columns:1fr}.card:last-child{grid-column:auto}.card{min-height:0}.form-row{grid-template-columns:1fr}.quote-form{padding:20px}footer{flex-wrap:wrap}.admin-grid{grid-template-columns:1fr}.admin-title{align-items:flex-start;gap:15px;flex-direction:column}}
/* Améliorations V5 : visuel professionnel, accessibilité et responsive */
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.hero{position:relative;overflow:hidden}
.hero-visual{width:min(43%,520px);position:relative;flex:0 0 43%;border:1px solid #d9aa4270;box-shadow:0 24px 55px #0005;border-radius:5px;overflow:hidden}
.hero-visual img{display:block;width:100%;height:350px;object-fit:cover}
.hero-caption{position:absolute;left:0;right:0;bottom:0;padding:17px 20px;background:linear-gradient(transparent,#080d17ed);color:#fff;display:flex;flex-direction:column;gap:4px}
.hero-caption strong{font:700 16px Manrope,Arial,sans-serif}.hero-caption span{font-size:11px;color:#e4c77f;letter-spacing:.4px}
.nav a:focus-visible,.button:focus-visible{outline-color:var(--gold2)}
.quote-form small{line-height:1.5}
@media(max-width:900px){.hero{gap:28px}.hero-visual{width:42%;flex-basis:42%}.hero-visual img{height:300px}}
@media(max-width:650px){.hero-visual{width:100%;margin:35px 0 5px}.hero-visual img{height:245px}.hero-caption strong{font-size:14px}.hero-caption span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}