/* WebVizyon — site complet, identité premium immersive */
:root{--wv-ink:#101d3d;--wv-blue:#137cf5;--wv-purple:#793de7;--wv-gold:#ffbf38}
body{background:#f4f7ff;color:var(--wv-ink)}
body>header{position:relative;z-index:20;background:linear-gradient(115deg,#fff 0%,#edf5ff 70%,#f6edff 100%);border-bottom:1px solid #dfe8fa;box-shadow:0 7px 28px rgba(26,57,110,.07)}
body>header .nav{min-height:88px}
body>header .brand img{filter:drop-shadow(0 4px 7px rgba(8,30,71,.15))}
body>header .btn.yellow,.hero-actions .btn.yellow{box-shadow:0 7px 0 rgba(13,30,66,.14),0 12px 28px rgba(255,176,29,.23);border:2px solid #17254c}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 87% 28%,rgba(165,121,255,.26),transparent 42%),radial-gradient(ellipse at 4% 77%,rgba(57,181,255,.19),transparent 49%),linear-gradient(125deg,#f3f9ff 0%,#e9f2ff 46%,#f4edff 100%);border-bottom:1px solid #dce7ff}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#5274ba 1px,transparent 1px);background-size:26px 26px;opacity:.1;mask-image:linear-gradient(90deg,transparent 10%,#000)}
.hero:after{content:"";position:absolute;z-index:-1;width:550px;height:550px;right:-170px;top:-100px;border:2px solid rgba(111,104,237,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(124,118,245,.035),0 0 0 140px rgba(124,118,245,.025)}
.hero h1{color:#101d3d;text-shadow:0 3px 0 rgba(255,255,255,.75)}
.hero h1 span{background:linear-gradient(105deg,#0878ff 8%,#7739e5 55%,#ee3896);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .pill{background:#fff;border:1px solid #d4dcfa;box-shadow:0 8px 25px rgba(45,71,129,.08)}
.hero .wv-mascot{filter:drop-shadow(0 24px 30px rgba(35,66,140,.18))}
.categories{position:relative;z-index:3}
.categories .cat{border:1px solid #dce6fa;border-radius:20px;box-shadow:0 12px 24px rgba(38,73,145,.075);transition:transform .18s ease,box-shadow .18s ease}
.categories .cat:hover{transform:translateY(-4px);box-shadow:0 16px 29px rgba(38,73,145,.14)}
.wv-home-offers{background:linear-gradient(180deg,#f5f8ff,#fff 52%,#f4f8ff)}
.wv-home-offers .heading h2,.wv-automation h2{color:#15234d}
.wv-home-offers article,.wv-service-grid article,.examples article,.wv-review-grid article{box-shadow:0 14px 38px rgba(36,63,127,.09);border-radius:22px}
.wv-benefit-strip{background:linear-gradient(110deg,#132c67,#283e92 54%,#7139bb);color:#fff}
.wv-automation{background:radial-gradient(circle at 92% 15%,rgba(111,68,241,.16),transparent 38%),linear-gradient(120deg,#eaf4ff,#f6f0ff)}
.wv-track{box-shadow:0 16px 36px rgba(31,52,113,.1);border-radius:22px}
@media(max-width:767px){
 body>header .nav{min-height:unset}
 .hero{padding-top:32px!important;padding-bottom:34px!important}
 .hero>.wrap{gap:10px!important}
 .hero h1{max-width:12ch;font-size:clamp(2.35rem,10.4vw,3.6rem)!important}
 .hero p{max-width:37ch}
 .hero .wv-mascot{width:min(100%,380px)!important;height:clamp(260px,85vw,350px)!important;min-height:260px!important}
 .hero-actions{margin-top:4px}
 .categories{margin-top:-8px!important}
 .categories .cat{min-height:106px!important;display:flex;flex-direction:column;justify-content:center;align-items:center}
 .wv-home-offers{padding-top:44px!important}
 .wv-home-offers article{margin-bottom:12px}
 .wv-benefit-strip{padding-block:22px}
 .wv-benefit-strip .wrap>*{color:inherit}
}
@media(prefers-reduced-motion:reduce){.categories .cat{transition:none}}