:root{--navy:#071426;--blue:#176bff;--cyan:#28c7fa;--ink:#172c47;--muted:#54667a;--line:#dce4ed;--light:#f3f6fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(2.5rem,5.1vw,4.7rem);font-weight:700}h2{font-size:clamp(2rem,3.5vw,3.2rem)}h3{font-size:1.45rem}p{color:var(--muted)}.skip{position:absolute;top:-80px;background:var(--navy);color:#fff;padding:12px;z-index:30}.skip:focus{top:0}.topline{background:var(--navy);text-align:center;color:#c9d7e8;font-size:.875rem;padding:8px 20px}header{min-height:100px;padding:18px max(5%,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-symbol{font-size:3.5rem;line-height:1;font-weight:800;letter-spacing:-.1em;color:var(--navy)}.brand-symbol span{color:var(--blue)}.brand-name{font-size:.75rem;letter-spacing:.16em;line-height:1.6}.brand-name strong{font-size:.78rem}nav{display:flex;align-items:center;gap:30px;font-size:.875rem;font-weight:600}nav a:hover,nav a.active{color:var(--blue)}.selection-link{white-space:nowrap}.selection-link span{background:var(--light);border-radius:50%;padding:4px 7px;margin-left:3px;font-size:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;background:var(--blue);color:#fff!important;border:1px solid var(--blue);border-radius:6px;font-weight:600;font-size:.95rem;line-height:1.4;transition:background .15s,transform .15s}.button:hover{background:#0955d9;transform:translateY(-1px)}.button.secondary{background:transparent;border-color:var(--line);color:var(--ink)!important}.button.secondary:hover{background:var(--light)}.button.small{padding:12px 16px;font-size:.875rem}.button.light{background:var(--white);border-color:var(--white);color:var(--navy)!important}.textlink{font-weight:700;color:var(--blue);border-bottom:1px solid #b8d1ff;padding-bottom:3px}.menu-button{display:none}.container{width:min(1280px,90%);margin:auto}.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}.hero-grid{min-height:615px;padding:76px 0 64px;display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--blue);margin-bottom:22px;display:block}.hero .eyebrow{color:var(--cyan)}.hero h1{max-width:740px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero p{color:#b5c5d9;margin:25px 0 30px;font-size:1.1rem;max-width:550px}.actions{display:flex;gap:14px;flex-wrap:wrap}.hero .secondary{border-color:#46566b;color:white!important}.hero .secondary:hover{background:#192d46}.hero-note{font-size:.875rem!important;margin-top:28px!important;color:#93a8c1!important}.console{border:1px solid #354863;border-radius:12px;background:#0e2037;box-shadow:0 30px 70px #0004;transform:rotate(-2deg);overflow:hidden}.console-head{border-bottom:1px solid #354863;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;color:#a1b7d0;font-size:.75rem;letter-spacing:.1em}.console-head strong{color:#fff;letter-spacing:0;font-size:.875rem}.console-body{padding:28px}.console-label{color:#7d99b9;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;margin-bottom:9px}.console h3{font-size:1.75rem;letter-spacing:-.02em;color:#fff;margin-bottom:26px}.flow-item{display:flex;align-items:center;gap:15px;border-top:1px solid #2b3c55;padding:17px 0}.flow-item i{font-style:normal;width:38px;height:38px;background:#193958;border:1px solid #2b5b7a;border-radius:8px;display:grid;place-items:center;color:var(--cyan);font-weight:700}.flow-item strong{display:block;color:#eff5fb;font-size:.95rem}.flow-item span{color:#91a8c1;font-size:.8rem}.console-foot{border:1px solid #32516d;background:#122c43;border-radius:6px;margin-top:16px;padding:15px;color:#a9def4;font-size:.875rem}.expertise-strip{display:flex;gap:32px;justify-content:space-between;padding:26px 0;font-size:.875rem;color:#53708f;border-bottom:1px solid var(--line);flex-wrap:wrap}.expertise-strip strong{color:var(--ink)}.section{padding:85px 0}.section.tint{background:var(--light)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-head h2{max-width:650px}.section-head p{max-width:460px;margin-top:18px}.section-head .eyebrow{margin-bottom:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-4px);box-shadow:0 15px 36px #122c4610}.product-art{height:190px;padding:28px;background:#e9f0fa;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.product-art.bres{background:#eaf1ff;color:#155fd0}.product-art.fresh{background:#e5f4f0;color:#247663}.product-art.compta{background:#f0eefd;color:#6351ae}.product-art .app-code{font-size:2.8rem;letter-spacing:-.05em;font-weight:700}.product-art small{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;margin-top:8px}.mini-lines{position:absolute;right:25px;bottom:25px;display:flex;align-items:end;gap:5px;opacity:.3}.mini-lines span{width:10px;background:currentColor;border-radius:3px}.mini-lines span:nth-child(1){height:26px}.mini-lines span:nth-child(2){height:42px}.mini-lines span:nth-child(3){height:36px}.mini-lines span:nth-child(4){height:62px}.product-content{padding:27px;display:flex;flex-direction:column;flex:1}.category{color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.product-content p{margin:15px 0 25px;font-size:.95rem;flex:1}.product-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;gap:12px}.tag{font-size:.75rem;color:var(--muted)}.product-bottom a{font-weight:700;color:var(--blue);font-size:.875rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.split p{margin-top:25px;font-size:1.05rem}.service-list{border-top:1px solid var(--line)}.service-row{padding:25px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:45px 1fr;gap:18px}.service-row .num{font-size:.875rem;color:var(--blue)}.service-row p{font-size:.95rem;margin-top:10px}.method{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.method-item{border-top:2px solid var(--line);padding-top:24px}.method-item .num{font-size:.8rem;color:var(--blue);margin-bottom:20px;display:block}.method-item h3{font-size:1.25rem}.method-item p{font-size:.95rem;margin-top:15px}.cta{background:var(--navy);border-radius:12px;padding:55px 60px;color:white;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{max-width:680px}.cta p{color:#b5c5d9;margin-top:18px}.page-heading{padding:65px 0 45px;background:var(--light);border-bottom:1px solid var(--line)}.page-heading h1{font-size:clamp(2.7rem,4vw,4rem)}.page-heading p{margin-top:20px;max-width:690px;font-size:1.08rem}.breadcrumbs{color:var(--muted);font-size:.875rem;margin-bottom:25px}.breadcrumbs a{color:var(--blue)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filter{background:white;border:1px solid var(--line);padding:10px 17px;border-radius:5px;color:var(--muted)}.filter.active{background:var(--navy);color:white;border-color:var(--navy)}.notice{background:#edf3fc;border-left:3px solid var(--blue);padding:19px 22px;color:var(--muted);font-size:.95rem;margin-top:32px}.detail-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:60px}.detail-grid h2{font-size:2rem;margin-bottom:20px}.detail-grid p{margin-bottom:24px}.detail-grid ul{padding-left:20px;color:var(--muted);margin-bottom:45px}.detail-grid li{margin-bottom:12px}.detail-grid .product-art{height:260px;border-radius:10px;margin-bottom:32px}.offer{border:1px solid var(--line);padding:30px;border-radius:10px;background:var(--light);height:fit-content}.offer h3{margin-bottom:18px}.offer .button{width:100%;margin-top:15px}.offer .category{margin-bottom:20px}.offer hr{border:0;border-top:1px solid var(--line);margin:22px 0}details{border-bottom:1px solid var(--line);padding:19px 0}summary{font-weight:700;cursor:pointer;padding-right:15px}details p{margin:15px 0 0!important;font-size:.95rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:.875rem;font-weight:700;margin-bottom:8px}input,select,textarea{width:100%;border:1px solid #b6c4d3;border-radius:5px;padding:12px 14px;background:#fff;color:var(--ink);min-height:48px}textarea{resize:vertical;min-height:160px}.field{margin-bottom:22px}.form-card{border:1px solid var(--line);padding:35px;border-radius:10px}.form-card h2{font-size:1.8rem;margin-bottom:28px}.form-card .button{margin-top:10px}.helper{font-size:.875rem;margin-top:16px}.contact-side h3{margin-top:35px}.contact-side p{font-size:.95rem}.result{white-space:pre-wrap;background:var(--light);border:1px solid var(--line);border-radius:6px;padding:22px;font-size:.95rem;line-height:1.8;overflow-wrap:anywhere}.selection-row{display:flex;gap:25px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:25px 0}.selection-row p{margin-top:9px;font-size:.95rem}.remove{border:0;background:transparent;color:var(--muted);text-decoration:underline;font-size:.875rem}.empty{padding:60px 35px;border:1px dashed #b6c4d3;border-radius:10px;text-align:center}.empty p{margin:20px 0 30px}.legal{max-width:800px}.legal h2{font-size:1.6rem;margin:35px 0 15px}.legal p{margin-bottom:20px}footer{background:var(--light);border-top:1px solid var(--line);padding:45px 5% 20px;margin-top:60px}.footer-top{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:40px}.footer-top p{font-size:.95rem}.footer-top>div{display:flex;gap:25px;font-size:.875rem}.footer-bottom{max-width:1280px;margin:auto;display:flex;gap:30px;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:.75rem;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:14px 24px;box-shadow:0 6px 25px #0002;border-radius:7px;z-index:20;max-width:90%;display:none}#toast.show{display:block}@media(min-width:1500px){header{padding-left:calc((100vw - 1280px)/2);padding-right:calc((100vw - 1280px)/2)}}@media(max-width:1100px){nav{gap:17px}.hero-grid{gap:35px}.brand-name{font-size:.65rem}.brand-name strong{font-size:.67rem}.split{gap:45px}}@media(max-width:900px){header{flex-wrap:wrap;gap:20px}.menu-button{display:block;border:1px solid var(--line);background:white;border-radius:5px;padding:9px 17px}nav{display:none;width:100%;flex-wrap:wrap;padding:20px 0}nav.open{display:flex}.hero-grid{grid-template-columns:1fr 1fr;padding:55px 0;gap:25px}.hero h1{font-size:3rem}.console-body{padding:22px}.console h3{font-size:1.4rem}.hero p{font-size:1rem}.cards{gap:15px}.product-content{padding:22px}.product-art{padding:22px}.product-art .app-code{font-size:2.3rem}.product-bottom{align-items:start;flex-direction:column}.detail-grid{gap:30px}.cta{padding:40px}.method{grid-template-columns:1fr 1fr}.footer-top>div{flex-direction:column;gap:8px}}@media(max-width:650px){header{min-height:85px}.topline{font-size:.75rem}.brand-symbol{font-size:3rem}.hero-grid{grid-template-columns:1fr;padding:45px 0 50px;gap:45px}.hero h1{font-size:2.9rem}.console{transform:none}.console-body{padding:25px}.console h3{font-size:1.6rem}.expertise-strip{gap:15px;padding:22px 0;font-size:.8rem;justify-content:start}.section{padding:55px 0}.section-head{align-items:start;flex-direction:column;gap:20px}.cards,.split,.detail-grid{grid-template-columns:1fr}.split{gap:35px}.product-art{height:170px}.product-content{padding:25px}.product-bottom{flex-direction:row}.cta{padding:32px 25px;flex-direction:column;align-items:start}.page-heading{padding:45px 0 35px}.page-heading h1{font-size:2.6rem}.page-heading p{font-size:1rem}.form-grid{grid-template-columns:1fr;gap:0}.form-card{padding:25px}.footer-top{flex-wrap:wrap}.footer-top p{width:100%;order:3}.footer-bottom{flex-direction:column;gap:10px}.selection-row{align-items:start}.actions .button{flex-grow:1}.method{gap:25px 18px}.method-item h3{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Visuel fourni par B : conserver l’ensemble de la scène et le badge. */
.hero-grid{grid-template-columns:1fr 1.2fr;gap:45px}
.hero-visual{margin:0;border:1px solid #354863;border-radius:12px;overflow:hidden;background:#0e2037;box-shadow:0 25px 65px #0004}
.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.hero-visual figcaption{padding:20px 24px;border-top:1px solid #354863;display:flex;flex-direction:column;gap:6px}
.hero-visual figcaption strong{font-size:1rem;color:#fff}
.hero-visual figcaption span{font-size:.875rem;line-height:1.5;color:#b5c5d9}
@media(max-width:900px){.hero-grid{gap:28px;grid-template-columns:1fr 1fr}.hero-visual figcaption{padding:17px}}
@media(max-width:650px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-visual figcaption{padding:20px}}

.product-art.protectme{background:#e6f2fb;color:#166a94}.product-art.security{background:#e9eef8;color:#273f79}.product-art.security .app-code{font-size:clamp(1.8rem,2.2vw,2.5rem)}

/* Identité bleu nuit sur l’ensemble du site. */
:root{color-scheme:dark;--ink:#eff5ff;--muted:#b5c5d9;--line:#344a65;--light:#10223a;--link:#73d7ff}
body{background:var(--navy)}
header{background:#0a192d}
.brand-symbol{color:var(--ink)}
.brand-symbol span{color:var(--cyan)}
.topline{border-bottom:1px solid #243950}
nav a:hover,nav a.active,.textlink,.eyebrow,.product-bottom a,.breadcrumbs a,.service-row .num,.method-item .num{color:var(--link)}
.textlink{border-bottom-color:#3d7594}
.expertise-strip{color:var(--muted)}
.section.tint,.page-heading,footer{background:#0b1b30}
.product,.offer,.form-card{background:#10223a}
.product:hover{box-shadow:0 15px 36px #0003}
.product-art{background:#152d4a;color:#8ec4ff}
.product-art.bres{background:#132d50;color:#8cbcff}
.product-art.fresh{background:#0e3436;color:#8ae2cc}
.product-art.compta{background:#282544;color:#c6b8ff}
.product-art.protectme{background:#103149;color:#87d9f8}
.product-art.security{background:#192b46;color:#a7c6ff}
.filter,.menu-button{background:#10223a;color:var(--ink);border-color:var(--line)}
.filter:hover{border-color:#73d7ff}
.filter.active{background:#73d7ff;color:#071426;border-color:#73d7ff}
.notice{background:#102d48;border-left-color:var(--cyan)}
.cta{background:#10243e;border:1px solid var(--line)}
input,select,textarea{background:#071426;border-color:#55718f;color:var(--ink)}
input::placeholder,textarea::placeholder{color:#9bafc7;opacity:1}
input:autofill{box-shadow:0 0 0 1000px #10223a inset;color:var(--ink)}
input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px #10223a inset}
.empty{border-color:#55718f}
.result{background:#071426}
.button.secondary{border-color:#55718f}
.button.secondary:hover{background:#193653}
.button.light:hover{background:#e5f3ff}
#toast{background:#173b59;border:1px solid #527898}

/* Logo officiel fourni par B, conservé dans son intégralité. */
.brand-logo{display:block;width:112px;height:84px;object-fit:contain;background:#fff;border-radius:6px;flex-shrink:0}
header{min-height:120px}
.footer-top .brand-logo{width:140px;height:105px}
@media(max-width:1100px){nav{gap:18px}}
@media(max-width:900px){header{min-height:110px}}
@media(max-width:650px){.brand-logo{width:96px;height:72px}.footer-top .brand-logo{width:120px;height:90px}.brand{gap:12px}header{min-height:108px}}
@media(max-width:1100px){header{flex-wrap:wrap;gap:20px}.menu-button{display:block;border:1px solid var(--line);border-radius:5px;padding:9px 17px}nav{display:none;width:100%;flex-wrap:wrap;padding:20px 0}nav.open{display:flex}}