:root{
    --ink:#0f172a;
    --muted:#5f6f86;
    --line:#dbeafe;
    --brand:#0284c7;
    --brand-dark:#075985;
    --accent:#06b6d4;
    --soft:#f0f9ff;
    --surface:#ffffff;
    --hero-start:#061826;
    --hero-end:#0284c7;
    --brand-rgb:2,132,199;
    --shadow:0 22px 60px rgba(15,23,42,.12);
}
body.site-theme-blue{--brand:#0284c7;--brand-dark:#075985;--accent:#06b6d4;--soft:#f0f9ff;--hero-start:#061826;--hero-end:#0284c7;--brand-rgb:2,132,199}
body.site-theme-green{--brand:#0f766e;--brand-dark:#134e4a;--accent:#14b8a6;--soft:#f0fdfa;--hero-start:#06231f;--hero-end:#0f766e;--brand-rgb:15,118,110}
body.site-theme-navy{--brand:#2563eb;--brand-dark:#1e3a8a;--accent:#38bdf8;--soft:#eff6ff;--hero-start:#07111f;--hero-end:#2563eb;--brand-rgb:37,99,235}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%}
:focus-visible{outline:3px solid rgba(var(--brand-rgb),.35);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:30;min-height:68px;padding:10px min(6vw,76px);display:flex;align-items:center;justify-content:space-between;gap:18px;backdrop-filter:blur(18px);}
.site-brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:18px;line-height:1.15;letter-spacing:0}
.site-brand-logo{width:36px;height:36px;object-fit:contain;display:block;flex:0 0 auto;filter:drop-shadow(0 8px 18px rgba(var(--brand-rgb),.22))}
.site-nav{display:flex;align-items:center;gap:6px;font-size:14px;color:#405166;white-space:nowrap}
.site-nav a{min-height:38px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;transition:background .2s,color .2s,transform .2s}
.site-nav a:hover{color:var(--brand-dark);transform:translateY(-1px)}
.site-hero{position:relative;overflow:hidden;color:#fff;}
.site-hero::before,.site-hero::after{content:"";position:absolute;border-radius:999px;pointer-events:none}
.site-hero::before{width:46vw;height:46vw;right:-12vw;top:-18vw;background:radial-gradient(circle,rgba(6,182,212,.38),transparent 64%);filter:blur(10px)}
.site-hero::after{width:34vw;height:34vw;left:-14vw;bottom:-18vw;background:radial-gradient(circle,rgba(125,211,252,.22),transparent 65%);filter:blur(8px)}
.site-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.site-hero-bg::after{content:"";position:absolute;inset:0;}
.site-hero-shell{position:relative;z-index:1;padding:70px min(7vw,86px) 26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,520px);gap:44px;align-items:center}
.site-hero-content{max-width:760px}
.site-kicker,.site-section-label{margin:0 0 10px;font-size:13px;font-weight:900;letter-spacing:0;color:var(--brand);text-transform:uppercase}
.site-hero .site-kicker{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;backdrop-filter:blur(12px)}
.site-hero h1{margin:0;font-size:clamp(38px,6vw,76px);line-height:1.06;letter-spacing:0;text-wrap:balance}
.site-hero p{max-width:650px;font-size:20px;}
.site-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.site-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:900;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s}
.site-btn:hover{transform:translateY(-2px)}
.site-btn-primary{background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;box-shadow:0 16px 36px rgba(var(--brand-rgb),.28)}
.site-btn-primary:hover{background:linear-gradient(135deg,var(--brand-dark),var(--brand));box-shadow:0 20px 44px rgba(var(--brand-rgb),.34)}
.site-btn-light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28);backdrop-filter:blur(10px)}
.site-btn-light:hover{background:rgba(255,255,255,.2)}
.site-btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none}
.site-hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.site-hero-proof span,.site-intro-tags span,.product-detail-badges span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.88);font-size:13px;font-weight:800}
.site-hero-showcase{position:relative;min-height:520px}
.site-showcase-card{position:absolute;display:block;width:72%;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:18px;backdrop-filter:blur(18px);transition:transform .25s,border-color .25s}
.site-showcase-card:hover{transform:translateY(-8px) rotate(0deg) scale(1.02);border-color:rgba(255,255,255,.45)}
.site-showcase-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:12px;background:linear-gradient(145deg,#fff,#e0f2fe)}
.site-showcase-card span{display:block;margin:12px 2px 3px;color:#bae6fd;font-size:12px;font-weight:900}
.site-showcase-card b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 2px;color:#fff;font-size:15px;line-height:1.35}
.site-showcase-card-0{right:0;top:12px;z-index:3}
.site-showcase-card-1{left:0;top:150px;z-index:2;}
.site-showcase-card-2{right:34px;bottom:4px;z-index:1;}
.site-showcase-empty{min-height:420px;border:1px dashed rgba(255,255,255,.3);border-radius:18px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.68);font-weight:900}
.site-hero-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 min(7vw,86px) 36px;border:1px solid rgba(255,255,255,.24);border-radius:14px;overflow:hidden;backdrop-filter:blur(18px);}
.site-hero-stats div{padding:18px 22px;color:var(--ink)}
.site-hero-stats strong{display:block;font-size:28px;line-height:1;color:var(--brand-dark)}
.site-hero-stats span{display:block;margin-top:6px;color:var(--muted);font-size:13px;font-weight:800}
.site-section{padding:76px min(7vw,86px)}
.site-brand-strip{padding-top:76px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.site-brand-strip-card{position:relative;overflow:hidden;min-height:138px;padding:22px;border:1px solid rgba(219,234,254,.9);border-radius:12px;box-shadow:0 18px 48px rgba(15,23,42,.06)}
.site-brand-strip-card::after{content:"";position:absolute;}
.site-brand-strip-card b{display:block;margin-bottom:8px;font-size:17px}
.site-brand-strip-card span{display:block;color:var(--muted);font-size:14px}
.site-intro{display:grid;grid-template-columns:minmax(240px,380px) minmax(0,1fr);gap:52px;}
.site-section h2{margin:0;font-size:32px;line-height:1.2;letter-spacing:0;text-wrap:balance}
.site-intro-copy p{margin:0;font-size:18px;color:#344054}
.site-intro-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.site-intro-tags span,.product-detail-badges span{background:#fff;color:var(--brand-dark);border-color:#bfdbfe}
.site-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}
.site-section-link{color:var(--brand);font-weight:900;font-size:14px}
#site-product-count{font-size:14px;color:var(--muted)}
.site-category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:-8px 0 24px}
.site-category-tab{min-height:38px;padding:0 14px;border:1px solid #bfdbfe;border-radius:999px;background:#fff;color:#31506a;font-size:14px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .2s,background .2s,border-color .2s,color .2s}
.site-category-tab b{min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e0f2fe;color:var(--brand-dark);font-size:12px}
.site-category-tab:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--brand-dark);background:#f0f9ff}
.site-category-tab.active,.product-category-item.active{background:linear-gradient(135deg,var(--brand),var(--accent));border-color:transparent;color:#fff}
.site-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.site-product-card{display:block;min-width:0;border:1px solid rgba(219,234,254,.95);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.92);cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s}
.site-product-card:hover{border-color:rgba(var(--brand-rgb),.42);}
.site-product-media{position:relative;overflow:hidden;background:linear-gradient(145deg,#f8fcff,#e0f2fe)}
.site-product-media::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(15,23,42,.1));pointer-events:none}
.site-product-card img,.site-product-placeholder{width:100%;aspect-ratio:4/3;object-fit:contain;background:linear-gradient(145deg,#fff,#eaf8ff);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:900}
.site-product-preview-img{display:block;padding:12px;transition:transform .25s}
.site-product-dots{position:absolute;left:0;right:0;bottom:10px;z-index:2;display:flex;justify-content:center;gap:3px;padding:0 10px}
.site-product-dot{position:relative;width:24px;height:22px;border:0;background:transparent;padding:0;cursor:pointer}
.site-product-dot::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:999px;border:1px solid rgba(15,23,42,.24);background:rgba(255,255,255,.9);box-shadow:0 1px 5px rgba(15,23,42,.16);transform:translate(-50%,-50%);transition:width .16s,background .16s,border-color .16s}
.site-product-dot.active::after{width:22px;background:var(--brand);border-color:var(--brand)}
.site-product-body{padding:17px 18px 18px}
.site-product-body p{margin:0 0 8px;color:var(--brand);font-size:12px;font-weight:900}
.site-product-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px;margin:0 0 10px;font-size:17px;line-height:1.4}
.site-product-body strong{display:block;margin:-2px 0 8px;color:#dc2626;font-size:19px;line-height:1.2}
.site-product-body span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px;color:var(--muted);font-size:14px}
.site-empty{grid-column:1/-1;padding:36px;border:1px dashed #bfdbfe;border-radius:14px;text-align:center;color:var(--muted);background:#f8fcff;font-weight:800}
.site-service{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff}
.site-service .site-section-label{color:#a7f3d0}
.site-service p{max-width:760px;color:rgba(255,255,255,.78)}
.site-contact{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:48px;background:#fff}
.site-contact-list{display:grid;gap:12px}
.site-contact-list div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;padding:18px 20px;border:1px solid #dbeafe;border-radius:12px;background:linear-gradient(145deg,#fff,#f8fcff)}
.site-contact-list b{color:var(--brand-dark)}
.site-contact-list span{color:#344054;word-break:break-word}
.site-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px min(7vw,86px);border-top:1px solid var(--line);color:var(--muted);font-size:13px;background:#fff}
.site-footer a{color:var(--muted)}
.site-product-modal{position:fixed;inset:0;z-index:40;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.68)}
.site-product-modal.show{display:flex}
.site-product-dialog{position:relative;width:min(920px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:14px}
.site-modal-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(15,23,42,.72);color:#fff;font-size:22px;cursor:pointer}
.site-product-dialog img{width:100%;max-height:420px;object-fit:contain;background:#eef2f7}
.site-product-dialog-body{padding:28px}
.site-product-dialog-body h2{margin:0 0 8px;font-size:30px}
.site-product-dialog-body p{color:var(--muted)}
.site-product-price{margin:4px 0 14px;color:#dc2626;font-size:28px;font-weight:950}
.site-share-btn{min-height:44px;padding:0 16px;border:1px solid #bae6fd;border-radius:8px;background:#effaff;color:var(--brand-dark);font-weight:900;cursor:pointer;transition:transform .2s,background .2s}
.site-share-btn:hover{background:#dff7ff;transform:translateY(-2px)}
#site-modal-detail{margin-top:18px;color:#344054;white-space:normal}
.site-product-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px}
.site-product-gallery img{width:100%;aspect-ratio:1/1;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff}
.site-detail-long-image{display:block;width:100%;height:auto;margin-top:22px;border-radius:14px;border:1px solid var(--line);background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.06)}
.product-center-hero{position:relative;overflow:hidden;min-height:300px;padding:74px min(7vw,86px) 54px;background:linear-gradient(135deg,#061826,#075985 52%,#06b6d4);color:#fff;display:flex;align-items:end;justify-content:space-between;gap:28px}
.product-center-hero::after{content:"";position:absolute;right:-100px;top:-120px;width:420px;height:420px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.26),transparent 64%)}
.product-center-hero .site-section-label{color:#a7f3d0}
.product-center-hero h1{margin:0;font-size:clamp(38px,6vw,68px);line-height:1.05}
.product-center-hero p:last-child{max-width:720px;margin:12px 0 0;color:rgba(255,255,255,.8)}
.product-center-orbit{position:relative;z-index:1;width:min(360px,34vw);min-height:180px}
.product-center-orbit span{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.12);font-weight:900;backdrop-filter:blur(12px)}
.product-center-orbit span:nth-child(1){right:20px;top:0}
.product-center-orbit span:nth-child(2){left:20px;top:50px}
.product-center-orbit span:nth-child(3){right:0;bottom:44px}
.product-center-orbit span:nth-child(4){left:60px;bottom:0}
.product-center-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;padding:34px min(7vw,86px) 76px;align-items:start}
.product-category-sidebar{position:sticky;top:88px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.9);padding:14px;box-shadow:0 16px 44px rgba(15,23,42,.06);backdrop-filter:blur(14px)}
.product-sidebar-title{font-size:14px;font-weight:950;margin-bottom:10px;color:var(--ink)}
.product-category-item{width:100%;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;font-size:14px;font-weight:900;cursor:pointer;text-align:left;transition:background .2s,color .2s,transform .2s}
.product-category-item:hover{background:#f0f9ff;color:var(--brand-dark);transform:translateX(2px)}
.product-category-item:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.product-category-item b{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.28);font-size:12px}
.product-center-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.product-center-head h2{margin:0;font-size:30px}
.product-center-head span{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.product-center-service{color:var(--brand-dark);border-color:#bae6fd;background:#fff}
.product-center-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.product-detail-page{--product-glow-rgb:var(--brand-rgb);--product-glow-soft-rgb:224,242,254;background:#fff}
.product-detail-loading{padding:80px min(7vw,86px);color:var(--muted)}
.product-detail-hero{position:relative;display:grid;grid-template-columns:minmax(280px,420px) minmax(0,620px);justify-content:center;gap:52px;padding:62px min(7vw,86px);background:radial-gradient(circle at 29% 48%,rgba(var(--product-glow-rgb),.22),rgba(var(--product-glow-rgb),.09) 30%,transparent 54%),radial-gradient(circle at 64% 38%,rgba(var(--product-glow-soft-rgb),.28),transparent 46%),linear-gradient(135deg,#f0f9ff,#fff 58%,#e0f2fe);align-items:center;overflow:hidden;transition:background .36s ease}
.product-detail-hero::before{content:"";position:absolute;left:calc(50% - 560px);top:50%;width:600px;height:600px;border-radius:999px;background:radial-gradient(circle,rgba(var(--product-glow-rgb),.34),rgba(var(--product-glow-rgb),.15) 38%,rgba(var(--product-glow-rgb),.06) 56%,transparent 74%);--product-glow-x:0;--product-glow-y:-50%;transform:translate3d(var(--product-glow-x),var(--product-glow-y),0) scale(.72);opacity:.42;pointer-events:none;z-index:0;transform-origin:center;will-change:auto}
.product-detail-hero::after{content:"";position:absolute;right:-150px;top:-180px;width:500px;height:500px;border-radius:999px;background:radial-gradient(circle,rgba(var(--product-glow-soft-rgb),.38),rgba(var(--product-glow-rgb),.1) 44%,transparent 70%);transform:scale(.82);opacity:.32;pointer-events:none;z-index:0;transform-origin:center;will-change:auto}
.product-detail-page.product-glow-ready .product-detail-hero::before{animation:productGlowBloom 7.8s cubic-bezier(.16,1,.3,1) infinite;will-change:transform,opacity}
.product-detail-page.product-glow-ready .product-detail-hero::after{animation:productGlowBloomSoft 9.2s cubic-bezier(.16,1,.3,1) .7s infinite;will-change:transform,opacity}
.product-detail-cover{position:relative;z-index:1;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.product-detail-cover img,.product-detail-cover .site-product-placeholder{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;padding:18px}
.product-detail-info{position:relative;z-index:1;max-width:620px}
.product-detail-info h1{margin:0 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.16}
.product-detail-info p{max-width:680px;color:var(--muted);font-size:17px}
.product-back-link{display:inline-flex;margin-bottom:16px;color:var(--brand);font-size:14px;font-weight:900}
.product-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.product-detail-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.product-detail-section{padding-top:46px}
.product-detail-page>.product-detail-section{max-width:1180px;margin:0 auto}
.product-detail-section h2{margin-bottom:18px}
.product-detail-reading-shell{display:grid;grid-template-columns:minmax(0,960px);justify-content:center;gap:26px;max-width:1180px;margin:0 auto;padding:0 min(5vw,56px) 72px}
.product-detail-reading-shell.has-related-products{grid-template-columns:minmax(0,820px) 260px;align-items:start}
.product-detail-reading-shell .site-detail-description{grid-column:1;grid-row:1;max-width:960px;padding-left:0;padding-right:0}
.product-detail-reading-shell.has-related-products .site-detail-description{max-width:820px}
.site-detail-image-list{max-width:960px}
.product-related-rail{position:sticky;top:92px;grid-column:2;grid-row:1;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;box-shadow:0 14px 38px rgba(15,23,42,.06)}
.product-related-title{font-weight:950;margin-bottom:10px}
.product-related-list{display:grid;gap:10px}
.product-related-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border-radius:10px;background:#f8fcff;border:1px solid transparent;transition:border-color .2s,transform .2s}
.product-related-card:hover{border-color:#bae6fd;transform:translateY(-2px)}
.product-related-thumb{width:58px;height:58px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--muted);font-size:12px}
.product-related-thumb img{width:100%;height:100%;object-fit:contain}
.product-related-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.35}
.product-related-card em{display:block;margin-top:4px;color:#dc2626;font-style:normal;font-weight:900}
@keyframes siteShine{0%,55%,100%{transform:translateX(-40%);opacity:.08}70%{transform:translateX(34%);opacity:.45}}

/* ==================== 官网科技视觉与滚动性能优化 ==================== */
body{
    background:
        linear-gradient(90deg,rgba(2,132,199,.045) 1px,transparent 1px),
        linear-gradient(180deg,rgba(2,132,199,.04) 1px,transparent 1px),
        linear-gradient(180deg,#f8fdff 0,#fff 38%,#f6fbff 100%);
    background-size:44px 44px,44px 44px,auto;
}
.site-header{
    background:rgba(248,253,255,.88);
    border-bottom:1px solid rgba(14,165,233,.18);
    box-shadow:0 12px 34px rgba(8,47,73,.07);
}
.site-brand{color:#082f49}
.site-nav a{border:1px solid transparent}
.site-nav a:hover{
    border-color:rgba(var(--brand-rgb),.18);
    background:rgba(var(--brand-rgb),.08);
}
.site-hero{
    background:#030b16;
    isolation:isolate;
}
.site-hero::before,
.site-hero::after{
    display:none;
}
.site-hero-bg{
    transform:none;
    animation:none;
    filter:none;
    background:
        linear-gradient(118deg,rgba(2,6,23,.97) 0%,rgba(8,47,73,.9) 48%,rgba(var(--brand-rgb),.74) 100%),
        linear-gradient(135deg,var(--hero-start),var(--hero-end));
}
.site-hero-bg::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(125,211,252,.12) 1px,transparent 1px),
        linear-gradient(180deg,rgba(125,211,252,.09) 1px,transparent 1px),
        repeating-linear-gradient(115deg,rgba(255,255,255,.08) 0 1px,transparent 1px 76px);
    background-size:56px 56px,56px 56px,auto;
    mask-image:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.46));
}
.site-hero-bg::after{
    top:-12%;
    bottom:-12%;
    left:-44%;
    right:auto;
    width:34%;
    background:linear-gradient(110deg,transparent 0 36%,rgba(255,255,255,.14) 50%,transparent 64%);
    opacity:.52;
    transform:translate3d(-120%,0,0) skewX(-15deg);
    animation:siteHeroSweep 7.5s cubic-bezier(.16,1,.3,1) 1.2s infinite;
    will-change:transform;
}
.site-hero-shell{
    min-height:clamp(590px,74dvh,720px);
}
.site-hero-content>*{
    animation:siteHeroContentIn .58s cubic-bezier(.16,1,.3,1) both;
}
.site-hero-content>*:nth-child(2){animation-delay:.06s}
.site-hero-content>*:nth-child(3){animation-delay:.12s}
.site-hero-content>*:nth-child(4){animation-delay:.18s}
.site-hero-content>*:nth-child(5){animation-delay:.24s}
.site-hero .site-kicker{
    background:rgba(6,182,212,.12);
    border-color:rgba(125,211,252,.32);
    color:#a7f3d0;
    box-shadow:0 12px 34px rgba(6,182,212,.16);
    animation:siteHeroContentIn .58s cubic-bezier(.16,1,.3,1) both;
}
.site-hero h1{
    text-shadow:0 0 28px rgba(125,211,252,.24);
}
.site-hero p{
    color:rgba(224,242,254,.88);
}
.site-hero-proof span{
    background:rgba(2,132,199,.18);
    border-color:rgba(125,211,252,.28);
    animation:siteChipIn .42s cubic-bezier(.16,1,.3,1) both;
}
.site-hero-proof span:nth-child(2){animation-delay:.08s}
.site-hero-proof span:nth-child(3){animation-delay:.16s}
.site-btn{
    position:relative;
    overflow:hidden;
}
.site-btn::before{
    content:"";
    position:absolute;
    inset:-35% auto -35% -48%;
    width:34%;
    pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
    transform:translate3d(-110%,0,0) skewX(-18deg);
    transition:transform .42s cubic-bezier(.16,1,.3,1);
}
.site-btn:hover::before{
    transform:translate3d(430%,0,0) skewX(-18deg);
}
.site-showcase-card{
    background:linear-gradient(150deg,rgba(255,255,255,.17),rgba(14,165,233,.08));
    border-color:rgba(186,230,253,.24);
    box-shadow:0 26px 64px rgba(0,0,0,.24);
    will-change:auto;
}
.site-showcase-card-0{transform:translate3d(0,var(--site-card-y,0),0) rotate(var(--site-card-rotate,0deg)) scale(var(--site-card-scale,1))}
.site-showcase-card-1{transform:translate3d(0,var(--site-card-y,0),0) rotate(var(--site-card-rotate,-5deg)) scale(var(--site-card-scale,.92))}
.site-showcase-card-2{transform:translate3d(0,var(--site-card-y,0),0) rotate(var(--site-card-rotate,5deg)) scale(var(--site-card-scale,.84))}
.site-showcase-card-0,
.site-showcase-card-1,
.site-showcase-card-2{
    opacity:0;
    animation:siteFadeIn .48s cubic-bezier(.16,1,.3,1) forwards;
}
.site-showcase-card-0{--site-card-y:0px;--site-card-float-y:-10px;--site-card-rotate:0deg;--site-card-scale:1;animation-delay:.12s}
.site-showcase-card-1{--site-card-y:0px;--site-card-float-y:-8px;--site-card-rotate:-5deg;--site-card-scale:.92;animation-delay:.2s}
.site-showcase-card-2{--site-card-y:0px;--site-card-float-y:-7px;--site-card-rotate:5deg;--site-card-scale:.84;animation-delay:.28s}
.site-hero-stats{
    background:rgba(8,47,73,.38);
    border-color:rgba(125,211,252,.26);
    box-shadow:0 22px 60px rgba(2,6,23,.22);
}
.site-hero-stats div{
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(240,249,255,.9));
}
.site-hero-stats strong{
    animation:siteStatPop .5s cubic-bezier(.16,1,.3,1) both;
}
.site-hero-stats div:nth-child(2) strong{animation-delay:.06s}
.site-hero-stats div:nth-child(3) strong{animation-delay:.12s}
.site-hero-stats div:nth-child(4) strong{animation-delay:.18s}
.site-brand-strip-card{
    border-color:rgba(186,230,253,.82);
    background:
        linear-gradient(90deg,rgba(var(--brand-rgb),.18) 0 3px,transparent 3px),
        linear-gradient(145deg,#fff,#eefaff);
}
.site-brand-strip-card::after{
    border-radius:0;
    right:18px;
    top:18px;
    width:54px;
    height:54px;
    background:
        linear-gradient(90deg,rgba(var(--brand-rgb),.18) 1px,transparent 1px),
        linear-gradient(180deg,rgba(var(--brand-rgb),.16) 1px,transparent 1px);
    background-size:12px 12px;
    opacity:.7;
    transform:translate3d(0,0,0);
    transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .28s cubic-bezier(.16,1,.3,1);
}
.site-brand-strip-card:hover::after{
    opacity:1;
    transform:translate3d(-6px,6px,0);
}
.site-intro{
    background:
        linear-gradient(90deg,rgba(14,165,233,.07) 1px,transparent 1px),
        linear-gradient(135deg,var(--soft),#fff);
    background-size:42px 42px,auto;
}
.site-product-card{
    will-change:auto;
    border-color:rgba(186,230,253,.78);
    box-shadow:0 12px 32px rgba(8,47,73,.07);
}
.site-product-card:hover{
    transform:translateY(-6px);
    box-shadow:0 22px 54px rgba(var(--brand-rgb),.15);
}
.site-product-card:hover .site-product-preview-img{
    transform:scale(1.035);
}
.site-product-preview-img.site-preview-switching{
    animation:sitePreviewPop .32s cubic-bezier(.16,1,.3,1) both;
}
.site-product-dot.active::after{
    box-shadow:0 0 0 5px rgba(var(--brand-rgb),.12),0 4px 14px rgba(var(--brand-rgb),.2);
}
.site-service{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(90deg,rgba(125,211,252,.12) 1px,transparent 1px),
        linear-gradient(180deg,rgba(125,211,252,.1) 1px,transparent 1px),
        linear-gradient(135deg,#031525,#075985 56%,#0891b2);
    background-size:46px 46px,46px 46px,auto;
}
.site-service::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(110deg,transparent 0 36%,rgba(255,255,255,.16) 48%,transparent 62%);
    transform:translate3d(-120%,0,0) skewX(-16deg);
    animation:none;
    opacity:0;
    will-change:auto;
}
.product-center-hero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:repeating-linear-gradient(130deg,rgba(255,255,255,.12) 0 1px,transparent 1px 52px);
    animation:none;
}
.product-center-orbit span{
    animation:none;
}
.product-detail-info,
.product-center-hero h1,
.product-center-hero p{
    animation:siteHeroContentIn .58s cubic-bezier(.16,1,.3,1) both;
}
@keyframes siteHeroContentIn{
    0%{opacity:0;transform:translateY(18px) scale(.985)}
    100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes siteHeroSweep{
    0%,46%{transform:translate3d(-120%,0,0) skewX(-15deg)}
    68%,100%{transform:translate3d(430%,0,0) skewX(-15deg)}
}
@keyframes siteFadeIn{
    from{opacity:0}
    to{opacity:1}
}
@keyframes siteShowcaseFloat{
    0%,100%{transform:translate3d(0,var(--site-card-y,0),0) rotate(var(--site-card-rotate,0deg)) scale(var(--site-card-scale,1))}
    50%{transform:translate3d(0,var(--site-card-float-y,-8px),0) rotate(var(--site-card-rotate,0deg)) scale(var(--site-card-scale,1))}
}
@keyframes siteChipIn{
    0%{opacity:0;transform:translateY(8px) scale(.94)}
    100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes siteStatPop{
    0%{opacity:.5;transform:translateY(8px) scale(.94)}
    100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes siteServiceSweep{
    0%,58%{transform:translate3d(-120%,0,0) skewX(-16deg)}
    78%,100%{transform:translate3d(120%,0,0) skewX(-16deg)}
}
@keyframes sitePreviewPop{
    0%{opacity:.55;transform:scale(.96)}
    100%{opacity:1;transform:scale(1)}
}
@keyframes productGlowBloom{
    0%{opacity:.12;transform:translate3d(var(--product-glow-x),var(--product-glow-y),0) scale(.58)}
    38%{opacity:.74;transform:translate3d(var(--product-glow-x),var(--product-glow-y),0) scale(1.2)}
    100%{opacity:.22;transform:translate3d(var(--product-glow-x),var(--product-glow-y),0) scale(.9)}
}
@keyframes productGlowBloomSoft{
    0%{opacity:.1;transform:scale(.68)}
    46%{opacity:.54;transform:scale(1.28)}
    100%{opacity:.2;transform:scale(.9)}
}
.site-motion-enabled .site-motion-item{
    opacity:0;
    transform:translateY(22px);
    filter:none;
    transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1);
    transition-delay:min(var(--site-motion-delay,0ms),180ms);
}
.site-motion-enabled .site-motion-visible{
    opacity:1;
    transform:translateY(0);
    filter:none;
}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation:none!important;transition:none!important}
    .site-motion-enabled .site-motion-item{opacity:1!important;transform:none!important;filter:none!important}
}
@media(max-width:980px){
    .site-hero-shell{grid-template-columns:1fr;min-height:auto;padding-top:70px}
    .site-hero-showcase{min-height:420px}
    .site-showcase-card{width:62%}
    .site-brand-strip{grid-template-columns:1fr}
    .product-center-orbit{display:none}
    .product-detail-reading-shell.has-related-products{grid-template-columns:1fr}
    .product-detail-reading-shell .site-detail-description{grid-column:1;grid-row:1}
    .product-related-rail{position:static;grid-column:1;grid-row:2}
}
@media(max-width:720px){
    .site-header{height:auto;min-height:60px;padding:12px 18px;align-items:flex-start;gap:10px;flex-direction:column}
    .site-brand{font-size:16px}
    .site-brand-logo{width:30px;height:30px}
    .site-nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;white-space:normal;padding:0}
    .site-nav a{min-height:44px;justify-content:center;padding:0 10px}
    .site-hero-shell{padding:54px 20px 22px;gap:26px}
    .site-hero h1{font-size:36px}
    .site-hero p{font-size:16px}
    .site-hero-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:auto}
    .site-showcase-card{position:relative;inset:auto;width:100%;padding:9px;border-radius:14px;transform:none!important;animation:siteFadeIn .38s cubic-bezier(.16,1,.3,1) both}
    .site-showcase-card-0{grid-column:1/-1;right:auto;top:auto;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(118px,.85fr);align-items:center;column-gap:10px}
    .site-showcase-card-1,.site-showcase-card-2{left:auto;right:auto;top:auto;bottom:auto;z-index:1}
    .site-showcase-card img{aspect-ratio:16/10;padding:4px}
    .site-showcase-card-0 img{grid-row:1/3;grid-column:1;aspect-ratio:4/3}
    .site-showcase-card-0 span,.site-showcase-card-0 b{grid-column:2}
    .site-showcase-card-0 span{align-self:end}
    .site-showcase-card-0 b{align-self:start}
    .site-showcase-card-1 img,.site-showcase-card-2 img{aspect-ratio:1/1}
    .site-showcase-card span{margin:8px 2px 2px;font-size:11px}
    .site-showcase-card b{font-size:13px}
    .site-hero-stats{grid-template-columns:repeat(2,1fr);margin:0 20px 28px}
    .site-hero-stats div{padding:16px}
    .site-section{padding:46px 20px}
    .site-brand-strip{padding-top:46px}
    .site-intro,.site-contact{grid-template-columns:1fr;gap:20px}
    .site-section h2{font-size:28px}
    .site-section-head{align-items:flex-start;flex-direction:column}
    .site-product-grid{grid-template-columns:1fr}
    .site-product-dots{position:static;min-height:38px;align-items:center;background:#fff;border-top:1px solid var(--line)}
    .site-product-dot{width:38px;height:34px}
    .site-product-dot::after{width:10px;height:10px;background:#d0d5dd;border-color:#d0d5dd;box-shadow:none}
    .site-product-dot.active::after{width:28px;background:var(--brand);border-color:var(--brand)}
    .site-service{align-items:flex-start;flex-direction:column}
    .site-contact-list div{grid-template-columns:1fr;gap:4px}
    .product-center-hero{min-height:260px;padding:48px 20px 34px}
    .product-center-shell{grid-template-columns:1fr;padding:22px 20px 48px;gap:18px}
    .product-category-sidebar{position:static;padding:10px;overflow-x:auto}
    #product-category-list{display:flex;gap:8px}
    .product-category-item{width:auto;flex:0 0 auto;min-width:124px}
    .product-center-head{align-items:flex-start;flex-direction:column}
    .product-detail-hero{grid-template-columns:1fr;padding:30px 20px;gap:24px}
    .product-detail-hero::before{left:50%;top:28%;width:420px;height:420px;--product-glow-x:-50%;--product-glow-y:-50%}
    .product-detail-reading-shell{padding:0 20px 48px}
    .product-detail-info h1{font-size:30px}
}