.hb-breadcrumb,.hb-wrap{max-width:var(--maxw);margin:0 auto}.hb-breadcrumb{padding:var(--s-5) var(--s-5) 0}.hb-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-muted)}.hb-breadcrumb a{color:var(--text-muted);transition:color .15s}@media (hover:hover) and (pointer:fine){.hb-breadcrumb a:hover{color:var(--accent)}}.hb-breadcrumb .sep{color:var(--ink-300)}.hb-breadcrumb .cur{color:var(--text)}.hb-head-sec{max-width:var(--maxw);margin:0 auto;padding:var(--s-6) var(--s-5) var(--s-7)}.hb-head{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--s-7);align-items:start}.hb-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s-4)}.hb-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-fill)}.hb-h1{font-size:var(--h1);font-weight:900;line-height:1.06;margin-bottom:var(--s-4)}.hb-lead{font-size:var(--text-lg);line-height:1.55;color:var(--text);max-width:54ch}.hb-subbox{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);padding:var(--s-5)}.hb-subbox .label{display:block;font-family:var(--font-portal),"Fira Sans",sans-serif;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--s-3)}.hb-chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.hb-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border);border-radius:99px;font-size:var(--text-sm);font-weight:600;color:var(--text);background:var(--bg);transition:border-color .15s,color .15s}@media (hover:hover) and (pointer:fine){.hb-chip:hover{border-color:var(--accent);color:var(--accent)}}.hb-chip .n{color:var(--text-muted);font-weight:400;font-variant-numeric:tabular-nums}.hb-feat-sec{max-width:var(--maxw);margin:0 auto;padding:0 var(--s-5) var(--s-7)}.hb-feat{display:block;position:relative;border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(155deg,oklch(.27 .06 195),oklch(.17 .03 200));padding:var(--s-8) var(--s-7);color:oklch(.98 .004 200);transition:transform .25s var(--ease-out)}@media (hover:hover) and (pointer:fine){.hb-feat:hover{transform:translateY(-3px)}}.hb-feat:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(110% 80% at 88% 10%,oklch(.86 .22 159/.2),transparent 58%)}.hb-feat>*{position:relative}.hb-feat .qr{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-xs);font-weight:700;color:var(--accent-on-fill);background:var(--accent-fill);padding:4px 10px;border-radius:6px;margin-bottom:var(--s-4)}.hb-feat h2{color:#fff;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;line-height:1.12;margin-bottom:var(--s-3);max-width:24ch}.hb-feat p{color:oklch(.86 .01 200);max-width:54ch;margin-bottom:var(--s-5)}.hb-feat .go{color:oklch(.86 .22 159)}.hb-grid-sec{max-width:var(--maxw);margin:0 auto;padding:0 var(--s-5) var(--s-8)}.hb-grid-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-5)}.hb-grid-head h2{font-size:var(--h2);font-weight:800}.hb-filters{display:flex;gap:var(--s-2);flex-wrap:wrap}.hb-filter{cursor:pointer;font-family:inherit;padding:8px 15px;border-radius:99px;font-size:var(--text-sm);font-weight:600;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);transition:border-color .15s var(--ease-out),background .15s var(--ease-out),color .15s var(--ease-out)}@media (hover:hover) and (pointer:fine){.hb-filter:hover{border-color:var(--accent);color:var(--accent)}}.hb-filter[aria-pressed=true]{border-color:transparent;background:var(--accent-fill);color:var(--accent-on-fill)}@media (hover:hover) and (pointer:fine){.hb-filter[aria-pressed=true]:hover{color:var(--accent-on-fill);filter:brightness(1.04)}}.hb-filter:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s-4)}.hb-card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elevated);transition:border-color .18s,transform .18s,box-shadow .18s}@media (hover:hover) and (pointer:fine){.hb-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}}.hb-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hb-card-top{display:flex;align-items:center;gap:var(--s-2)}.hb-qrlabel{display:inline-flex;align-items:center;gap:5px;color:var(--accent);background:var(--accent-tint);padding:3px 8px;border-radius:6px}.hb-card-type,.hb-qrlabel{font-size:var(--text-xs);font-weight:700}.hb-card-type{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.hb-card-title{font-family:var(--font-portal),"Fira Sans",sans-serif;font-size:var(--text-lg);font-weight:700;color:var(--text-strong);line-height:1.25}.hb-card-desc{font-size:var(--text-sm);color:var(--text);line-height:1.5}.hb-card-meta{margin-top:auto;display:flex;gap:var(--s-3);font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.hb-empty{border:1px dashed var(--border);border-radius:var(--r-md);padding:var(--s-7) var(--s-5);color:var(--text-muted);font-size:var(--text-sm);text-align:center;background:var(--bg)}.hb-faq-sec{max-width:840px;margin:0 auto;padding:var(--s-8) var(--s-5)}.hb-faq-sec>h2{font-size:var(--h2);font-weight:800;margin-bottom:var(--s-5)}.hb-faq{display:flex;flex-direction:column;gap:var(--s-3)}.hb-faq details{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elevated);overflow:hidden}.hb-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);font-family:var(--font-portal),"Fira Sans",sans-serif;font-weight:700;color:var(--text-strong)}.hb-faq summary::-webkit-details-marker{display:none}.hb-faq summary svg.hb-plus{flex-shrink:0;transition:transform .2s var(--ease-out)}.hb-faq details[open] summary svg.hb-plus{transform:rotate(45deg)}.hb-faq summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:6px}.hb-faq .a{padding:0 var(--s-5) var(--s-5);color:var(--text);line-height:1.65;max-width:66ch}@media (max-width:860px){.hb-head{grid-template-columns:1fr}}