*{box-sizing:border-box}body{margin:0;font:16px/1.65 "Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;color:#0A2540;background:#F5F8FC}
a{color:#0A66C2}.w{max-width:1080px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #E3EAF3;position:sticky;top:0;z-index:5}header .w{display:flex;align-items:center;gap:14px;height:62px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;color:#0A2540;text-decoration:none}.reel{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#0A66C2,#6A45F5);position:relative}.reel::after{content:"";position:absolute;left:11px;top:8px;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
header nav{margin-left:auto;display:flex;gap:16px;align-items:center;font-weight:700;font-size:14px}header nav a{color:#425466;text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;font-weight:800;text-decoration:none;background:linear-gradient(135deg,#0A66C2,#6A45F5);color:#fff;border:0;box-shadow:0 10px 24px rgba(10,102,194,.25)}.btn.l{background:#fff;color:#0A2540;border:1.5px solid #CFDAE8;box-shadow:none}
.hero{padding:46px 0 26px}.crumb{font-size:13px;color:#6B7C93}.crumb a{color:#6B7C93}
h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:10px 0 12px;letter-spacing:-.01em}.lead{font-size:18px;color:#425466;max-width:780px;margin:0}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:26px;align-items:start;padding-bottom:40px}
.card{background:#fff;border:1px solid #E3EAF3;border-radius:20px;padding:22px 24px;box-shadow:0 10px 30px rgba(10,37,64,.06)}
.prev{padding:0;overflow:hidden}.prev .bar{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid #E3EAF3;font-size:13px;color:#6B7C93;font-weight:700}.prev .bar i{width:10px;height:10px;border-radius:50%;background:#E3EAF3}
.prev iframe{width:100%;height:820px;border:0;display:block;background:#fff}
h2{font-size:22px;margin:0 0 10px}aside .card+.card{margin-top:18px}ul.in{margin:0;padding-left:20px;color:#425466}ul.in li{margin:3px 0}
ol.how{margin:0;padding-left:20px}ol.how li{margin:6px 0}.faq h3{font-size:16px;margin:16px 0 4px}.faq p{margin:0;color:#425466}
.more{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:12px}.more a{display:block;background:#fff;border:1px solid #E3EAF3;border-radius:16px;padding:16px;text-decoration:none;color:#0A2540;font-weight:700}.more a span{display:block;font-size:13px;color:#6B7C93;font-weight:500;margin-top:4px}
.band{background:linear-gradient(120deg,#0A66C2,#5B4CF0);color:#fff;border-radius:24px;padding:30px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin:10px 0 50px}.band h2{color:#fff;margin:0}.band p{margin:4px 0 0;opacity:.9}.band .btn{background:#fff;color:#0A2540}
footer{padding:26px 0 40px;color:#6B7C93;font-size:14px}
@media (max-width:860px){.grid{grid-template-columns:1fr}.prev iframe{height:600px}header nav a.hide{display:none}}