.hp,.fs-page{--fx-a:#2563eb;--fx-b:#1d4ed8}:is(.hp,.fs-page) [data-tone=violet]{--fx-a:#8b5cf6;--fx-b:#6d28d9}:is(.hp,.fs-page) [data-tone=pink]{--fx-a:#ec4899;--fx-b:#be185d}:is(.hp,.fs-page) [data-tone=emerald]{--fx-a:#10b981;--fx-b:#047857}:is(.hp,.fs-page) [data-tone=amber]{--fx-a:#f59e0b;--fx-b:#b45309}:is(.hp,.fs-page) [data-tone=cyan]{--fx-a:#06b6d4;--fx-b:#0e7490}:is(.hp,.fs-page) [data-tone=rose]{--fx-a:#f43f5e;--fx-b:#be123c}:is(.hp,.fs-page) [data-tone=slate]{--fx-a:#64748b;--fx-b:#334155}:is(.hp,.fs-page) [data-tone=teal]{--fx-a:#14b8a6;--fx-b:#0f766e}:is(.hp,.fs-page) [data-tone=indigo]{--fx-a:#6366f1;--fx-b:#4338ca}:is(.hp,.fs-page) [data-tone=blue]{--fx-a:#3b82f6;--fx-b:#1d4ed8}.hp{border:1px solid hsl(var(--border));background:hsl(var(--card) / .75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;gap:18px;margin:0 16px 40px;padding:18px;display:grid;position:relative}@media (min-width:700px){.hp{border-radius:26px;gap:22px;margin:0 40px 48px;padding:28px}}@media (min-width:1100px){.hp{margin:0 max(72px,50% - 45rem + 72px) 64px}}.hp-head{gap:8px;display:grid}@media (min-width:1100px){.hp-head{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}}.hp-title{letter-spacing:-.02em;text-wrap:balance;font-size:21px;font-weight:850}@media (min-width:700px){.hp-title{white-space:nowrap;font-size:24px}}.hp-lead{max-width:640px;color:hsl(var(--muted-foreground));font-size:14.5px;line-height:1.6}.hp-doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:700px){.hp-doors{gap:14px}}@media (min-width:1100px){.hp-doors{grid-template-columns:repeat(4,minmax(0,1fr))}}.hp-door{border:1px solid hsl(var(--border));background:hsl(var(--card));height:100%;color:hsl(var(--foreground));border-radius:20px;flex-direction:column;gap:8px;padding:14px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;display:flex}@media (min-width:700px){.hp-door{gap:10px;padding:18px}}.hp-door:hover{border-color:color-mix(in srgb, var(--fx-a) 45%, transparent);box-shadow:0 24px 44px -28px var(--fx-a);transform:translateY(-4px)}.hp-door-tile{color:#fff;background:linear-gradient(150deg, var(--fx-a), var(--fx-b));width:44px;height:44px;box-shadow:inset 0 1.5px 0 #ffffff80, inset 0 -3px 0 #00000026, 0 2px 0 var(--fx-b), 0 10px 18px -8px var(--fx-a);border-radius:14px;place-items:center;transition:rotate .3s cubic-bezier(.34,1.56,.64,1),scale .3s;display:inline-grid;position:relative}.hp-door-tile:after{content:"";pointer-events:none;background:linear-gradient(#fff6,#fff0);border-radius:11px 11px 7px 7px;height:46%;position:absolute;top:2px;left:3px;right:3px}.hp-door-tile svg{z-index:1;width:20px;height:20px;position:relative}.hp-door:hover .hp-door-tile{rotate:-6deg;scale:1.06}.hp-door-title{letter-spacing:-.01em;font-size:15px;font-weight:800;line-height:1.3}.hp-door-line{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.5}@media (min-width:700px){.hp-door-title{font-size:16.5px}.hp-door-line{font-size:14px}}.hp-door-go{color:var(--fx-b);align-items:center;gap:6px;margin-top:auto;font-size:14px;font-weight:750;display:none}.dark .hp-door-go{color:var(--fx-a)}@media (min-width:700px){.hp-door-go{display:inline-flex}}.hp-door-go svg{width:16px;height:16px;transition:transform .22s}.hp-door:hover .hp-door-go svg{transform:translate(3px)}.hp-all{border:1px solid hsl(var(--border));min-height:44px;color:hsl(var(--foreground));background:hsl(var(--card));border-radius:999px;justify-self:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:800;transition:transform .2s;display:inline-flex}.hp-all:hover{transform:translateY(-1px)}.hp-all svg{width:16px;height:16px;color:hsl(var(--primary))}.hp-door:focus-visible,.hp-all:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}@media (prefers-reduced-motion:reduce){.hp-door,.hp-door-tile,.hp-door-go svg,.hp-all{transition:none}.hp-door:hover,.hp-door:hover .hp-door-go svg,.hp-all:hover{transform:none}.hp-door:hover .hp-door-tile{rotate:none;scale:none}}