*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172033;background:#f7f9fc;line-height:1.78}img{max-width:100%;height:auto;display:block}a{color:#075985}.wrap{max-width:1160px;margin:auto;padding:0 22px}.nav{position:sticky;top:0;z-index:99;background:#071426;border-bottom:1px solid #24344a}.navin{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{color:#fff;text-decoration:none;font-weight:800}.menu{display:flex;gap:16px;align-items:center}.menu a{color:#d6e0ec;text-decoration:none;font-size:14px}.btn{display:inline-block;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:800}.wa{background:#16a34a;color:#fff}.call{background:#38bdf8;color:#062033}.hero{margin:32px 0;padding:64px 26px;border-radius:24px;text-align:center;color:#fff;background:linear-gradient(135deg,#071426,#18304b);overflow:hidden}.heroimg{width:100%;max-height:390px;object-fit:cover;border-radius:18px;margin:0 auto 28px}.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.13;margin:0 auto 18px;max-width:950px}.hero h1 span{color:#38bdf8}.hero p{max-width:860px;margin:0 auto 26px;color:#d5deea;font-size:1.08rem}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.crumb{margin:20px 0;color:#64748b;font-size:14px}.section{padding:20px 0 42px}.section h2{font-size:2rem;line-height:1.25;color:#0f172a}.section h3{color:#0f172a;margin-top:28px}.lead{font-size:1.1rem;color:#475569}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #dfe7ef;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.card h3{margin-top:0}.card img{border-radius:12px;margin-bottom:15px;width:100%;aspect-ratio:16/9;object-fit:cover}.card a{text-decoration:none;font-weight:800}.toc{background:#fff;border:1px solid #dfe7ef;border-radius:16px;padding:20px;margin:25px 0}.toc strong{display:block;margin-bottom:8px}.toc ul{margin:0;padding-left:22px}.toc a{text-decoration:none}.inline-img{width:min(900px,100%);margin:25px auto;border-radius:18px}.cta{margin:40px 0;padding:44px 25px;border-radius:22px;background:linear-gradient(135deg,#22d3ee,#38bdf8);text-align:center;color:#062033}.cta h2{margin:0 0 10px}.cta p{max-width:780px;margin:0 auto 22px}.cta .btn{background:#071426;color:#fff}.tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:25px}.tag{background:#eef6fb;color:#17324a;border:1px solid #cfe3ef;padding:6px 12px;border-radius:999px;font-size:13px}footer{margin-top:25px;background:#071426;color:#aebdce;padding:42px 0}footer h3{color:#fff}footer a{color:#67e8f9}.note{padding:18px;background:#eef6fb;border-left:4px solid #0ea5e9;border-radius:8px}.article-body p{margin:0 0 18px}.faq{border-top:1px solid #dfe7ef;padding-top:12px}.small{font-size:.92rem;color:#64748b}@media(max-width:800px){.menu{display:none}.grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{padding:45px 18px}.section h2{font-size:1.65rem}}