/* Sunvision public theme — November 2026 */
:root{--bg:#101112;--bg2:#191a1c;--card:#202123;--text:#f8f7f4;--muted:#b3b2b0;--line:rgba(255,255,255,.13);--cyan:#ef403b;--blue:#ef403b;--purple:#c92a30;--pink:#ef403b;--gradient:linear-gradient(110deg,#ff675b,#df292f);--radius:16px;--container:1240px}
html{scroll-padding-top:100px}body{background:#101112;color:#f8f7f4}::selection{background:#ed403b;color:#fff}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ef6359;outline-offset:5px}h1,h2,h3{letter-spacing:-.025em}.noise,.hero-grid,.led-wall,.hero-orb,.footer-glow{display:none!important}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header,.site-header{background:rgba(16,17,18,.94);border-bottom:1px solid #ffffff14;backdrop-filter:blur(18px)}.header.scrolled{background:rgba(16,17,18,.97);box-shadow:0 8px 25px #0002}.header .nav{min-height:92px}.site-logo{width:190px;height:auto;object-fit:contain}.menu{gap:28px}.menu a{font-size:12px;font-weight:600;color:#d3d1cf}.menu a:hover,.nav a:hover{color:#ff655c}.menu a:last-child,.nav-contact{border:1px solid #ffffff45;padding:11px 18px;border-radius:5px}.btn{border-radius:5px;font-size:11px;letter-spacing:.07em;padding:17px 23px;min-height:48px;box-shadow:none}.btn-primary{background:#ed403b;color:#fff;border:1px solid #ed403b;box-shadow:none}.btn-primary:hover{background:#d8312d;box-shadow:0 8px 25px #ed403b22;transform:translateY(-2px)}.btn-outline,.btn-secondary{border:1px solid #ffffff45;background:transparent;color:#f7f5f1}.btn-outline:hover,.btn-secondary:hover{background:#ffffff0c;border-color:#ef403b}.gradient-text{background:linear-gradient(110deg,#ff7366,#ef403b);background-clip:text;-webkit-background-clip:text;color:transparent}.section-label,.small,.product-category{color:#ed554d;letter-spacing:.16em}.section-label::before{background:#ef403b}.page-home .hero{background:#101112;min-height:800px;height:auto;isolation:isolate;overflow:hidden}.page-home .hero::before{content:'';position:absolute;width:450px;height:450px;right:-200px;top:100px;border:1px solid #ffffff0c;border-radius:50%;z-index:-1}.page-home .hero-slides{opacity:.035;filter:grayscale(1)}.page-home .hero-slides::after{background:#10111299}.page-home .hero-content{width:min(1240px,calc(100% - 96px));min-height:800px;padding:174px 0 82px;display:grid;grid-template-columns:1fr 1.05fr;column-gap:65px;align-items:center;justify-content:initial}.page-home .hero-slider-content{min-height:400px;max-width:100%;grid-column:1;grid-row:1}.page-home .hero-copy .eyebrow{font-size:9px;letter-spacing:.17em;color:#c7c2bc;gap:10px;margin-bottom:26px}.live-dot{width:6px;height:6px;background:#ef403b;box-shadow:0 0 0 5px #ef403b17;animation:none}.page-home .hero h1{font-size:clamp(64px,6.4vw,94px);line-height:.96;font-weight:700;letter-spacing:-.035em;margin:0 0 26px}.page-home .hero h1 strong{background:none;-webkit-text-fill-color:#ef5147;color:#ef5147;font-weight:700}.page-home .hero-copy p{font-size:14px;line-height:1.9;color:#aaa9a6;max-width:420px;margin:0 0 29px}.hero-buttons{gap:12px;flex-wrap:wrap}.hero-showcase{grid-column:2;grid-row:1/3;position:relative;align-self:center;transform:rotate(1.5deg);background:#252628;border:1px solid #ffffff24;border-radius:11px;box-shadow:0 35px 70px #0005;overflow:visible}.showcase-top{padding:16px 18px;display:flex;justify-content:space-between;color:#b4b4b1;font-size:8px;letter-spacing:.1em}.showcase-top i{display:inline-block;width:5px;height:5px;background:#ef5147;margin-right:7px;border-radius:50%}.hero-showcase>img{width:100%;height:360px;object-fit:cover;display:block}.showcase-caption{display:flex;align-items:center;justify-content:space-between;padding:22px}.showcase-caption small{display:block;font-size:8px;letter-spacing:.15em;color:#aaa7a2;margin-bottom:9px}.showcase-caption strong{font-size:18px;letter-spacing:-.04em;font-weight:500}.showcase-caption a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff35;border-radius:50%;font-size:23px}.showcase-tag{position:absolute;right:-18px;top:70px;background:#ef403b;padding:17px 22px;font-size:14px;font-weight:800;box-shadow:0 10px 25px #0003;transform:rotate(-1.5deg)}.showcase-tag span{display:block;font-size:8px;margin-top:6px;font-weight:500;letter-spacing:.12em}.page-home .hero-stats{grid-column:1;grid-row:2;margin:18px 0 0;padding-top:23px;gap:28px;border-top:1px solid #ffffff25;align-self:start}.hero-stats b{font-size:20px;font-weight:500}.hero-stats span{color:#8f9396;font-size:8px;letter-spacing:.12em}.page-home .hero-slider-nav{left:48px;bottom:26px;transform:none;gap:8px}.slider-dot{width:20px;height:3px;border:0;border-radius:1px;background:#ffffff35}.slider-dot.active{width:40px;background:#ed403b;box-shadow:none}.scroll-cue{display:none}.marquee{padding:23px 0;background:#ed403b;border:0;transform:none}.marquee-track{font-size:14px;letter-spacing:.12em;color:#fff;gap:45px}.marquee-track b{color:#ffc4b7}.section{padding:100px 0}.page-home .about{background:#f5f3ef;color:#17191c}.page-home .two-col{grid-template-columns:1fr 2fr;gap:80px}.page-home .about h2{font-size:clamp(42px,4.5vw,68px);line-height:1.03;font-weight:600}.page-home .about h2 span{color:#e4433c;background:none;-webkit-text-fill-color:#e4433c}.page-home .about p{color:#797b7e;line-height:1.9}.page-home .about .lead{color:#383c40;font-size:19px}.feature-row{border-top:1px solid #d7d6d2;padding-top:25px;gap:25px}.feature-row div{border:0;background:none;padding:0}.feature-row strong{font-size:23px;color:#e4433c}.feature-row span{color:#5e6266;font-size:11px}.page-home .products{background:#eeece7;color:#1a1c20}.page-home .section-head{margin-bottom:38px}.page-home .section-head h2{font-size:clamp(40px,4.8vw,64px);line-height:1.05}.page-home .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.page-home .product-card{background:#fff;border:1px solid #dfddd7;border-radius:10px;box-shadow:none}.page-home .product-card:hover{transform:translateY(-5px);border-color:#daaaa2;box-shadow:0 20px 40px #2622220b}.page-home .product-visual{height:310px;background-color:#e0e0dc;background-size:cover;border-radius:0}.page-home .product-visual::after{background:linear-gradient(0deg,#0002,transparent 50%)}.product-glow{display:none}.page-home .product-number{background:#ffffffec;color:#23272a;border-radius:4px;padding:6px 10px;font-size:12px}.page-home .product-body{padding:28px 30px}.page-home .product-body small{color:#b9453d;font-size:9px;letter-spacing:.1em}.page-home .product-body h3{font-size:32px;font-weight:600;margin:12px 0}.page-home .product-body p{color:#777c82;font-size:12px;line-height:1.85;max-width:460px}.page-home .product-body a{color:#24282c;border-top:1px solid #eee9e4;padding-top:18px;font-size:10px;letter-spacing:.09em;display:flex;justify-content:space-between}.page-home .product-body a b{color:#e4433c}.applications{background:#171819}.application-card{background:#202123;border:1px solid #ffffff16;border-radius:9px;padding:30px;box-shadow:none}.application-card>span{background:#ef403b12;color:#ef6359}.application-card:hover{background:#252628;border-color:#ed403b55;box-shadow:none}.gallery{background:#101112}.gallery-item,.project-card{border-radius:10px;border:1px solid #ffffff20;box-shadow:none}.gallery-item:hover,.project-card:hover{border-color:#ed403b77}.gallery-overlay{background:linear-gradient(0deg,#000b,transparent)}.cta{background:#ed403b;padding:85px 0}.cta-pixels{opacity:.08}.cta .section-label{color:#ffccc8}.cta .section-label::before{background:#fff}.cta h2{color:#fff;font-size:clamp(42px,5vw,70px)}.cta h2 span{background:none;-webkit-text-fill-color:#fff;color:#fff}.cta p,.cta .contact-info{color:#ffe0dd}.cta .btn-primary{background:#fff;color:#bd322c;border-color:#fff}.cta .btn-outline{border-color:#ffffff70}.site-footer,footer{background:#101112!important;border-top:1px solid #ffffff12}.site-footer .footer-tagline span{background:#ed403b}.wa-float{background:#18875a;box-shadow:0 5px 25px #0003;border:1px solid #ffffff25}.wa-notification{display:none}.wa-chat{right:24px;bottom:24px}.page-product .product-main-image{background:#eceae5;border:1px solid #ffffff24;border-radius:12px}.page-product .product-info h1{font-size:clamp(42px,5vw,65px)}.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 .trouble-item,.page-support .seo-box,.page-support details{background:#202123;border-color:#ffffff1c;border-radius:10px}.page-gallery .hero{background:radial-gradient(ellipse at 80% 20%,#612a2625,transparent 60%),#101112}.page-gallery .filter-btn.active,.page-gallery .filter-btn:hover{background:#ed403b;color:#fff;border-color:#ed403b}.page-support .hero{background:radial-gradient(ellipse at 80% 20%,#612a2645,transparent 60%),#101112}.page-support .cta-box{background:#252628;border-color:#ffffff25}.page-support .nav a.active{color:#ef6359}
@media(min-width:1500px){.page-home .hero-content{column-gap:90px}.page-home .hero{min-height:860px}.page-home .hero-content{min-height:860px}}
@media(max-width:1050px){.container,.page-home .hero-content{width:calc(100% - 64px)}.page-home .hero-content{column-gap:35px;grid-template-columns:1fr 1fr}.page-home .hero h1{font-size:70px}.hero-showcase>img{height:290px}.showcase-caption{padding:18px}.showcase-caption strong{font-size:15px}.menu{gap:17px}.page-home .hero-copy .eyebrow{font-size:8px}.page-home .hero-slider-nav{left:32px}.page-home .two-col{gap:35px}.hero-stats{gap:20px}.site-logo{width:160px}}
@media(max-width:760px){.container,.page-home .hero-content{width:calc(100% - 40px)}.header .nav{min-height:76px}.site-logo{width:155px}.menu{background:#18191b;border:1px solid #ffffff20;border-radius:10px}.menu a:last-child{border:0}.page-home .hero{min-height:0}.page-home .hero-content{padding:135px 0 70px;min-height:0;grid-template-columns:1fr;gap:0}.page-home .hero-slider-content{grid-row:1;min-height:390px}.page-home .hero-copy .eyebrow{font-size:9px}.page-home .hero h1{font-size:clamp(64px,12vw,86px)}.page-home .hero-copy p{font-size:13px;max-width:450px}.page-home .hero-stats{grid-column:1;grid-row:2;margin:10px 0 35px;gap:24px;justify-content:flex-start}.hero-showcase{grid-column:1;grid-row:3;transform:rotate(0);margin:0 7px 0 0}.hero-showcase>img{height:300px}.showcase-tag{right:-7px;top:60px;padding:14px 18px}.page-home .hero-slider-nav{left:20px;bottom:25px}.section{padding:65px 0}.page-home .two-col{grid-template-columns:1fr;gap:22px}.page-home .product-grid{grid-template-columns:1fr;gap:20px}.page-home .product-visual{height:290px}.page-home .product-body{padding:24px}.feature-row{gap:15px}.feature-row span{font-size:10px}.cta{padding:65px 0}.wa-chat{right:16px;bottom:16px}.wa-float-text{display:none}.wa-float{width:55px;height:55px;padding:0;justify-content:center}.page-product .product-title{font-size:42px}.contact-info{overflow-wrap:anywhere}.page-home .gallery-grid{grid-template-columns:1fr 1fr}.page-home .gallery-item{min-height:230px}.showcase-caption strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.hero-showcase{transform:none}}

/* Full-width banner slideshow behind the homepage header. */
.page-home .header {
    background: linear-gradient(180deg, rgba(10,12,16,.78), rgba(10,12,16,.25));
    backdrop-filter: blur(6px);
}
.page-home .header.scrolled {
    background: rgba(16,17,18,.96);
    backdrop-filter: blur(18px);
}
.page-home .hero { max-height: none; }
.page-home .hero::before { display: none; }
.page-home .hero-slides {
    opacity: 1;
    filter: none;
    z-index: 0;
}
.page-home .hero-slides::after {
    background: linear-gradient(90deg, rgba(8,11,17,.90) 0%, rgba(8,11,17,.76) 40%, rgba(8,11,17,.38) 100%),
                linear-gradient(0deg, rgba(8,11,17,.60), transparent 55%);
}
.page-home .hero-slide { background-position: center; }
.page-home .hero-copy p { color: #dededb; }
.page-home .hero-stats span { color: #c5c8cb; }
.page-home .hero-slider-nav { z-index: 6; }
@media (max-width:760px) {
    .page-home .hero-slides::after {
        background: linear-gradient(180deg, rgba(8,11,17,.72), rgba(8,11,17,.85));
    }
}

/* Hero without the project image card. */
.page-home .hero-content { grid-template-columns: minmax(0, 760px); }
.page-home .hero-slider-content { max-width: 760px; }
.page-home .hero-copy p { max-width: 530px; }
.page-home .hero-stats { max-width: 530px; }
@media (max-width:760px) {
    .page-home .hero-content { padding-bottom: 60px; }
    .page-home .hero-stats { margin-bottom: 0; }
}