:root{--navy:#0a1a33;--navy2:#12305c;--ice:#1fb6ff;--ice2:#e8f6ff;--ink:#14213d;--mut:#5b6b82;--line:#e3eaf3;--bg:#f5f8fc;--wa:#25d366;--r:18px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;padding-bottom:calc(68px + env(safe-area-inset-bottom))}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(10,26,51,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.5px;font-size:18px}
.logo i{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--ice),#5ee7ff);display:grid;place-items:center;font-style:normal;color:var(--navy);font-weight:900}
.logo small{font-weight:500;color:#8fb7e6;font-size:12px;margin-left:2px}
.nav{display:none;gap:26px;font-size:15px}.nav a{opacity:.85}.nav a.on,.nav a:hover{opacity:1;color:var(--ice)}
.hr{display:flex;align-items:center;gap:8px}
.lang{display:flex;border:1px solid rgba(255,255,255,.25);border-radius:99px;overflow:hidden;font-size:13px;font-weight:700}
.lang button{background:none;border:0;color:#cfe3ff;padding:7px 11px;cursor:pointer}.lang button.on{background:var(--ice);color:var(--navy)}
.burger{width:44px;height:44px;border:0;background:none;color:#fff;font-size:24px;cursor:pointer}
.mnav{display:none;background:var(--navy);padding:6px 20px 18px}.mnav.open{display:block}
.mnav a{display:block;color:#fff;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:17px}
@media(min-width:900px){.nav{display:flex}.burger{display:none}.mnav{display:none!important}body{padding-bottom:0}}
/* hero */
.hero{background:radial-gradient(120% 80% at 80% 0%,#1d4f8f 0%,var(--navy) 60%);color:#fff;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;inset:auto -20% -40% -20%;height:60%;background:radial-gradient(closest-side,rgba(31,182,255,.25),transparent)}
.hero .wrap{position:relative;z-index:1;padding-top:34px;padding-bottom:0;display:grid;gap:10px}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;letter-spacing:.4px;background:rgba(31,182,255,.15);color:#8fdcff;border:1px solid rgba(31,182,255,.35);padding:6px 12px;border-radius:99px;width:max-content;max-width:100%}
.hero h1{font-size:clamp(30px,8.4vw,54px);line-height:1.1;font-weight:850;letter-spacing:-.5px;margin-top:6px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--ice),#7af0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{color:#c3d6ef;font-size:16.5px;max-width:540px}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border-radius:14px;font-weight:750;font-size:16px;border:0;cursor:pointer;flex:1 1 auto}
.btn.wa{background:var(--wa);color:#fff;box-shadow:0 8px 22px rgba(37,211,102,.35)}
.btn.pri{background:var(--ice);color:var(--navy)}
.btn.gh{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25)}
.btn.out{background:#fff;color:var(--navy);border:1.5px solid var(--line)}
.heroimg{position:relative;margin-top:18px;display:flex;justify-content:center;align-items:flex-end;gap:0}
.heroimg img{width:44%;aspect-ratio:3/4.4;height:auto;object-fit:cover;border-radius:18px 18px 0 0;background:#fff}
.heroimg img.s{width:32%;margin:0 -4%;z-index:0;filter:brightness(.93)}.heroimg img.m{z-index:1;box-shadow:0 -10px 40px rgba(0,0,0,.35)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;color:var(--ink);border-radius:var(--r);box-shadow:0 14px 40px rgba(10,26,51,.12);margin:-34px 0 0;position:relative;z-index:2}
.stats div{padding:16px 6px;text-align:center}.stats div+div{border-left:1px solid var(--line)}
.stats b{display:block;font-size:22px;font-weight:850;color:var(--navy2)}.stats span{font-size:12px;color:var(--mut);line-height:1.3;display:block}
@media(min-width:900px){.hero .wrap{grid-template-columns:1.1fr 1fr;align-items:end;padding-top:70px}.hero .txt{padding-bottom:90px}}
/* sections */
.sec{padding:52px 0}.sec.alt{background:var(--bg)}
.eyebrow{font-size:12.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--ice)}
h2{font-size:clamp(25px,6.6vw,38px);line-height:1.18;font-weight:830;letter-spacing:-.3px;margin:6px 0 10px;color:var(--navy)}
.sub{color:var(--mut);font-size:15.5px;max-width:640px}
.energy{background:linear-gradient(140deg,#0c2a52,#0a1a33);color:#fff;border-radius:24px;padding:28px 22px;position:relative;overflow:hidden}
.energy .big{font-size:clamp(64px,22vw,120px);font-weight:900;line-height:1;background:linear-gradient(180deg,#7af0ff,var(--ice));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-3px}
.energy h3{font-size:22px;line-height:1.25;margin:4px 0 10px}.energy p{color:#bcd0ea;font-size:15px}
.bars{margin:22px 0 6px;display:grid;gap:12px}.bar{font-size:13px;color:#cfe0f5}
.bar i{display:block;height:14px;border-radius:99px;margin-top:6px;background:#3b5577}.bar.z i{width:50%;background:linear-gradient(90deg,var(--ice),#7af0ff)}
.note{font-size:11.5px!important;color:#88a2c4!important;margin-top:12px}
.grid{display:grid;gap:14px;margin-top:24px}
@media(min-width:640px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.g4{grid-template-columns:1fr 1fr}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s}
a.card:active{transform:scale(.985)}a.card:hover{box-shadow:0 12px 30px rgba(10,26,51,.1)}
.pc .im{aspect-ratio:1/1;background:#fff;display:grid;place-items:center;padding:10px}.pc .im img{max-height:100%;object-fit:contain}
.pc .bd{padding:12px 14px 16px;border-top:1px solid var(--line)}
.pc .md{font-weight:820;color:var(--navy);font-size:16px}.pc .nm{font-size:13px;color:var(--mut);line-height:1.35;margin:2px 0 8px;min-height:35px}
.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:11.5px;font-weight:700;background:var(--ice2);color:#0b6aa8;padding:3px 8px;border-radius:7px}
.sc{display:flex;gap:14px;align-items:center;padding:14px}.sc img{width:88px;height:88px;object-fit:contain;flex:none;background:#fff;border-radius:12px}
.sc h3{font-size:16.5px;color:var(--navy);line-height:1.25}.sc p{font-size:13.5px;color:var(--mut);margin-top:3px}.sc .ar{margin-left:auto;color:var(--ice);font-size:22px}
.feat{padding:18px;display:flex;gap:14px}.feat .ic{flex:none;width:46px;height:46px;border-radius:13px;background:var(--ice2);display:grid;place-items:center;font-size:22px}
.feat h3{font-size:16px;color:var(--navy)}.feat p{font-size:14px;color:var(--mut);margin-top:2px}
.certs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.cert{border:1.5px solid var(--navy2);color:var(--navy2);font-weight:850;border-radius:10px;padding:8px 14px;font-size:15px;letter-spacing:.5px;background:#fff}
.ph{aspect-ratio:4/3;background:repeating-linear-gradient(135deg,#eef3f9 0 12px,#f6f9fc 12px 24px);display:grid;place-items:center;text-align:center;color:#7a8ba3;font-size:13px;font-weight:650;padding:10px}
.ph span{display:block;font-size:30px;margin-bottom:4px}
.cc .bd{padding:14px}.cc h3{font-size:16px;color:var(--navy)}.cc p{font-size:13.5px;color:var(--mut);margin-top:3px}
.badge{display:inline-block;font-size:11px;font-weight:800;background:#fff4d6;color:#8a5b00;padding:3px 8px;border-radius:6px;margin-bottom:6px}
.ctab{background:linear-gradient(135deg,var(--ice),#57d6ff);border-radius:24px;padding:28px 22px;color:var(--navy)}
.ctab h2{color:var(--navy)}.ctab p{color:#0d3a63}
.ph-head{background:var(--navy);color:#fff;padding:34px 0 30px}.ph-head h1{font-size:clamp(28px,7.5vw,42px);line-height:1.15}.ph-head p{color:#b9cde8;margin-top:6px}
.crumb{font-size:13px;color:#8fb7e6;margin-bottom:8px}
.tabs{display:flex;gap:8px;overflow-x:auto;padding:14px 20px;margin:0 -20px;scrollbar-width:none;position:sticky;top:52px;background:#fff;z-index:10;border-bottom:1px solid var(--line)}
.tabs::-webkit-scrollbar{display:none}.tabs a{flex:none;padding:9px 14px;border-radius:99px;background:var(--bg);font-size:14px;font-weight:700;color:var(--navy2);border:1px solid var(--line)}
.series{padding-top:30px;scroll-margin-top:130px}.series h2{font-size:23px}
/* detail */
.gal{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.gal .main{aspect-ratio:1/1;display:grid;place-items:center;padding:14px}.gal .main img{max-height:100%;object-fit:contain}
.thumbs{display:flex;gap:8px;padding:0 12px 12px}.thumbs button{width:72px;height:72px;border-radius:12px;border:2px solid var(--line);background:#fff;padding:4px;cursor:pointer}.thumbs button.on{border-color:var(--ice)}
.thumbs img{width:100%;height:100%;object-fit:contain}
.spec{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:10px}
.spec tr:nth-child(odd){background:var(--bg)}.spec td{padding:12px 12px;border-bottom:1px solid var(--line);vertical-align:top}.spec td:first-child{color:var(--mut);width:44%}.spec td:last-child{font-weight:700;color:var(--navy)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.kpis div{background:var(--ice2);border-radius:14px;padding:12px 8px;text-align:center}.kpis b{display:block;color:var(--navy);font-size:17px}.kpis span{font-size:12px;color:var(--mut)}
.det{display:grid;gap:22px;padding:22px 0 40px}@media(min-width:900px){.det{grid-template-columns:1fr 1fr;gap:40px;padding-top:40px}}
.warn{font-size:12.5px;color:var(--mut);background:#fff8e6;border:1px solid #f3e2b4;border-radius:12px;padding:10px 12px;margin-top:12px}
ul.ck{list-style:none;display:grid;gap:8px;margin-top:12px}ul.ck li{padding-left:28px;position:relative;font-size:15px}ul.ck li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--ice2);color:#0b6aa8;font-size:12px;font-weight:900;display:grid;place-items:center}
/* form */
.form{display:grid;gap:12px;margin-top:16px}.form label{font-size:13.5px;font-weight:700;color:var(--navy2);display:grid;gap:6px}
.form input,.form select,.form textarea{font:inherit;font-size:16px;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;width:100%;color:var(--ink)}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--ice);box-shadow:0 0 0 4px rgba(31,182,255,.15)}
.todo{display:inline-block;background:#ffe9e9;color:#b42318;font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px;vertical-align:middle;margin-left:4px}
.ok{display:none;background:#e7f9ef;color:#146c43;border-radius:12px;padding:12px;font-size:14px}
.ci{display:grid;gap:10px;margin-top:16px}.ci a,.ci div{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:15px}.ci b{display:block;font-size:12px;color:var(--mut);font-weight:600}
/* footer + sticky */
.ft{background:var(--navy);color:#9fb6d6;padding:40px 0 30px;font-size:14px}.ft h4{color:#fff;margin-bottom:8px}.ft .grid{margin-top:0}.ft a{display:block;padding:4px 0}
.ft .cp{border-top:1px solid rgba(255,255,255,.08);margin-top:24px;padding-top:16px;font-size:12.5px}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(10,26,51,.08)}
.sticky .btn{min-height:50px;font-size:15.5px}.sticky .btn.out{flex:0 0 40%}
@media(min-width:900px){.sticky{left:auto;right:24px;bottom:24px;background:none;border:0;box-shadow:none;padding:0}.sticky .btn.out{display:none}.sticky .btn.wa{border-radius:99px;padding:0 26px}}
.wa-ic{width:22px;height:22px;fill:currentColor}
.btn{white-space:nowrap}.hero p.lead{margin-top:4px}

.hd .wrap{height:52px}.logo i{width:28px;height:28px}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:60px;font-size:11px;font-weight:600;color:#8592a6}
.tabbar svg{width:24px;height:24px}.tabbar a.on{color:var(--ice)}.tabbar a.on span{color:var(--navy);font-weight:800}
.tabbar a.mid i{width:50px;height:50px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;margin-top:-26px;box-shadow:0 6px 16px rgba(37,211,102,.45);border:4px solid #fff}
.tabbar a.mid span{color:#169c4b;font-weight:800}
@media(min-width:900px){.tabbar{display:none}body{padding-bottom:0}.hd .wrap{height:60px}}
.ptitle{padding:14px 16px 10px;background:#fff}.ptitle h1{font-size:22px;color:var(--navy)}.ptitle p{font-size:13px;color:var(--mut)}
.cl{display:grid;grid-template-columns:92px 1fr;border-top:1px solid var(--line);min-height:70vh}
.side{background:#f4f6f9;position:sticky;top:52px;align-self:start;max-height:calc(100vh - 112px - env(safe-area-inset-bottom));overflow-y:auto;scrollbar-width:none}
.side::-webkit-scrollbar{display:none}
.side button{display:block;width:100%;border:0;background:none;padding:15px 8px;font:inherit;font-size:13px;line-height:1.3;color:#4a5568;cursor:pointer;position:relative;text-align:center}
.side button.on{background:#fff;color:var(--navy);font-weight:800}.side button.on:before{content:"";position:absolute;left:0;top:30%;bottom:30%;width:3px;border-radius:3px;background:var(--ice)}
.cg{padding:10px;min-width:0}.g2c{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tile{display:block;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.tile img,.tile .sq{width:100%;aspect-ratio:1/1;object-fit:cover}.tile img.pimg{object-fit:contain;padding:6px}
.tile .sq{font-size:11.5px;padding:6px}.tile .sq span{font-size:24px}
.tile figcaption{padding:8px 6px 10px;text-align:center;font-size:13px;font-weight:700;color:var(--navy);line-height:1.3}
.tile figcaption small{display:block;font-weight:500;color:var(--mut);font-size:11.5px;margin-top:2px}
.share{margin-top:14px;background:var(--bg);border-radius:14px;padding:14px;font-size:13.5px}.share p{color:var(--mut);margin:4px 0 10px}.share .btn{width:100%;min-height:46px}
@media(min-width:900px){.cl{grid-template-columns:200px 1fr;max-width:1140px;margin:0 auto}.g2c{grid-template-columns:repeat(4,1fr)}.ptitle{max-width:1140px;margin:0 auto;padding:30px 20px 16px}.side{top:60px;max-height:none}}

.side button small{display:block;font-size:11px;color:var(--mut);font-weight:600;margin-top:2px}
@media(max-width:899px){.ft{padding:26px 0 18px}.ft .grid>div:nth-child(2){display:none}.ft .cp{margin-top:14px}}

.lang button{padding:7px 9px}
.cgal{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:18px -20px 0;padding:4px 20px 10px;scrollbar-width:none}.cgal::-webkit-scrollbar{display:none}
.ct{flex:0 0 132px;scroll-snap-align:start;border:0;background:none;text-align:left;cursor:pointer;font:inherit;padding:0}
.ci2{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 4px 14px rgba(10,26,51,.06)}
.ci2 img{width:100%;aspect-ratio:990/1400;object-fit:cover;border-radius:6px}
.ct b{display:block;margin-top:8px;font-size:13px;color:var(--navy)}.ct small{display:block;font-size:11.5px;color:var(--mut);line-height:1.3}
.cgal.full{display:grid;grid-template-columns:1fr 1fr 1fr;overflow:visible;margin:18px 0 0;padding:0}.cgal.full .ct{flex:none}
@media(min-width:900px){.cgal{display:grid;grid-template-columns:repeat(6,1fr);overflow:visible;margin:24px 0 0;padding:0}.cgal.full{grid-template-columns:repeat(6,1fr)}}
.lb{position:fixed;inset:0;z-index:100;background:rgba(5,12,25,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 14px calc(20px + env(safe-area-inset-bottom))}
.lb img{max-width:100%;max-height:calc(100% - 40px);object-fit:contain;border-radius:6px;background:#fff}.lb p{color:#dfe8f5;margin-top:10px;font-size:14px;text-align:center}
.lb button{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:20px;cursor:pointer}
.cgal{align-items:start}.ct{display:flex;flex-direction:column}

/* ============ v4 premium layer ============ */
:root{--navy:#0b1b3a;--navy2:#16336b;--ice:#1a8cff;--ice2:#eef5ff;--ink:#101828;--mut:#5d6b82;--line:#e7ecf3;--bg:#f6f8fb;--red:#d7262b;--green:#0e8a3c;--r:20px;--sh:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06);--sh2:0 20px 50px rgba(11,27,58,.14);--safe:env(safe-area-inset-bottom,0px)}
body{font-family:"Inter","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;letter-spacing:.005em;padding-bottom:calc(76px + var(--safe))}
.wrap{padding:0 20px}
/* header: clean white with real logo */
.hd{background:rgba(255,255,255,.88);color:var(--navy);border-bottom:1px solid rgba(16,24,40,.06);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px)}
.hd .wrap{height:58px}
.logo{gap:10px}.logo .lg{height:34px;width:auto;display:block}
.logo .lgt{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--navy2);padding-left:10px;border-left:1px solid var(--line);text-transform:uppercase}.logo .lgt b{color:var(--ice);font-weight:800}
.ftl .lg{background:#fff;border-radius:10px;padding:6px 10px;height:46px;box-sizing:content-box}.ftl .lgt{color:#fff;border-color:rgba(255,255,255,.2)}
.nav a{color:var(--navy);opacity:.75;font-weight:600;position:relative;padding:6px 0}.nav a.on{opacity:1;color:var(--navy)}.nav a.on:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--ice)}
.lang{border:1px solid var(--line);background:var(--bg)}.lang button{color:var(--mut)}.lang button.on{background:var(--navy);color:#fff;border-radius:99px}
@media(max-width:420px){.logo .lgt{display:none}}
/* hero */
.hero{background:radial-gradient(90% 60% at 85% 10%,rgba(26,140,255,.35),transparent 60%),radial-gradient(70% 50% at 0% 100%,rgba(14,138,60,.14),transparent 60%),linear-gradient(165deg,#0b1b3a 0%,#0f2a5c 55%,#0b1b3a 100%)}
.hero:after{display:none}
.hero .wrap{padding-top:38px}
.tag{background:rgba(255,255,255,.08);color:#d6e6ff;border-color:rgba(255,255,255,.18);font-weight:600;letter-spacing:.8px}
.hero h1{font-size:clamp(32px,9vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.12}
.hero h1 em{background:linear-gradient(90deg,#7cc4ff,#b9f0ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.72em;display:inline-block;margin-top:6px;line-height:1.25}
.hero p.lead{color:#b8c8e4;font-size:16px;line-height:1.7}
.heroimg{margin-top:26px;padding:0 4px}
.heroimg:before{content:"";position:absolute;left:8%;right:8%;bottom:0;height:70%;border-radius:50% 50% 0 0;background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent)}
.heroimg img{background:#fff;border-radius:22px 22px 0 0;object-fit:contain;padding:14px 10px 0;aspect-ratio:3/4}
.heroimg img.m{width:46%;box-shadow:0 -20px 60px rgba(0,0,0,.35)}.heroimg img.s{width:31%;filter:none;opacity:.92}
.stats{border-radius:22px;box-shadow:var(--sh2);border:1px solid rgba(16,24,40,.04)}
.stats b{font-size:21px;font-weight:800;color:var(--navy);letter-spacing:-.02em}
/* type & sections */
.sec{padding:60px 0}.sec.alt{background:linear-gradient(180deg,#f7f9fc,#f2f5fa)}
.eyebrow{color:var(--ice);font-weight:700;letter-spacing:2px;font-size:12px;display:flex;align-items:center;gap:8px}
.eyebrow:before{content:"";width:18px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--red),var(--ice))}
h2{font-weight:800;letter-spacing:-.02em;color:var(--navy)}
.sub{line-height:1.7}
/* buttons */
.btn{border-radius:16px;font-weight:700;letter-spacing:.01em;transition:transform .15s,box-shadow .2s}
.btn:active{transform:scale(.98)}
.btn.wa{background:linear-gradient(135deg,#2ad66f,#14b358);box-shadow:0 10px 26px rgba(20,179,88,.32)}
.btn.gh{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);backdrop-filter:blur(6px)}
.btn.out{border:1px solid var(--line);box-shadow:var(--sh)}
/* cards */
.card{border:1px solid rgba(16,24,40,.06);box-shadow:var(--sh);border-radius:var(--r)}
a.card:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.pc .im{background:linear-gradient(180deg,#fff,#f6f8fb);padding:16px}.pc .im img{mix-blend-mode:multiply}
.pc .md{font-weight:800;letter-spacing:-.01em}
.chip{background:var(--ice2);color:#1462c4;border-radius:99px;padding:3px 10px;font-weight:600}
.feat .ic{background:linear-gradient(135deg,#eef5ff,#e6f7ee);border-radius:14px}
.energy{background:radial-gradient(80% 70% at 100% 0%,rgba(26,140,255,.35),transparent 60%),linear-gradient(150deg,#0f2a5c,#0b1b3a);border-radius:26px;box-shadow:var(--sh2);padding:32px 24px}
.energy .big{background:linear-gradient(180deg,#b9f0ff,#4fb0ff);-webkit-background-clip:text;background-clip:text}
.bar.z i{background:linear-gradient(90deg,#2ad66f,#4fb0ff)}
.ctab{background:radial-gradient(80% 90% at 100% 0%,rgba(42,214,111,.25),transparent 60%),linear-gradient(135deg,#0f2a5c,#0b1b3a);color:#fff;border-radius:26px;padding:32px 24px;box-shadow:var(--sh2)}
.ctab h2{color:#fff}.ctab p{color:#b8c8e4}.ctab .btn.out{background:rgba(255,255,255,.1);color:#fff}
.ph-head{background:linear-gradient(165deg,#0b1b3a,#0f2a5c);padding:40px 0 34px}
/* list pages */
.ptitle{padding:20px 18px 14px;background:linear-gradient(180deg,#f6f8fb,#fff)}.ptitle h1{font-size:26px;font-weight:800;letter-spacing:-.02em}.ptitle p{line-height:1.6;margin-top:2px}
.cl{border-top:0}.side{background:#f3f5f9}.side button.on{color:var(--ice)}.side button.on:before{background:linear-gradient(var(--red),var(--ice))}
.tile{border:1px solid rgba(16,24,40,.06);border-radius:16px;box-shadow:var(--sh);transition:.2s}
a.tile:active{transform:scale(.98)}
.tile img.pimg{background:linear-gradient(180deg,#fff,#f6f8fb);padding:10px;mix-blend-mode:multiply}
.tile figcaption{font-weight:800;letter-spacing:-.01em;padding:10px 8px 12px}
/* product detail gallery */
.gal{border-radius:24px;box-shadow:var(--sh);border:1px solid rgba(16,24,40,.06);position:relative}
.gal .main{background:linear-gradient(180deg,#fff,#f4f7fb);padding:20px;position:relative}
.gcount{position:absolute;right:12px;top:12px;z-index:2;background:rgba(11,27,58,.72);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px}
.thumbs{overflow-x:auto;scrollbar-width:none;padding:12px}.thumbs::-webkit-scrollbar{display:none}
.thumbs button{flex:none;width:64px;height:64px;border:1.5px solid var(--line);transition:.15s}.thumbs button.on{border-color:var(--ice);box-shadow:0 0 0 3px rgba(26,140,255,.15)}
.kpis div{background:linear-gradient(180deg,#f3f8ff,#eaf2ff);border-radius:16px}.kpis b{font-weight:800}
.spec{border-radius:16px;overflow:hidden;box-shadow:var(--sh)}
.wanum{margin-top:10px;font-size:15px;color:var(--mut)}.wanum a{color:var(--green);font-weight:800}
/* certificates */
.ci2{border-radius:14px;box-shadow:var(--sh)}
.lb{background:rgba(5,12,25,.94);backdrop-filter:blur(6px)}
.lb>button{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:18px;cursor:pointer}
/* footer */
.ft{background:#0b1b3a}
/* bottom tab bar (mini-program style) */
.tabbar{background:rgba(255,255,255,.94);border-top:1px solid rgba(16,24,40,.06);box-shadow:0 -6px 24px rgba(16,24,40,.06);padding-bottom:var(--safe);z-index:2147483000}
.tabbar a{height:62px;color:#8a94a6;font-weight:600}
.tabbar a.on{color:var(--ice)}.tabbar a.on span{color:var(--navy)}
.tabbar a.mid i{width:52px;height:52px;background:linear-gradient(135deg,#2ad66f,#14b358);box-shadow:0 8px 20px rgba(20,179,88,.4)}
.tabbar a.mid span{color:#0e8a3c}
@media(min-width:900px){
 body{padding-bottom:0}.hd .wrap{height:68px}.logo .lg{height:40px}
 .hero .wrap{padding-top:80px}.hero h1{font-size:58px}
 .sec{padding:88px 0}
 .heroimg img.m{width:44%}
}
/* hide Netlify Drop injected badge so it never covers our nav (definitive fix: Netlify site settings) */
[class*="netlify-badge"],[id*="netlify-badge"],netlify-badge,iframe[src*="netlify"],body>a[href*="netlify.com"],body>div>a[href*="netlify.com"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
.det>div{min-width:0}.gal .main{overflow:hidden}.gal .main img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.thumbs{display:flex}
.lb{z-index:2147483600}