*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#171717}img{max-width:100%}.wrap{width:min(1180px,92%);margin:auto}.top{background:#111;color:#fff;padding:9px 0;font-size:14px}.top .wrap,.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.nav{background:#fff;border-bottom:1px solid #eee;padding:14px 0;position:sticky;top:0;z-index:10}.nav nav{display:flex;gap:20px;flex-wrap:wrap}.nav a{text-decoration:none;color:#222}.cta,.btn{display:inline-block;background:#111;color:#fff!important;padding:12px 18px;border-radius:8px;text-decoration:none}.btn.alt{background:#fff;color:#111!important}.hero{padding:64px 0;background:#f4f5f7}.hero>.wrap,.feature{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.hero h1{font-size:52px;line-height:1.02;margin:15px 0}.hero p,.lead{font-size:18px;line-height:1.6}.tag,.pill{font-size:12px;font-weight:bold;letter-spacing:1px}.stats,.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.stat,.card,.feature-box{background:#fff;border:1px solid #e7e7e7;border-radius:14px;padding:22px}.stat b{display:block;font-size:20px}.section{padding:62px 0}.section.gray{background:#f6f6f6}.section h2{font-size:36px}.grid{grid-template-columns:repeat(3,1fr)}.pic img,.device img{width:100%;height:260px;object-fit:contain;background:#fff}.banner{background:#111;color:#fff;border-radius:18px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer{background:#111;color:#ddd;padding:45px 0}.cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{display:block;color:#ddd;text-decoration:none;margin:10px 0}@media(max-width:800px){.nav .wrap,.top .wrap{align-items:flex-start}.nav nav{display:none}.hero>.wrap,.feature,.cols{grid-template-columns:1fr}.hero h1{font-size:40px}.grid,.stats{grid-template-columns:1fr}.banner{display:block}}
/* Logo ORION fourni */
.brand-logo{display:flex;align-items:center;flex:0 0 auto}
.brand-logo img{display:block;width:190px;height:74px;object-fit:contain;object-position:left center;background:#fff}
.footer-logo img{width:210px;max-width:100%;height:auto;background:#fff;border-radius:4px}
@media(max-width:800px){.brand-logo img{width:145px;height:58px}}

/* Thème ORION bleu & gris — inspiré de la palette du site alarme-orion.com */
:root{--orion-blue:#1673b9;--orion-blue-dark:#0b4f84;--orion-blue-soft:#eaf4fb;--orion-gray:#68727c;--orion-gray-light:#f1f3f5;--orion-border:#d8dee4;--orion-dark:#26323c}
body{color:var(--orion-dark);background:#fff}
.top{background:linear-gradient(90deg,var(--orion-blue-dark),var(--orion-blue));color:#fff;border-bottom:3px solid #b8c0c7}
.nav{background:#fff;border-bottom:1px solid var(--orion-border);box-shadow:0 3px 14px rgba(38,50,60,.08)}
.nav a{color:#4c5964;font-weight:600}.nav nav a:hover{color:var(--orion-blue)}
.cta,.btn{background:linear-gradient(135deg,var(--orion-blue),var(--orion-blue-dark));color:#fff!important;box-shadow:0 5px 14px rgba(22,115,185,.18)}
.cta:hover,.btn:hover{filter:brightness(.94)}
.btn.alt{background:#fff;color:var(--orion-blue-dark)!important;border:2px solid var(--orion-blue)}
.hero{background:linear-gradient(135deg,#f7f9fb 0%,#e7eef4 55%,#dbe8f2 100%);border-bottom:1px solid var(--orion-border)}
.hero h1,.section h2,.pagehero h1{color:var(--orion-blue-dark)}
.tag,.pill{display:inline-block;color:#fff;background:var(--orion-blue);padding:7px 11px;border-radius:999px}
.stat,.card,.feature-box{border-color:var(--orion-border);box-shadow:0 8px 24px rgba(38,50,60,.06)}
.stat{border-top:4px solid var(--orion-blue)}.stat b{color:var(--orion-blue-dark)}
.section.gray{background:var(--orion-gray-light)}
.pagehero{padding:52px 0;background:linear-gradient(120deg,var(--orion-blue-dark),var(--orion-blue));color:#fff;border-bottom:5px solid #aeb8c1}
.pagehero h1{color:#fff;margin-bottom:10px}.pagehero .tag{background:#fff;color:var(--orion-blue-dark)}
.card h3,.feature-box h3{color:var(--orion-blue-dark)}
.notice{margin:22px 0;padding:18px 20px;background:var(--orion-blue-soft);border-left:5px solid var(--orion-blue);border-radius:8px;color:#334552}
.banner{background:linear-gradient(110deg,var(--orion-blue-dark),var(--orion-blue));color:#fff;border:1px solid #79aeda}
.footer{background:linear-gradient(135deg,#26323c,#44515c);color:#e5eaee;border-top:5px solid var(--orion-blue)}
.footer a{color:#e5eaee}.footer a:hover{color:#fff}.footer b{color:#fff}
.product-img,.device img{border-radius:10px}.product-card{border-top:4px solid var(--orion-blue)}
.specs{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 7px 20px rgba(38,50,60,.06)}.specs td{padding:14px 18px;border-bottom:1px solid var(--orion-border)}.specs tr td:first-child{font-weight:700;color:var(--orion-blue-dark);background:#f5f9fc}
.icon{color:var(--orion-blue-dark);font-weight:800}

/* Cocon sémantique / guides */
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;align-items:start}.article{max-width:820px}.article h2{font-size:28px;margin:42px 0 12px}.article p{font-size:17px;line-height:1.75;color:#44515c}.sidebox{position:sticky;top:125px;background:#f4f8fb;border:1px solid var(--orion-border);border-top:5px solid var(--orion-blue);border-radius:14px;padding:24px}.sidebox h3{color:var(--orion-blue-dark);margin-top:0}.side-link{display:block;padding:12px 0;color:var(--orion-blue-dark);font-weight:700;text-decoration:none;border-bottom:1px solid var(--orion-border)}.article-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:42px;padding-top:24px;border-top:1px solid var(--orion-border)}.article-nav a{color:var(--orion-blue-dark);font-weight:700;text-decoration:none}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.guide-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--orion-border);border-top:4px solid var(--orion-blue);border-radius:14px;padding:22px;box-shadow:0 8px 24px rgba(38,50,60,.06);transition:.2s}.guide-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(38,50,60,.12)}.guide-card span{font-size:11px;font-weight:800;color:var(--orion-blue);letter-spacing:1px}.guide-card h2{font-size:21px;margin:9px 0;color:var(--orion-blue-dark)}.guide-card p{line-height:1.55;color:#596875}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.sidebox{position:static}.guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.guide-grid{grid-template-columns:1fr}}

.flash-price{font-size:1.35rem;margin:.5rem 0}.flash-price strong{color:#0b5fa5}.flash-price del{color:#7a8490;font-size:.95rem;margin-left:.4rem}.price-note{margin-top:24px;color:#66717d;font-size:.9rem}

/* ORION - marque française */
.french-brand-badge{display:inline-flex;align-items:center;gap:6px;background:#eef4fa;color:#244c73;border:1px solid #c9d8e6;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;white-space:nowrap}
.made-france{padding:20px 0;background:#f3f6f8}.made-france-card{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #d8e0e7;border-left:5px solid #23679e;border-radius:14px;padding:20px 24px;box-shadow:0 8px 24px rgba(30,60,90,.06)}.made-france-card .flag{font-size:34px}.made-france-card strong{font-size:21px;color:#244c73}.made-france-card p{margin:5px 0 0;color:#5f6c78}.made-france-inline{margin:16px auto;padding:12px 16px;background:#eef4fa;border:1px solid #c9d8e6;border-radius:10px;color:#244c73;width:max-content;max-width:calc(100% - 30px)}
@media(max-width:900px){.french-brand-badge{display:none}.made-france-card{align-items:flex-start}}