/* Protect Alu V4 — direction premium architecturale; preview uniquement */
:root{--ink:#172b38;--deep:#0b2231;--muted:#62737c;--paper:#fafaf7;--warm:#c19b72;--gold:#ddb363;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',Arial,sans-serif;--serif:'Manrope','DM Sans',Arial,sans-serif}
body{color:var(--ink)}
/* Langage typographique harmonise : aucune serif dans les accroches */
.hero-copy h1 em,.display-title em,.zone-grid em,.dark-feature h2 em,.end-cta h2 em,.footer-position h2 em,.subhero h1 em,.contact-aside h2 em,.thanks-page h1 em{font-family:var(--display)!important;font-weight:800!important;font-size:1em!important;line-height:inherit!important;letter-spacing:-.055em!important;font-style:normal!important;color:inherit}
.display-title em,.subhero h1 em,.dark-feature h2 em,.zone-grid em{color:#9e7957!important}
.end-cta h2 em,.footer-position h2 em{color:#d5b58f!important}
.logo{display:flex;align-items:center;gap:11px;min-width:0}
.brand-mark{display:block;width:46px;height:47px;object-fit:contain;flex:none}
.logo-copy strong{letter-spacing:-.06em;font-weight:850}
.logo-copy strong span{margin-left:6px;letter-spacing:-.045em}
.logo-copy small{letter-spacing:.055em}
.btn,.nav-cta,.mobile-bottom a{border-radius:3px}
/* Homepage : page commerciale + signature premium */
.hero-home-v4{background:#112b3b;position:relative;color:#fff;overflow:hidden}
.hero-home-v4:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,22,32,.94) 0%,rgba(12,37,51,.88) 43%,rgba(8,26,36,.5) 100%),url('https://protect-alu.vercel.app/assets/img/balcons-verre-depoli-1440.webp');background-position:center,center 45%;background-size:cover;z-index:0}
.hero-home-v4:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,29,40,.52),transparent 28%);pointer-events:none}
.hero-inner-v4{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,475px);align-items:center;column-gap:clamp(35px,6vw,104px);min-height:660px;padding-top:74px;padding-bottom:74px}
.hero-heading-v4 .eyebrow{color:#cbd9dc;letter-spacing:.16em}
.hero-heading-v4 .eyebrow-rule{background:#e4b362}
.hero-heading-v4 h1{font:850 clamp(48px,5.5vw,84px)/1.075 var(--display);letter-spacing:-.075em;margin:24px 0 25px;text-wrap:balance}
.hero-heading-v4 h1 span{color:#bcd7d7;display:block}
.hero-heading-v4>p{font-size:clamp(15px,1.2vw,18px);line-height:1.75;max-width:560px;color:#ecf2f1}
.hero-trust-v4{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.hero-trust-v4 span{padding:9px 11px;border:1px solid #ffffff48;color:#e6ebec;font-size:11px;font-weight:700;letter-spacing:.02em;background:#10293666;backdrop-filter:blur(4px)}
.hero-heading-v4 .hero-secondary-v4{display:inline-flex;color:white;border-bottom:1px solid #b7c5c9;padding:9px 0;margin-top:25px;font-size:13px;font-weight:700}
.hero-form-card{background:rgba(11,29,40,.96);border:1px solid #ffffff3b;border-top:4px solid #c7ab84;box-shadow:0 22px 75px #08172155;padding:33px 34px 31px;backdrop-filter:blur(14px)}
.hero-form-card h2{font:850 clamp(28px,2.7vw,36px)/1.2 var(--display);letter-spacing:-.055em;color:white;margin:0 0 7px}
.hero-form-lead{color:#d5e0e1;font-size:12px;line-height:1.6;margin:0 0 24px}
.hero-lead-form{display:flex;flex-direction:column;gap:14px}
.hero-field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.hero-lead-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:.12em;font-weight:850;text-transform:uppercase;color:#d3dfe3}
.hero-lead-form input:not([type=checkbox]),.hero-lead-form select{background:#f8faf9;color:#112a36;border:1px solid #c9d2d4;border-radius:3px;min-height:48px;width:100%;padding:12px 13px;font:600 14px var(--sans);letter-spacing:normal;text-transform:none;outline-offset:2px}
.hero-lead-form input:focus-visible,.hero-lead-form select:focus-visible{outline:2px solid #e1b66c}
.hero-lead-form select{appearance:auto}
.hero-lead-form .lead-consent{display:flex;flex-direction:row;align-items:flex-start;gap:9px;font:400 10px/1.55 var(--sans);letter-spacing:0;text-transform:none;color:#dce4e4;margin:0}
.lead-consent input{width:15px;height:15px;accent-color:#e2b463;flex:none;margin:1px 0 0}
.lead-consent a{color:#f4d8aa;text-decoration:underline}
.hero-submit{background:#e9b65b;color:#172a32;border:0;min-height:55px;width:100%;border-radius:3px;font:850 15px var(--display);cursor:pointer;transition:background .2s,transform .2s}
.hero-submit:hover{background:#f3c977;transform:translateY(-1px)}
.lead-disclaimer{color:#b8c8cc;font-size:10px;line-height:1.5;margin:0}
.hero-brandline{position:relative;z-index:2;border-top:1px solid #ffffff2b;background:#0e2736b3;color:#e7eef0}
.hero-brandline .ribbon-inner{min-height:58px;font-size:11px}
.hero-brandline .ribbon-inner b{color:#efbb72}
.hero-brandline .ribbon-dash{color:#cfdbde}
.end-cta h2{letter-spacing:-.065em;max-width:900px;margin-inline:auto;text-wrap:balance}
.footer-position h2{letter-spacing:-.065em;text-wrap:balance}
.end-cta h2 em,.footer-position h2 em{white-space:normal;overflow-wrap:normal}
@media(max-width:970px){.hero-inner-v4{grid-template-columns:minmax(0,1fr) minmax(320px,410px);gap:24px;padding-top:54px;padding-bottom:54px;min-height:610px}.hero-form-card{padding:27px 24px}.hero-heading-v4 h1{font-size:clamp(43px,5.5vw,62px)}}
@media(max-width:700px){.brand-mark{width:39px;height:39px}.hero-home-v4:before{background-image:linear-gradient(180deg,rgba(8,25,35,.9),rgba(9,27,37,.86) 55%,rgba(10,28,38,.96)),url('https://protect-alu.vercel.app/assets/img/balcons-verre-depoli-1440.webp');background-position:center,center top}.hero-inner-v4{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:25px;padding-top:39px;padding-bottom:38px}.hero-heading-v4 h1{font-size:clamp(40px,10.2vw,59px);margin:16px 0 13px;letter-spacing:-.068em}.hero-heading-v4>p{font-size:13px;line-height:1.6;max-width:440px}.hero-trust-v4{margin-top:18px;gap:6px}.hero-trust-v4 span{padding:6px 8px;font-size:9px}.hero-heading-v4 .hero-secondary-v4{display:none}.hero-form-card{padding:24px 18px 22px;box-shadow:0 15px 35px #07182499}.hero-form-card h2{font-size:27px}.hero-form-lead{font-size:11px;margin-bottom:19px}.hero-lead-form{gap:12px}.hero-lead-form input:not([type=checkbox]),.hero-lead-form select{min-height:45px;font-size:13px}.hero-submit{min-height:53px;font-size:14px}.hero-brandline .ribbon-inner{padding-block:15px;gap:6px}.hero-brandline .ribbon-inner>span{font-size:9px}.end-cta h2,.footer-position h2{font-size:clamp(30px,8.1vw,44px)!important;line-height:1.16!important;letter-spacing:-.055em!important}.end-cta h2 em,.footer-position h2 em{display:inline!important;font-size:1em!important;letter-spacing:-.055em!important}.end-cta .cta-row{margin-top:28px}}
@media(max-width:390px){.hero-inner-v4{padding-top:31px}.hero-heading-v4 h1{font-size:39px}.hero-trust-v4 span{font-size:8px}.hero-field-row{gap:8px}.hero-form-card{padding:20px 14px}.hero-lead-form label{font-size:9px}.hero-lead-form input:not([type=checkbox]),.hero-lead-form select{padding:10px 9px}}