/* SUNVISION — LED display and videotron visual identity. */
:root{--bg:#060a12;--bg2:#0c1320;--card:#0e1726;--cyan:#38d8ed;--blue:#477cff;--purple:#9266ff;--pink:#ef437f;--muted:#a5b2c7;--line:#a6c8ff22;--gradient:linear-gradient(110deg,#4ce4f2,#588bff 48%,#cf6bf5 80%,#ff6369)}
body{background:#060a12;color:#f3f7ff}
h1,h2,h3{letter-spacing:-.02em}::selection{background:#218ba8;color:#fff}
.sv-header,.page-home .sv-header.sv-scrolled,.sv-header.sv-menu-open{background:rgba(6,10,18,.96);border-color:#8fb7e522}
.page-home .sv-header{background:linear-gradient(180deg,#060a12ed,#060a1240)}
.sv-header::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#36cddd70,#816af477,transparent);pointer-events:none}
.sv-navigation a:hover,.sv-navigation a[aria-current]{color:#57ddeb}
.sv-navigation a.sv-contact-link{background:#ed403b;border-color:#ed403b}
.page-home .hero{background:#060a12;position:relative}
.page-home .hero-slides::after{background:linear-gradient(90deg,#040914f2 0%,#040914d6 36%,#04091450 74%,#04091430),linear-gradient(0deg,#060a12,transparent 40%)}
.page-home .hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(#a8e7ff30 .7px,transparent .9px);background-size:7px 7px;opacity:.45;mask-image:linear-gradient(90deg,transparent,#000)}
.page-home .hero-content{z-index:2;min-height:810px;grid-template-columns:minmax(0,850px);padding-top:185px;padding-bottom:90px}
.page-home .hero-slider-content{min-height:405px;max-width:850px}
.page-home .hero h1{font-size:clamp(74px,8vw,112px);line-height:.98;font-weight:700;letter-spacing:-.025em;text-shadow:0 3px 30px #0004}
.page-home .hero h1 strong{background:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#4ce4f2;filter:drop-shadow(0 0 28px #3677dc33)}
.page-home .hero-copy .eyebrow{color:#97e7f1;letter-spacing:.19em;font-size:10px}
.live-dot{background:#54e8f0;box-shadow:0 0 0 4px #54e8f019,0 0 14px #54e8f060}
.page-home .hero-copy p{color:#c5cedc;font-size:14px;line-height:1.9;max-width:540px}
.page-home .hero-stats{border-color:#92c5ff36;gap:45px;background:linear-gradient(90deg,#12263c88,transparent);padding:20px 22px;border-left:2px solid #3bcde2;max-width:540px;margin-top:25px}
.hero-stats b{font-size:23px;letter-spacing:.02em}.page-home .hero-stats span{font-size:9px;color:#9bb6cd}
.btn-primary{background:#ed403b;border-color:#ed403b;box-shadow:0 5px 25px #ed403b20}.btn-primary:hover{background:#fc514d;box-shadow:0 7px 35px #ed403b40}
.btn-outline,.btn-secondary{background:#0b142766;border-color:#a5c7ff44;color:#e5f4ff}.btn-outline:hover,.btn-secondary:hover{border-color:#42cde1;background:#10263c99}
.slider-dot.active{background:#5cdeed;box-shadow:0 0 12px #58d5e855}
.marquee{background:#0c1422;border-block:1px solid #77a8f332;padding:24px 0}.marquee-track{color:#c1d5ee;letter-spacing:.18em;font-size:13px}.marquee-track b{color:#3ed5e6}
.section-label,.small,.product-category{color:#4bd5e8}.section-label::before{background:#4bd5e8;box-shadow:0 0 10px #4bd5e870}
.page-home .about{color:#f1f5ff;background:radial-gradient(ellipse at 15% 50%,#11253d88,transparent 45%),#080e19}
.page-home .about h2 span{background:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.page-home .about .lead{color:#d3dfed}.page-home .about p{color:#96a6bc}.feature-row{border-color:#8eb8ec25}.feature-row strong{color:#4ed9e9}.feature-row span{color:#9aabc1}
.page-home .products{color:#f3f6ff;background:radial-gradient(ellipse at 90% 20%,#18224c66,transparent 40%),#060a12;position:relative;border-top:1px solid #8eb8ec19}
.page-home .products .section-head h2 span,.page-home .gallery h2 span,.page-home .applications h2 span{background:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.page-home .product-card{background:#0c1422;border:1px solid #8eb8ec30;border-radius:10px;box-shadow:0 10px 40px #0003;position:relative}
.page-home .product-card::before{content:'';height:2px;position:absolute;inset:0 0 auto;z-index:3;background:var(--gradient);opacity:.65}
.page-home .product-card:hover{border-color:#51cddd88;box-shadow:0 15px 40px #06234770;transform:translateY(-5px)}
.page-home .product-visual{background-color:#060b13;border-bottom:1px solid #88b3e626;height:325px}.page-home .product-visual::after{background:linear-gradient(0deg,#0c142255,transparent 35%)}
.page-home .product-number{background:#091320e6;color:#62daef;border:1px solid #62daef44;font:500 12px/1.5 monospace}
.page-home .product-body small{color:#66cbdc}.page-home .product-body h3{color:#f0f6ff;font-size:34px}.page-home .product-body p{color:#96a8bf}.page-home .product-body a{color:#c1ddef;border-color:#a2c6f124}.page-home .product-body a b{color:#4ddae9}
.applications{background:radial-gradient(ellipse at 50% 100%,#172d4b77,transparent 65%),#0a101d}.application-card{background:#0d192b;border-color:#9bc3ff26}.application-card>span{background:#3dd1e212;color:#58dae9}.application-card:hover{background:#102039;border-color:#4cd1e266}.application-card p{color:#9aacc2}
.gallery{background:#060a12}.gallery-item,.project-card{border-color:#82b8ff2b}.gallery-item:hover,.project-card:hover{border-color:#50d6e87a;box-shadow:0 15px 45px #0c476833}
.page-home .cta,.page-gallery .cta{background:radial-gradient(ellipse at 90% 30%,#234d7f70,transparent 50%),linear-gradient(115deg,#122039,#0a1528);border-block:1px solid #86b9ff33;position:relative}.cta .section-label{color:#55d8e9}.cta .section-label::before{background:#55d8e9}.cta p,.cta .contact-info{color:#adc1da}.cta .btn-primary{background:#ed403b;border-color:#ed403b;color:white}.cta .btn-outline{border-color:#9ab9de55}
.page-gallery .hero,.page-support .hero{background:radial-gradient(ellipse at 80% 0%,#16466866,transparent 60%),#080e19;border-bottom:1px solid #89b7f022;position:relative}
.page-gallery .hero::after,.page-support .hero::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#73daf235 .8px,transparent 1px);background-size:8px 8px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.5}
.gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.page-gallery .filter-btn.active,.page-gallery .filter-btn:hover{background:#11334a;border-color:#4dd7e5;color:#8ce8f5}
.page-product .product-main-image{background:radial-gradient(ellipse,#172c43,#0b1320);border-color:#88b6ed38;box-shadow:inset 0 0 80px #162d4633}.page-product .product-spec,.page-product .feature-card,.page-product .application-item,.page-product .related-card,.page-support .software-card,.page-support .support-card,.page-support .seo-box,.page-support details{background:#0d1727;border-color:#8cb4ed26}.page-product .product-category{color:#56d3e6}
.sv-footer{background:radial-gradient(ellipse at 0 0,#10233d55,transparent 50%),#060a12!important;border-top-color:#79b5f533}.sv-footer h2{color:#deeeff}.sv-footer .sv-tagline,.sv-footer .sv-map-link,.sv-footer .sv-footer-cta{color:#5ad3e6}.sv-footer-bottom{border-color:#9dbef020}
@media(max-width:960px){.sv-navigation{background:#0a1424;border-color:#80b6ee33}.page-home .hero h1{font-size:clamp(64px,9vw,94px)}}
@media(max-width:760px){.page-home .hero-content{padding-top:145px;padding-bottom:70px;min-height:740px}.page-home .hero-slider-content{min-height:380px}.page-home .hero h1{font-size:clamp(53px,10.3vw,78px);line-height:1.03}.page-home .hero-copy .eyebrow{font-size:8px;letter-spacing:.11em}.page-home .hero-copy p{font-size:13px}.page-home .hero-stats{gap:23px;padding:18px}.page-home .hero-slides::after{background:linear-gradient(90deg,#040914d9,#04091488),linear-gradient(0deg,#060a12,transparent)}.page-home .product-visual{height:280px}.page-home .product-body h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.page-home .hero h1 strong{filter:none}}
