*{margin:0;padding:0;box-sizing:border-box}
:root{--qhb-bg:#f7f7fa;--qhb-ink:#0f172a;--qhb-mut:#666;--qhb-ac:#006c9e;
--qhb-soft:#eaf3f7;--qhb-bd:#e2e8f0}
html{scroll-behavior:smooth}
body.qhb-body{font-family:system-ui,-apple-system,'PingFang SC',sans-serif;background:var(--qhb-bg);
color:var(--qhb-ink);line-height:1.7}
a{color:inherit;text-decoration:none}
.qhb-container{max-width:1020px;margin:0 auto;padding:0 26px}
.qhb-narrow{max-width:720px}
.qhb-nav{position:sticky;top:0;z-index:50;background:var(--qhb-bg);
border-bottom:3px solid var(--qhb-ink)}
.qhb-nav .qhb-container{display:flex;align-items:center;height:70px}
.qhb-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px}
.qhb-logo img{border-radius:8px}
.qhb-navlinks{display:flex;gap:20px;margin-left:34px;font-size:15px}
.qhb-navlinks a{opacity:.72;font-weight:700}
.qhb-navlinks a:hover{opacity:1;color:var(--qhb-ac)}
.qhb-cta{margin-left:auto;background:var(--qhb-ac);color:#fff;font-weight:800;
padding:11px 22px;border-radius:4px}
.qhb-cta:hover{background:#005c87}
.qhb-hero{padding:90px 0 80px;
border-bottom:3px solid var(--qhb-ink)}
.qhb-hero h1{font-size:clamp(38px,8vw,90px);line-height:.98;font-weight:900;
letter-spacing:-2px}
.qhb-hero p{max-width:560px;margin:26px 0;font-size:19px;color:var(--qhb-mut)}
.qhb-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.qhb-hero-meta span{border:2px solid var(--qhb-ink);padding:6px 14px;font-weight:700;
font-size:14px;border-radius:4px}
.qhb-hero-dl{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 38px}
.qhb-hdl{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;
border-radius:10px;border:1.5px solid var(--qhb-ac);color:var(--qhb-ac);
font-weight:700;font-size:16px;background:rgba(128,128,128,.05);transition:.15s}
.qhb-hdl:hover{background:var(--qhb-ac);color:#fff;transform:translateY(-2px)}
.qhb-sec{padding:84px 0}
.qhb-dark{background:var(--qhb-ink);color:#fff}
.qhb-h2{font-size:clamp(26px,4vw,40px);font-weight:900;letter-spacing:-1px;
margin-bottom:40px}
.qhb-w{color:#fff}
.qhb-feats{display:flex;flex-direction:column}
.qhb-feat{display:flex;gap:26px;align-items:flex-start;padding:28px 0;
border-top:2px solid var(--qhb-bd)}
.qhb-feat:last-child{border-bottom:2px solid var(--qhb-bd)}
.qhb-n{font-size:46px;font-weight:900;color:var(--qhb-ac);line-height:1;min-width:70px}
.qhb-feat h3{font-size:23px;font-weight:800}
.qhb-feat p{color:var(--qhb-mut);margin-top:6px}
.qhb-nodeband{background:var(--qhb-soft);padding:60px 0;text-align:center;
border-top:3px solid var(--qhb-ink);
border-bottom:3px solid var(--qhb-ink)}
.qhb-nodeband h2{font-size:26px;font-weight:900}
.qhb-nodeband p{color:var(--qhb-mut);margin-top:10px;max-width:680px;margin-inline:auto}
.qhb-nodegrid{display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:center;
margin-top:22px;font-weight:700}
.qhb-nodegrid b{color:var(--qhb-ac)}
.qhb-dl{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.qhb-dlcard{display:flex;align-items:center;gap:16px;background:#1c1c1c;
border:2px solid #333;border-radius:8px;padding:22px;transition:.18s}
.qhb-dlcard:hover{border-color:var(--qhb-ac)}
.qhb-dlcard h3{font-size:19px;color:#fff}
.qhb-dlmeta{color:#aaa;font-size:13px}
.qhb-faq details{border-bottom:2px solid var(--qhb-bd);padding:4px 0}
.qhb-faq summary{cursor:pointer;font-weight:800;font-size:18px;padding:18px 0;
list-style:none}
.qhb-faq summary::-webkit-details-marker{display:none}
.qhb-faq p{color:var(--qhb-mut);padding-bottom:18px}
.qhb-steps{display:flex;flex-wrap:wrap;gap:20px}
.qhb-step{flex:1 1 240px;border-top:2px solid var(--qhb-bd);padding-top:16px}
.qhb-step b{display:block;font-size:32px;font-weight:900;color:var(--qhb-ac);
line-height:1}
.qhb-step h3{font-size:19px;font-weight:800;margin-top:6px}
.qhb-step p{color:var(--qhb-mut);font-size:14.5px}
.qhb-quotes{display:flex;flex-wrap:wrap;gap:18px}
.qhb-quote{flex:1 1 260px;border-left:4px solid var(--qhb-ac);padding:4px 0 4px 16px;
font-size:15px}
.qhb-quote span{display:block;margin-top:8px;font-size:13px;color:var(--qhb-mut)}
.qhb-flinks{background:var(--qhb-soft);padding:36px 0;
border-top:3px solid var(--qhb-ink)}
.qhb-flinks h2{font-size:15px;color:var(--qhb-mut);margin-bottom:14px;font-weight:700}
.qhb-flinks-list{display:flex;flex-wrap:wrap;gap:10px 24px}
.qhb-flinks-list a{color:var(--qhb-ac);font-weight:700;font-size:15px}
.qhb-flinks-list a:hover{text-decoration:underline}
.qhb-ft{background:var(--qhb-ink);color:#bbb;padding:32px 0;text-align:center}
.qhb-ft-brand{display:flex;align-items:center;justify-content:center;gap:8px;
font-weight:900;color:#fff;margin-bottom:8px}
.qhb-ft a{color:#ddd;margin:0 9px;font-size:13.5px}
.qhb-ft-copy{font-size:13px;margin-top:8px}
.qhb-doc{padding:84px 0;max-width:70ch}
.qhb-doc h1{font-size:34px;font-weight:900;margin-bottom:18px;letter-spacing:-1px}
.qhb-doc h2{font-size:19px;font-weight:800;margin:24px 0 6px}
.qhb-doc p{color:var(--qhb-mut);margin-bottom:12px}
@media(max-width:700px){
.qhb-dl{grid-template-columns:1fr}
.qhb-feat{gap:16px}
.qhb-n{font-size:34px;min-width:50px}
.qhb-navlinks{display:none}
}