:root{--navy:#11161b;--orange:#ffc21a;--orange-dark:#e6ad10;--paper:#f2f4f6;--peach:#ffefc2;--icon-bg:#e6eaee;--ink:#11161b;--text:#1b232b;--muted:#3f4b57;--line:#c9d0d7;--font:'Archivo',system-ui,Arial,sans-serif;--pad:clamp(24px,8.2vw,137px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);overflow-x:hidden;position:relative}a{color:inherit;text-decoration:none}

/* ---- Décor haut ---- */
.top-decor{position:absolute;inset:0 0 auto 0;height:260px;pointer-events:none;z-index:0}
.navy-blob{position:absolute;left:0;top:0;width:34.6vw;height:14.3vw;min-height:150px;display:block}
.peach-top{position:absolute;left:32.3vw;top:-6.3vw;width:13.2vw;height:13.2vw;border-radius:50%;background:var(--peach);z-index:-1}

/* ---- Header ---- */
.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 7.1vw 0 var(--pad);position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:12px;color:#fff;margin-top:22px}
.brand-mark{width:68px;height:auto;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));transition:transform .3s}
.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.05)}
.brand-text{display:flex;flex-direction:column;gap:6px}
.brand-text strong{font-size:50px;line-height:.9;font-weight:800;letter-spacing:-1px}
.brand-text em{font-style:normal;background:linear-gradient(135deg,#6CB4FF,#6CB4FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-text small{font-size:12.5px;font-weight:500;color:#fff}
.main-nav{display:flex;align-items:center;gap:clamp(18px,2.3vw,38px);font-size:14.5px;font-weight:600;color:var(--navy)}
.main-nav>a:not(.button){white-space:nowrap;transition:color .2s}.main-nav>a:not(.button):hover,.text-link:hover{color:var(--orange-dark)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:100px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button-orange{background:var(--orange);color:#fff;box-shadow:0 10px 22px rgba(255,194,26,.3)}.button-orange:hover{background:var(--orange-dark)}
.nav-cta{padding:0 34px;height:47px;margin-left:clamp(10px,2.4vw,40px)}
.menu-toggle{display:none}

/* ---- Hero ---- */
.hero{position:relative;display:grid;grid-template-columns:1fr 53vw;align-items:center;min-height:527px;padding-left:var(--pad)}
.hero-copy{position:relative;z-index:2;padding:40px 0 60px}
.hero h1{font-size:clamp(36px,3.25vw,56px);line-height:1.02;letter-spacing:-.5px;margin:0 0 34px;font-weight:800;color:var(--navy)}
.hero h1 span{color:var(--orange)}
.hero-lead{font-size:clamp(15px,1.1vw,18.5px);line-height:1.6;color:var(--text);max-width:540px;margin:0 0 30px;font-weight:500}
.hero-cta{height:50px;padding:0 46px}
.hero-visual{position:relative;align-self:start;height:31.5vw;min-height:330px}
.hero-visual svg{width:100%;height:100%;display:block}
.orange-dot{position:absolute;left:-4.1vw;top:76.5%;width:4.8vw;height:4.8vw;min-width:46px;min-height:46px;border-radius:50%;background:var(--orange)}
.peach-left{position:absolute;left:-3.5vw;top:78%;width:8.3vw;height:9.8vw;border-radius:50%;background:var(--peach);z-index:0}

/* ---- Features ---- */
.quick-features{display:grid;grid-template-columns:repeat(5,1fr);padding:32px var(--pad) 40px;position:relative;z-index:2}
.quick-feature{display:flex;gap:18px;align-items:flex-start;padding:0 1.8vw;border-right:1px solid var(--line);min-width:0;transition:transform .2s}
.quick-feature:hover{transform:translateY(-3px)}
.quick-feature:first-child{padding-left:0}.quick-feature:last-child{border-right:0;padding-right:0}
.feature-icon{flex:0 0 60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--icon-bg);color:var(--navy)}
.feature-icon svg{width:30px;height:30px}
.quick-feature h2{font-size:13.5px;font-weight:700;margin:10px 0 9px;line-height:1.25}
.quick-feature p{font-size:12px;line-height:1.75;margin:0;color:var(--muted);font-weight:500}

/* ---- Preuve ---- */
.proof-section{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start;padding:20px var(--pad) 80px;position:relative;overflow:hidden;min-height:420px}
.proof-wave{position:absolute;left:0;top:20px;width:48vw;height:100%;z-index:0}
.peach-right{position:absolute;right:-5vw;top:-10px;width:17vw;height:17vw;border-radius:50%;background:var(--peach)}
.orange-right{position:absolute;right:12vw;top:130px;width:6.5vw;height:6.5vw;border-radius:50%;background:var(--orange)}
.app-visual,.proof-copy{position:relative;z-index:1}
.app-visual{padding-top:55px}
.app-window{display:flex;max-width:520px;margin:0 0 0 5.5vw;background:#fff;border:6px solid #2a2f36;border-radius:16px;overflow:hidden;box-shadow:0 22px 60px rgba(0,20,40,.3)}
.app-sidebar{background:#f4f5f7;color:#6b7785;display:flex;flex-direction:column;gap:22px;padding:18px 12px;font-size:13px;border-right:1px solid #e6e8ec}
.app-content{padding:12px 14px;width:100%;color:var(--navy);background:#f6f7f9}
.searchbar{padding:8px 10px;border-radius:6px;color:#9aa5b0;font-size:10px;background:#fff}
.app-card{background:#fff;border-radius:8px;padding:12px;margin-top:10px}
.app-card h3{font-size:14px;font-weight:600;margin:4px 0 14px}
.app-chips{display:flex;gap:8px;flex-wrap:wrap}
.app-chips span{font-size:9px;padding:6px 12px;background:#f1f3f5;color:#5a6876;border-radius:6px}
.app-chips span.active{background:#ffc21a;color:#11161b}
.app-answer{background:#f7f9fa;border:1px solid #e3e8ec;padding:14px;margin-top:14px;border-radius:8px;font-size:11px}
.app-answer p{margin:8px 0;color:#42586a}
.proof-copy{padding-top:20px}
.eyebrow{font-size:12px;letter-spacing:1.2px;font-weight:700;color:var(--navy);margin:0 0 16px}
.eyebrow u{text-decoration:none;color:var(--orange);border-bottom:2px solid var(--orange);padding-bottom:5px}
.proof-copy h2,.section-heading h2,.contact-section h2{font-size:clamp(30px,2.15vw,38px);line-height:1.15;letter-spacing:-.3px;font-weight:800;margin:0 0 20px;color:var(--navy)}
.proof-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:470px;color:var(--muted);font-weight:500}
.text-link{display:inline-flex;gap:10px;margin-top:12px;font-weight:700;color:var(--navy)}

/* ---- Sections suivantes ---- */
.feature-details{padding:85px var(--pad) 95px;background:#e6eaee}
.section-heading{max-width:650px;margin:0 auto 42px;text-align:center}
.section-heading>p:last-child{font-size:16px;line-height:1.7;color:var(--muted)}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.detail-grid article{background:#fff;border:1px solid #c9d0d7;padding:30px;border-radius:14px;transition:transform .2s,box-shadow .2s}
.detail-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(18,57,90,.1)}
.detail-grid article>span{font-weight:800;color:var(--orange);font-size:13px}
.detail-grid h3{font-size:19px;margin:18px 0 10px}
.detail-grid p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.contact-section{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:65px var(--pad);background:var(--navy);color:#fff}
.contact-section .eyebrow{color:#ffc21a}.contact-section h2{color:#fff;margin-bottom:12px}
.contact-section p:not(.eyebrow){max-width:650px;line-height:1.7;color:#E7EAEC}
.button-light{background:#fff;color:var(--navy);flex-shrink:0;padding:17px 30px}
.site-footer{padding:28px var(--pad);display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;color:#586b7a}
.footer-brand{display:block;line-height:0;transition:transform .2s}.footer-brand:hover{transform:translateY(-2px)}.footer-brand img{height:48px;width:auto}
.site-footer>div{display:flex;gap:18px;margin-left:auto}
.site-footer small{width:100%;padding-top:12px;border-top:1px solid var(--line)}

/* ---- Responsive ---- */
@media(max-width:1150px){
  .brand-mark{width:54px}.brand-text strong{font-size:40px}
  .main-nav{gap:14px;font-size:12.5px}.nav-cta{padding:0 20px;height:42px;font-size:14px}
  .quick-feature{gap:10px;padding:0 12px}.feature-icon{flex-basis:46px;height:46px}.feature-icon svg{width:24px;height:24px}
  .quick-feature h2{font-size:12px}.quick-feature p{font-size:11px}
}
@media(max-width:850px){
  .navy-blob{width:70vw;height:130px}.peach-top{left:66vw;top:-50px;width:110px;height:110px}
  .site-header{height:90px;padding:0 24px}.brand{margin-top:0}.brand-mark{width:44px}.brand-text strong{font-size:32px}.brand-text small{font-size:10px}
  .menu-toggle{display:block;margin-left:auto;background:#fff;border:1px solid #c9d0d7;color:var(--navy);border-radius:30px;padding:10px 14px;font-family:inherit;font-weight:700}
  .menu-toggle span{margin-left:6px}
  .main-nav{display:none;position:absolute;top:80px;left:16px;right:16px;padding:18px;background:#fff;border:1px solid #e1e5e7;box-shadow:0 14px 30px rgba(16,46,72,.12);border-radius:14px;flex-direction:column;align-items:stretch;gap:0}
  .main-nav.open{display:flex}.main-nav>a{padding:12px 8px}.main-nav .nav-cta{margin:8px 0 0}
  .hero{display:flex;flex-direction:column;align-items:stretch;padding:40px 0 0}
  .hero-copy{padding:20px 24px 30px}.hero h1{font-size:clamp(34px,7vw,52px)}
  .hero-visual{height:60vw;min-height:0;margin-left:6vw}.orange-dot{left:-3vw;top:auto;bottom:6%}.peach-left{display:none}
  .quick-features{grid-template-columns:repeat(2,1fr);padding:26px 24px;gap:12px}
  .quick-feature,.quick-feature:first-child,.quick-feature:last-child{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}
  .quick-feature:last-child{grid-column:1/-1}
  .proof-section{grid-template-columns:1fr;padding:30px 24px 60px;gap:36px}
  .proof-wave{width:100%;height:60%}.app-window{margin:0 auto}.peach-right,.orange-right{display:none}
  .detail-grid{grid-template-columns:1fr}
  .contact-section{padding:48px 24px;align-items:flex-start;flex-direction:column}
  .site-footer{padding:25px 24px}.site-footer>div{margin-left:0}
}
@media(max-width:480px){
  .brand-mark{width:36px}.brand-text strong{font-size:27px}
  .hero h1{font-size:33px}.hero-lead{font-size:15px}
  .quick-features{grid-template-columns:1fr}
  .proof-copy h2,.section-heading h2,.contact-section h2{font-size:28px}
  .site-footer>div{flex-wrap:wrap;gap:12px}
}

/* apple-design §14 : mouvement réduit — fondu/état statique, aucune translation */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important}
  .button:hover,.quick-feature:hover,.detail-grid article:hover,.footer-brand:hover,.brand:hover .brand-mark{transform:none}
}

/* ---- Formulaire pilote (mêmes jetons que la maquette) ---- */
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-error{margin:0;font-size:13px;font-weight:600;color:#c4262e;text-align:center}
.pilot-section{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start;padding:85px var(--pad);background:var(--paper)}
.pilot-copy h2{font-size:clamp(30px,2.15vw,38px);line-height:1.15;letter-spacing:-.3px;font-weight:800;margin:0 0 20px;color:var(--navy)}
.pilot-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);font-weight:500;max-width:470px}
.pilot-copy ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px;font-size:14px;line-height:1.6;color:var(--text);font-weight:500}
.pilot-copy li{padding-left:28px;position:relative}.pilot-copy li::before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:800}
.pilot-card{background:#fff;border:1px solid #c9d0d7;border-radius:14px;padding:30px}
.pilot-card form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pilot-card label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--navy)}
.pilot-card input,.pilot-card select{font:500 14px var(--font);color:var(--text);padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);width:100%}
.pilot-card input:focus,.pilot-card select:focus{outline:2px solid var(--orange);outline-offset:1px}
.pilot-card .button{height:50px;padding:0 30px;cursor:pointer}.pilot-card .button:disabled{opacity:.7;cursor:default}
.form-note{margin:0;font-size:12px;color:var(--muted);text-align:center}
.pilot-success{text-align:center;padding:20px 0}.pilot-success h3{margin:0 0 10px;color:var(--navy);font-size:19px}.pilot-success p{margin:0;color:var(--muted);line-height:1.7}
@media(max-width:850px){.pilot-section{grid-template-columns:1fr;padding:60px 24px;gap:36px}.form-row{grid-template-columns:1fr}}

/* ---- Charte Diagnosta : jaune = marque, jamais texte sur fond clair ---- */
:root{--bronze:#7a5700}
.button-orange{color:#11161b}
.hero h1 span,.detail-grid article>span,.eyebrow u{color:var(--bronze)}
.eyebrow u{border-bottom-color:var(--orange)}
.main-nav>a:not(.button):hover,.text-link:hover{color:var(--bronze)}
.pilot-copy li::before{color:#17683f}
.app-chips span.active{background:#ffc21a;color:#11161b}
.contact-section .eyebrow{color:#ffc21a}
.brand-logo{display:block;height:34px;width:auto;max-width:300px}
:focus-visible{outline:3px solid #1f5fad;outline-offset:3px}