.hp-uses-grid{--uc: var(--accent-blue, #1c95ff)}.hp-uses-tab{--tab-uc: var(--accent-blue, #1c95ff)}.hp-uses-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:0 auto 32px;max-width:780px}.hp-uses-tab{padding:10px 18px;border-radius:999px;font-family:var(--font-ui, inherit);font-size:.9rem;font-weight:var(--fw-semibold, 600);color:color-mix(in srgb,var(--tab-uc) 52%,var(--text-secondary));background:color-mix(in srgb,var(--tab-uc) 8%,transparent);border:1px solid color-mix(in srgb,var(--tab-uc) 22%,transparent);cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.hp-uses-tab:hover{color:var(--tab-uc);background:color-mix(in srgb,var(--tab-uc) 15%,transparent);border-color:color-mix(in srgb,var(--tab-uc) 38%,transparent)}.hp-uses-tab.active{color:#08121c;background:var(--tab-uc);border-color:transparent;transform:translateY(-1px);box-shadow:0 6px 22px color-mix(in srgb,var(--tab-uc) 40%,transparent),0 0 0 4px color-mix(in srgb,var(--tab-uc) 13%,transparent)}.hp-uses-tab:focus-visible{outline:2px solid color-mix(in srgb,var(--tab-uc) 70%,transparent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.hp-uses-tab.active{transform:none}}.hp-uses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 720px){.hp-uses-grid{grid-template-columns:1fr}}.hp-uses-grid.swap{animation:hpUsesSwap .32s ease}@keyframes hpUsesSwap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.hp-uses-grid.swap{animation:none}}.hp-uses-card{position:relative;overflow:hidden;display:flex;flex-direction:column;text-align:left;padding:22px;border:1px solid color-mix(in srgb,var(--uc) 20%,var(--border));border-radius:var(--radius-md, 18px);background:linear-gradient(180deg,color-mix(in srgb,var(--uc) 6%,var(--bg-card)),var(--bg-card));box-shadow:0 10px 30px color-mix(in srgb,var(--uc) 8%,transparent);color:var(--text-primary);font-family:var(--font-ui, inherit);transition:border-color .24s ease,background .24s ease,box-shadow .24s ease}.hp-uses-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--uc),transparent);opacity:.5}.hp-uses-card-label{display:flex;align-items:flex-start;gap:9px;margin-bottom:15px;font-size:.85rem;font-weight:var(--fw-semibold, 600);line-height:1.35;text-wrap:balance;color:color-mix(in srgb,var(--uc) 62%,var(--text-primary))}.hp-uses-card-num{width:22px;height:22px;flex-shrink:0;border-radius:7px;display:grid;place-items:center;font-size:.7rem;letter-spacing:0;color:var(--uc);background:color-mix(in srgb,var(--uc) 12%,transparent);border:1px solid color-mix(in srgb,var(--uc) 26%,transparent)}.hp-uses-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.hp-uses-item{display:flex;align-items:flex-start;gap:11px;font-size:.9rem;font-weight:400;line-height:1.5;color:var(--text-primary)}.hp-uses-bullet{flex-shrink:0;margin-top:8px;width:6px;height:6px;border-radius:50%;background:var(--uc);box-shadow:0 0 8px color-mix(in srgb,var(--uc) 45%,transparent)}.hp-uses-text{min-width:0}:root.light .hp-uses-tab{color:color-mix(in srgb,var(--tab-uc) 40%,var(--text-primary));background:color-mix(in srgb,var(--tab-uc) 13%,transparent);border-color:color-mix(in srgb,var(--tab-uc) 32%,transparent)}:root.light .hp-uses-tab:hover{color:color-mix(in srgb,var(--tab-uc) 60%,var(--text-primary));background:color-mix(in srgb,var(--tab-uc) 21%,transparent);border-color:color-mix(in srgb,var(--tab-uc) 46%,transparent)}:root.light .hp-uses-card-label{color:color-mix(in srgb,var(--uc) 45%,var(--text-primary))}