:root{--ssc-navy:#0b1f3a;--ssc-blue:#1769aa;--ssc-blue2:#0d8bdc;--ssc-orange:#f28c28;--ssc-ink:#162235;--ssc-muted:#64748b;--ssc-bg:#f5f8fc;--ssc-card:#fff;--ssc-line:#e6edf5;--ssc-radius:16px;--ssc-shadow:0 14px 40px rgba(11,31,58,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ssc-ink);background:#fff;line-height:1.7}h1,h2,h3,h4,h5,h6{font-weight:750;letter-spacing:-.02em;color:var(--ssc-navy)}a{text-decoration:none}.ssc-top{background:var(--ssc-navy);color:#dce8f7;font-size:13px}.ssc-top a{color:#fff}.ssc-top .container{min-height:38px}.ssc-navbar{background:#fff;border-bottom:1px solid var(--ssc-line);box-shadow:0 4px 20px rgba(11,31,58,.05);z-index:1030}.ssc-navbar .navbar-brand img{height:58px;width:auto;object-fit:contain}.ssc-navbar .nav-link{color:var(--ssc-navy);font-weight:650;padding:.85rem .8rem!important}.ssc-navbar .nav-link:hover,.ssc-navbar .nav-link:focus,.ssc-navbar .nav-link.active{color:var(--ssc-blue2)}.ssc-quote{background:var(--ssc-orange);border-color:var(--ssc-orange);color:#fff;font-weight:750;padding:.7rem 1.15rem;border-radius:10px}.ssc-quote:hover{background:#dc7415;border-color:#dc7415;color:#fff}.ssc-navbar .dropdown-menu{border:1px solid var(--ssc-line);border-radius:12px;box-shadow:0 18px 45px rgba(11,31,58,.14);padding:.45rem;min-width:235px}.ssc-navbar .dropdown-item{border-radius:8px;padding:.65rem .8rem;font-weight:600;color:var(--ssc-ink)}.ssc-navbar .dropdown-item:hover,.ssc-navbar .dropdown-item:focus{background:#eef6fd;color:var(--ssc-blue)}.ssc-products .dropend>.dropdown-menu{top:0;left:100%;margin-left:.25rem}.ssc-products .dropend:hover>.dropdown-menu{display:block}.ssc-products .dropend>.dropdown-toggle:after{float:right;margin-top:.55em}.ssc-mobile-divider{display:none}.ssc-page-hero{background:linear-gradient(135deg,#eef6ff,#fff);padding:70px 0 55px;border-bottom:1px solid var(--ssc-line)}.ssc-breadcrumb{font-size:14px;color:var(--ssc-muted)}.ssc-breadcrumb a{color:var(--ssc-blue)}.ssc-section{padding:82px 0}.ssc-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--ssc-blue);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.ssc-eyebrow:before{content:"";width:28px;height:3px;background:var(--ssc-orange);border-radius:99px}.ssc-section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:16px}.ssc-section-lead{color:var(--ssc-muted);max-width:720px}.ssc-card{background:var(--ssc-card);border:1px solid var(--ssc-line);border-radius:var(--ssc-radius);box-shadow:var(--ssc-shadow);transition:.25s ease;height:100%}.ssc-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(11,31,58,.13)}.ssc-product-card{overflow:hidden}.ssc-product-card .ssc-product-image{height:250px;background:#fff;display:flex;align-items:center;justify-content:center;padding:24px}.ssc-product-card img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.ssc-product-card:hover img{transform:scale(1.04)}.ssc-product-body{padding:22px}.ssc-product-body h3{font-size:1.1rem;margin-bottom:8px}.ssc-product-body p{color:var(--ssc-muted);font-size:.93rem}.ssc-link{font-weight:750;color:var(--ssc-blue);display:inline-flex;align-items:center;gap:7px}.ssc-link:hover{color:var(--ssc-orange)}.ssc-stat{padding:28px;border-right:1px solid rgba(255,255,255,.16)}.ssc-stat:last-child{border-right:0}.ssc-stat strong{font-size:2.3rem;display:block;color:#fff}.ssc-stat span{color:#dbeafe;font-weight:600}.ssc-dark{background:var(--ssc-navy);color:#fff}.ssc-dark h2,.ssc-dark h3{color:#fff}.ssc-dark p{color:#cbd8e8}.ssc-feature{padding:26px}.ssc-feature-icon{width:52px;height:52px;border-radius:14px;background:#eaf5ff;color:var(--ssc-blue);display:grid;place-items:center;font-size:22px;margin-bottom:18px}.ssc-feature h3{font-size:1.1rem}.ssc-feature p{color:var(--ssc-muted);font-size:.94rem}.ssc-cta{background:linear-gradient(120deg,var(--ssc-navy),#123c6c);border-radius:24px;padding:48px;color:#fff;overflow:hidden;position:relative}.ssc-cta:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-100px;background:rgba(255,255,255,.06)}.ssc-cta h2{color:#fff}.ssc-cta p{color:#dbeafe}.ssc-btn-primary{background:var(--ssc-blue2);border-color:var(--ssc-blue2);color:#fff;font-weight:750;border-radius:10px;padding:.8rem 1.25rem}.ssc-btn-primary:hover{background:#096fae;border-color:#096fae;color:#fff}.ssc-btn-outline{border:1px solid #b7cee3;color:#fff;font-weight:750;border-radius:10px;padding:.8rem 1.25rem}.ssc-btn-outline:hover{background:#fff;color:var(--ssc-navy)}.ssc-warranty{background:linear-gradient(135deg,#f0f7ff,#fff);border:1px solid #d9eaf8;border-radius:20px;padding:40px}.ssc-warranty .form-control{border-radius:10px 0 0 10px;border-color:#cbd9e8;padding:.9rem 1rem}.ssc-warranty .btn{border-radius:0 10px 10px 0}.ssc-footer{background:#07172c;color:#aebed0;padding:64px 0 20px}.ssc-footer h5{color:#fff;font-size:1rem;margin-bottom:18px}.ssc-footer a{color:#aebed0}.ssc-footer a:hover{color:#fff}.ssc-footer .footer-logo{height:58px;width:auto}.ssc-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:18px;font-size:13px}.ssc-floating{position:fixed;right:24px;bottom:24px;z-index:1040;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#25d366;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:24px}.ssc-floating:hover{color:#fff;transform:scale(1.05)}.ssc-content-wrap{padding:70px 0}.ssc-content-wrap .container>h1,.ssc-content-wrap h1{font-size:clamp(2rem,4vw,3.1rem)}.ssc-content-wrap p{color:#516174}.ssc-content-wrap img{max-width:100%;height:auto}.ssc-content-wrap .card,.ssc-content-wrap .product-item{border-radius:var(--ssc-radius);border:1px solid var(--ssc-line)}.ssc-content-wrap .btn{border-radius:10px}.ssc-model-list{background:#f7fafc;border:1px solid var(--ssc-line);border-radius:14px;padding:20px}.ssc-model-list a{display:block;padding:10px 12px;border-radius:8px;color:var(--ssc-ink);font-weight:600}.ssc-model-list a:hover{background:#eaf5ff;color:var(--ssc-blue)}
/* Homepage */.ssc-home-hero{background:radial-gradient(circle at 80% 20%,rgba(23,105,170,.16),transparent 34%),linear-gradient(135deg,#f4f9ff 0%,#fff 62%);overflow:hidden}.ssc-home-hero .hero-copy{padding:82px 0}.ssc-home-hero h1{font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.05;margin-bottom:22px}.ssc-home-hero .lead{font-size:1.15rem;color:var(--ssc-muted);max-width:650px}.ssc-hero-image{height:480px;display:flex;align-items:center;justify-content:center}.ssc-hero-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 30px rgba(11,31,58,.14))}.ssc-chip{display:inline-block;background:#eaf5ff;color:var(--ssc-blue);border:1px solid #d4e9f8;border-radius:99px;padding:7px 12px;font-weight:750;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.ssc-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ssc-line);border:1px solid var(--ssc-line);border-radius:18px;overflow:hidden}.ssc-icon-grid .ssc-feature{background:#fff}.ssc-application{padding:26px;background:linear-gradient(135deg,#0b1f3a,#154a80);border-radius:18px;color:#fff;min-height:180px}.ssc-application h3{color:#fff}.ssc-application p{color:#cbd8e8}.ssc-application i{font-size:28px;color:#7dd3fc}.ssc-quote-card{border:1px solid var(--ssc-line);border-radius:18px;padding:30px;background:#fff;box-shadow:var(--ssc-shadow)}
@media(max-width:991.98px){.ssc-navbar .nav-link{padding:.65rem .5rem!important}.ssc-navbar .navbar-collapse{padding:12px 0}.ssc-navbar .dropdown-menu{box-shadow:none;border:0;padding-left:12px}.ssc-products .dropend>.dropdown-menu{position:static;display:none;margin:0;padding-left:12px}.ssc-products .dropend.show>.dropdown-menu,.ssc-products .dropend:focus-within>.dropdown-menu{display:block}.ssc-products .dropend:hover>.dropdown-menu{display:none}.ssc-icon-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.ssc-top{display:none}.ssc-navbar .navbar-brand img{height:48px}.ssc-home-hero .hero-copy{padding:55px 0 25px}.ssc-home-hero h1{font-size:2.45rem}.ssc-hero-image{height:300px}.ssc-section{padding:60px 0}.ssc-page-hero{padding:48px 0 38px}.ssc-icon-grid{grid-template-columns:1fr}.ssc-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);text-align:center}.ssc-stat:last-child{border-bottom:0}.ssc-cta{padding:32px 24px}.ssc-warranty{padding:26px}.ssc-warranty .form-control{border-radius:10px;margin-bottom:10px}.ssc-warranty .btn{border-radius:10px;width:100%}.ssc-footer{padding:48px 0 20px}.ssc-floating{right:16px;bottom:16px}}


/* ============================================================
   SSC MOBILE NAVIGATION FIX
   Bootstrap 5 collapse + nested product menus
   ============================================================ */
@media (max-width: 991.98px) {
    .ssc-navbar {
        position: sticky;
        top: 0;
        z-index: 1050;
    }

    .ssc-navbar .navbar-toggler {
        display: block !important;
        border: 2px solid var(--ssc-navy) !important;
        border-radius: 10px;
        padding: .55rem .7rem;
        background: #fff !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .ssc-navbar .navbar-toggler:focus {
        box-shadow: 0 0 0 .2rem rgba(23,105,170,.15) !important;
    }

    .ssc-navbar .navbar-toggler-icon {
        width: 1.5em;
        height: 1.5em;
    }

    .ssc-navbar .navbar-collapse {
        background: #fff;
        padding: 12px 0 16px;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }

    .ssc-navbar .navbar-collapse.collapsing {
        display: block;
        overflow: hidden;
    }

    .ssc-navbar .navbar-nav {
        width: 100%;
    }

    .ssc-navbar .nav-item {
        width: 100%;
    }

    .ssc-navbar .nav-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: .72rem .85rem !important;
        border-radius: 8px;
    }

    .ssc-navbar .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        padding: .25rem 0 .25rem .75rem;
        border: 0 !important;
        border-left: 2px solid #dbeafe !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .ssc-navbar .dropdown-menu.show {
        display: block !important;
    }

    .ssc-navbar .dropdown-item {
        white-space: normal;
        padding: .65rem .8rem;
    }

    .ssc-products .dropend > .dropdown-menu {
        display: none;
        position: static !important;
        margin: 0 !important;
        padding-left: .75rem;
    }

    .ssc-products .dropend.show > .dropdown-menu {
        display: block !important;
    }

    .ssc-products .dropend:hover > .dropdown-menu {
        display: none;
    }

    .ssc-products .dropend.show:hover > .dropdown-menu {
        display: block !important;
    }

    .ssc-products .dropend > .dropdown-toggle::after {
        transform: rotate(0deg);
        margin-left: auto;
    }

    .ssc-navbar .ssc-quote {
        display: flex;
        width: 100%;
        justify-content: center;
        margin: .75rem 0 0 !important;
    }
}


/* ============================================================
   SSC NESTED PRODUCT MENU FIX
   Supports the existing .dropdown-submenu structure.
   Desktop: opens to the right.
   Mobile: opens downward on click.
   ============================================================ */
@media (min-width: 992px) {
    .ssc-products .dropdown-submenu {
        position: relative;
    }

    .ssc-products .dropdown-submenu > .dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
        margin-left: .25rem;
        display: none;
    }

    .ssc-products .dropdown-submenu:hover > .dropdown-menu,
    .ssc-products .dropdown-submenu.show > .dropdown-menu {
        display: block;
    }

    .ssc-products .dropdown-submenu > .dropdown-toggle::after {
        float: right;
        margin-top: .55em;
    }
}

@media (max-width: 991.98px) {
    .ssc-products .dropdown-submenu {
        position: relative;
    }

    .ssc-products .dropdown-submenu > .dropdown-menu {
        position: static !important;
        display: none !important;
        width: 100%;
        margin: 0 !important;
        padding: .25rem 0 .25rem .75rem;
        border: 0 !important;
        border-left: 2px solid #dbeafe !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .ssc-products .dropdown-submenu.show > .dropdown-menu {
        display: block !important;
    }

    .ssc-products .dropdown-submenu > .dropdown-toggle::after {
        float: right;
        margin-top: .55em;
        margin-left: auto;
    }
}


/* FINAL FIX: nested dropdowns use the existing .dropdown-submenu HTML structure */
@media (min-width: 992px) {
    .ssc-navbar .dropdown-submenu { position: relative; }
    .ssc-navbar .dropdown-submenu > .dropdown-menu {
        position: absolute !important;
        top: 0;
        left: 100%;
        margin-left: .25rem !important;
        display: none;
    }
    .ssc-navbar .dropdown-submenu.show > .dropdown-menu,
    .ssc-navbar .dropdown-submenu:hover > .dropdown-menu { display: block; }
    .ssc-navbar .dropdown-submenu > .dropdown-toggle::after {
        float: right;
        margin-top: .55em;
        margin-left: .5rem;
    }
}

@media (max-width: 991.98px) {
    .ssc-navbar .dropdown-submenu { position: relative; }
    .ssc-navbar .dropdown-submenu > .dropdown-menu {
        position: static !important;
        display: none !important;
        width: 100%;
        margin: 0 !important;
        padding: .25rem 0 .25rem .75rem !important;
        border: 0 !important;
        border-left: 2px solid #dbeafe !important;
        box-shadow: none !important;
        transform: none !important;
    }
    .ssc-navbar .dropdown-submenu.show > .dropdown-menu {
        display: block !important;
    }
    .ssc-navbar .dropdown-submenu > .dropdown-toggle::after {
        float: right;
        margin-top: .55em;
        margin-left: auto;
    }
}


/* ============================================================
   FINAL NESTED PRODUCT MENU FIX
   Bootstrap controls only Products. Nested menus are custom.
   ============================================================ */

@media (min-width: 992px) {
    .ssc-navbar .dropdown-submenu {
        position: relative;
    }

    .ssc-navbar .dropdown-submenu > .dropdown-menu {
        position: absolute !important;
        top: 0;
        left: 100%;
        margin-left: .25rem !important;
        display: none;
        min-width: 260px;
    }

    .ssc-navbar .dropdown-submenu.show > .dropdown-menu,
    .ssc-navbar .dropdown-submenu:hover > .dropdown-menu {
        display: block !important;
    }
}

@media (max-width: 991.98px) {
    .ssc-navbar .dropdown-submenu {
        position: relative;
    }

    .ssc-navbar .dropdown-submenu > .dropdown-menu {
        position: static !important;
        float: none !important;
        display: none !important;
        width: 100%;
        margin: 0 !important;
        padding: .25rem 0 .25rem .75rem !important;
        border: 0 !important;
        border-left: 2px solid #dbeafe !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    .ssc-navbar .dropdown-submenu.show > .dropdown-menu {
        display: block !important;
    }
}