*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#1b2a3a;background:#fff;line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:34px;padding:18px 6vw;background:rgba(255,255,255,.98);border-bottom:1px solid #dbe7f3;box-shadow:0 10px 28px rgba(15,38,71,.08);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;min-width:220px}
.brand img{width:220px;max-height:64px;object-fit:contain}
.top nav{display:flex;gap:8px;flex:1;flex-wrap:wrap;align-items:center}
.top nav a{position:relative;display:inline-flex;align-items:center;min-height:42px;padding:8px 13px;border-radius:8px;font-size:17px;font-weight:700;color:#24364a;letter-spacing:0;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.top nav a:hover{background:#eef6ff;color:#0a5fb4;box-shadow:inset 0 -2px 0 #0a5fb4}
.phone{padding:10px 18px;border-radius:9px;background:#0a5fb4;color:#fff;font-weight:800;font-size:15px;box-shadow:0 10px 22px rgba(10,95,180,.24)}
.hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:42px;align-items:center;padding:86px 6vw;background:radial-gradient(circle at 15% 20%,#d9ebff 0,#f4f9ff 30%,transparent 54%),linear-gradient(135deg,#f7fbff,#fff)}
.hero h1{font-size:46px;line-height:1.15;margin:10px 0 18px;letter-spacing:0;color:#0d1b2a}
.hero p{font-size:18px;color:#526275;max-width:760px}
.eyebrow{color:#0a5fb4;font-weight:800}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;border-radius:8px;background:#0a5fb4;color:#fff;font-weight:800;border:1px solid #0a5fb4;box-shadow:0 10px 20px rgba(10,95,180,.18);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.btn:hover{background:#084e96;border-color:#084e96;transform:translateY(-1px);box-shadow:0 14px 26px rgba(10,95,180,.24)}
.btn-light{background:#fff;color:#0a5fb4;border-color:#9fc7ee;box-shadow:0 10px 20px rgba(9,45,89,.08)}
.btn-light:hover{background:#f2f8ff;border-color:#0a5fb4;color:#073f7a}
.hero-panel,.side,.content,.qr{border:1px solid #e1eaf4;border-radius:10px;background:#fff;padding:24px;box-shadow:0 18px 45px rgba(16,40,72,.06)}
.hero-panel strong,.hero-panel span{display:block;margin:10px 0}
.hero-panel span{padding:13px 14px;border-radius:8px;background:#f3f7fb;color:#2f4155}
main section{padding:46px 6vw}
h1,h2,h3{line-height:1.3;color:#101828}
h2{font-size:30px;margin:0 0 20px}
.lead{color:#5d6b7c}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.card{display:flex;flex-direction:column;gap:8px;border:1px solid #e3eaf2;border-radius:10px;overflow:hidden;background:#fff;min-height:100%;box-shadow:0 10px 26px rgba(16,40,72,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover{transform:translateY(-3px);border-color:#b8d3ee;box-shadow:0 18px 34px rgba(16,40,72,.09)}
.card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f6f9fc;padding:12px}
.card span,.card strong,.card p{margin-left:15px;margin-right:15px}
.card span{margin-top:12px;color:#0a5fb4;font-size:13px;font-weight:700}
.card strong{font-size:17px;color:#132337}
.card p{color:#5b6878;margin-bottom:18px}
.cat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.cat-card{padding:20px;border:1px solid #e3eaf2;border-radius:10px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 8px 20px rgba(16,40,72,.04);transition:border-color .18s ease,transform .18s ease}
.cat-card:hover{transform:translateY(-2px);border-color:#b8d3ee}
.cat-card strong,.cat-card span{display:block}
.cat-card span{color:#5b6878}
.page-title{background:#f4f8fc;padding-top:54px;padding-bottom:34px}
.page-title h1{font-size:36px;margin:8px 0}
.crumb{font-size:14px;color:#687789}
.grid-two{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.content table{width:100%!important;border-collapse:collapse;margin:18px 0}
.content td,.content th{border:1px solid #d7e0ea;padding:10px;vertical-align:middle}
.content img{display:block;margin:18px auto;border-radius:8px}
.content p{margin:0 0 14px}
.narrow{max-width:980px;margin:0 auto}
.side{position:sticky;top:92px}
.side h2{font-size:20px;margin-top:16px}
.product-hero .hero-img{background:#fff;border:1px solid #e3eaf2;border-radius:10px;padding:20px;text-align:center;box-shadow:0 10px 26px rgba(16,40,72,.045)}
.evidence dl{display:grid;grid-template-columns:140px 1fr;gap:10px}
.evidence dt{font-weight:700}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}
.qr{text-align:center}
.qr img{max-width:220px}
.qr strong,.qr span{display:block}
.footer{display:flex;justify-content:space-between;gap:28px;padding:34px 6vw;background:linear-gradient(135deg,#0d1726,#101f33);color:#dbe6f2}
.footer a{color:#fff}
.foot-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.footer .btn{background:#0b72d9;border-color:#0b72d9;color:#fff}
.footer .btn:hover{background:#0a5fb4;border-color:#0a5fb4}
.footer .btn-light{background:rgba(11,114,217,.16);border-color:#4aa3ff;color:#eef7ff;box-shadow:0 10px 20px rgba(0,0,0,.12)}
.footer .btn-light:hover{background:#eaf5ff;border-color:#eaf5ff;color:#0a5fb4}
@media(max-width:900px){.top{position:static;align-items:flex-start;flex-direction:column}.hero,.grid-two,.contact-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side{position:static}.footer{flex-direction:column}}
@media(max-width:560px){.hero{padding:56px 6vw}.hero h1,.page-title h1{font-size:30px}.cards,.cat-grid{grid-template-columns:1fr}.phone{width:100%;text-align:center}.top nav{gap:12px}.brand img{width:170px}.btn{width:100%}.foot-actions{align-items:stretch}}