
/* =========================================================
   PRODUCT MAIN CONTENT CONSTRAINT LOCK
   Header and footer remain controlled by homepage CSS.
========================================================= */

.product-page-main {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.product-page-main > section {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.product-page-main .container {
    width: min(1180px, 92%) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.product-page-main .products-landing-hero {
    width: 100% !important;
    min-height: 610px;
    margin: 0 !important;
    padding: 0 !important;
}

.product-page-main .products-hero-content {
    width: min(1180px, 92%) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 76px 0 !important;
}

.product-page-main .section {
    padding: 100px 0;
}

.product-page-main .overview-grid,
.product-page-main .why-grid,
.product-page-main .faq-grid {
    width: 100%;
}

.product-page-main .products-range-section .all-products-grid {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-page-main .benefits-before-why .feature-grid {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-page-main .premium-cta .container {
    width: min(1180px, 92%) !important;
    max-width: 1180px !important;
}

@media (max-width: 992px) {
    .product-page-main .products-range-section .all-products-grid,
    .product-page-main .benefits-before-why .feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .product-page-main .container,
    .product-page-main .products-hero-content,
    .product-page-main .premium-cta .container {
        width: min(100% - 28px, 1180px) !important;
    }

    .product-page-main .section {
        padding: 70px 0;
    }

    .product-page-main .products-range-section .all-products-grid,
    .product-page-main .benefits-before-why .feature-grid {
        grid-template-columns: 1fr;
    }
}


:root{--sky:#2f9edb;--sky-dark:#1174b5;--navy:#0d2238;--ink:#24364a;--muted:#66788a;--soft:#f3f8fc;--line:#e2ebf2;--white:#fff;--shadow:0 24px 60px rgba(13,34,56,.12)}
.product-page-main *{box-sizing:border-box}
.product-page-main{scroll-behavior:smooth}
.product-page-main{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fff;line-height:1.6}
.product-page-main img{max-width:100%;display:block}
.product-page-main a{text-decoration:none;color:inherit}
.product-page-main .container{width:min(1180px,calc(100% - 40px));margin:auto}
.product-page-main .skip-link{position:fixed;top:12px;left:12px;z-index:9999;padding:10px 15px;background:var(--navy);color:#fff;border-radius:8px;transform:translateY(-150%)}
.product-page-main .skip-link:focus{transform:none}
:root{--sky:#2f9edb;
    --sky-dark:#1174b5;
    --navy:#0d2238;}
.product-page-main .container{width:min(1180px,92%);
    margin:auto;}
.product-page-main .nav{height:82px;

    display:flex;
    align-items:center;
    justify-content:space-between;}
.product-page-main .nav-cta{display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:13px 21px;

    color:#fff !important;

    background:var(--sky);

    border-radius:4px;

    font-weight:700;

    transition:.25s;}
.product-page-main .nav-cta:hover{background:var(--sky-dark);

    transform:translateY(-2px);}
@media (max-width:768px){.product-page-main .nav{height:72px;}}
.product-page-main .product-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 16%,rgba(91,198,255,.25),transparent 25%),radial-gradient(circle at 15% 90%,rgba(255,255,255,.07),transparent 24%),linear-gradient(125deg,#061420 0%,#0a2a45 52%,#1174b5 100%);isolation:isolate}
.product-page-main .hero-grid-lines{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,#000,transparent 80%)}
.product-page-main .product-hero:after{content:"";position:absolute;right:-180px;bottom:-360px;z-index:-1;width:680px;height:680px;border:1px solid rgba(255,255,255,.11);border-radius:50%}
.product-page-main .product-hero-grid{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;padding-top:75px;padding-bottom:75px}
.product-page-main .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:24px;color:rgba(255,255,255,.65);font-size:12px}
.product-page-main .breadcrumb a{color:#fff}
.product-page-main .breadcrumb i{font-size:8px}
.product-page-main .eyebrow, .product-page-main .section-kicker{display:inline-flex;align-items:center;gap:11px;color:#57b9ed;font-size:11px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}
.product-page-main .eyebrow:before, .product-page-main .section-kicker:before{content:"";width:32px;height:1px;background:currentColor}
.product-page-main .product-hero h1{max-width:660px;margin:15px 0 22px;color:#fff;font-size:clamp(46px,5.5vw,72px);line-height:1.02;letter-spacing:-2.3px}
.product-page-main .product-hero h1 span{color:#72cdfa}
.product-page-main .product-hero-copy>p{max-width:650px;margin:0;color:rgba(255,255,255,.76);font-size:17px;line-height:1.8}
.product-page-main .hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}
.product-page-main .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 20px;border:1px solid transparent;border-radius:11px;font-weight:800;transition:.3s}
.product-page-main .btn:hover{transform:translateY(-3px)}
.product-page-main .btn-primary{color:#fff;background:linear-gradient(135deg,#32afea,#1174b5);box-shadow:0 14px 28px rgba(17,116,181,.3)}
.product-page-main .btn-glass{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);backdrop-filter:blur(10px)}
.product-page-main .hero-trust{display:flex;flex-wrap:wrap;gap:19px;margin-top:28px;color:rgba(255,255,255,.68);font-size:12px}
.product-page-main .hero-trust i{margin-right:6px;color:#6bd0ff}
.product-page-main .product-visual{position:relative}
.product-page-main .product-image-card{position:relative;min-height:475px;display:grid;place-items:center;padding:44px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.18);border-radius:30px;box-shadow:0 36px 80px rgba(0,0,0,.25);backdrop-filter:blur(16px)}
.product-page-main .product-image-card img{position:relative;z-index:2;width:100%;max-height:380px;object-fit:contain;border-radius:20px;filter:drop-shadow(0 30px 28px rgba(0,0,0,.25))}
.product-page-main .image-badge{position:absolute;top:22px;left:22px;z-index:3;padding:8px 12px;color:#fff;background:rgba(6,25,40,.45);border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.product-page-main .image-glow{position:absolute;width:320px;height:320px;background:radial-gradient(circle,rgba(64,188,245,.27),transparent 68%);filter:blur(12px)}
.product-page-main .floating-note{position:absolute;z-index:4;display:grid;grid-template-columns:40px 1fr;column-gap:10px;min-width:205px;padding:14px 16px;color:#fff;background:rgba(6,25,40,.72);border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 18px 35px rgba(0,0,0,.2);backdrop-filter:blur(12px)}
.product-page-main .floating-note i{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;color:#7ad5ff;background:rgba(47,158,219,.14);border-radius:10px}
.product-page-main .floating-note strong{font-size:12px}
.product-page-main .floating-note small{color:rgba(255,255,255,.58);font-size:10px}
.product-page-main .note-one{left:-42px;bottom:65px}
.product-page-main .note-two{right:-38px;top:74px}
.product-page-main .section{padding:100px 0}
.product-page-main .soft-section{background:linear-gradient(180deg,#f5f9fc,#fbfdff)}
.product-page-main .section-copy h2, .product-page-main .section-heading h2{margin:14px 0 18px;color:var(--navy);font-size:clamp(34px,4vw,50px);line-height:1.13;letter-spacing:-1.2px}
.product-page-main .section-copy>p, .product-page-main .section-heading>p{color:var(--muted);font-size:15px;line-height:1.85}
.product-page-main .section-heading{max-width:760px;margin:0 auto 48px;text-align:center}
.product-page-main .section-heading .section-kicker{justify-content:center}
.product-page-main .overview-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:85px;align-items:center}
.product-page-main .overview-image{position:relative;padding:18px;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}
.product-page-main .overview-image img{width:100%;height:440px;object-fit:contain;background:#f8fbfd;border-radius:18px}
.product-page-main .experience-chip{position:absolute;right:-25px;bottom:35px;display:flex;flex-direction:column;padding:16px 20px;color:#fff;background:linear-gradient(135deg,var(--sky),var(--sky-dark));border-radius:14px;box-shadow:0 17px 34px rgba(17,116,181,.28)}
.product-page-main .experience-chip span{font-size:11px;opacity:.8}
.product-page-main .check-list{display:grid;gap:13px;margin:26px 0 0;padding:0;list-style:none}
.product-page-main .check-list li{display:flex;gap:11px;color:#405468;font-size:14px}
.product-page-main .check-list i{flex:0 0 24px;display:grid;place-items:center;width:24px;height:24px;color:#fff;background:var(--sky);border-radius:50%;font-size:10px}
.product-page-main .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-page-main .feature-card{position:relative;padding:30px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 35px rgba(13,34,56,.055);transition:.35s}
.product-page-main .feature-card:hover{transform:translateY(-8px);border-color:rgba(47,158,219,.3);box-shadow:0 25px 50px rgba(13,34,56,.12)}
.product-page-main .feature-card>span{display:grid;place-items:center;width:52px;height:52px;color:#fff;background:linear-gradient(135deg,var(--sky),var(--sky-dark));border-radius:14px;box-shadow:0 12px 24px rgba(17,116,181,.22)}
.product-page-main .feature-card h3{margin:22px 0 9px;color:var(--navy);font-size:18px}
.product-page-main .feature-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.product-page-main .specs-section{background:#fff}
.product-page-main .specs-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:start}
.product-page-main .spec-note{display:flex;gap:13px;margin-top:28px;padding:18px;background:#eef8fd;border:1px solid #d6edf8;border-radius:14px}
.product-page-main .spec-note i{color:var(--sky-dark)}
.product-page-main .spec-note p{margin:0;color:#536b7d;font-size:12px}
.product-page-main .spec-table{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.product-page-main .spec-row{display:grid;grid-template-columns:.75fr 1.25fr;border-bottom:1px solid var(--line)}
.product-page-main .spec-row:last-child{border-bottom:0}
.product-page-main .spec-row span, .product-page-main .spec-row strong{padding:19px 22px;font-size:13px}
.product-page-main .spec-row span{color:#607184;background:#f7fafc;font-weight:700}
.product-page-main .spec-row strong{color:var(--navy)}
.product-page-main .applications-section{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(112,205,253,.15),transparent 24%),linear-gradient(125deg,#061522,#0b2b47 55%,#0d4774)}
.product-page-main .applications-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px}
.product-page-main .section-heading.light{position:relative}
.product-page-main .section-heading.light h2{color:#fff}
.product-page-main .section-heading.light p{color:rgba(255,255,255,.65)}
.product-page-main .application-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.product-page-main .application-card{display:flex;align-items:center;gap:15px;padding:23px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:16px;backdrop-filter:blur(10px);transition:.3s}
.product-page-main .application-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.1);border-color:rgba(109,207,255,.35)}
.product-page-main .application-card i{display:grid;place-items:center;width:46px;height:46px;color:#77d2ff;background:rgba(47,158,219,.15);border-radius:12px}
.product-page-main .application-card h3{margin:0;font-size:15px}
.product-page-main .why-section{background:#fff}
.product-page-main .why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}
.product-page-main .why-list{display:grid;gap:15px}
.product-page-main .why-item{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:23px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 28px rgba(13,34,56,.05);transition:.3s}
.product-page-main .why-item:hover{transform:translateX(7px);border-color:rgba(47,158,219,.28)}
.product-page-main .why-item>span{display:grid;place-items:center;width:50px;height:50px;color:var(--sky-dark);background:#eaf7fd;border-radius:13px;font-size:13px;font-weight:900}
.product-page-main .why-item h3{margin:1px 0 6px;color:var(--navy);font-size:17px}
.product-page-main .why-item p{margin:0;color:var(--muted);font-size:13px}
.product-page-main .faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:start}
.product-page-main .faq-list{display:grid;gap:12px}
.product-page-main .faq-list details{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px}
.product-page-main .faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;color:var(--navy);font-size:14px;font-weight:800;cursor:pointer;list-style:none}
.product-page-main .faq-list summary::-webkit-details-marker{display:none}
.product-page-main .faq-list details p{margin:0;padding:0 21px 21px;color:var(--muted);font-size:13px;line-height:1.75}
.product-page-main .faq-list details[open]{border-color:rgba(47,158,219,.28);box-shadow:0 12px 30px rgba(13,34,56,.06)}
.product-page-main .faq-list details[open] summary i{transform:rotate(45deg)}
.product-page-main .faq-list summary i{color:var(--sky-dark);transition:.25s}
.product-page-main .related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.product-page-main .related-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(13,34,56,.055);transition:.35s}
.product-page-main .related-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(13,34,56,.12)}
.product-page-main .related-card div{padding:20px}
.product-page-main .related-card span{color:var(--sky-dark);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px}
.product-page-main .related-card h3{margin:7px 0 14px;color:var(--navy);font-size:17px}
.product-page-main .related-card b{color:#51677a;font-size:11px}
.product-page-main .quote-section{padding:0 0 100px;background:#fff}
.product-page-main .quote-shell{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:52px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(119,211,255,.2),transparent 28%),linear-gradient(125deg,#071827,#0d3454 60%,#1174b5);border-radius:26px;box-shadow:0 28px 70px rgba(13,34,56,.2)}
.product-page-main .quote-shell:after{content:"";position:absolute;right:-100px;bottom:-180px;width:350px;height:350px;border:1px solid rgba(255,255,255,.13);border-radius:50%}
.product-page-main .quote-shell h2{margin:12px 0 11px;color:#fff;font-size:clamp(31px,4vw,45px);line-height:1.12}
.product-page-main .quote-shell p{max-width:650px;margin:0;color:rgba(255,255,255,.68)}
.product-page-main .quote-actions{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:22px}
.product-page-main .quote-phone{display:flex;flex-direction:column}
.product-page-main .quote-phone small{color:rgba(255,255,255,.55)}
.product-page-main .quote-phone strong{color:#fff}
.product-page-main .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.product-page-main .reveal.is-visible{opacity:1;transform:none}
@media (max-width:1100px){.product-page-main .product-hero-grid{gap:45px}
.product-page-main .floating-note{display:none}
.product-page-main .related-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.product-page-main .product-hero-grid, .product-page-main .overview-grid, .product-page-main .specs-grid, .product-page-main .why-grid, .product-page-main .faq-grid, .product-page-main .quote-shell{grid-template-columns:1fr}
.product-page-main .product-hero-grid{padding-top:58px;gap:45px}
.product-page-main .product-image-card{min-height:390px}
.product-page-main .overview-grid, .product-page-main .specs-grid, .product-page-main .why-grid, .product-page-main .faq-grid{gap:45px}
.product-page-main .feature-grid, .product-page-main .application-grid{grid-template-columns:repeat(2,1fr)}
.product-page-main .overview-image img{height:360px}
.product-page-main .experience-chip{right:15px}
.product-page-main .quote-actions{justify-content:flex-start}
.product-page-main .product-subnav{top:82px}}
@media (max-width:620px){.product-page-main .container{width:min(100% - 28px,1180px)}
.product-page-main .section{padding:72px 0}
.product-page-main .product-hero-grid{min-height:auto;padding-top:48px;padding-bottom:55px}
.product-page-main .product-hero h1{font-size:43px;letter-spacing:-1.4px}
.product-page-main .product-hero-copy>p{font-size:15px}
.product-page-main .hero-actions .btn{width:100%}
.product-page-main .hero-trust{display:grid;gap:9px}
.product-page-main .product-image-card{min-height:320px;padding:26px;border-radius:22px}
.product-page-main .product-subnav-inner{justify-content:flex-start}
.product-page-main .feature-grid, .product-page-main .application-grid, .product-page-main .related-grid{grid-template-columns:1fr}
.product-page-main .spec-row{grid-template-columns:1fr}
.product-page-main .spec-row strong{padding-top:0}
.product-page-main .quote-shell{padding:32px 24px;border-radius:20px}
.product-page-main .quote-actions{align-items:flex-start;flex-direction:column}
.product-page-main .overview-image img{height:290px}
.product-page-main .section-heading{text-align:left}
.product-page-main .section-heading .section-kicker{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){.product-page-main{scroll-behavior:auto}
.product-page-main .reveal{opacity:1;transform:none;transition:none}
.product-page-main .btn, .product-page-main .feature-card, .product-page-main .application-card, .product-page-main .related-card, .product-page-main .why-item{transition:none}}
.product-page-main .nav{min-height: 0;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;}
.product-page-main .nav-cta{padding: 13px 21px;
    color: #fff !important;
    background: var(--sky);
    border-radius: 4px;
    box-shadow: none;
    font-weight: 700;}
.product-page-main .nav-cta:hover{color: #fff !important;
    background: var(--sky-dark);
    transform: translateY(-2px);}
@media (max-width: 900px){.product-page-main .nav{position: relative;
        height: 72px;}
.product-page-main .nav-cta{width: auto !important;}}
.product-page-main .products-landing-hero{position: relative;
    min-height: 610px;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #fff;
    background: #061827;
    isolation: isolate;}
.product-page-main .products-landing-hero::after{content: none;}
.product-page-main .products-hero-bg{position: absolute;
    inset: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.9) contrast(1.03);}
.product-page-main .products-hero-overlay{position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(
            90deg,
            rgba(4, 20, 33, .97) 0%,
            rgba(4, 24, 39, .92) 42%,
            rgba(4, 24, 39, .58) 70%,
            rgba(4, 24, 39, .30) 100%
        ),
        linear-gradient(
            180deg,
            rgba(4, 24, 39, .10),
            rgba(4, 24, 39, .25)
        );}
.product-page-main .products-hero-content{position: relative;
    z-index: 2;
    padding-top: 76px;
    padding-bottom: 76px;}
.product-page-main .products-hero-content .breadcrumb{margin-bottom: 25px;}
.product-page-main .products-hero-content h1{max-width: 780px;
    margin: 15px 0 22px;
    color: #fff;
    font-size: clamp(48px, 5.5vw, 74px);
    line-height: 1.03;
    letter-spacing: -2.4px;}
.product-page-main .products-hero-content h1 span{display: block;
    color: #65c8f8;}
.product-page-main .products-hero-content > p{max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,.80);
    font-size: 17px;
    line-height: 1.82;}
.product-page-main .products-hero-content .hero-actions{margin-top: 31px;}
.product-page-main .products-hero-points{display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 27px;}
.product-page-main .products-hero-points span{display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    color: rgba(255,255,255,.86);
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    backdrop-filter: blur(8px);}
.product-page-main .products-hero-points i{color: #6ad0ff;}
.product-page-main .products-landing-hero, .product-page-main .products-landing-hero *, .product-page-main .products-landing-hero .reveal{animation: none !important;}
.product-page-main #overview{background:
        radial-gradient(circle at 10% 10%, rgba(47,158,219,.07), transparent 28%),
        linear-gradient(180deg, #fff 0%, #f8fbfd 100%);}
.product-page-main #overview .overview-image{padding: 20px;
    background: #fff;}
.product-page-main #overview .overview-image img{width: 100%;
    height: 440px;
    object-fit: contain;
    background:
        radial-gradient(circle at 50% 42%, rgba(47,158,219,.09), transparent 38%),
        #f6fafc;
    border-radius: 18px;}
.product-page-main .products-range-section{background: linear-gradient(180deg, #f5f9fc 0%, #ffffff 100%);}
.product-page-main .products-range-section .all-products-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}
.product-page-main .products-range-section .related-card{border-radius: 20px;
    box-shadow: 0 12px 34px rgba(13,34,56,.07);}
.product-page-main .products-range-section .related-card img{height: 230px;
    padding: 24px;
    background:
        radial-gradient(circle at 50% 40%, rgba(47,158,219,.08), transparent 40%),
        #f7fafc;}
.product-page-main .benefits-before-why{background:
        radial-gradient(circle at 85% 12%, rgba(47,158,219,.08), transparent 25%),
        linear-gradient(180deg, #f6fafc 0%, #ffffff 100%);}
.product-page-main .why-sutez-premium{position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 8%, rgba(47,158,219,.09), transparent 24%),
        #ffffff;}
.product-page-main .why-sutez-premium::before{content: "";
    position: absolute;
    left: -170px;
    bottom: -210px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(47,158,219,.10);
    border-radius: 50%;
    pointer-events: none;}
.product-page-main .why-sutez-premium .why-grid{position: relative;
    z-index: 2;}
.product-page-main .why-sutez-premium .why-item{border-radius: 20px;
    box-shadow: 0 13px 34px rgba(13,34,56,.06);}
.product-page-main .why-sutez-premium .why-item:hover{transform: translateX(8px);
    border-color: rgba(47,158,219,.40);
    box-shadow: 0 20px 42px rgba(13,34,56,.11);}
@media (max-width: 900px){.product-page-main .products-landing-hero{min-height: 570px;}
.product-page-main .products-hero-overlay{background:
            linear-gradient(
                90deg,
                rgba(4,20,33,.97) 0%,
                rgba(4,24,39,.90) 60%,
                rgba(4,24,39,.58) 100%
            );}
.product-page-main .products-range-section .all-products-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 620px){.product-page-main .products-landing-hero{min-height: auto;}
.product-page-main .products-hero-content{padding-top: 55px;
        padding-bottom: 60px;}
.product-page-main .products-hero-content h1{font-size: clamp(40px, 12vw, 54px);
        letter-spacing: -1.5px;}
.product-page-main .products-hero-content > p{font-size: 15px;
        line-height: 1.7;}
.product-page-main .products-hero-points{display: grid;}
.product-page-main .products-range-section .all-products-grid{grid-template-columns: 1fr;}
.product-page-main #overview .overview-image img{height: 300px;}}
.product-page-main .products-range-section .all-products-grid{gap: 24px;}
.product-page-main .products-range-section .related-card{display: flex;
    flex-direction: column;
    min-height: 500px;
    overflow: hidden;
    border: 1px solid #dfe8ef;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 14px 36px rgba(13, 34, 56, .08);}
.product-page-main .products-range-section .related-card{overflow:hidden;
    display:flex;
    flex-direction:column;
    background:#fff;}
.product-page-main .products-range-section .related-card > img{display:block;

    width:100%;

    height:340px;

    padding:40px;

    background:#fff;

    object-fit:contain;

    object-position:center;

    border-bottom:1px solid #edf2f6;}
.product-page-main .products-range-section .related-card div{padding:28px;

    background:#fbfdff;}
.product-page-main .products-range-section .related-card > div{display: flex;
    flex: 1;
    flex-direction: column;
    padding: 25px 24px 24px;}
.product-page-main .products-range-section .related-card span{margin-bottom: 7px;
    color: var(--sky-dark);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.2px;
    text-transform: uppercase;}
.product-page-main .products-range-section .related-card h3{margin: 0 0 14px;
    color: var(--navy);
    font-size: 20px;
    line-height: 1.3;}
.product-page-main .products-range-section .related-card b{margin-top: auto;
    color: var(--sky-dark);
    font-size: 13px;
    font-weight: 800;}
.product-page-main .products-range-section .related-card:hover{transform: translateY(-8px);
    border-color: rgba(47, 158, 219, .45);
    box-shadow: 0 24px 52px rgba(13, 34, 56, .14);}
.product-page-main .products-range-section .related-card:hover > img{transform: scale(1.025);}
.product-page-main .products-range-section .related-card > img{transition: transform .4s ease;}
@media (max-width: 992px){.product-page-main .products-range-section .related-card{min-height: 470px;}
.product-page-main .products-range-section .related-card > img{height: 260px;}}
@media (max-width: 620px){.product-page-main .products-range-section .related-card{min-height: auto;}
.product-page-main .products-range-section .related-card > img{height: 250px;
        padding: 18px 20px;}
.product-page-main .products-range-section .related-card > div{padding: 22px 20px 22px;}}
.product-page-main .products-range-section{background:
        radial-gradient(circle at 95% 5%, rgba(47,158,219,.08), transparent 26%),
        #f4f8fb;}
.product-page-main .products-range-section .all-products-grid{display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;}
.product-page-main .products-range-section .related-card{display: flex;
    flex-direction: column;
    min-height: 520px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e9ef;
    border-radius: 20px;
    box-shadow: 0 12px 32px rgba(13,34,56,.07);
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;}
.product-page-main .products-range-section .related-card:hover{transform: translateY(-7px);
    border-color: rgba(47,158,219,.45);
    box-shadow: 0 24px 50px rgba(13,34,56,.13);}
.product-page-main .products-range-section .related-card > img{display: block;
    width: 100%;
    height: 290px;
    padding: 24px 26px;
    object-fit: contain;
    object-position: center;
    background: #ffffff !important;
    border-bottom: 1px solid #edf2f5;
    transition: transform .45s ease;}
.product-page-main .products-range-section .related-card:hover > img{transform: scale(1.025);}
.product-page-main .products-range-section .related-card > div{display: flex;
    flex: 1;
    flex-direction: column;
    padding: 24px 24px 25px;
    background: #ffffff;}
.product-page-main .products-range-section .related-card span{display: block;
    margin: 0 0 8px;
    color: #1174b5;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: 1.25px;
    text-transform: uppercase;}
.product-page-main .products-range-section .related-card h3{margin: 0 0 12px;
    color: #0d2238;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -.2px;}
.product-page-main .products-range-section .related-card p{margin: 0 0 20px;
    color: #6b7b8c;
    font-size: 14px;
    line-height: 1.72;}
.product-page-main .products-range-section .related-card b{display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    color: #1174b5;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;}
.product-page-main .products-range-section .related-card b::after{content: "→";
    font-size: 16px;
    transition: transform .3s ease;}
.product-page-main .products-range-section .related-card b{font-size: 0;}
.product-page-main .products-range-section .related-card b::before{content: "Explore Product";
    font-size: 14px;}
.product-page-main .products-range-section .related-card:hover b::after{transform: translateX(4px);}
@media (max-width: 992px){.product-page-main .products-range-section .all-products-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.product-page-main .products-range-section .related-card{min-height: 500px;}
.product-page-main .products-range-section .related-card > img{height: 270px;}}
@media (max-width: 620px){.product-page-main .products-range-section .all-products-grid{grid-template-columns: 1fr;}
.product-page-main .products-range-section .related-card{min-height: auto;}
.product-page-main .products-range-section .related-card > img{height: 260px;
        padding: 22px;}
.product-page-main .products-range-section .related-card > div{padding: 22px 20px 23px;}}
.product-page-main .premium-cta{position: relative;
    overflow: hidden;
    padding: 18px 0 105px;
    background:
        radial-gradient(circle at 10% 0%, rgba(47,158,219,.07), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);}
.product-page-main .premium-cta-shell{position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
    gap: 58px;
    align-items: center;
    padding: 64px 66px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 12%, rgba(101,200,248,.24), transparent 24%),
        radial-gradient(circle at 8% 110%, rgba(255,255,255,.08), transparent 30%),
        linear-gradient(125deg, #061522 0%, #0a2a45 58%, #1174b5 100%);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 30px;
    box-shadow:
        0 30px 80px rgba(13,34,56,.22),
        inset 0 1px 0 rgba(255,255,255,.10);
    isolation: isolate;}
.product-page-main .premium-cta-shell::before, .product-page-main .premium-cta-shell::after{content: "";
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 50%;
    pointer-events: none;}
.product-page-main .premium-cta-shell::before{width: 430px;
    height: 430px;
    right: -165px;
    top: -235px;}
.product-page-main .premium-cta-shell::after{width: 260px;
    height: 260px;
    left: -120px;
    bottom: -170px;}
.product-page-main .premium-cta-copy{max-width: 670px;}
.product-page-main .premium-cta-kicker{display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #7bd0ff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.7px;
    text-transform: uppercase;}
.product-page-main .premium-cta-kicker i{font-size: 12px;}
.product-page-main .premium-cta-copy h2{margin: 0;
    color: #fff;
    font-size: clamp(40px, 4.8vw, 60px);
    line-height: 1.04;
    letter-spacing: -1.9px;}
.product-page-main .premium-cta-copy h2 span{display: block;
    color: #69cffc;}
.product-page-main .premium-cta-copy > p{max-width: 640px;
    margin: 22px 0 0;
    color: rgba(255,255,255,.72);
    font-size: 15px;
    line-height: 1.82;}
.product-page-main .premium-cta-highlights{display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;}
.product-page-main .premium-cta-highlights span{display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    color: rgba(255,255,255,.84);
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;}
.product-page-main .premium-cta-highlights i{color: #6ad0ff;
    font-size: 9px;}
.product-page-main .premium-cta-panel{display: grid;
    gap: 14px;}
.product-page-main .premium-cta-primary{display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: 0;
    padding: 18px 18px 18px 20px;
    color: #0d2238;
    background: #fff;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 18px;
    box-shadow: 0 16px 36px rgba(0,0,0,.18);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;}
.product-page-main .premium-cta-primary:hover{transform: translateY(-4px);
    background: #f7fcff;
    box-shadow: 0 24px 48px rgba(0,0,0,.24);}
.product-page-main .premium-cta-primary-copy{display: flex;
    flex-direction: column;}
.product-page-main .premium-cta-primary small, .product-page-main .premium-cta-contact small{color: #6b7b8c;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;}
.product-page-main .premium-cta-primary strong{margin-top: 2px;
    color: #0d2238;
    font-size: 18px;}
.product-page-main .premium-cta-arrow{display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    color: #fff;
    background: linear-gradient(135deg, #32afea, #1174b5);
    border-radius: 13px;
    box-shadow: 0 10px 24px rgba(17,116,181,.26);}
.product-page-main .premium-cta-contact-grid{display: grid;
    grid-template-columns: 1fr;
    gap: 12px;}
.product-page-main .premium-cta-contact{display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 15px 16px;
    color: #fff;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    backdrop-filter: blur(10px);
    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease;}
.product-page-main .premium-cta-contact:hover{transform: translateY(-3px);
    background: rgba(255,255,255,.11);
    border-color: rgba(123,208,255,.35);}
.product-page-main .premium-cta-contact-icon{display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    color: #78d2ff;
    background: rgba(47,158,219,.16);
    border: 1px solid rgba(123,208,255,.14);
    border-radius: 13px;}
.product-page-main .premium-cta-contact > span:last-child{min-width: 0;
    display: flex;
    flex-direction: column;}
.product-page-main .premium-cta-contact small{color: rgba(255,255,255,.52);}
.product-page-main .premium-cta-contact strong{margin-top: 2px;
    color: #fff;
    font-size: 15px;
    overflow-wrap: anywhere;}
@media (max-width: 900px){.product-page-main .premium-cta-shell{grid-template-columns: 1fr;
        gap: 38px;
        padding: 52px 44px;}
.product-page-main .premium-cta-contact-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 620px){.product-page-main .premium-cta{padding-bottom: 72px;}
.product-page-main .premium-cta-shell{padding: 36px 24px;
        border-radius: 22px;}
.product-page-main .premium-cta-copy h2{font-size: 38px;
        letter-spacing: -1.1px;}
.product-page-main .premium-cta-highlights, .product-page-main .premium-cta-contact-grid{display: grid;
        grid-template-columns: 1fr;}}