:root{--primary:#04577a;--primary-hover:#03415c;--secondary:#d8470c;--secondary-hover:#b63808;--text-light:#526276;--transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s,transform .2s}
html{scroll-padding-top:var(--anchor-offset,120px)}body{overflow-x:clip}section[id],main[id]{scroll-margin-top:0}main{min-width:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d8470c;outline-offset:4px}button,.btn{min-height:44px}.skip-link{position:fixed;top:8px;left:16px;z-index:6000;transform:translateY(-180%);padding:12px 20px;background:#fff;color:#04577a;border:2px solid currentColor}.skip-link:focus{transform:none}.logo-img{width:190px;height:auto;max-width:100%;display:block}.footer-logo{width:220px;height:auto;max-width:100%;padding:10px;background:white;border-radius:8px;filter:none}.header-container{height:100px;gap:20px}#main-nav{gap:20px}#main-nav a{font-size:14px}.header-actions{gap:10px}.header-actions .btn{padding:10px 13px}.header-actions>.btn-outline{display:none}.menu-toggle{display:none}.hero-section{padding:76px 0 64px;background:radial-gradient(ellipse at 90% 0%,#dceff7 0,transparent 60%),linear-gradient(135deg,#fff 35%,#f1f7fa);border-bottom:1px solid #dce6ed}.hero-content h1{font-size:clamp(2.15rem,4vw,3.45rem);line-height:1.1;letter-spacing:-.035em}.hero-content p{max-width:590px}.hero-ctas{flex-wrap:wrap;margin-bottom:0}.diag-widget{border-top:4px solid #f45e20;border-radius:18px;box-shadow:0 18px 50px #04577a16}.diag-widget h2{font-size:1.125rem;color:var(--primary);display:flex;gap:8px;align-items:center;line-height:1.4;margin-bottom:12px}.diag-widget svg{flex-shrink:0}.diag-widget p,.diag-btn{font-size:14px!important}.diag-options{gap:10px}.diag-btn{min-height:78px}.diag-btn span{font-size:22px}.diag-result .btn{font-size:14px!important}.engagement-info h2{font-size:1rem;color:var(--primary);line-height:1.4;margin-bottom:5px}.contact-form-wrapper>h2{font-size:1.65rem;color:var(--primary);margin-bottom:12px}.service-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}.service-card,.seo-card{transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover,.seo-card:hover{transform:translateY(-5px);box-shadow:0 15px 34px #04577a18;border-color:#a6c9d9}.service-card p,.seo-card p,.seo-content p{font-size:1rem}.service-badge,.service-footer .btn,.footer-col p,.footer-col .btn,.map-actions a,.privacy-btn,.privacy-banner p,.privacy-ack,.form-privacy-note{font-size:14px!important}.service-footer{gap:10px;flex-wrap:wrap}.tabs-nav{flex-wrap:wrap}.tab-trigger{font-size:14px}.tab-content{display:block}.tab-content+.tab-content{margin-top:24px}.tabs-ready .tab-content{display:none;margin-top:0}.tabs-ready .tab-content.active{display:block}.tabs-nav{display:none}.tabs-ready .tabs-nav{display:flex}.tab-content.active{animation:none}.service-links{max-width:1152px;margin:0 auto;padding:28px 24px;display:flex;gap:14px 24px;flex-wrap:wrap;border-top:1px solid #ffffff25;color:#dbe8f1}.service-links a{text-decoration:underline;text-underline-offset:4px;font-size:14px}.service-links a:hover{color:#ffb28e}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.form-privacy-note{margin:0 0 18px;color:var(--text-light)}.form-privacy-note a{text-decoration:underline}#form-status{margin-top:14px;line-height:1.5;color:#9e3217}[hidden]{display:none!important}.map-embed{width:100%;height:300px;border:0}.modal{overflow:auto;padding:20px}.privacy-banner{font-size:14px}.privacy-panel-actions{flex-wrap:wrap}.contact-grid>*,.hero-grid>*,.seo-hero-grid>*{min-width:0}.hours-header{gap:10px;flex-wrap:wrap}.info-content p{overflow-wrap:anywhere}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.hero-content,.seo-hero h1{animation:enter .65s both}.diag-widget,.seo-side-card{animation:enter .8s .12s both}.btn:hover{transform:translateY(-2px)}.reveal-in{animation:enter .6s both}@keyframes enter{from{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.service-card:hover,.seo-card:hover,.btn:hover{transform:none}}
@media(max-width:1100px){.header-container{flex-wrap:wrap;height:auto;min-height:90px;padding-top:10px;padding-bottom:10px}.menu-toggle{display:block;margin-left:auto;background:white;border:1px solid var(--border);border-radius:8px;padding:10px 16px;color:var(--primary);font-weight:700}#main-nav{display:flex;order:4;flex-basis:100%;flex-wrap:wrap;justify-content:center;gap:4px 24px}.js-nav #main-nav{display:none}.js-nav #main-nav.is-open{display:flex}#main-nav a{padding:10px 0}.header-actions{margin:0}header{padding:0}.header-container{flex-direction:row}.logo-img{width:155px}.hero-grid{gap:30px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.container{padding-left:20px;padding-right:20px}.header-container{gap:10px}.logo-img{width:132px}.header-actions{flex-basis:100%;justify-content:center}.header-actions .btn-primary{padding:6px 18px;min-height:36px;font-size:14px}#main-nav a{font-size:15px}.hero-section{padding:42px 0}.hero-grid{grid-template-columns:1fr}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem;margin-bottom:24px}.hero-ctas{gap:10px}.hero-ctas .btn{flex:1;padding:12px 16px!important;font-size:14px!important}.diag-widget{padding:20px}.diag-btn{flex-direction:column;align-items:flex-start}.services-grid,.engagements-grid,.seo-card-grid,.footer-grid{grid-template-columns:1fr}.tabs-nav{gap:8px}.tab-trigger{flex:1;white-space:normal;padding:10px}.tab-trigger svg{display:none}.support-banner{padding:28px 20px}.tv-btn{font-size:14px;padding:12px;white-space:normal}.contact-form-wrapper,.info-card{padding:22px}.section-title h2{font-size:1.8rem}.hours-header{align-items:flex-start}.privacy-actions{display:flex;flex-direction:column}.privacy-banner{max-height:50vh;overflow:auto}.service-links{padding:24px 20px}.footer-logo{width:210px}}
.service-links a{color:#dbe8f1}nav.service-links a:hover{color:#ffb28e}#tab-depannage .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:650px){#tab-depannage .services-grid{grid-template-columns:1fr}}
:root{--secondary:#c6410b;--secondary-hover:#a93608}.footer-col h4{color:#ff986e}.footer-col [style*="var(--secondary)"]{color:#ff986e!important}
