:root{--ink:#10372f;--green:#082d28;--deep:#06251f;--lime:#c9f166;--mint:#e9f7de;--soft:#f6f8f3;--muted:#60736c;--border:#dde7dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}.container{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-999px;z-index:100;background:#fff;padding:10px}.skip:focus{left:12px;top:12px}.header{background:#082d28;position:sticky;top:0;z-index:50;border-bottom:1px solid #265147}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center}.brand img{width:172px;height:60px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600;color:#e1f0e9}.nav nav>a:hover,.nav nav>a:focus-visible{color:var(--lime)}.nav-cta{background:var(--lime);color:var(--deep)!important;padding:12px 18px;border-radius:9px}.menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 81% 24%,#194f40 0,transparent 40%),linear-gradient(135deg,#082d28,#0a3930 68%,#0b2f29);color:#fff;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:665px;gap:25px}.hero-copy{position:relative;z-index:2;padding:75px 0 95px}.eyebrow,.section-tag{font-size:11px;letter-spacing:2.1px;font-weight:800;color:#7b9b67}.eyebrow{color:var(--lime);display:flex;align-items:center;gap:10px}.dot{height:7px;width:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.047em;line-height:1.09}h1{font-size:clamp(45px,5.5vw,77px);margin:26px 0}h1 em,h2 em{font-style:normal;color:var(--lime)}.lead{font-size:18px;line-height:1.75;color:#c9d9d1;max-width:570px}.lead strong{color:#fff}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 22px;font-weight:750;font-size:14px;border-radius:10px;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-lime{background:var(--lime);color:#102c24}.btn-lime:hover{background:#defb93}.btn-outline{border-color:#67867b;color:#f0f6ee}.btn-outline:hover{background:#1c4d40}.hero-proof{font-size:12px;color:#a9c5b8;display:flex;gap:13px;align-items:center;flex-wrap:wrap}.small-icon{color:var(--lime)}.separator{width:1px;height:16px;background:#598073}.hero-art{position:relative;height:610px;display:grid;place-items:center}.hero-art>img{position:relative;z-index:1;width:min(570px,116%);max-width:none;filter:drop-shadow(0 30px 40px #001c17bb);border-radius:8px}.art-shape{position:absolute;width:480px;height:480px;border:1px solid #76a57455;border-radius:50%;box-shadow:0 0 0 60px #8fce4820,0 0 0 120px #8fce4810}.mini-card{position:absolute;z-index:2;display:flex;gap:10px;background:#fff;border-radius:12px;color:#18382e;align-items:center;padding:11px 15px;box-shadow:0 15px 35px #0003}.mini-card b{display:block;font-size:12px}.mini-card small{display:block;font-size:10px;color:#6d8175}.mini-card-top{top:88px;right:-12px}.mini-card-bottom{bottom:58px;left:-20px}.mini-ico{background:#ddf3af;width:35px;height:35px;display:grid;place-items:center;border-radius:9px;color:#1f5335;font-size:22px}.metrics{background:#f0f6eb;border-bottom:1px solid #e3ebe0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0}.benefits>div{display:flex;gap:15px;padding:5px 26px;border-right:1px solid #d5dfd3;align-items:center}.benefits>div:last-child{border-right:0}.benefit-icon{display:grid;place-items:center;background:#d9edbd;width:47px;height:47px;flex-shrink:0;border-radius:12px;font-size:25px}.benefits p{margin:0}.benefits b,.benefits small{display:block}.benefits b{font-size:14px}.benefits small{font-size:12px;color:#708076}.section{padding:105px 0}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section h2{font-size:clamp(35px,4.4vw,59px);margin:18px 0 24px}.section h2 em{color:#609639}.section p{color:#62746b}.body-lg{font-size:18px;color:#2e4a3d!important}.text-link{display:inline-flex;margin-top:14px;font-weight:700;color:#237647;border-bottom:1px solid #237647}.solution-card{background:#eaf4e1;border:1px solid #d6e7cf;border-radius:22px;padding:28px;display:grid;gap:17px;box-shadow:0 24px 65px #123e2314}.before-after,.after{padding:23px;border-radius:15px;background:#fff}.before-after span,.after span{display:block;color:#78907b;font-size:11px;font-weight:800;letter-spacing:1.4px;margin-bottom:14px}.before-after div,.after div{padding:9px 0;border-bottom:1px solid #edf1eb;font-size:14px;display:flex;gap:13px}.before-after i{color:#9bada0;font-style:normal}.after{background:#123c30;color:#fff}.after span{color:#d5f69a}.after div{border-color:#406759}.after i{color:var(--lime);font-style:normal}.features{background:#f7faf4}.section-heading{max-width:670px;margin:0 auto 45px;text-align:center}.section-heading>p:last-child{font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{background:#fff;border:1px solid #e3eade;border-radius:17px;padding:30px;min-height:268px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #1e4c2611}.card-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:13px;background:#eaf4dc;color:#3d873b;font-size:30px;margin-bottom:20px}.feature-card h3{font-size:20px;line-height:1.2;margin-bottom:14px}.feature-card p{font-size:14px;margin:0 0 21px}.feature-card>span{font-size:11px;font-weight:750;color:#4b8148}.feature-future{background:#eef6e7}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.audience-grid>div{border-top:2px solid #c4e5a5;padding:21px 8px 10px}.audience-n{font-size:12px;font-weight:800;color:#73a75d;margin-bottom:32px}.audience-grid h3{font-size:18px;line-height:1.2}.audience-grid p{font-size:14px}.security{background:#edf5e9}.security-visual{background:linear-gradient(145deg,#0e4234,#082d28);border-radius:25px;color:#fff;padding:48px;min-height:425px;display:flex;flex-direction:column;justify-content:center}.security-symbol{font-size:55px;color:var(--lime);margin-bottom:18px}.security-visual>p{font-size:30px;line-height:1.25;color:#fff;font-weight:700;letter-spacing:-1px}.security-lines{display:grid;gap:11px}.security-lines span{font-size:13px;color:#d2e5db;border-top:1px solid #53796a;padding-top:10px}.check-line{display:flex;gap:14px;margin-top:23px}.check-line>span{width:27px;height:27px;border-radius:50%;background:#cce7ab;display:grid;place-items:center;flex-shrink:0}.check-line b{font-size:15px}.check-line p{font-size:14px;margin:5px 0}.demo{background:#0a3029;color:#fff}.demo-inner{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.demo h2{color:#fff}.demo p{color:#b9cfc5}.demo .btn{margin-top:20px}.demo-card{background:#fff;color:#1f3e32;border-radius:15px;overflow:hidden;box-shadow:0 25px 70px #0006;transform:rotate(-1deg)}.demo-top{height:35px;background:#f2f4ef;display:flex;align-items:center;gap:6px;padding:0 12px}.demo-top span{width:7px;height:7px;border-radius:100%;background:#b9cac0}.demo-top small{margin-left:auto;color:#789085;font-size:9px}.demo-body{display:grid;grid-template-columns:145px 1fr;min-height:310px}.demo-body aside{background:#0c332b;color:#c6dacb;padding:23px 12px;font-size:10px;display:grid;align-content:start;gap:18px}.demo-body aside>div{padding:7px}.fake-logo{font-weight:800;font-size:15px;color:#e7ffb9}.demo-body aside .active{background:#225441;border-radius:7px;color:#fff}.fake-content{padding:28px 24px}.fake-content small{font-weight:800;color:#7ca17f;letter-spacing:1px}.fake-content h3{font-size:20px;max-width:310px;line-height:1.25;margin:13px 0 25px}.fake-search{font-size:11px;color:#97a59c;border:1px solid #e0e8de;border-radius:8px;padding:13px}.fake-tile-row{display:flex;gap:14px;margin-top:20px}.fake-tile-row span{width:50%;background:#ebf5e6;border-radius:10px;padding:16px;font-size:12px;font-weight:700}.fake-lines{margin-top:18px;display:grid;gap:8px}.fake-lines i{height:10px;border-radius:5px;background:#edf0eb}.fake-lines i:nth-child(2){width:85%}.fake-lines i:nth-child(3){width:70%}.narrow{max-width:820px}.faq details{border-bottom:1px solid #dbe8dd;padding:23px 0}.faq summary{font-weight:700;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:22px;color:#479150}.faq details[open] summary:after{content:'−'}.faq details p{font-size:15px;margin:14px 0 0}.contact{background:#c8ed82;padding:96px 0;color:#123c2e}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.contact h2{font-size:clamp(39px,5vw,65px);letter-spacing:-.05em;line-height:1.1;margin:17px 0 26px}.contact h2 em{font-style:normal;color:#4b7d3d}.contact-grid>div>p{max-width:460px}.email-line{margin-top:30px;font-weight:700;overflow-wrap:anywhere}.contact-panel{background:#fff;padding:34px;border-radius:20px;box-shadow:0 24px 60px #2e572c23}.contact-panel h3{font-size:25px;margin-bottom:7px}.contact-panel>p{color:#6f8176;font-size:13px}.contact-panel form{display:grid;gap:7px}.contact-panel label{font-size:12px;font-weight:750;margin-top:9px}.contact-panel label span{color:#a64747}.contact-panel input,.contact-panel textarea{width:100%;border:1px solid #d4dfd3;border-radius:8px;padding:12px;color:#183f2e;background:#fff;outline-offset:2px}.contact-panel input:focus,.contact-panel textarea:focus{outline:2px solid #98cb58}.contact-panel .privacy-note{color:#718074;font-size:11px;line-height:1.5;margin:10px 0}.contact-panel .btn{width:100%;border:0}footer{background:#092f28;color:#d7e5dd;padding:62px 0 26px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:60px}.footer-top img{width:172px}.footer-top p{font-size:13px;color:#aac6b7}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:12px;font-size:13px}.footer-top b{color:#fff;font-size:14px;margin-bottom:10px}.footer-top a:hover,footer a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #35584c;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#a9c7b7}.footer-bottom p{margin:0}.legal{font-size:12px;color:#9fbfb0}.legal details{border-top:1px solid #34594b;padding-top:10px}.legal summary{cursor:pointer}.legal p{max-width:950px}.legal a{text-decoration:underline}@media(max-width:1000px){.nav nav{gap:14px;font-size:12px}.hero-grid{grid-template-columns:1fr 1fr}.hero-art>img{width:125%}.two-cols{gap:45px}.demo-inner,.contact-grid{gap:35px}.mini-card{display:none}}@media(max-width:760px){html{scroll-padding-top:70px}.container{width:min(100% - 34px,560px)}.nav{height:68px}.brand img{width:143px;height:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;border:1px solid #436456;border-radius:8px;background:none;padding:11px}.menu-toggle span{width:100%;height:2px;background:#fff}.nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:#082d28;flex-direction:column;padding:22px;align-items:stretch;box-shadow:0 16px 24px #0003}.nav nav.open{display:flex}.nav-cta{text-align:center}.hero-grid,.two-cols,.demo-inner,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:0}.hero-copy{padding:65px 0 5px}h1{font-size:clamp(43px,10vw,64px)}.lead{font-size:16px}.hero-art{height:390px}.hero-art>img{width:min(105%,420px)}.art-shape{width:270px;height:270px}.benefits{grid-template-columns:1fr;padding:13px 0}.benefits>div{border:0;border-bottom:1px solid #d5dfd3;padding:12px 0}.benefits>div:last-child{border:0}.section{padding:76px 0}.section h2{font-size:clamp(35px,9vw,53px)}.feature-grid{grid-template-columns:1fr 1fr}.audience-grid{grid-template-columns:1fr 1fr}.security-visual{min-height:310px;padding:30px}.demo-inner{gap:40px}.contact{padding:75px 0}.contact-panel{padding:23px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}}@media(max-width:510px){.hero-actions .btn{width:100%}.hero-proof{display:block;line-height:2}.hero-proof .separator{display:none}.hero-art{height:335px}.feature-grid,.audience-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:25px}.demo-body{grid-template-columns:95px 1fr}.demo-body aside{padding:15px 5px;font-size:8px}.fake-content{padding:16px 10px}.fake-content h3{font-size:15px}.fake-search{font-size:9px}.security-visual>p{font-size:25px}.footer-top{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Quartiéria 5B — mise en page du bandeau */
@media(min-width:1001px){.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(28px,3vw,60px);min-height:640px}.hero-copy{padding:68px 0 72px;min-width:0}.hero-copy h1{font-size:clamp(46px,4.4vw,68px);line-height:1.13;letter-spacing:-.045em}.hero-art{height:560px;min-width:0}.hero-art>img{width:min(100%,510px);max-width:100%;height:auto;object-fit:contain}.mini-card-top{top:20px;right:0}.mini-card-bottom{bottom:12px;left:0}}
@media(min-width:761px) and (max-width:1000px){.hero-copy h1{font-size:clamp(42px,4.7vw,54px);line-height:1.14}.hero-art>img{width:100%;max-width:100%;height:auto}}
@media(max-width:760px){.hero-copy{padding-top:55px}.hero-copy h1{line-height:1.13;overflow-wrap:normal}.hero-art>img{width:min(100%,410px);max-width:100%;height:auto}}

/* Quartiéria WEB 5D — themes, microinteractions, parallax */
.theme-toggle{order:2;flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border:1px solid #638579;border-radius:50%;background:#17493c;color:#d9fa9b;transition:background .22s,transform .22s,box-shadow .22s;position:relative}
.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 7px 20px #0003}.theme-toggle:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.theme-toggle svg{width:22px;height:22px;grid-area:1/1}.theme-toggle .icon-moon{display:none}
html[data-theme="dark"] .theme-toggle .icon-sun{display:none}html[data-theme="dark"] .theme-toggle .icon-moon{display:block}
.nav nav{order:1;margin-left:auto}.nav .menu-toggle{order:3}
html[data-theme="dark"]{color-scheme:dark;--ink:#ebf5ea;--muted:#b4cabb;--soft:#132c27;--mint:#1a392e;--border:#35584c}
html[data-theme="dark"] body{background:#071e19;color:#ebf5ea}
html[data-theme="dark"] .header{background:#061f19}
html[data-theme="dark"] .metrics,html[data-theme="dark"] .features,html[data-theme="dark"] .problem,html[data-theme="dark"] .audiences,html[data-theme="dark"] .faq{background:#0d2821;color:#ebf5ea}
html[data-theme="dark"] .metrics{border-color:#2d5142}
html[data-theme="dark"] .benefits>div{border-color:#2d5142}
html[data-theme="dark"] .benefits small,html[data-theme="dark"] .section p,html[data-theme="dark"] .feature-card p,html[data-theme="dark"] .audience-grid p,html[data-theme="dark"] .faq details p{color:#bbccbf}
html[data-theme="dark"] .section h2,html[data-theme="dark"] .feature-card h3,html[data-theme="dark"] .audience-grid h3{color:#f3faee}
html[data-theme="dark"] .section h2 em{color:#c9f166}
html[data-theme="dark"] .benefit-icon,html[data-theme="dark"] .card-icon{background:#2b5140;color:#d2f599}
html[data-theme="dark"] .solution-card,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .feature-future{background:#18372e;border-color:#345746;color:#f1f9ef}
html[data-theme="dark"] .before-after{background:#234238;color:#eaf5e7}
html[data-theme="dark"] .before-after div{border-color:#3b5e50}
html[data-theme="dark"] .after{background:#082c23}
html[data-theme="dark"] .security{background:#102c23}
html[data-theme="dark"] .faq details{border-color:#355448}
html[data-theme="dark"] .contact{background:#153b2d;color:#f0f8e8}
html[data-theme="dark"] .contact h2,html[data-theme="dark"] .contact h2 em{color:#e2f6ac}
html[data-theme="dark"] .contact-grid>div>p,html[data-theme="dark"] .contact .section-tag{color:#c5dbce}
html[data-theme="dark"] .contact-panel{background:#213d32;color:#eff7ec;box-shadow:0 25px 60px #0004}
html[data-theme="dark"] .contact-panel h3{color:#eff7ec}
html[data-theme="dark"] .contact-panel>p,html[data-theme="dark"] .contact-panel .privacy-note{color:#c5d9c8}
html[data-theme="dark"] .contact-panel input,html[data-theme="dark"] .contact-panel textarea{background:#102b22;border-color:#567565;color:#f3f8f1}
html[data-theme="dark"] .contact-panel input::placeholder,html[data-theme="dark"] .contact-panel textarea::placeholder{color:#9db3a7}
html[data-theme="dark"] .text-link{color:#c7f28c;border-color:#c7f28c}
html[data-theme="dark"] .audience-grid>div{border-color:#739654}
html[data-theme="dark"] .audience-n{color:#bde08d}
html[data-theme="dark"] .demo{background:#061e19}
html[data-theme="dark"] footer{background:#041914}
html[data-theme="dark"] .theme-toggle{background:#c9f166;color:#092b20;border-color:#c9f166}
/* Avoid globally recoloring UI mockups: they represent a product screenshot. */
html[data-theme="dark"] .demo-card,html[data-theme="dark"] .demo-card *{color:revert-layer}
/* Motion only for devices allowing motion. */
@media(prefers-reduced-motion:no-preference){
 .hero-art>img{animation:q-floating 7s ease-in-out infinite;will-change:transform}
 .mini-card-top{animation:q-chip 5.5s ease-in-out infinite}
 .mini-card-bottom{animation:q-chip 6.5s ease-in-out infinite reverse}
 .reveal-on-scroll{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.3,1)}
 .reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}
 .parallax-deco{transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}
 @keyframes q-floating{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
 @keyframes q-chip{0%,100%{translate:0 0}50%{translate:0 -7px}}
}
@media(max-width:760px){.nav{gap:10px}.nav nav{order:4}.theme-toggle{width:40px;height:40px;margin-left:auto}.nav .menu-toggle{order:3}}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1!important;transform:none!important}.parallax-deco{transform:none!important}.hero-art>img,.mini-card{animation:none!important;translate:none!important}}

/* QUARTIERIA WEB 5E — ACCESSIBILITE */
:root{--text-scale:1}html{font-size:calc(100% * var(--text-scale))}body{font-size:1rem}button,select{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffbc35!important;outline-offset:4px!important} .skip{position:fixed;top:12px;left:12px;transform:translateY(-150%);z-index:9999;background:#fff;color:#10372f;border:3px solid #10372f;border-radius:8px}.skip:focus{transform:none;left:12px;top:12px}#contenu:focus{outline:none}
.access-wrap{position:relative;order:1}.access-toggle{display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;color:#10372f;border:2px solid #8aaf9d;border-radius:9px;padding:4px 10px;font-weight:800}.access-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(330px,calc(100vw - 36px));background:#fff!important;color:#19362e!important;border:2px solid #2d6652;border-radius:14px;box-shadow:0 16px 38px #0004;padding:18px;z-index:90}.access-panel[hidden]{display:none!important}.access-panel h2{font-size:1.3rem;margin:0 0 4px;line-height:1.4;color:#10372f}.access-panel p{font-size:.95rem;color:#345748;margin-bottom:12px}.access-panel label{display:block;font-size:1rem;font-weight:700;margin:14px 0 5px}.access-panel select{width:100%;background:#fff;color:#12382d;border:2px solid #426f5c;border-radius:7px;padding:8px}.access-panel .access-check{display:flex;align-items:center;gap:9px;font-weight:500}.access-check input{width:20px;height:20px;accent-color:#13563f}.access-reset{width:100%;background:#143d32;color:#fff;border:0;border-radius:8px;padding:10px;margin-top:12px}.access-statement{padding:25px 0 45px}.access-statement h2{font-size:1.25rem;color:inherit}.access-statement p{max-width:900px;font-size:.95rem}.access-statement a{text-decoration:underline}.footer-bottom{flex-wrap:wrap}.footer-bottom a{text-decoration:underline}
html[data-contrast="high"]{--lime:#e3ff78;--muted:#234636}html[data-contrast="high"] .section p,html[data-contrast="high"] .feature-card p,html[data-contrast="high"] .faq p{color:#183c2d}html[data-contrast="high"][data-theme="dark"] .section p,html[data-contrast="high"][data-theme="dark"] .feature-card p,html[data-contrast="high"][data-theme="dark"] .faq p{color:#f2fff2}html[data-contrast="high"] a:not(.btn){text-decoration:underline;text-underline-offset:3px}html[data-contrast="high"] .btn{border:2px solid currentColor}
html[data-reduce-motion="true"]{scroll-behavior:auto!important}html[data-reduce-motion="true"] *,html[data-reduce-motion="true"] *::before,html[data-reduce-motion="true"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-reduce-motion="true"] .reveal-on-scroll{opacity:1!important;transform:none!important}html[data-reduce-motion="true"] .parallax-deco{transform:none!important}
@media(max-width:760px){.access-wrap{order:2}.theme-toggle{order:1;margin-left:auto}.nav .menu-toggle{order:3}.access-panel{right:-45px}}@media(max-width:400px){.brand img{width:136px}.access-toggle{padding:4px 7px}}



/* QUARTIERIA WEB 5F — TRANSPARENT BOX + SPACING + MOTION */
.hero-art{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  overflow:visible !important;
}

.hero-art > img{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  width:min(100%, 520px);
  height:auto;
  display:block;
  margin:0 auto;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.18))
         drop-shadow(0 36px 48px rgba(0,0,0,.10));
  animation:quarteriaBoxFloat 4s ease-in-out infinite;
  will-change:transform;
}

@keyframes quarteriaBoxFloat {
  0%   { transform:translateY(0); }
  25%  { transform:translateY(-8px); }
  50%  { transform:translateY(-14px); }
  75%  { transform:translateY(-8px); }
  100% { transform:translateY(0); }
}

.mini-card-top{
  top:-30px !important;
  right:-72px !important;
}

.mini-card-bottom{
  bottom:-34px !important;
  left:-56px !important;
}

@media (max-width: 1200px){
  .mini-card-top{
    right:-36px !important;
    top:-18px !important;
  }
  .mini-card-bottom{
    left:-28px !important;
    bottom:-24px !important;
  }
}

@media (max-width: 1000px){
  .hero-art > img{
    width:min(100%, 440px);
  }
  .mini-card-top,
  .mini-card-bottom{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    bottom:auto !important;
    margin:14px auto 0 auto !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .hero-art > img{
    animation:none !important;
  }
}



/* QUARTIERIA WEB 5F.3-R1 */

/* Solid hero background */
.hero {
    background: #082f29 !important;
}

/* Remove decorative green rings */
.hero-glow,
.hero-art .art-shape {
    display: none !important;
}

/* Transparent product presentation */
.hero-art {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.hero-art > img {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    box-shadow: none !important;
}

/* Floating 3D product */
@keyframes quarteriaBoxFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-14px);
    }
}

.hero-art > img {
    animation: quarteriaBoxFloat 4s ease-in-out infinite !important;
    filter: drop-shadow(0 22px 26px rgba(0,0,0,.20));
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .hero-art > img {
        animation: none !important;
        transform: none !important;
    }
}

/* QUARTIERIA WEB 5G-R1 ACCESSIBILITY FIX */

/* Agrandissement global, pris en charge par Chrome et
   les navigateurs récents. Validation mobile nécessaire. */
html[data-text-size="112"] body { zoom:1.12; }
html[data-text-size="125"] body { zoom:1.25; }

/* Contraste renforcé — clair */
html[data-contrast="high"] {
  --lime:#e5ff76;
}
html[data-contrast="high"] .section,
html[data-contrast="high"] .feature-card,
html[data-contrast="high"] .faq {
  color:#102c25;
}
html[data-contrast="high"] a {
  text-underline-offset:4px;
}
html[data-contrast="high"] :focus-visible {
  outline:3px solid #ffb700 !important;
  outline-offset:4px;
}

/* Contraste renforcé — sombre */
html[data-contrast="high"][data-theme="dark"] {
  --lime:#eeff83;
}
html[data-contrast="high"][data-theme="dark"] .section,
html[data-contrast="high"][data-theme="dark"] .feature-card,
html[data-contrast="high"][data-theme="dark"] .faq {
  color:#ffffff;
}

/* Arrêt effectif de toutes les animations,
   y compris la boîte 3D et les cartes. */
html[data-reduce-motion="true"],
html[data-reduce-motion="true"] *,
html[data-reduce-motion="true"] *::before,
html[data-reduce-motion="true"] *::after {
  animation:none !important;
  transition:none !important;
  scroll-behavior:auto !important;
}

html[data-reduce-motion="true"] .reveal-on-scroll {
  opacity:1 !important;
  transform:none !important;
}

@media (prefers-reduced-motion:reduce) {
  .hero-art > img,
  .mini-card {
    animation:none !important;
  }
}

.field-help {
  font-size:.875rem;
  margin:.25rem 0 .75rem;
}


/* QUARTIERIA WEB 5G.5 — COMMERCIAL CONSENT */
.marketing-consent {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(120,150,130,.4);
  border-radius: 12px;
}
.marketing-consent label {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  cursor: pointer;
  line-height: 1.5;
}
.marketing-consent input[type="checkbox"] {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-top: .15rem;
  accent-color: #79c832;
}
.marketing-consent .consent-help {
  margin: .75rem 0 0;
  font-size: .875rem;
  line-height: 1.6;
}


/* QUARTIERIA V6C — cartes compactes et formulaire élargi */
.features .container {max-width:1460px}
.features .feature-grid {
 display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
 gap:16px; align-items:stretch;
}
.features .feature-card {
 padding:22px; min-width:0; min-height:220px;
 display:flex; flex-direction:column; border-radius:17px;
}
.features .feature-card .card-icon {
 width:43px; height:43px; flex-shrink:0;
 margin-bottom:13px;
}
.features .feature-card h3 {
 font-size:1.08rem; line-height:1.35; margin-bottom:9px;
}
.features .feature-card p {
 font-size:.89rem; line-height:1.55; margin-bottom:15px;
}
.features .feature-card span {
 margin-top:auto; font-size:.78rem; line-height:1.4;
}
.contact .container.contact-grid {
 max-width:1320px;
 display:grid;
 grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
 gap:clamp(28px,5vw,85px);
 align-items:start;
}
.contact .contact-panel {
 width:100%; max-width:none; min-width:0;
 padding:clamp(25px,3vw,46px);
}
.contact .contact-panel form,
.contact .contact-panel input:not([type="checkbox"]),
.contact .contact-panel textarea {
 width:100%; min-width:0;
}
.contact .contact-panel input:not([type="checkbox"]) {
 min-height:49px; padding:12px 15px;
}
.contact .contact-panel textarea {
 min-height:115px; padding:13px 15px; resize:vertical;
}
.contact .contact-panel label {display:block; margin-top:13px}
.contact .contact-panel .marketing-consent label {
 display:flex; gap:12px; align-items:flex-start;
}
.contact .contact-panel .marketing-consent input[type="checkbox"] {
 flex:0 0 20px; width:20px; height:20px;
}
.contact .contact-panel input:-webkit-autofill {
 -webkit-text-fill-color:#10372f;
 box-shadow:0 0 0 1000px #fff inset;
}
@media(max-width:1100px) {
 .features .feature-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px) {
 .features .feature-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact .container.contact-grid {grid-template-columns:1fr}
}
@media(max-width:520px) {
 .features .feature-grid {grid-template-columns:1fr}
 .contact .contact-panel {padding:22px}
}
/* QUARTIERIA V6C END */


/* Quartiéria V6D — pages dédiées */
.inner-page-heading {padding:118px 0 35px}
.inner-page-heading h1 {
  margin:0 0 18px;
  font-size:clamp(2.2rem,4.5vw,4rem);
  line-height:1.15
}
.inner-page-heading p {max-width:760px}
@media(max-width:700px) {
 .inner-page-heading {padding:85px 0 24px}
}
/* Quartiéria V6D END */