/* WEBVIZYON — Direction artistique premium intégrale / 2026 */
:root{--wv-navy:#13254b;--wv-muted:#64728d;--wv-border:#e5eaf4;--wv-royal:#175bdf;--wv-soft:#f7f9ff}
html{scroll-behavior:smooth}
body{background:#f8faff!important;color:var(--wv-navy);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}
.wv-page{overflow:hidden}
.wv-page .wrap{max-width:1180px}
.wv-page h1,.wv-page h2,.wv-page h3{letter-spacing:-.035em;color:#17274a}
.wv-page h2{line-height:1.17}
.wv-page p{color:#5b6a84;line-height:1.68}
.wv-page .btn{border-radius:13px!important;min-height:46px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;letter-spacing:-.012em;transition:transform .2s,box-shadow .2s}
.wv-page .btn:hover{transform:translateY(-2px)}
.wv-page .btn.yellow{background:#1767e8!important;border:1px solid #1767e8!important;color:#fff!important;box-shadow:0 9px 20px rgba(23,103,232,.18)!important}
.wv-page .btn.white{background:#fff!important;border:1px solid #dbe3f1!important;color:#1c3d78!important;box-shadow:0 4px 12px rgba(30,52,100,.04)!important}
.wv-page-home .wv-hero-showcase{background:radial-gradient(circle at 82% 35%,#eee6ff 0%,transparent 35%),linear-gradient(145deg,#eef5ff,#fff 60%)!important}
.wv-page-home .wv-hero-showcase .wv-mascot{max-width:380px!important;height:370px!important}
.wv-page-home .wv-hero-showcase .wv-hero-copy h1{font-weight:850}
.wv-page-home .wv-hero-showcase .wv-hero-copy h1 span{background:linear-gradient(110deg,#116fe8,#7548da,#e2469d);background-clip:text;-webkit-background-clip:text}
.wv-page-home .categories{position:relative}
.wv-page-home .categories .cat,.wv-page .wv-tile,.wv-page .example,.wv-page .offer,.wv-page .faq details,.wv-page .flow article{background:#fff!important;border:1px solid #e3e9f4!important;border-radius:19px!important;box-shadow:0 10px 34px rgba(26,50,103,.055)!important}
.wv-page-home .categories .cat{transition:transform .22s,border-color .22s,box-shadow .22s!important}
.wv-page-home .categories .cat:hover{transform:translateY(-5px);border-color:#9fbaf0!important;box-shadow:0 18px 36px rgba(26,50,103,.1)!important}
.wv-page .wv-tile,.wv-page .flow article{padding:28px!important;transition:transform .2s,box-shadow .2s}
.wv-page .wv-tile:hover,.wv-page .flow article:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(26,50,103,.085)!important}
.wv-page .wv-tile>b:first-child{display:inline-grid;place-items:center;width:55px;height:55px;border-radius:16px;background:linear-gradient(145deg,#e6f1ff,#f1eaff);font-size:25px;margin-bottom:16px}
.wv-page .wv-tile h3,.wv-page .flow article h3{font-size:1.18rem!important;margin:0 0 9px}
.wv-page .wv-tile p,.wv-page .flow article p{font-size:.96rem;margin-bottom:0}
.wv-page .wv-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wv-page .examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wv-page .example{overflow:hidden}
.wv-page .example .info{padding:22px}
.wv-page .example .info h3{font-size:1.17rem;margin-bottom:8px}
.wv-page .wv-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}
.wv-page .wv-filters button{border:1px solid #dfe6f3!important;background:#fff!important;border-radius:999px!important;padding:10px 18px!important;font-weight:700;color:#415473}
.wv-page .wv-filters button.active{background:#1767e8!important;color:white!important;border-color:#1767e8!important}
.wv-page .wv-inner{padding-top:56px!important;padding-bottom:80px!important}
.wv-page .wv-inner>h2{font-size:clamp(1.7rem,3vw,2.5rem)}
.wv-page .wv-panel,.wv-page .wv-comparison,.wv-page .cta{background:linear-gradient(140deg,#f2f6ff,#fff)!important;border:1px solid #dfe7f5!important;border-radius:24px!important;padding:34px!important;box-shadow:0 12px 35px rgba(26,50,103,.045)}
.wv-page .wv-comparison{margin-top:50px}
.wv-page .wv-compare-grid{gap:18px}
.wv-page .wv-before,.wv-page .wv-after{border-radius:17px;padding:24px}
.wv-page .flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wv-page .flow article{position:relative}
.wv-page .flow article .step-num{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#eef3ff;margin-bottom:18px;font-size:25px}
.wv-page .faq{max-width:850px;margin-inline:auto}
.wv-page .faq details{margin-bottom:12px;padding:4px 22px}
.wv-page .faq summary{cursor:pointer;font-weight:750;padding:18px 0;color:#1b3058}
.wv-page .faq details p{padding-bottom:16px}
.wv-page .wv-contact-grid{gap:24px}
.wv-page input,.wv-page select,.wv-page textarea{border:1px solid #dce4f0!important;background:#fff!important;border-radius:11px!important;min-height:46px}
.wv-page input:focus,.wv-page textarea:focus{outline:2px solid #8bb7ff;outline-offset:1px}
.wv-page .wv-benefit-strip{padding:25px 0!important}
.wv-page .wv-benefit-strip .wrap{gap:15px}
.wv-page .wv-benefit-strip .btn{background:#1767e8!important;color:#fff!important}
.wv-page .wv-home-offers .heading h2{font-size:clamp(2rem,4vw,3.2rem)}
.wv-page .wv-home-offers .heading p{font-size:1.06rem}
.wv-page .wv-home-offers .offer{overflow:hidden}
.wv-page .wv-automation{border-top:1px solid #e9edf6}
.wv-page .wv-automation .eyebrow{color:#2164c8;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.wv-page .wv-automation .wv-track{display:none!important}
.wv-page .wv-automation>.wrap{max-width:900px}
.wv-page .wv-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wv-page .wv-about-grid{align-items:center}
.wv-page .wv-about-grid .wv-mascot{background-size:contain}
@media(max-width:900px){
 .wv-page .wv-service-grid,.wv-page .examples,.wv-page .wv-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wv-page .flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 .wv-page .wv-inner{padding-top:32px!important;padding-bottom:50px!important}
 .wv-page .wv-service-grid,.wv-page .examples,.wv-page .wv-review-grid,.wv-page .flow{grid-template-columns:1fr!important;gap:12px}
 .wv-page .wv-tile,.wv-page .flow article{padding:20px!important}
 .wv-page .wv-panel,.wv-page .wv-comparison,.wv-page .cta{padding:22px!important;border-radius:18px!important}
 .wv-page .wv-home-offers .heading h2{font-size:2rem}
 .wv-page .wv-hero-showcase .wv-mascot{width:92px!important;height:116px!important;min-height:0!important}
 .wv-page .wv-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}
 .wv-page .wv-filters button{flex:none}
 .wv-page .wv-benefit-strip .wrap{align-items:flex-start}
 .wv-page .wv-benefit-strip .wrap>span{display:inline-flex;align-items:center;min-height:34px}
 .wv-page .wv-benefit-strip .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.wv-page .btn,.wv-page .wv-tile,.wv-page .flow article{transition:none}}