/*
Theme Name: MOS Solutions
Author: MOS Solutions
Description: Thème vitrine responsive pour MOS Solutions — réseau, confiance, performance.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: mos-solutions
*/
:root{--mos-ink:#20272b;--mos-ink2:#343b3e;--mos-gold:#b8a38a;--mos-beige:#f4f0eb;--mos-paper:#f8f9fb;--mos-blue:#9b8264;--mos-muted:#65717d;--mos-line:#dce2e8;--mos-radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182433;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.mos-container{width:min(1160px,calc(100% - 40px));margin:auto}.mos-topline{height:5px;background:linear-gradient(90deg,var(--mos-gold) 0 22%,var(--mos-ink) 22% 100%)}
.mos-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--mos-line)}.mos-nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.mos-brand img{display:block;width:205px;height:72px;object-fit:contain;object-position:left center}.mos-navlinks{display:flex;align-items:center;gap:25px;font-size:.91rem;font-weight:700;color:#405168}.mos-navlinks a:hover{color:var(--mos-blue)}.mos-navlinks .mos-navcta,.mos-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:10px;font-weight:750;transition:.2s;border:1px solid transparent;cursor:pointer}.mos-navlinks .mos-navcta,.mos-btn-primary{background:var(--mos-ink);color:#fff}.mos-navlinks .mos-navcta:hover,.mos-btn-primary:hover{background:#41494c}.mos-btn-outline{border-color:#c9d1d9;color:var(--mos-ink);background:#fff}.mos-btn-outline:hover{border-color:var(--mos-gold)}.mos-menu{display:none;border:0;background:var(--mos-beige);padding:10px 13px;border-radius:9px;font-size:1.2rem}
.mos-hero{background:radial-gradient(circle at 78% 22%,rgba(184,163,138,.2),transparent 32%),linear-gradient(120deg,#171d20,#292f32 68%,#3d4141);color:#fff;overflow:hidden;position:relative}.mos-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px}.mos-hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;padding:85px 0 88px}.mos-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.76rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--mos-gold)}.mos-eyebrow:before{content:"";width:25px;height:2px;background:currentColor}.mos-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.055em;margin:20px 0;max-width:740px;color:#fff}.mos-hero h1 span{color:#d4c3ae}.mos-hero p{font-size:1.1rem;color:#d5dce0;max-width:610px;margin:0 0 28px}.mos-actions{display:flex;flex-wrap:wrap;gap:12px}.mos-hero .mos-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}.mos-hero .mos-btn-outline:hover{background:rgba(255,255,255,.1)}.mos-hero-note{display:flex;align-items:center;gap:10px;margin-top:25px;color:#d4dce1;font-size:.9rem}.mos-dot{width:9px;height:9px;border-radius:50%;background:#9fc9b3;box-shadow:0 0 0 5px rgba(159,201,179,.13)}
.mos-visual{min-height:390px;display:flex;align-items:center;justify-content:center;position:relative}.mos-blueprint{width:min(100%,450px);aspect-ratio:1/1.02;border:1px solid rgba(255,255,255,.22);border-radius:26px;background:linear-gradient(140deg,rgba(255,255,255,.11),rgba(255,255,255,.035));padding:26px;box-shadow:0 28px 70px rgba(0,0,0,.18);position:relative}.mos-blueprint:before{content:"";position:absolute;inset:16px;border:1px dashed rgba(255,255,255,.24);border-radius:17px}.mos-bp-top{display:flex;justify-content:space-between;color:#d6e0e8;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;position:relative}.mos-bp-mark{font-size:2.25rem;font-weight:900;line-height:1.16;letter-spacing:-.07em;color:#fff;margin-top:24px;position:relative}.mos-bp-mark span{color:var(--mos-gold)}.mos-bp-caption{font-size:.82rem;color:#c3ccd2;max-width:220px;position:relative}.mos-bp-lines{display:grid;gap:10px;margin-top:23px;position:relative}.mos-bp-lines i{display:block;height:7px;border-radius:20px;background:rgba(255,255,255,.18)}.mos-bp-lines i:nth-child(1){width:85%}.mos-bp-lines i:nth-child(2){width:68%}.mos-bp-lines i:nth-child(3){width:77%}.mos-bp-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;margin-top:23px}.mos-bp-card{padding:14px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}.mos-bp-card strong{display:block;font-size:1.25rem}.mos-bp-card small{color:#c5d1da}
.mos-trust{border-bottom:1px solid var(--mos-line)}.mos-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:24px 0}.mos-trust-item{display:flex;gap:13px;align-items:center;color:var(--mos-ink);font-weight:750}.mos-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--mos-beige);color:var(--mos-blue);font-size:1.2rem;flex-shrink:0}.mos-trust-item small{display:block;font-weight:500;color:var(--mos-muted);font-size:.82rem}
.mos-section{padding:82px 0}.mos-section-head{max-width:720px;margin-bottom:40px}.mos-kicker{color:var(--mos-blue);font-size:.76rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.mos-section h2,.mos-about h2,.mos-contact h2{font-size:clamp(2rem,3.4vw,3.05rem);line-height:1.12;letter-spacing:-.045em;color:var(--mos-ink);margin:12px 0 16px}.mos-section-head p,.mos-muted{color:var(--mos-muted);font-size:1.03rem;margin:0}
.mos-about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.mos-about-panel{min-height:340px;background:linear-gradient(145deg,#f4f0eb,#e4d9cc);border-radius:var(--mos-radius);padding:30px;position:relative;overflow:hidden}.mos-about-panel:before,.mos-about-panel:after{content:"";position:absolute;border:1px solid rgba(155,130,100,.3);transform:rotate(35deg);border-radius:24px}.mos-about-panel:before{width:230px;height:300px;right:10px;top:35px}.mos-about-panel:after{width:160px;height:250px;right:70px;top:75px}.mos-about-label{position:relative;z-index:1;color:var(--mos-ink);font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;font-weight:850}.mos-about-symbol{position:absolute;left:30px;bottom:30px;background:var(--mos-ink);color:white;width:112px;height:112px;border-radius:22px;display:grid;place-items:center;font-size:2.25rem;font-weight:900;z-index:1;box-shadow:0 16px 38px rgba(16,43,70,.15)}.mos-about-symbol span{color:var(--mos-gold)}.mos-about-copy p{color:var(--mos-muted)}.mos-checks{list-style:none;padding:0;margin:23px 0 0;display:grid;gap:13px}.mos-checks li{display:flex;gap:12px;font-weight:650}.mos-checks b{color:var(--mos-blue)}
.mos-services{background:var(--mos-paper)}.mos-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mos-service-card{background:#fff;border:1px solid var(--mos-line);padding:26px;border-radius:16px;transition:.2s}.mos-service-card:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(32,39,43,.09);border-color:#d4c3ae}.mos-service-icon{width:48px;height:48px;border-radius:13px;background:var(--mos-beige);display:grid;place-items:center;color:var(--mos-blue);font-size:1.3rem;margin-bottom:20px}.mos-service-card h3{color:var(--mos-ink);font-size:1.12rem;margin:0 0 10px}.mos-service-card p{font-size:.93rem;color:var(--mos-muted);margin:0}.mos-more{display:inline-block;margin-top:17px;color:var(--mos-blue);font-size:.88rem;font-weight:800}
.mos-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.mos-step{border-top:2px solid var(--mos-line);padding-top:18px}.mos-step-num{color:var(--mos-blue);font-weight:900;letter-spacing:.12em;font-size:.78rem}.mos-step h3{color:var(--mos-ink);font-size:1.05rem;margin:10px 0 8px}.mos-step p{font-size:.92rem;color:var(--mos-muted);margin:0}
.mos-work{background:var(--mos-ink);color:#fff}.mos-work h2{color:#fff}.mos-work .mos-section-head p{color:#c3ccd2}.mos-work .mos-kicker{color:var(--mos-gold)}.mos-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mos-work-card{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:16px;overflow:hidden}.mos-work-art{height:160px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#444849,#22282b);position:relative;overflow:hidden}.mos-work-art:before{content:"";position:absolute;width:150px;height:180px;border:1px solid rgba(255,255,255,.18);transform:rotate(35deg);border-radius:12px}.mos-work-art span{font-size:3rem;position:relative;color:#e2d1bc}.mos-work-content{padding:21px}.mos-work-content small{color:var(--mos-gold);text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.7rem}.mos-work-content h3{margin:8px 0;font-size:1.08rem;color:#fff}.mos-work-content p{color:#c5cfd6;font-size:.9rem;margin:0}.mos-disclaimer{font-size:.82rem;color:#b8c3cb;margin-top:18px}
.mos-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.mos-contact-copy p{color:var(--mos-muted)}.mos-contact-details{display:grid;gap:16px;margin-top:28px}.mos-contact-detail{display:flex;gap:13px;align-items:flex-start}.mos-contact-detail strong{display:block;color:var(--mos-ink)}.mos-contact-detail small{color:var(--mos-muted)}.mos-form-card{padding:29px;border:1px solid var(--mos-line);border-radius:var(--mos-radius);box-shadow:0 12px 35px rgba(32,39,43,.06)}.mos-form-card h3{margin:0 0 5px;color:var(--mos-ink);font-size:1.32rem}.mos-form-card>p{margin:0 0 22px;color:var(--mos-muted);font-size:.9rem}.mos-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mos-field{display:flex;flex-direction:column;gap:7px}.mos-field.full{grid-column:1/-1}.mos-field label{font-size:.86rem;font-weight:750;color:#33465c}.mos-field input,.mos-field select,.mos-field textarea{font:inherit;font-size:.94rem;width:100%;border:1px solid #ced5dc;border-radius:9px;padding:12px 13px;outline:none;background:#fff;color:#182433}.mos-field textarea{min-height:125px;resize:vertical}.mos-field input:focus,.mos-field select:focus,.mos-field textarea:focus{border-color:var(--mos-blue);box-shadow:0 0 0 3px rgba(155,130,100,.12)}.mos-form-card .mos-btn{margin-top:17px;width:100%;border:0}.mos-form-note{font-size:.76rem;color:var(--mos-muted);margin-top:12px}
.mos-cta-band{padding:0 0 80px}.mos-cta-inner{background:linear-gradient(115deg,#f4f0eb,#f8f9fb);border:1px solid #e4d9cc;border-radius:20px;padding:34px 38px;display:flex;justify-content:space-between;align-items:center;gap:24px}.mos-cta-inner h2{font-size:1.6rem;color:var(--mos-ink);margin:0 0 7px;letter-spacing:-.035em}.mos-cta-inner p{color:var(--mos-muted);margin:0}.mos-footer{background:#171d20;color:#c5cfd6;padding:36px 0 20px}.mos-footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.13)}.mos-footer-logo{width:190px;height:72px;object-fit:contain;object-position:left center;background:transparent;border-radius:0;padding:0}.mos-footer p{max-width:400px;color:#aebac2;font-size:.88rem}.mos-footer-links{display:flex;flex-wrap:wrap;gap:18px;font-size:.88rem}.mos-footer-links a:hover{color:#fff}.mos-footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:17px;font-size:.78rem;color:#93a1aa}
@media(max-width:900px){.mos-navlinks{gap:14px}.mos-navlinks a:not(.mos-navcta){display:none}.mos-hero-grid{grid-template-columns:1fr .8fr;gap:25px}.mos-visual{min-height:320px}.mos-services-grid{grid-template-columns:repeat(2,1fr)}.mos-about-grid{gap:32px}.mos-contact-grid{gap:28px}}
@media(max-width:650px){.mos-container{width:calc(100% - 30px)}.mos-nav{height:70px}.mos-brand img{width:165px;height:58px}.mos-menu{display:block}.mos-navlinks{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;padding:12px 20px 20px;border-bottom:1px solid var(--mos-line);box-shadow:0 14px 24px rgba(32,39,43,.08);flex-direction:column;align-items:stretch;gap:0}.mos-navlinks.open{display:flex}.mos-navlinks a,.mos-navlinks a:not(.mos-navcta){display:block;padding:11px 4px}.mos-navlinks .mos-navcta{margin-top:8px;text-align:center}.mos-hero-grid{grid-template-columns:1fr;padding:58px 0 52px}.mos-hero h1{font-size:2.65rem}.mos-hero p{font-size:1rem}.mos-visual{min-height:315px;margin-top:5px}.mos-blueprint{padding:20px}.mos-trust-row{grid-template-columns:1fr;gap:14px;padding:19px 0}.mos-section{padding:60px 0}.mos-about-grid,.mos-contact-grid{grid-template-columns:1fr}.mos-about-panel{min-height:255px}.mos-services-grid,.mos-work-grid{grid-template-columns:1fr}.mos-process-grid{grid-template-columns:1fr;gap:22px}.mos-work-art{height:140px}.mos-cta-band{padding-bottom:58px}.mos-cta-inner{padding:25px 22px;align-items:flex-start;flex-direction:column}.mos-cta-inner h2{font-size:1.4rem}.mos-form-card{padding:21px}.mos-form-grid{grid-template-columns:1fr}.mos-field.full{grid-column:auto}.mos-footer-top,.mos-footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Visuel réel de rénovation dans le cadre beige de la section Qui sommes-nous */
.mos-about-photo{padding:0;min-height:340px;isolation:isolate}.mos-about-photo:before,.mos-about-photo:after{display:none}.mos-about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--mos-radius)}.mos-about-photo .mos-about-label{position:absolute;left:22px;top:22px;padding:10px 13px;border-radius:8px;background:rgba(244,240,235,.94);color:var(--mos-ink);text-shadow:none;letter-spacing:.08em;max-width:calc(100% - 44px)}@media(max-width:650px){.mos-about-photo{min-height:255px}.mos-about-photo .mos-about-label{font-size:.65rem;left:14px;top:14px;max-width:calc(100% - 28px)}}

/* Liens des réseaux sociaux */
.mos-social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.mos-social-links a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#f4f0eb;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s}.mos-social-links a:hover{background:rgba(184,163,138,.18);border-color:#b8a38a;color:#fff}.mos-social-links a:focus-visible{outline:2px solid #b8a38a;outline-offset:3px}

.mos-social-icon{width:18px;height:18px;display:block;flex:0 0 18px}