/* Sayvio — Light & Clear Theme (mobbin-style). Overrides the per-page inline styles. */
:root{
  --bg:#ffffff;--surface:#f6f6f7;--dark:#0a0a0a;--dark-soft:#26262b;
  --mid:#5c5c66;--light:#8e8e98;--border:#e9e9ec;
  --accent:#4f46e5;--accent-light:#eef0ff;--white:#fff;
}
body{background:#fff;color:#0a0a0a}
::selection{background:#dfe1ff;color:#1a1a2e}

nav{background:rgba(255,255,255,.8)!important;backdrop-filter:saturate(180%) blur(20px)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;border-bottom:1px solid #ececef!important}
.nav-logo{font-family:'DM Sans',system-ui,sans-serif!important;font-weight:600;color:#0a0a0a}
.nav-logo span{color:#4f46e5;-webkit-text-fill-color:#4f46e5}
.nav-links a{color:#5c5c66}.nav-links a:hover{color:#0a0a0a}
.nav-cta{background:#0a0a0a!important;color:#fff!important}.nav-cta:hover{background:#26262b!important}
.nav-cta-outline{border:1px solid #e0e0e4!important;color:#0a0a0a!important}.nav-cta-outline:hover{border-color:#0a0a0a!important;color:#0a0a0a!important}

.hero{position:relative;padding:180px 24px 100px;max-width:1080px}
.hero::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:880px;height:520px;max-width:120vw;background:radial-gradient(closest-side,rgba(79,70,229,.10),transparent 70%);z-index:-1;pointer-events:none}
.hero-badge{background:#fff!important;border:1px solid #e9e9ec!important;color:#5c5c66!important;box-shadow:0 1px 2px rgba(0,0,0,.04)}
h1{font-family:'DM Sans',system-ui,sans-serif!important;font-weight:600!important;font-size:clamp(42px,7vw,80px)!important;letter-spacing:-2.5px!important;line-height:1.04!important;color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a}
h1 em{font-style:normal!important;color:#4f46e5!important;-webkit-text-fill-color:#4f46e5}
.hero-sub{color:#5c5c66!important;font-size:clamp(17px,2vw,21px)!important;max-width:600px}
.hero-note{color:#8e8e98!important}

.btn-primary{background:#0a0a0a!important;color:#fff!important;border:none!important;font-weight:600!important;padding:15px 32px!important;font-size:15px!important;box-shadow:0 4px 16px rgba(0,0,0,.10)}
.btn-primary:hover{background:#26262b!important}
.btn-secondary{background:#fff!important;color:#0a0a0a!important;border:1px solid #e0e0e4!important}
.btn-secondary:hover{border-color:#0a0a0a!important}

section,.cta-band{padding:104px 24px}
h2{font-family:'DM Sans',system-ui,sans-serif!important;font-weight:600!important;font-size:clamp(30px,4.5vw,52px)!important;letter-spacing:-1.2px!important;line-height:1.1!important;color:#0a0a0a!important}
.section-label{color:#4f46e5!important;font-weight:600;letter-spacing:.06em}
.section-sub{color:#5c5c66!important;font-size:clamp(16px,1.8vw,19px)!important}

.social-proof{background:#f6f6f7!important;border-color:#ececef!important}
.social-proof p,.logo-item{color:#8e8e98!important}

.feature-card,.branche-card,.step,.testimonial,.demo-box,.demo-visual,.call-sim,.price-card,.faq-item,.doc-card,.help-card{
  background:#fff!important;border:1px solid #e9e9ec!important;border-radius:16px!important;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.feature-card:hover,.branche-card:hover,.price-card:hover{border-color:#d4d4da!important;box-shadow:0 8px 28px rgba(0,0,0,.08)!important;transform:translateY(-3px);transition:all .2s}
.feature-card h3,.branche-card h3,.step h3,.price-card h3,.demo-text h2{color:#0a0a0a!important}
.feature-card p,.branche-card p,.step p,.t-quote,.demo-text p{color:#5c5c66!important}
.call-bubble.bot{background:#f2f2f4!important;color:#0a0a0a!important}
.call-bubble.user{background:#4f46e5!important;color:#fff!important}
.call-label{color:#8e8e98!important}
.step-num{background:#0a0a0a!important;color:#fff!important}
.stars{color:#f5b301!important}.t-author{color:#0a0a0a!important}.t-role{color:#8e8e98!important}

.price-card.featured{border-color:#4f46e5!important;box-shadow:0 12px 40px rgba(79,70,229,.14)!important}
.price-label{color:#4f46e5!important}.price-amount{color:#0a0a0a!important}.price-unit{color:#8e8e98!important}
.price-features li{color:#5c5c66!important;border-color:#ececef!important}
.price-btn-dark{background:#0a0a0a!important;color:#fff!important}
.price-btn-outline{border:1px solid #e0e0e4!important;color:#0a0a0a!important}
.pricing-note{color:#8e8e98!important}

.faq-q{color:#0a0a0a!important;background:transparent!important}.faq-a{color:#5c5c66!important}
.cta-band{background:#f6f6f7!important;border-top:1px solid #ececef!important}
footer{background:#fff!important;border-top:1px solid #ececef!important;color:#8e8e98!important}
footer a{color:#5c5c66!important}footer a:hover{color:#0a0a0a!important}

/* legal/text pages — keep readable */
.legal,.legal p,.legal li,.prose,.prose p,.content p{color:#3a3a42!important}
.legal h1,.legal h2,.legal h3,.prose h2,.content h2{color:#0a0a0a!important}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}