*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Avenir Next","PingFang SC","Segoe UI",sans-serif;background:#f0f9ff;color:#0c4a6e;line-height:1.7}
.site-head{background:#0ea5e9;color:#fff}
.head-inner{max-width:1040px;margin:0 auto;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}
.brand{color:#fff;text-decoration:none;font-weight:700;font-size:18px}
nav{display:flex;gap:14px;flex-wrap:wrap}
nav a{color:#e0f2fe;text-decoration:none;font-size:14px}
.hero{max-width:1040px;margin:0 auto;padding:48px 18px 20px;display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:center}
.hero h1{font-size:32px;margin-bottom:12px;color:#0f766e}
.hero p{margin-bottom:8px}
.devices{height:180px;position:relative}
.laptop{position:absolute;left:10px;top:30px;width:180px;height:110px;border:4px solid #0f766e;border-radius:10px;background:#ccfbf1}
.phone{position:absolute;right:10px;top:20px;width:64px;height:120px;border:4px solid #0ea5e9;border-radius:12px;background:#e0f2fe}
.dotline{position:absolute;left:190px;right:80px;top:80px;border-top:3px dotted #0ea5e9}
.wa-cta{display:inline-block;margin-top:14px;background:#0f766e;color:#fff;text-decoration:none;font-weight:700;padding:12px 22px;border-radius:10px}
.block{max-width:1040px;margin:0 auto;padding:32px 18px}
.block h2{font-size:24px;color:#0f766e;margin-bottom:12px}
.step-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin-top:16px}
.step-tiles li{background:#fff;border-radius:10px;padding:16px;border:1px solid #bae6fd}
.step-tiles b{display:block;font-size:28px;color:#0ea5e9;margin-bottom:6px}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.card{background:#fff;border-radius:10px;padding:16px}
.ico{color:#0ea5e9;width:32px;height:32px}
.ico svg{width:32px;height:32px}
.cmp-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.cmp{background:#fff;padding:14px;border-radius:10px}
.faq-ol{margin:14px 0 0 18px}
.faq-ol h3{font-size:16px;margin:12px 0 6px}
.table-wrap{overflow:auto;margin-top:12px;background:#fff;border-radius:10px}
table{width:100%;border-collapse:collapse}
th,td{padding:9px;border-bottom:1px solid #bae6fd;text-align:left}
.site-foot{background:#0c4a6e;color:#bae6fd;padding:24px;text-align:center;font-size:13px}
.site-foot p{margin:6px 0}
@media (max-width:800px){
.hero,.step-tiles,.card-grid,.cmp-cols{grid-template-columns:1fr}
.devices{height:140px}
}

.news-login{list-style:none;margin-top:16px;counter-reset:n}
.news-login li{background:#fff;border-radius:10px;padding:14px 16px 14px 52px;margin:10px 0;border:1px solid #bae6fd;position:relative}
.news-login li:before{counter-increment:n;content:counter(n,decimal-leading-zero);position:absolute;left:12px;top:14px;color:#0ea5e9;font-weight:800}
.news-login time{color:#0f766e;font-size:12px}