.hb-wrap{max-width:1200px;margin:0 auto;padding:28px 16px}
.hb-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
@media(max-width:860px){.hb-hero{grid-template-columns:1fr}}
.hb-h1{font-size:clamp(24px,3.4vw,40px);line-height:1.35;margin:0 0 14px;word-break:keep-all;overflow-wrap:anywhere}
.hb-h1 .nb{display:inline-block}
.hb-lead{color:var(--ink-dim,#5a6b7c);line-height:1.9;margin:0 0 18px}
.hb-ctas{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.hb-cta{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:700;text-decoration:none;border:1px solid var(--line,#d7dee6)}
.hb-cta.primary{background:#0ab08d;color:#fff;border-color:#0ab08d}
.hb-cta.secondary{background:#0e1620;color:#fff;border-color:#0e1620}
.hb-cta.ghost{background:#fff;color:#0e1620}
.hb-cta:hover{opacity:.9}
.static-search{margin:6px 0 0}
.static-search input{min-width:min(360px,70vw)}
.hb-hero .pgal{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line,#d7dee6);border-radius:14px;aspect-ratio:9/7}
.hb-hero .pgal-track{display:flex;transition:transform .45s ease;height:100%}
.hb-hero .pgal-slide{flex:0 0 100%;min-width:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:10px 10px 0;box-sizing:border-box}
.hb-hero .pgal-slide img{max-width:100%;height:auto;max-height:calc(100% - 32px);object-fit:contain}
.hb-hero .pgal-slide figcaption{font-size:11.5px;color:#5a6b7c;padding:6px 8px;text-align:center}
.hb-hero .pgal-prev,.hb-hero .pgal-next,.hb-hero .pgal-pause{position:absolute;width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.18);background:rgba(255,255,255,.92);color:#111;font-size:16px;cursor:pointer;z-index:2;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.hb-hero .pgal-prev{left:8px;top:46%}.hb-hero .pgal-next{right:8px;top:46%}
.hb-hero .pgal-pause{right:8px;top:8px;font-size:13px}
.hb-hero .pgal-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;gap:6px;justify-content:center;z-index:2}
.hb-hero .pgal-dot{width:8px;height:8px;border-radius:50%;border:0;background:rgba(0,0,0,.22);cursor:pointer;padding:0}
.hb-hero .pgal-dot.on{background:#0ab08d}
.hb-sec{margin:34px 0 0}
.hb-sec>h2{font-size:20px;margin:0 0 4px}
.hb-sec>.hb-note{color:#5a6b7c;margin:0 0 14px;font-size:13.5px}
.hb-entry{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:960px){.hb-entry{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hb-entry{grid-template-columns:1fr}}
.hb-card{display:block;border:1px solid var(--line,#d7dee6);border-radius:12px;padding:16px;text-decoration:none;color:inherit;background:#fff}
.hb-card:hover{border-color:#0ab08d}
.hb-card b{display:block;font-size:15.5px;margin-bottom:6px}
.hb-card span{display:block;font-size:12.5px;color:#5a6b7c;line-height:1.7}
.hb-issues{display:flex;flex-wrap:wrap;gap:8px}
.hb-issue{display:inline-block;border:1px solid var(--line,#d7dee6);border-radius:999px;padding:8px 14px;font-size:12.5px;text-decoration:none;color:#0e1620;background:#fff}
.hb-issue:hover{border-color:#0ab08d;color:#0ab08d}
.hb-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:960px){.hb-cats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hb-cats{grid-template-columns:1fr}}
.hb-cat{display:block;border:1px solid var(--line,#d7dee6);border-radius:12px;padding:14px 16px;text-decoration:none;color:inherit;background:#fff}
.hb-cat:hover{border-color:#0ab08d}
.hb-cat-n{font-weight:700}
.hb-cat-c{float:right;color:#0ab08d;font-size:12px}
.hb-cat-d{display:block;font-size:12.5px;color:#5a6b7c;margin:6px 0}
.hb-cat-l{display:block;font-size:11.5px;color:#8a97a5}
.hb-sols{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:960px){.hb-sols{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hb-sols{grid-template-columns:1fr}}
.hb-sol{display:block;border:1px solid var(--line,#d7dee6);border-radius:12px;padding:14px 16px;text-decoration:none;color:inherit;background:#fff}
.hb-sol:hover{border-color:#0ab08d}
.hb-sol-n{display:block;font-weight:700;margin-bottom:6px}
.hb-sol-t,.hb-sol-p{display:block;font-size:12px;color:#5a6b7c;line-height:1.7}
.hb-sol-go{display:block;margin-top:8px;font-size:12.5px;color:#0ab08d;font-weight:700}
.hb-why{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:960px){.hb-why{grid-template-columns:repeat(2,1fr)}}
.hb-why div{border:1px solid var(--line,#d7dee6);border-radius:12px;padding:14px 16px;background:#fff;font-size:12.5px;color:#37424e;line-height:1.8}
.hb-why b{display:block;font-size:13.5px;color:#0e1620;margin-bottom:4px}
.hb-brands{display:flex;flex-wrap:wrap;gap:8px}
.hb-brand{display:inline-block;border:1px solid var(--line,#d7dee6);border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:600;text-decoration:none;color:#0e1620;background:#fff}
.hb-brand:hover{border-color:#0ab08d;color:#0ab08d}
.hb-final{margin:36px 0 8px;border:1px solid var(--line,#d7dee6);border-radius:14px;background:#0e1620;color:#fff;padding:24px 20px;text-align:center}
.hb-final h2{margin:0 0 8px;font-size:19px}
.hb-final p{margin:0 auto 14px;max-width:760px;color:#c6d2dd;font-size:13.5px;line-height:1.9}
.hb-more{text-align:right;margin-top:10px}
.hb-more a{font-size:12.5px;color:#0ab08d;text-decoration:none;font-weight:700}