.hp-wrap{max-width:80rem;margin:0 auto;padding:0 1rem}@media (width>=768px){.hp-wrap{padding:0 2rem}}.hp-hero{background:var(--color-background);border-bottom:1px solid #b9b6ac73;padding:2.5rem 0 2.75rem}@media (width>=1024px){.hp-hero{padding:4.5rem 0 4rem}}.hp-hero__grid{gap:2rem;display:grid}.hp-hero__grid>*{min-width:0}@media (width>=1024px){.hp-hero__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:3.5rem}}.hp-eyebrow{border:1px solid var(--color-on-surface);background:var(--color-secondary-fixed);color:var(--color-on-secondary-container);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem .85rem;font-size:.68rem;font-weight:900;display:inline-flex}.hp-eyebrow span{background:var(--color-on-surface);border-radius:50%;width:.45rem;height:.45rem}.hp-hero__title{color:var(--color-accent);letter-spacing:-.05em;margin-bottom:1rem;font-size:clamp(2.35rem,6.2vw,4.4rem);font-weight:700;line-height:1}.hp-hero__lead{max-width:38rem;color:var(--color-on-surface-variant);margin-bottom:1.5rem;font-size:1.05rem;font-weight:500;line-height:1.55}.hp-search{border:2px solid var(--color-on-surface);background:#fff;border-radius:1.1rem;align-items:center;gap:.25rem;max-width:40rem;padding:.35rem;transition:border-color .2s;display:flex}.hp-search:focus-within{border-color:var(--color-primary)}.hp-search__icon{flex:none;width:1.35rem;height:1.35rem;margin-left:.6rem}.hp-search__input{min-width:0;color:var(--color-accent);background:0 0;border:0;flex:1;padding:.75rem .5rem;font-size:1rem;font-weight:500}.hp-search__input:focus{outline:none}.hp-search__input::placeholder{color:#191a166b}.hp-search__btn{background:var(--color-on-surface);color:#fff;cursor:pointer;border-radius:.8rem;flex:none;padding:.8rem 1.25rem;font-size:.95rem;font-weight:800;transition:background .2s}.hp-search__btn:hover,.hp-search__btn:focus-visible{background:var(--color-primary)}@media (width>=768px){.hp-search__btn{padding:.9rem 2rem}}.hp-stats{color:var(--color-on-surface-variant);flex-wrap:wrap;gap:.35rem 1.1rem;margin-top:1.1rem;font-size:.875rem;font-weight:500;display:flex}.hp-stats strong{color:var(--color-on-surface);font-weight:800}.hp-popular{background:#fff;border:1px solid #b9b6ac99;border-radius:1.4rem;padding:1.1rem}.hp-popular__title{color:var(--color-on-surface-variant);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .75rem .25rem;font-size:.72rem;font-weight:900}.hp-popular__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.hp-svc{background:var(--color-surface-container-low);height:100%;color:var(--color-on-surface);text-align:center;border:1px solid #0000;border-radius:.9rem;flex-direction:column;align-items:center;gap:.45rem;padding:.75rem .35rem .65rem;text-decoration:none;transition:border-color .2s;display:flex}.hp-svc:hover,.hp-svc:focus-visible{border-color:var(--color-on-surface)}.hp-svc__mono{background:var(--bg);width:2.75rem;height:2.75rem;color:var(--fg);letter-spacing:-.02em;border-radius:.8rem;place-items:center;font-size:.95rem;font-weight:800;display:grid}.hp-svc__name{font-size:.8rem;font-weight:700;line-height:1.2}.hp-section{background:#fff;padding:3rem 0}.hp-section--alt{background:var(--color-surface-container-low)}@media (width>=1024px){.hp-section{padding:4.5rem 0}}.hp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 2rem;margin-bottom:1.5rem;display:flex}.hp-kicker{color:var(--color-primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.4rem;font-size:.72rem;font-weight:900}.hp-h2{color:var(--color-accent);letter-spacing:-.035em;font-size:clamp(1.6rem,3.6vw,2.25rem);font-weight:700;line-height:1.1}.hp-head__note{max-width:26rem;color:var(--color-on-surface-variant);font-size:.95rem;font-weight:500;line-height:1.5}.hp-more{color:var(--color-primary);align-items:center;gap:.35rem;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.hp-more:hover{text-decoration:underline}.hp-methods{gap:.75rem;display:grid}@media (width>=640px){.hp-methods{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.hp-methods{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.hp-method{background:var(--color-surface-container-low);height:100%;color:var(--color-on-surface);border:1px solid #b9b6ac8c;border-radius:1.1rem;grid-template-rows:auto 1fr;grid-template-columns:2.6rem minmax(0,1fr);align-content:start;gap:.2rem .85rem;padding:.9rem 1rem;text-decoration:none;transition:border-color .2s,background .2s;display:grid;position:relative}.hp-method:hover,.hp-method:focus-visible{border-color:var(--color-on-surface);background:#fff}.hp-method .hp-method__icon{grid-row:span 2}.hp-method__name{padding-right:6.5rem}@media (width>=640px){.hp-method{grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:.35rem;padding:1.1rem}.hp-method .hp-method__icon{grid-row:auto;margin-bottom:.5rem}.hp-method__name{padding-right:0}}.hp-method__icon,.hp-cat__icon,.hp-pick__icon{background:var(--color-secondary-fixed);width:2.6rem;height:2.6rem;color:var(--color-on-secondary-container);border:1px solid #191a161a;border-radius:.8rem;flex:none;place-items:center;font-size:1.4rem;display:grid}.hp-method__count{background:var(--color-on-surface);color:#fff;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:800;position:absolute;top:.9rem;right:1rem}.hp-method__name{letter-spacing:-.015em;font-size:1.1rem;font-weight:800}.hp-method:hover .hp-method__name{color:var(--color-primary)}.hp-method__fit{color:var(--color-on-surface-variant);font-size:.875rem;font-weight:500;line-height:1.45}.hp-picks{gap:.75rem;display:grid}@media (width>=640px){.hp-picks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.hp-picks{grid-template-columns:repeat(5,minmax(0,1fr))}}.hp-pick{background:#fff;border:1px solid #b9b6ac8c;border-radius:1.1rem;padding:1.1rem}.hp-pick__head{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.hp-pick__icon{background:var(--color-primary-container);color:var(--color-on-primary-container)}.hp-pick__title{font-size:1.05rem;font-weight:800;line-height:1.2}.hp-pick__ex{color:var(--color-on-surface-variant);font-size:.8rem;font-weight:500}.hp-pick__links{counter-reset:pick;gap:.35rem;display:grid}.hp-pick__links a{background:var(--color-surface-container-low);color:var(--color-on-surface);counter-increment:pick;border-radius:.65rem;align-items:center;gap:.6rem;padding:.5rem .6rem;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.hp-pick__links a:before{content:counter(pick);background:var(--color-on-surface);color:#fff;border-radius:50%;flex:none;place-items:center;width:1.35rem;height:1.35rem;font-size:.72rem;font-weight:800;display:grid}@media (width<=639px){.hp-pick__links{flex-wrap:wrap;display:flex}.hp-pick__links a{padding:.4rem .6rem .4rem .45rem;font-size:.85rem}}.hp-pick__links a:hover,.hp-pick__links a:focus-visible{background:var(--color-secondary-fixed)}.hp-top{gap:.75rem;display:grid}@media (width>=768px){.hp-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.hp-topcard{height:100%;color:var(--color-on-surface);background:#fff;border:1px solid #b9b6ac8c;border-radius:1.1rem;grid-template-columns:auto auto 1fr;align-items:center;gap:.75rem;padding:1rem;text-decoration:none;transition:border-color .2s;display:grid}.hp-topcard:hover,.hp-topcard:focus-visible{border-color:var(--color-on-surface)}.hp-topcard__pos{background:var(--color-secondary-fixed);border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;font-size:.85rem;font-weight:900;display:grid}.hp-topcard__logo{background:#fff;border:1px solid #b9b6ac8c;border-radius:.8rem;place-items:center;width:3rem;height:3rem;font-weight:800;display:grid;overflow:hidden}.hp-topcard__logo img{object-fit:contain;width:2.5rem;height:2.5rem}.hp-topcard__body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.hp-topcard__name{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:800;overflow:hidden}.hp-topcard:hover .hp-topcard__name{color:var(--color-primary)}.hp-topcard__rating{align-items:center;gap:.2rem;font-size:.875rem;font-weight:800;display:inline-flex}.hp-topcard__rating svg{color:#e0a100;width:1.05rem;height:1.05rem}.hp-topcard__spec{color:var(--color-on-surface-variant);border-top:1px solid #b9b6ac66;grid-column:1/-1;padding-top:.6rem;font-size:.85rem;line-height:1.45}.hp-topcard__spec b{color:var(--color-on-surface)}.hp-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}@media (width>=1024px){.hp-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.hp-cat{height:100%;color:var(--color-on-surface);background:#fff;border:1px solid #b9b6ac8c;border-radius:1rem;align-items:center;gap:.75rem;padding:.85rem;text-decoration:none;transition:border-color .2s;display:flex}.hp-cat:hover,.hp-cat:focus-visible{border-color:var(--color-on-surface)}.hp-cat__text{flex-direction:column;min-width:0;display:flex}.hp-cat__name{font-size:.95rem;font-weight:800;line-height:1.2}.hp-cat:hover .hp-cat__name{color:var(--color-primary)}.hp-cat__count{color:var(--color-on-surface-variant);font-size:.8rem;font-weight:600}@media (width<=639px){.hp-cat{flex-direction:column;align-items:flex-start}}.hp-recent{gap:1rem;display:grid}@media (width>=640px){.hp-recent{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.hp-recent{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}.hp-trust{background:var(--color-accent);color:#fff;padding:2.5rem 0}.hp-trust__grid{gap:.75rem;display:grid}@media (width>=640px){.hp-trust__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.hp-trust__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.hp-trust__item{color:#ffffffb8;border:1px solid #ffffff26;border-radius:1rem;gap:.85rem;height:100%;padding:1rem;font-size:.875rem;line-height:1.45;text-decoration:none;transition:border-color .2s;display:flex}.hp-trust__item:hover,.hp-trust__item:focus-visible{border-color:var(--color-secondary-fixed)}.hp-trust__item>svg{width:1.6rem;height:1.6rem;color:var(--color-secondary-fixed);flex:none}.hp-trust__item strong{color:#fff;font-size:1rem;display:block}.hp-about{background:var(--color-surface-container-low);padding:3.5rem 0}.hp-about__inner{max-width:52rem}