/* Modèle visuel 2026 — Smarty Clean Services */
:root{--midnight:#071b32;--night:#0c2d4e;--sky:#eaf7ff;--mint:#a7dd7d;--lime:#6dbd4c;--cream:#fbfaf4;--ink-dark:#102943;--sun:#ffd471;--card:#ffffff}
body{background:linear-gradient(180deg,#eff8ff 0,#fbfaf4 34%,#f4f8f0 100%);color:var(--ink-dark)}
.utility-bar{background:var(--midnight);padding-inline:clamp(24px,6vw,98px);letter-spacing:.2px}
.site-header{max-width:calc(100% - clamp(32px,7vw,130px));height:76px;margin:18px auto 0;padding-inline:25px;background:#fffffff7;border:1px solid #ffffff;border-radius:18px;box-shadow:0 18px 48px #071b3215;backdrop-filter:blur(14px)}
.brand-logo{width:178px;max-height:52px}nav{gap:clamp(15px,2vw,32px);margin-right:25px}nav a{color:#274663;font-size:12px;font-weight:850}.header-actions{gap:12px}.header-call{color:var(--night)}
.button{border:0;border-radius:999px;min-height:48px;padding:12px 21px;background:var(--night);box-shadow:0 12px 25px #0c2d4e2d}.button:hover,.button:focus-visible{background:#164b78;box-shadow:0 16px 32px #0c2d4e35}.button-outline{background:#ffffff;border:1px solid #d5e5ef;box-shadow:none}.button-outline:hover,.button-outline:focus-visible{background:#f6fbff;border-color:#b9d3e4}
.hero{max-width:calc(100% - clamp(32px,7vw,130px));min-height:630px;margin:18px auto 28px;padding:clamp(52px,7vw,100px);background:radial-gradient(circle at 20% 0,#1f5d7f 0,transparent 30rem),linear-gradient(132deg,#071b32,#0d365a);border-radius:30px;gap:clamp(38px,6vw,92px);overflow:hidden}.hero:before{border-color:#ffffff1c;top:-17rem;left:-16rem}.hero:after{content:"";position:absolute;width:390px;height:390px;border:1px solid #b7e99238;border-radius:50%;right:-150px;bottom:-230px}.hero-copy{max-width:670px}.hero .eyebrow{color:#c6efad}.hero h1{color:#fff;max-width:640px;font-size:clamp(56px,6.1vw,89px);letter-spacing:-3.9px}.hero h1 em{color:var(--mint)}.hero-lead{color:#d3e6f3;max-width:540px}.hero-proof{border-color:#ffffff31}.hero-proof>span{color:#d7e8f4}.hero .check{color:#0d542f;background:#c0e9ad}.hero-media{min-height:465px;max-width:530px}.hero-media>img{border:7px solid #ffffff1c;border-radius:24px;box-shadow:0 30px 64px #0000004d}.hero-media-card{left:-19px;bottom:-18px;border-radius:15px;padding:18px 20px}.client-strip{max-width:calc(100% - clamp(32px,7vw,130px));margin:0 auto 28px;padding:26px 32px;border:0;border-radius:18px;background:#fff;box-shadow:0 15px 40px #153a5010}.client-strip p{color:var(--night)}
.section{padding:clamp(76px,9vw,130px) clamp(24px,7vw,120px)}.services-section{background:transparent}.section-heading{align-items:start}.section-heading>p{padding-top:30px}.service-grid{border:0;border-radius:0;gap:18px;background:transparent;overflow:visible}.service-card{min-height:306px;border:0!important;border-radius:20px;background:#fff;box-shadow:0 15px 38px #113c5812}.service-card:nth-child(odd){background:linear-gradient(155deg,#fff,#f3faff)}.service-card:nth-child(even){background:linear-gradient(155deg,#fff,#f6fbed)}.service-card:hover{background:#fff;box-shadow:0 22px 45px #113c5825;transform:translateY(-7px)}.service-number{color:#569b43;background:#eaf7e3;border-radius:999px;width:max-content;padding:6px 10px}.service-card h3{margin-top:34px;color:var(--night)}
.approach-section{margin:0 clamp(16px,4vw,64px);border-radius:28px;overflow:hidden;background:linear-gradient(130deg,#102e4b,#0a5271)}.approach-copy{padding:clamp(62px,8vw,110px)}.approach-image{min-height:540px}.zone-section{margin:28px clamp(16px,4vw,64px);border-radius:28px;background:radial-gradient(circle at 15% 20%,#95d87360,transparent 21rem),linear-gradient(135deg,#174c57,#0a3246)}.zone-copy{padding-left:clamp(34px,8vw,135px)}.faq-section{background:transparent}.quote-section{margin:0 clamp(16px,4vw,64px) 28px;border-radius:28px;background:radial-gradient(circle at 4% 10%,#ffc85a37,transparent 25rem),linear-gradient(135deg,#0b2139,#194f67)}.quote-form{border:0;border-radius:22px;box-shadow:0 22px 48px #0413234d}.quote-form::before{height:6px;background:linear-gradient(90deg,var(--sun),var(--mint))}.quote-form input,.quote-form select,.quote-form textarea{background:#f5fafc;border-color:#d9e9f0;border-radius:12px;padding:14px}.form-actions{gap:10px}.button-whatsapp{background:#14a555}.button-whatsapp:hover,.button-whatsapp:focus-visible{background:#0d843f}.email-fallback{color:#376580;text-align:center;margin-top:15px;font-size:11px;font-weight:800;text-decoration:underline;display:block}.email-fallback:hover{color:#0a3861}
.page-hero,.contact-page{max-width:calc(100% - clamp(32px,7vw,130px));margin:18px auto 28px;border-radius:28px;background:radial-gradient(circle at 10% 8%,#b9e79c9c,transparent 24rem),linear-gradient(135deg,#092b49,#0c4662);overflow:hidden}.page-hero-copy>p:not(.eyebrow),.contact-intro>p:not(.eyebrow){color:#d4e7ef}.page-hero h1,.contact-page h1{color:#fff}.page-hero h1 em,.contact-page h1 em{color:var(--mint)}.page-hero .eyebrow,.contact-page .eyebrow{color:#cef0b9}.page-hero-image>img{border:6px solid #ffffff25}.contact-page .quote-form{box-shadow:0 22px 52px #0213225c}.contact-options{border-color:#ffffff36}.contact-options span{color:#bde8aa}.contact-options strong{color:#fff}.contact-options a:hover strong{color:#d5f6c4}
footer{margin-top:0;background:#06172b;padding:52px clamp(24px,7vw,120px) 31px}.footer-logo{filter:none;background:#fff;border-radius:10px;padding:8px;width:184px;max-height:68px}footer>div{align-items:center;flex-wrap:wrap}.social-links{align-items:center;gap:9px;margin-left:6px;padding-left:18px;border-left:1px solid #ffffff27}.social-icon{width:37px;height:37px;background:#ffffff12;border:1px solid #ffffff25;border-radius:50%;align-items:center;justify-content:center;display:inline-flex;transition:transform .18s,background .18s}.social-icon svg{width:18px;height:18px;fill:#fff}.social-icon span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.social-facebook:hover{background:#1877f2}.social-linkedin:hover{background:#0a66c2}.social-tiktok:hover{background:#111}.social-icon:hover{transform:translateY(-3px)}
.floating-whatsapp{border:3px solid #fff;background:#1aae58;border-radius:18px;bottom:24px;right:24px;box-shadow:0 18px 38px #06371845}.floating-whatsapp span{font-size:16px}.menu-toggle{border-radius:12px;background:#f5fbff}
@media (width<=900px){.site-header{max-width:calc(100% - 32px);margin-top:10px}.hero,.page-hero,.contact-page{max-width:calc(100% - 32px);margin-top:14px}.hero{min-height:auto}.hero-media{max-width:none}.client-strip{max-width:calc(100% - 32px)}.service-grid{grid-template-columns:repeat(2,1fr)}.quote-section,.zone-section,.approach-section{margin-inline:16px}.social-links{margin-left:0;padding-left:0;border-left:0}}
@media (width<=600px){.utility-bar{background:var(--midnight)}.site-header{height:70px;padding-inline:17px}.brand-logo{width:153px}.hero{border-radius:22px;padding:57px 24px 35px}.hero h1{font-size:clamp(48px,14vw,63px);letter-spacing:-2.8px}.hero-media{min-height:340px}.hero-media>img{border-width:4px}.hero-media-card{left:10px;bottom:9px}.client-strip{border-radius:15px;padding:24px}.service-grid{grid-template-columns:1fr}.service-card{border-radius:16px}.approach-section,.zone-section,.quote-section,.page-hero,.contact-page{border-radius:22px}.page-hero,.contact-page{margin-inline:16px}.quote-section{padding:66px 20px}.quote-form{border-radius:18px}.social-links{gap:8px}.social-icon{width:39px;height:39px}.floating-whatsapp{border-radius:15px;bottom:70px;right:14px}}
.home-contact-card{color:var(--ink-dark);background:#fff;border-radius:22px;align-self:center;padding:clamp(30px,4vw,50px);box-shadow:0 22px 48px #0413234d}.home-contact-card h3{color:var(--night);margin:0 0 14px;font-size:clamp(28px,3vw,38px);font-weight:400;line-height:1.08}.home-contact-card>p:not(.form-kicker){color:#55718e;margin:0;line-height:1.7}.home-contact-actions{align-items:center;gap:18px;margin-top:26px;display:flex}.home-contact-actions .text-link{color:var(--night)}@media (width<=600px){.home-contact-actions{align-items:stretch;flex-direction:column}.home-contact-actions .button{width:100%}}