/* Polices auto-hébergées (Barlow / Barlow Condensed, SIL OFL) — seules les graisses utilisées */
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--gold:#f9a618;--gold-d:#e39410;--gold-l:#fff4df;--teal:#166d76;--teal-d:#0f5159;--ink:#1d2a2e;--txt:#3c4a4e;--mute:#66777b;--line:#e3e8e9;--field:#cfd8da;--bg2:#f4f6f6;--err:#b3261e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:#fff;color:var(--ink);font-family:Barlow,system-ui,sans-serif}
a{color:var(--teal)}a:hover{color:var(--gold-d)}
input,select,textarea,button{font:inherit}
.wrap{padding-left:64px;padding-right:64px}

header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px;border-bottom:4px solid var(--gold)}
header img{height:52px;width:auto;display:block}
.hright{display:flex;align-items:center;gap:28px}
.status{display:flex;align-items:center;gap:10px;font:700 15px/1 'Barlow Condensed';letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.status i{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.hphone{display:flex;align-items:center;gap:10px;height:48px;padding:0 20px;border-radius:4px;background:var(--gold);color:var(--ink);text-decoration:none;font:800 22px/1 'Barlow Condensed';letter-spacing:.04em;white-space:nowrap}
.hphone:hover{background:var(--gold-d);color:var(--ink)}
.hphone small{font:700 12px/1 'Barlow Condensed';letter-spacing:.12em;text-transform:uppercase;opacity:.85}

.hero{padding-top:88px;padding-bottom:72px;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end}
.eyebrow{margin:0 0 16px;display:inline-block;padding:6px 10px;background:var(--gold);font:700 15px/1 'Barlow Condensed';letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
h1{margin:0;font:800 84px/.92 'Barlow Condensed';text-transform:uppercase;color:var(--teal);text-wrap:balance}
.lead{margin:0 0 24px;font:400 20px/1.55 Barlow;color:var(--txt);text-wrap:pretty}
.cta{display:inline-flex;align-items:center;height:54px;padding:0 32px;border-radius:4px;background:var(--teal);color:#fff;text-decoration:none;white-space:nowrap;font:700 18px 'Barlow Condensed';letter-spacing:.08em;text-transform:uppercase}
.cta:hover{background:var(--teal-d);color:#fff}

h2{margin:0 0 28px;font:700 36px/1 'Barlow Condensed';text-transform:uppercase;color:var(--ink)}
.sec{padding-bottom:88px}
.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid var(--teal)}
.svc{padding:28px 24px 8px 0;border-right:1px solid var(--line)}
.svc+.svc{padding-left:24px}.svc:last-child{border-right:0}
.svc b{display:block;font:800 15px 'Barlow Condensed';color:var(--gold-d);letter-spacing:.1em;margin-bottom:10px}
.svc h3{margin:0 0 8px;font:800 28px/1 'Barlow Condensed';text-transform:uppercase;color:var(--teal)}
.svc p{margin:0;font:400 16px/1.45 Barlow;color:var(--txt)}

.formules{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.f{border:2px solid var(--line);border-radius:6px;padding:28px;display:flex;flex-direction:column;gap:14px}
.f.top{background:var(--teal);border-color:var(--teal);color:#fff}
.f .lvl{display:flex;gap:4px}.f .lvl i{width:22px;height:6px;background:var(--line)}.f .lvl i.on{background:var(--gold)}
.f.top .lvl i{background:#2f8791}.f.top .lvl i.on{background:var(--gold)}
.f h3{margin:0;font:800 32px/1 'Barlow Condensed';text-transform:uppercase;color:var(--teal)}
.f.top h3{color:#fff}
.f .plus{margin:0;font:700 14px 'Barlow Condensed';letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.f.top .plus{color:var(--gold)}
.f ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;font:400 16px/1.45 Barlow;color:var(--txt)}
.f.top ul{color:#e2f0f2}
.f li{display:flex;gap:10px}.f li::before{content:"+";color:var(--gold-d);font-weight:700}
.f.top li::before{color:var(--gold)}

.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card{border:2px solid var(--line);border-radius:6px;padding:36px}
.card.dark{background:var(--teal);border-color:var(--teal);color:#fff}
.card .tag{margin:0 0 6px;font:700 14px/1 'Barlow Condensed';letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.card.dark .tag{color:var(--gold)}
.card h3{margin:0 0 20px;font:800 40px/1 'Barlow Condensed';text-transform:uppercase;color:var(--teal)}
.card.dark h3{color:#fff}
.card ul{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:14px;font:400 17px/1.45 Barlow;color:var(--txt)}
.card.dark ul{color:#e2f0f2}
.card li{display:flex;gap:12px}.card li::before{content:"—";color:var(--gold-d);font-weight:600}
.card.dark li::before{color:var(--gold)}
.where{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:600 15px Barlow}
.where span{padding:6px 12px;border-radius:999px;background:var(--gold);color:var(--ink)}
.where em{font:700 13px 'Barlow Condensed';letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:var(--mute);margin-right:4px}
.card.dark .where em{color:#bfe0e5}

.contact{background:var(--bg2);padding-top:80px;padding-bottom:80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:64px}
.contact h2{margin:0 0 16px;font:800 52px/.95 'Barlow Condensed';color:var(--teal)}
.contact p{margin:0;font:400 18px/1.55 Barlow;color:var(--txt)}
.phones{margin-top:32px;display:grid;gap:12px}
.ph{display:grid;gap:4px;padding:18px 20px;background:#fff;border-radius:6px;border-left:6px solid var(--gold);text-decoration:none}
.ph span{font:700 13px/1 'Barlow Condensed';letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.ph strong{font:800 34px/1 'Barlow Condensed';letter-spacing:.02em;color:var(--teal)}
.ph:hover strong{color:var(--gold-d)}

form{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
select{min-width:0;width:100%}
label{display:grid;gap:6px;font:600 14px Barlow;color:var(--ink)}
.full{grid-column:1/-1}
input,select,textarea{height:48px;padding:0 14px;border:1.5px solid var(--field);border-radius:4px;background:#fff;color:var(--ink)}
textarea{height:auto;padding:12px 14px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.btn{grid-column:1/-1;justify-self:start;height:54px;padding:0 36px;border:0;border-radius:4px;background:var(--gold);color:var(--ink);font:700 18px 'Barlow Condensed';letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.btn:hover{background:var(--gold-d)}
.btn:disabled{opacity:.6;cursor:wait}
/* Champ piège anti-bot : hors écran, ignoré par les lecteurs d'écran */
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.contact .notice{grid-column:1/-1;margin:0;font:400 13px/1.5 Barlow;color:var(--mute)}
.form-error{grid-column:1/-1;padding:12px 14px;border-left:4px solid var(--err);background:#fff;font:600 15px/1.45 Barlow;color:var(--err)}
.form-error[hidden]{display:none}
.fallback.ok{border-left-color:var(--gold);color:var(--teal)}
.thanks{display:none;background:#fff;border-top:4px solid var(--gold);padding:48px;gap:10px;align-content:center}
.thanks h3{margin:0;font:800 36px/1 'Barlow Condensed';text-transform:uppercase;color:var(--teal)}
.thanks button{justify-self:start;margin-top:8px;background:none;border:0;padding:0;font:600 15px Barlow;color:var(--teal);text-decoration:underline;cursor:pointer}
.sent form{display:none}.sent .thanks{display:grid}
/* Retour sans JavaScript (redirection vers #merci / #erreur) */
.fallback{display:none;margin-bottom:16px}
.fallback:target{display:block}
#merci:target~form{display:none}

footer{padding-top:24px;padding-bottom:24px;display:flex;justify-content:space-between;gap:16px;font:400 14px Barlow;color:var(--mute);border-top:1px solid var(--line)}

@media (max-width:1000px){.services{grid-template-columns:1fr}.formules{grid-template-columns:1fr 1fr}.svc{border-right:0;padding-left:0!important;border-bottom:1px solid var(--line);padding-bottom:24px}}
@media (max-width:900px){
.wrap{padding-left:24px;padding-right:24px}
header img{height:40px}
.hero{grid-template-columns:1fr;gap:24px;padding-top:56px;padding-bottom:56px}
h1{font-size:56px}.lead{font-size:18px}
.cards,.contact{grid-template-columns:1fr}
.contact{gap:32px;padding-top:56px;padding-bottom:56px}
.contact h2{font-size:42px}
.card{padding:28px}.sec{padding-bottom:56px}
}
@media (max-width:560px){
.status{display:none}
.hphone small{display:none}.hphone{font-size:19px;padding:0 14px}
.services,.formules,form{grid-template-columns:1fr}
.btn{justify-self:stretch}
footer{flex-direction:column}
}
