.han-h2{--han-accent:#0b84c6;--han-dark:#111827;--han-text:#566173;--han-card:#fff;background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--han-accent),transparent 88%),transparent 32%),linear-gradient(180deg,#f8fbff 0%,#eef4f9 100%);padding:38px 14px;color:var(--han-text)}
.han-h2 *{box-sizing:border-box}.han-h2-wrap{max-width:1280px;margin:0 auto}.han-h2-card{background:linear-gradient(180deg,var(--han-card),color-mix(in srgb,var(--han-card),#f7fbff 14%));border:1px solid rgba(17,24,39,.075);box-shadow:0 18px 50px rgba(15,23,42,.08);border-radius:22px}.han-h2-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;margin:0 0 14px;color:#778399}.han-h2-breadcrumb a{color:#536277;text-decoration:none!important;font-weight:500}.han-h2-breadcrumb a:hover{color:var(--han-accent)}.han-h2-breadcrumb span{opacity:.55}.han-h2-breadcrumb strong{color:var(--han-dark);font-weight:600}.han-h2-hero{display:grid;grid-template-columns:1fr 350px;gap:30px;padding:38px;overflow:hidden;position:relative}.han-h2-hero:before{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:color-mix(in srgb,var(--han-accent),transparent 86%)}.han-h2-hero:after{content:"";position:absolute;left:38px;bottom:0;width:160px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--han-accent),transparent)}.han-h2-hero-copy{position:relative;z-index:1}.han-h2-badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--han-accent),white 88%);color:var(--han-accent);font-weight:600;font-size:13px;border:1px solid color-mix(in srgb,var(--han-accent),white 76%)}.han-h2-title{margin:16px 0 13px;color:var(--han-dark);font-size:clamp(34px,5vw,58px);line-height:1.04;font-weight:600;letter-spacing:-1.35px}.han-h2-intro{max-width:900px;font-size:17px;line-height:1.9;margin:0 0 24px}.han-h2-actions{display:flex;gap:10px;flex-wrap:wrap}.han-h2-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:13px;font-weight:600;text-decoration:none!important;transition:.25s}.han-h2-btn-primary{background:linear-gradient(135deg,var(--han-accent),color-mix(in srgb,var(--han-accent),#00324d 28%));color:#fff!important;box-shadow:0 12px 24px color-mix(in srgb,var(--han-accent),transparent 72%)}.han-h2-btn-primary:hover{transform:translateY(-2px);filter:brightness(.97)}.han-h2-btn-soft{background:#fff;color:var(--han-dark)!important;border:1px solid rgba(17,24,39,.12)}.han-h2-stats{display:grid;gap:12px;align-content:center;position:relative;z-index:1}.han-h2-stats div{padding:22px;border-radius:18px;background:rgba(255,255,255,.78);backdrop-filter:blur(8px);border:1px solid rgba(17,24,39,.08)}.han-h2-stats strong{display:block;color:var(--han-dark);font-size:30px;line-height:1;font-weight:600}.han-h2-stats span{font-size:13px;font-weight:600}.han-h2-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;margin-top:20px}.han-h2-content,.han-h2-side,.han-h2-faq{padding:30px;margin-top:20px}.han-h2-grid .han-h2-content,.han-h2-grid .han-h2-side{margin-top:0}.han-h2 h2{color:var(--han-dark);font-size:28px;margin:0 0 14px;font-weight:600;letter-spacing:-.45px}.han-h2 h3{color:var(--han-dark);font-size:21px;margin:0 0 14px;font-weight:600}.han-h2 p,.han-h2 li{font-size:16px;line-height:1.9}.han-h2 p{margin:0 0 13px}.han-h2 ul{padding-left:20px;margin:12px 0}.han-h2 li{margin:5px 0}.han-h2 li::marker{color:var(--han-accent)}.han-h2-mini{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.han-h2-mini span{background:#f5f9fc;border:1px solid rgba(17,24,39,.08);padding:10px 13px;border-radius:999px;color:var(--han-dark);font-weight:600;font-size:13px}.han-h2-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.han-h2-steps div{border:1px solid rgba(17,24,39,.08);border-radius:18px;padding:19px;background:#fbfdff}.han-h2-steps b{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:12px;background:var(--han-accent);color:#fff;font-weight:600}.han-h2-steps h4{margin:13px 0 5px;color:var(--han-dark);font-size:17px;font-weight:600}.han-h2-steps p{font-size:14.5px;line-height:1.7;margin:0}.han-h2-faq-item{border:1px solid rgba(17,24,39,.09);border-radius:15px;margin:10px 0;overflow:hidden;background:#fff}.han-h2-faq-item button{width:100%;border:0;background:#fff;color:var(--han-dark);font-weight:600;text-align:left;padding:16px 18px;display:flex;justify-content:space-between;cursor:pointer}.han-h2-faq-item p{display:none;margin:0;padding:0 18px 17px;font-size:14.8px}.han-h2-faq-item.is-open p{display:block}.han-h2-faq-item.is-open button span{transform:rotate(45deg)}
@media(max-width:900px){.han-h2{padding:22px 10px}.han-h2-hero,.han-h2-grid{grid-template-columns:1fr}.han-h2-hero{padding:24px}.han-h2-stats{grid-template-columns:repeat(3,1fr)}.han-h2-stats strong{font-size:22px}.han-h2-steps{grid-template-columns:1fr}.han-h2-content,.han-h2-side,.han-h2-faq{padding:22px}.han-h2-title{letter-spacing:-.8px}.han-h2-intro{font-size:15.8px;line-height:1.78}}
@media(max-width:560px){.han-h2-stats{grid-template-columns:1fr}.han-h2-actions,.han-h2-btn{width:100%}.han-h2 h2{font-size:23px}.han-h2 p,.han-h2 li{font-size:14.9px}.han-h2-badge{font-size:12px}.han-h2-breadcrumb{font-size:12px}}
