.hp-hero{background:var(--color-accent-700);color:var(--color-neutral-100);padding-block:56px 48px}.hp-hero h1{color:var(--color-neutral-100);letter-spacing:-.02em;text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(32px,4.6vw,52px);line-height:1.08}.hp-sub{color:var(--color-accent-2-200);max-width:60ch;margin:16px 0 0;font-size:clamp(16px,1.6vw,19px)}.hp-proof{flex-wrap:wrap;gap:10px 28px;margin:22px 0 0;padding:0;font-size:15px;font-weight:600;list-style:none;display:flex}.hp-proof li{align-items:center;gap:9px;display:flex}.hp-proof li:before{content:"";background:var(--color-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23082c66' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 12px no-repeat;border-radius:50%;flex:none;width:18px;height:18px}.hp-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:36px 0 0;padding:0;list-style:none;display:grid}.hp-tiles a{background:var(--color-neutral-100);height:100%;color:var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:2px solid #0000;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:16px;text-decoration:none;transition:transform .15s,border-color .15s;display:grid}.hp-tiles a:hover{border-color:var(--color-accent-2-400);transform:translateY(-2px)}.hp-tiles a:focus-visible{outline:3px solid var(--color-gold);outline-offset:2px}.hp-tile-ico{background:var(--color-accent-2-100);width:42px;height:42px;color:var(--color-accent-700);border-radius:12px;grid-row:span 2;place-items:center;display:grid}.hp-tile-name{font-size:15px;font-weight:800;line-height:1.25}.hp-tile-n{color:var(--color-neutral-700);font-size:12.5px}.hp.hub-page{padding-top:0}.hp-stats{background:var(--color-neutral-100);border:1px solid var(--line-6,var(--color-divider));box-shadow:var(--shadow-sm);border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:32px;display:grid}.hp-stats p{color:var(--color-neutral-700);gap:2px;margin:0;padding:20px 24px;font-size:14px;display:grid}.hp-stats p+p{border-left:1px solid var(--color-divider)}.hp-stats b{letter-spacing:-.02em;color:var(--color-text);font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1.1}.hp-picks{margin:var(--space-4) 0 0;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));padding:0;list-style:none;display:grid}.hp-picks>li{background:var(--color-neutral-100);border:1px solid var(--line-6,var(--color-divider));box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;gap:12px;padding:0 22px 20px;display:flex}.hp-picks>li[hidden]{display:none}.hp-pick-cat{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin:4px 0 0;font-size:13px;font-weight:700;display:flex}.hp-pick-cat .cat-icon{width:18px;height:18px;color:var(--color-accent-600)}.hp-pick-cat a{color:var(--color-neutral-700)}.hp-pick-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.hp-pick-main h3{min-width:0;margin:0;font-size:18px}.hp-pick-for{color:var(--color-neutral-800);margin:0;font-size:14px}.hp-pick-for b{letter-spacing:.07em;text-transform:uppercase;color:var(--color-neutral-700);font-size:11.5px;display:block}.hp-pick-more{border-top:1px solid var(--color-divider);align-items:center;min-height:44px;margin-top:auto;padding-top:12px;font-size:15px;font-weight:700;display:flex}.pager{margin-top:var(--space-6);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pager button{border:1px solid var(--color-divider);background:var(--color-neutral-100);min-width:44px;min-height:44px;color:var(--color-accent-700);font:700 15px/1 var(--font-body);cursor:pointer;border-radius:999px;padding:0 14px}.pager button:hover:not(:disabled){border-color:var(--color-accent-700)}.pager button[aria-current=page]{background:var(--color-accent-700);border-color:var(--color-accent-700);color:var(--color-neutral-100)}.pager button:disabled{opacity:.45;cursor:default}.pager button:focus-visible{outline:3px solid var(--color-gold);outline-offset:2px}.hp-steps{counter-reset:step;margin:var(--space-4) 0 0;gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.hp-steps li{counter-increment:step;border-top:3px solid var(--color-gold);background:var(--color-neutral-100);box-shadow:var(--shadow-sm);border-radius:0 0 20px 20px;flex-direction:column;gap:8px;padding:22px;display:flex}.hp-steps li:before{content:counter(step);background:var(--color-accent-700);width:34px;height:34px;color:var(--color-neutral-100);border-radius:50%;place-items:center;font-weight:800;display:grid}.hp-steps h3{margin:0;font-size:18px}.hp-steps p{color:var(--color-neutral-800);margin:0;font-size:14.5px}.hp-steps a{align-items:center;min-height:44px;margin-top:auto;font-weight:700;display:flex}@media (max-width:1000px){.hp-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.hp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-stats p:nth-child(3){border-left:0}.hp-stats p:nth-child(n+3){border-top:1px solid var(--color-divider)}.hp-steps{grid-template-columns:1fr}}@media (max-width:640px){.hp-hero{padding-block:36px 32px}.hp-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.hp-tiles a{grid-template-columns:1fr;row-gap:6px;padding:14px}.hp-tile-ico{grid-row:auto;width:38px;height:38px}.hp-proof{flex-direction:column}.hp-stats p{padding:16px}.hp-stats b{font-size:26px}}