@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/dm-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/dm-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--navy:#102b56;--deep:#0b2146;--mint:#38d3b3;--ink:#17283f;--muted:#64748b;--line:#e4ebf2;--bg:#f5f8fc;--shadow:0 20px 60px rgba(19,45,84,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.7 'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}h1,h2,h3,b,strong{font-family:Manrope,Arial,sans-serif}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,5.2vw,4.9rem);font-weight:800}h2{font-size:clamp(2rem,3vw,3rem);font-weight:800}h3{font-size:1.22rem}a{color:inherit;text-decoration:none}a:hover{color:#1b7e91}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;line-height:1.1;font-size:17px;color:var(--navy)}.brand small{display:block;font-size:9px;letter-spacing:.23em;color:#6d8096;margin-top:6px}.brand-icon{display:grid;place-items:center;background:var(--navy);color:var(--mint);width:39px;height:39px;border-radius:12px;font-size:27px}.links{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700}.links .lang{border-left:1px solid var(--line);padding-left:15px}.lang-switch{display:inline-flex;align-items:center;gap:4px;border-left:1px solid var(--line);padding-left:15px}.lang-opt{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:8px;color:var(--muted);font-weight:800;line-height:1}.lang-opt:hover{background:var(--bg);color:var(--ink)}.lang-opt.active{background:#e5f9f4;color:#0d7d6e}.lang-opt .flag{width:21px;height:14px;border-radius:3px;box-shadow:0 0 0 1px rgba(16,43,86,.14);display:block;flex:none}.btn{border:0;background:#20bba3;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:9px;font-weight:800;box-shadow:0 10px 24px #20bba327;transition:.2s}.btn:hover{background:#139c89;transform:translateY(-1px)}.btn-sm{padding:10px 15px;font-size:12px}.btn-outline{background:transparent;color:#fff!important;border:1px solid #8298b8;box-shadow:none}.btn-light{background:white;color:var(--navy)!important}.mobile-toggle{display:none;background:none;border:0;font-size:26px}.hero{background:radial-gradient(circle at 80% 15%,#204a77 0,transparent 40%),linear-gradient(120deg,#0a2145,#143a68);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;min-height:630px;padding:72px 0}.eyebrow,.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--mint)}.hero h1{margin:24px 0}.hero h1 em{font-style:normal;color:#62e5cb}.hero p{font-size:17px;color:#c8d7e9;max-width:540px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-foot{display:flex;flex-wrap:wrap;gap:16px;margin-top:48px;font-size:12px;color:#c6d6e7}.hero .small-note{font-size:11px;color:#8fa8c6}.hero-art{height:460px;position:relative;display:flex;align-items:center}.mock-window{width:91%;height:350px;background:#fff;border:9px solid #294e76;border-radius:18px;box-shadow:0 40px 70px #00172b77;transform:rotate(-3deg);overflow:hidden}.mock-top{height:30px;background:#f3f6fa;display:flex;align-items:center;gap:5px;padding:0 12px;color:#8794a9;font-size:9px}.mock-top i{width:7px;height:7px;border-radius:50%;background:#ffb4ad}.mock-top i:nth-child(2){background:#ffe4a1}.mock-top i:nth-child(3){background:#8ee3b7}.mock-top span{margin:auto}.mock-content{display:flex;height:calc(100% - 30px)}.mock-sidebar{background:#12315e;width:54px;color:#9fc7e7;display:flex;flex-direction:column;align-items:center;gap:26px;padding:18px 0}.mock-logo{color:#43dec0;font-weight:900}.mock-main{padding:20px;flex:1;background:#fbfdff}.mock-heading{font-size:15px;color:#213a5c;font-weight:800;display:flex;justify-content:space-between}.stat-row{display:flex;gap:8px;margin:20px 0}.stat-row div{flex:1;border:1px solid #e4ecf4;border-radius:8px;padding:12px 9px}.stat-row b{display:block;color:#234c75;font-size:21px}.stat-row small{font-size:8px;color:#7a90a5}.bars{display:flex;align-items:end;height:95px;gap:14px;padding:0 20px;border-bottom:1px solid #dfe7f0}.bars span{flex:1;background:linear-gradient(#36d5b5,#268eb7);border-radius:5px 5px 0 0}.mock-list{margin-top:17px}.mock-list div{height:8px;border-radius:5px;background:#e6edf5;margin-bottom:9px;width:85%}.mock-list div:nth-child(2){width:65%}.phone{position:absolute;right:-10px;bottom:-5px;background:#fff;color:#183556;width:153px;height:300px;border:7px solid #182c49;border-radius:27px;box-shadow:0 25px 50px #00172b88;text-align:center;padding:30px 12px 12px;transform:rotate(8deg)}.phone-notch{position:absolute;top:0;left:40px;width:60px;height:13px;background:#182c49;border-radius:0 0 12px 12px}.phone-circle{margin:auto auto 7px;background:#d8f7f0;color:#159b86;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:900}.phone b{font-size:11px;display:block}.phone small{font-size:8px;color:#8da0b2}.phone-card{background:#eff6fa;border-radius:7px;text-align:left;font-size:9px;padding:10px 6px;margin-top:10px}.floating-label{position:absolute;left:4px;bottom:5px;background:#fff;color:#174b61;padding:12px 16px;border-radius:10px;font-weight:800;font-size:11px;box-shadow:var(--shadow)}.section{padding:95px 0}.section.soft{background:var(--bg)}.section-intro{max-width:690px;margin-bottom:35px}.section-intro h2{margin:12px 0}.section-intro p{color:var(--muted);font-size:16px}.cards{display:grid;gap:22px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.feature-card,.product-card,.team-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 9px 28px #18345008}.feature-card p,.product-card p,.team-card p{color:var(--muted)}.feature-icon{display:grid;place-items:center;width:54px;height:54px;background:#e1f9f4;color:#0d9f8a;border-radius:13px;font-size:27px}.product-card{padding:34px}.product-art{display:grid;place-items:center;height:150px;background:linear-gradient(125deg,#0c2b56,#3e7da8);border-radius:12px;color:#fff;font-size:88px;margin-bottom:25px}.product-art.green{background:linear-gradient(125deg,#076b67,#41c9a5)}.tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.09em;color:#119d87;background:#e5f9f4;border-radius:20px;padding:5px 10px}.product-card a,.text-link{font-weight:800;color:#148f85}.team-card{text-align:center}.avatar{display:grid;place-items:center;margin:0 auto 20px;width:92px;height:92px;border-radius:24px;background:linear-gradient(130deg,#dcecf9,#ccf5eb);font-size:35px;color:#0c507a;font-weight:800}.team-card .role{color:#119d87;font-weight:700}.center{text-align:center;margin-top:32px}.cta-section{background:#102f5c;color:#fff;padding:68px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-inner h2{max-width:700px}.cta-inner p{color:#cbdced}.page-hero{padding:90px 0;background:linear-gradient(130deg,#102a54,#20507c);color:#fff}.page-hero h1{font-size:clamp(2.4rem,4vw,4rem);margin:15px 0}.page-hero p{color:#c6d9e9;max-width:650px}.page-body{padding:70px 0;min-height:350px}.rich,.prose{max-width:850px;font-size:17px;line-height:1.9}.form-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px}.form-layout h2{margin-top:0}.info-panel{margin-top:35px;padding:22px;border-radius:12px;background:var(--bg)}.lead-form,.login-card,.editor-form{display:grid;gap:18px}.lead-form{padding:32px;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow)}label{display:grid;gap:6px;font-weight:700;font-size:13px}input,textarea,select{width:100%;padding:12px;border:1px solid #cad5e2;border-radius:8px;background:#fff;color:#263b54}input:focus,textarea:focus,select:focus{outline:3px solid #a9ede0;border-color:#17a88f}.check{display:flex;align-items:flex-start;font-weight:400}.check input{width:auto;margin:5px 9px 0 0}.check a{text-decoration:underline;color:#138d81}.honeypot{position:absolute;left:-9999px}.notice{background:#dff9ee;color:#096a52;padding:15px;border-radius:9px;margin-bottom:22px}.faq-list{max-width:800px}.faq-list details{padding:22px;border-bottom:1px solid var(--line)}.faq-list summary{font-weight:800;cursor:pointer}.empty{background:var(--bg);padding:30px;border-radius:12px}.footer{background:#091d39;color:#d2dfed;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer .brand{color:#fff}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-grid p{color:#9ab0c9}.footer-grid b{color:#fff}.footer-grid a:hover{color:#59dec5}.footer-bottom{border-top:1px solid #29415f;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;color:#93a9c0;font-size:12px}.login-bg{min-height:100vh;background:linear-gradient(135deg,#0c2349,#23577d);display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 32px));padding:38px;background:#fff;border-radius:17px;box-shadow:var(--shadow)}.login-card h1{font-size:27px}.admin-body{background:#f4f7fb;min-height:100vh;display:flex}.admin-sidebar{background:#102b56;color:#d6e4f1;width:250px;flex-shrink:0;min-height:100vh;padding:24px;display:flex;flex-direction:column;gap:30px}.admin-sidebar .brand{color:#fff}.admin-sidebar nav{display:grid;gap:6px}.admin-sidebar nav a{padding:10px 12px;border-radius:8px}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#28517b;color:#fff}.admin-sidebar .logout{border:0;background:transparent;color:#f7c5c5;padding:10px 0}.admin-main{padding:36px;flex:1;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:30px}.admin-top h1{font-size:28px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.admin-stats>div{background:#fff;padding:25px;border-radius:12px}.admin-stats small{display:block;color:var(--muted)}.admin-stats strong{font-size:32px;color:#1e547e}.table-wrap{overflow:auto;background:#fff;border-radius:12px;margin-top:25px}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#eaf1f8}.table-wrap textarea{min-width:150px}.editor-panel{background:#fff;padding:20px;border-radius:12px}.editor-panel summary{cursor:pointer;font-weight:800}.editor-form{max-width:700px;margin-top:22px}.editor-form textarea{min-height:95px}.editor-form input[type=checkbox]{width:22px}.danger{border:0;background:#fff1f1;color:#b22;padding:7px;margin-left:8px;border-radius:5px}@media(max-width:1050px){.links{gap:12px}.links a{font-size:11px}.hero-grid{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.9)}}@media(max-width:800px){.mobile-toggle{display:block}.links{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:22px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.links.show{display:flex}.hero-grid,.form-layout{grid-template-columns:1fr}.hero-grid{padding:65px 0}.hero-art{max-width:520px;transform:none}.cards.three,.cards.two{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{display:block}.admin-sidebar{width:190px;padding:14px}.admin-main{padding:20px}.admin-stats{grid-template-columns:1fr 1fr}}@media(max-width:550px){.container{width:min(100% - 30px,1160px)}.hero-art{height:340px;transform:scale(.8);transform-origin:left top;width:120%}.hero-grid{padding-bottom:0}.cards.three,.cards.two,.footer-grid{grid-template-columns:1fr}.section{padding:65px 0}.footer-bottom{display:block}.admin-body{display:block}.admin-sidebar{width:100%;min-height:auto}.admin-sidebar nav{grid-template-columns:repeat(3,1fr);font-size:12px}.admin-main{padding:15px}.admin-top{display:block}}
/* ── v1.1 : accessibilité, réseaux sociaux, administration ─────────── */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:12px;top:-60px;background:#fff;color:var(--navy);padding:10px 16px;border-radius:8px;font-weight:800;z-index:100;box-shadow:var(--shadow)}
.skip-link:focus{top:10px}
:focus-visible{outline:3px solid #168bd2;outline-offset:2px}
.social-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.social-list a{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--bg);color:var(--navy);border:1px solid var(--line);transition:transform .2s,background .2s,color .2s}
.social-list a:hover{transform:translateY(-2px);background:var(--navy);color:#fff}
.social-list svg{width:19px;height:19px;fill:currentColor}
.footer .social-list a{background:rgba(255,255,255,.08);color:#d2dfed;border-color:#29415f}
.footer .social-list a:hover{background:#20bba3;color:#fff;border-color:#20bba3}
.footer-grid>div>.social-list{margin-top:-4px}
.share-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}
.info-follow{margin:18px 0 8px}
.btn-ghost{background:transparent;color:var(--navy)!important;border:1px solid var(--line);box-shadow:none}
.btn-ghost:hover{background:var(--bg)}
.muted{color:var(--muted)}
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}
.filter-bar input[type=search]{flex:1;min-width:220px}
.filter-bar input,.filter-bar select{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}
.pill{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:5px 14px;font-weight:700;font-size:12px}
.pill.on{background:#dff9ee;color:#096a52;border-color:#bfeedd}
.order-input{width:70px;padding:7px;border:1px solid var(--line);border-radius:6px}
.soc-ico{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--bg);color:var(--navy);vertical-align:middle}
.soc-ico svg{width:16px;height:16px;fill:currentColor}
.editor-panel h2{font-size:1.2rem;margin:0 0 12px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ── logos et images ── */
.brand-logo{display:block;height:54px;width:auto}
.footer .brand-logo{height:60px;background:#fff;border-radius:10px;padding:6px 10px}
.product-art img{width:72px;height:72px;object-fit:contain;display:block}
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.photo{margin:0}.photo img{width:100%;height:auto;border-radius:18px;box-shadow:var(--shadow);display:block}
.photo.wide{margin-bottom:32px}
.flyer{margin:36px auto;max-width:620px;text-align:center}
.flyer img{width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow)}
@media(max-width:800px){.split{grid-template-columns:1fr;gap:24px}.brand-logo{height:44px}}
.admin-sidebar .brand-logo{background:#fff;border-radius:10px;padding:6px 8px;height:60px}
.admin-tag{display:block;font-size:10px;letter-spacing:.2em;margin-top:6px;opacity:.7}
