:root{--navy:#0b1934;--navy2:#12284b;--ink:#1b2738;--muted:#637083;--line:#e1e7ee;--soft:#f4f7fa;--orange:#ef650b;--blue:#1769d2;--white:#fff;--green:#16784a;--radius:16px;--shadow:0 14px 42px rgba(11,25,52,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.45;background:#fff;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}.wrap{width:min(1180px,calc(100% - 34px));margin:auto}.skip{position:absolute;left:-9999px;top:6px;z-index:999;background:#fff;padding:8px}.skip:focus{left:8px}
.topbar{background:var(--navy);color:#dfe7f2;font-size:.82rem}.topbar-inner{height:32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar a{text-decoration:none}.topbar strong{color:#fff}
.nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brandmark{width:36px;height:36px;border-radius:11px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:1.35rem;font-weight:950;box-shadow:0 8px 22px rgba(239,101,11,.25)}.brand b{display:block;line-height:1.05;letter-spacing:-.02em;color:var(--navy)}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.08em}.navlinks{display:flex;align-items:center;gap:19px}.navlinks>a:not(.btn){text-decoration:none;color:#415067;font-size:.87rem;font-weight:750}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:11px 16px;text-decoration:none;font-weight:850;cursor:pointer;transition:.16s ease;font-size:.91rem}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#ff7a1a,var(--orange));color:#fff;box-shadow:0 8px 22px rgba(239,101,11,.20)}.btn-secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn-small{padding:9px 12px;font-size:.82rem}.eyebrow{display:inline-block;color:#b74600;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.eyebrow.light{color:#ffbb88}
.hero{padding:34px 0 26px;background:linear-gradient(135deg,#f8fafc 0%,#fff 58%,#fff5ed 100%);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:42px;align-items:center}.gallery{min-width:0}.main-photo{width:100%;aspect-ratio:1/1;border:1px solid var(--line);background:#fff;border-radius:20px;padding:10px;cursor:zoom-in;box-shadow:var(--shadow);overflow:hidden}.main-photo img{width:100%;height:100%;object-fit:contain;border-radius:14px}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.thumb{aspect-ratio:1/1;border:1px solid var(--line);background:#fff;border-radius:11px;padding:4px;cursor:pointer;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain;border-radius:7px}.thumb.active{border:2px solid var(--orange);padding:3px;box-shadow:0 0 0 3px rgba(239,101,11,.10)}.gallery-caption{text-align:center;color:var(--muted);font-size:.74rem;margin-top:5px}.hero-copy h1{font-size:clamp(2.4rem,4.3vw,4.2rem);line-height:.98;letter-spacing:-.055em;margin:7px 0 13px;color:var(--navy)}.lead{font-size:1.02rem;color:var(--muted);margin:0 0 18px;max-width:690px}.version-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 12px}.version-tab{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 10px;text-align:left;cursor:pointer;color:#415067}.version-tab b{display:block;color:var(--navy);font-size:.92rem}.version-tab span{display:block;font-size:.73rem;color:var(--muted);margin-top:2px}.version-tab.active{border-color:#86afea;background:#f3f8ff;box-shadow:inset 0 0 0 1px #86afea}.selected-version{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#fff}.selected-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--muted)}.selected-version h2{font-size:1.14rem;margin:3px 0 2px;color:var(--navy);letter-spacing:-.02em}.selected-version p{font-size:.8rem;color:var(--muted);margin:0}.price{text-align:right;white-space:nowrap}.price strong{display:block;color:var(--navy);font-size:1.48rem;line-height:1}.price span{font-size:.72rem;color:var(--muted)}.quick-specs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:11px 0}.quick-specs span{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;font-size:.77rem;color:var(--muted)}.quick-specs b{color:var(--navy)}.hero-actions{display:flex;gap:9px;margin-top:12px}.microcopy{font-size:.72rem;color:var(--muted);margin:8px 0 0}
.compact-section{padding:44px 0}.soft{background:var(--soft)}.section-title{margin-bottom:18px}.row-title{display:flex;align-items:end;justify-content:space-between;gap:28px}.section-title h2{margin:5px 0 0;font-size:clamp(1.65rem,3vw,2.65rem);line-height:1.02;letter-spacing:-.04em;color:var(--navy)}.section-title p{max-width:470px;margin:0;color:var(--muted);font-size:.92rem}.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 7px 24px rgba(11,25,52,.05)}.product-card.recommended{border-color:#9fc0ef}.product-card>.badge{position:absolute;top:10px;left:10px;background:var(--blue);color:#fff;font-size:.66rem;font-weight:900;border-radius:999px;padding:5px 8px;z-index:2}.product-card>img{width:100%;aspect-ratio:1.32/1;object-fit:contain;padding:10px;border-bottom:1px solid var(--line)}.product-card-body{padding:14px}.product-card h3{margin:0;color:var(--navy);font-size:1.08rem}.product-card p{margin:4px 0 11px;color:var(--muted);font-size:.82rem}.product-card dl{margin:0 0 12px;display:grid;gap:5px}.product-card dl div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eef1f5;padding-top:5px}.product-card dt{font-size:.74rem;color:var(--muted)}.product-card dd{margin:0;font-size:.76rem;font-weight:850;color:var(--navy);text-align:right}.reg-note{margin:11px 0 0;color:var(--muted);font-size:.76rem}
.feature-grid{display:grid;grid-template-columns:.72fr 1.6fr .72fr;gap:16px;align-items:stretch}.feature-photo-card,.diagram-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.feature-photo-card img,.diagram-card img{width:100%;aspect-ratio:1/1;object-fit:contain}.feature-photo-card div{padding:10px 12px;border-top:1px solid var(--line)}.feature-photo-card b,.feature-photo-card span{display:block}.feature-photo-card b{color:var(--navy);font-size:.9rem}.feature-photo-card span{font-size:.73rem;color:var(--muted)}.feature-copy{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.feature-copy h2{margin:5px 0 15px;font-size:1.75rem;line-height:1.05;letter-spacing:-.035em;color:var(--navy)}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spec-grid div{background:var(--soft);border-radius:10px;padding:10px}.spec-grid b{display:block;color:var(--navy);font-size:.82rem}.spec-grid span{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.diagram-card{padding:0;cursor:zoom-in;text-align:left}.diagram-card span{display:block;padding:10px 12px;border-top:1px solid var(--line);font-weight:800;color:var(--navy);font-size:.8rem}
.audiences{background:#fff}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audience-grid article{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}.audience-grid h2{margin:5px 0 8px;color:var(--navy);font-size:1.55rem;letter-spacing:-.03em}.audience-grid p{margin:0;color:var(--muted);font-size:.9rem}.audience-grid ul{margin:12px 0 0;padding-left:18px;font-size:.83rem}.audience-grid li+li{margin-top:4px}
.quote-section{padding:46px 0;background:linear-gradient(135deg,var(--navy),#132e57);color:#fff}.quote-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;align-items:start}.quote-copy h2{font-size:2.35rem;line-height:1.02;letter-spacing:-.045em;margin:7px 0 10px}.quote-copy>p{color:#cad6e7;margin:0 0 18px}.contact-lines{display:grid;gap:8px}.contact-lines a{display:block;text-decoration:none;border:1px solid rgba(255,255,255,.15);border-radius:11px;padding:10px 12px;background:rgba(255,255,255,.05)}.contact-lines b,.contact-lines span{display:block}.contact-lines span{font-size:.75rem;color:#b8c7da;margin-top:2px}.form-card{background:#fff;color:var(--ink);border-radius:17px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.18)}form{display:grid;gap:9px}.form-section-title{margin-top:3px;padding-top:8px;border-top:1px solid #e8edf3;color:var(--navy);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em}.form-section-title:first-of-type{margin-top:0;padding-top:0;border-top:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}label{display:block;font-size:.72rem;font-weight:800;color:#415067;margin-bottom:4px}input,select,textarea{width:100%;border:1px solid #d9e0e8;border-radius:9px;background:#fff;color:var(--ink);padding:9px 10px;font:inherit;font-size:.86rem;outline:none}input:focus,select:focus,textarea:focus{border-color:#6fa3e8;box-shadow:0 0 0 3px rgba(23,105,210,.10)}textarea{resize:vertical;min-height:64px}.privacy{display:flex;gap:8px;align-items:flex-start;font-size:.7rem;font-weight:500;color:var(--muted);margin:1px 0}.privacy input{width:auto;margin-top:2px}.privacy a{color:var(--navy)}.submit{width:100%;margin-top:1px}.hp{position:absolute;left:-9999px}.notice{border-radius:10px;padding:10px 12px;margin-bottom:10px;font-size:.82rem;font-weight:750}.notice-ok{background:#e9f8ef;color:#16623e}.notice-error{background:#fff0f0;color:#9e2f2f}
.faq{background:var(--soft)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.faq details{border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 13px}.faq summary{cursor:pointer;list-style:none;padding:12px 28px 12px 0;font-weight:850;color:var(--navy);position:relative;font-size:.86rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:9px;font-size:1.25rem;color:var(--orange)}.faq details[open] summary:after{content:"−"}.faq details p{margin:0 0 12px;color:var(--muted);font-size:.8rem}
.footer{background:#091326;color:#bac7d9;padding:24px 0 18px;font-size:.78rem}.footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.footer-inner b,.footer-inner span{display:block}.footer a{text-decoration:none}.fine{border-top:1px solid rgba(255,255,255,.09);margin-top:14px;padding-top:12px;color:#8697ae;font-size:.68rem}.mobile-cta{display:none}.lightbox{position:fixed;inset:0;background:rgba(2,7,18,.88);z-index:100;display:grid;place-items:center;padding:26px}.lightbox[hidden]{display:none}.lightbox img{max-width:min(94vw,1100px);max-height:90vh;object-fit:contain;background:#fff;border-radius:14px}.lightbox-close{position:fixed;right:20px;top:14px;border:0;background:transparent;color:#fff;font-size:2.4rem;cursor:pointer}
@media(max-width:900px){.navlinks>a:not(.btn){display:none}.hero-grid{grid-template-columns:1fr;gap:24px}.hero-copy{order:-1}.version-switch{grid-template-columns:1fr}.product-cards{grid-template-columns:1fr 1fr}.product-card:last-child{grid-column:1/-1}.feature-grid{grid-template-columns:1fr 1fr}.feature-copy{grid-column:1/-1;order:-1}.quote-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.row-title{align-items:start;flex-direction:column;gap:8px}}
@media(max-width:640px){html{scroll-padding-top:66px}.wrap{width:min(100% - 22px,1180px)}.topbar{display:none}.nav-inner{height:58px}.brandmark{width:33px;height:33px}.brand b{font-size:.9rem}.navlinks .btn{padding:9px 11px;font-size:.78rem}.hero{padding:20px 0 18px}.hero-grid{gap:17px}.hero-copy h1{font-size:2.35rem}.lead{font-size:.92rem}.gallery{display:grid;grid-template-columns:1fr 72px;gap:7px}.thumbs{grid-template-columns:1fr;margin:0}.gallery-caption{grid-column:1/-1}.version-switch{gap:6px}.version-tab{padding:9px}.selected-version{align-items:flex-start}.selected-version h2{font-size:1rem}.selected-version p{font-size:.72rem}.price strong{font-size:1.2rem}.quick-specs{grid-template-columns:1fr 1fr}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.compact-section{padding:31px 0}.product-cards{grid-template-columns:1fr}.product-card:last-child{grid-column:auto}.product-card{display:grid;grid-template-columns:120px 1fr}.product-card>img{height:100%;aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);padding:5px}.product-card>.badge{font-size:.56rem}.product-card-body{padding:11px}.product-card p{margin-bottom:7px}.feature-grid{grid-template-columns:1fr 1fr;gap:8px}.feature-copy{grid-column:1/-1}.feature-copy{padding:15px}.feature-copy h2{font-size:1.45rem}.spec-grid{grid-template-columns:1fr 1fr;gap:6px}.audience-grid,.faq-grid,.form-row{grid-template-columns:1fr}.quote-section{padding:34px 0 72px}.quote-copy h2{font-size:1.9rem}.footer{padding-bottom:74px}.mobile-cta{display:grid;grid-template-columns:1fr 1fr;gap:7px;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:8px 10px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(12px)}}


/* ==========================================================
   V4 — mise en page plus compacte + photos HD recadrées
   ========================================================== */
.hero{padding:24px 0 20px}
.hero-grid{gap:32px}
.main-photo{aspect-ratio:4/3;padding:4px;border-radius:16px}
.main-photo img{border-radius:12px}
.thumbs{gap:7px;margin-top:7px}
.thumb{aspect-ratio:4/3;padding:2px;border-radius:9px}
.thumb img{object-fit:contain;border-radius:6px}
.gallery-caption{margin-top:4px}

.compact-section{padding:30px 0}
.section-title{margin-bottom:14px}
.product-cards{gap:10px}
.product-card>img{
  width:100%;
  height:238px;
  aspect-ratio:auto;
  object-fit:contain;
  padding:4px 8px 0;
  border-bottom:1px solid var(--line)
}
.product-card-body{padding:12px 13px}
.product-card p{margin:3px 0 8px}
.product-card dl{margin-bottom:9px}
.reg-note{margin-top:8px}

.photo-section{background:var(--soft)}
.photo-wall{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px
}
.photo-panel{
  min-width:0;
  padding:0;
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  cursor:zoom-in;
  text-align:left;
  box-shadow:0 5px 18px rgba(11,25,52,.045)
}
.photo-panel img{
  width:100%;
  height:205px;
  object-fit:contain;
  padding:5px;
  background:#fff
}
.photo-panel span{
  display:block;
  border-top:1px solid var(--line);
  padding:9px 11px
}
.photo-panel b,.photo-panel small{display:block}
.photo-panel b{color:var(--navy);font-size:.86rem}
.photo-panel small{margin-top:1px;color:var(--muted);font-size:.7rem}

.feature-copy-wide{padding:18px}
.feature-copy-wide h2{margin:4px 0 12px;font-size:1.7rem}
.spec-grid-wide{
  grid-template-columns:repeat(5,1fr);
  gap:7px
}
.spec-grid-wide div{padding:9px}
.spec-grid-wide b{font-size:.78rem}
.spec-grid-wide span{font-size:.69rem}

@media(max-width:900px){
  .hero-grid{gap:20px}
  .photo-wall{grid-template-columns:repeat(2,1fr)}
  .spec-grid-wide{grid-template-columns:repeat(2,1fr)}
  .product-card>img{height:220px}
}
@media(max-width:640px){
  .hero{padding:16px 0 15px}
  .compact-section{padding:24px 0}
  .main-photo{aspect-ratio:4/3}
  .gallery{grid-template-columns:1fr 68px}
  .thumb{aspect-ratio:4/3}
  .product-card{display:grid;grid-template-columns:112px 1fr}
  .product-card>img{
    height:100%;
    min-height:150px;
    padding:4px;
    border-bottom:0;
    border-right:1px solid var(--line)
  }
  .photo-wall{grid-template-columns:1fr 1fr;gap:7px}
  .photo-panel img{height:145px;padding:3px}
  .photo-panel span{padding:7px 8px}
  .photo-panel b{font-size:.78rem}
  .photo-panel small{font-size:.64rem}
  .feature-copy-wide{padding:14px}
  .feature-copy-wide h2{font-size:1.4rem}
  .spec-grid-wide{grid-template-columns:1fr 1fr;gap:5px}
}