.hub-tile{--mx:0;--my:0;--rx:0deg;--ry:0deg;--lift:0px;height:100%;perspective:1200px}.hub-tile-surface{position:relative;isolation:isolate;display:flex;flex-direction:column;height:100%;border-radius:16px;color:var(--neutral-50);box-shadow:inset 0 0 0 1px rgb(255 255 255/.06);transform:translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry));transition:transform var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out)}.hub-tile-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;background:linear-gradient(160deg,var(--panel-from),var(--panel-to) 62%)}.hub-tile-bg:after{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(420px circle at calc(50% + var(--mx) * 50%) calc(50% + var(--my) * 50%),var(--glow),transparent 70%);transition:opacity var(--duration-slow) var(--ease-out)}.hub-tile-ghost{position:absolute;right:16px;top:4px;font-size:clamp(5rem,10vw,8rem);font-weight:700;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px var(--ghost-stroke);user-select:none;transform:translate(calc(var(--mx) * -14px),calc(var(--my) * -10px));transition:transform var(--duration-slow) var(--ease-out)}.hub-tile-head{padding:24px 24px 0}.hub-tile-name{font-size:1.5rem;font-weight:620;letter-spacing:-.015em;line-height:1.25}.hub-tile-link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:16px}.hub-tile-link:focus-visible{outline:none}.hub-tile-link:focus-visible:after{outline:2px solid var(--green-200);outline-offset:2px}.hub-tile-use{margin-top:4px;max-width:30ch;font-size:.9375rem;line-height:1.45;color:var(--neutral-250)}.hub-tile-pic{position:relative;flex:1;min-height:200px;margin:8px 24px;pointer-events:none;filter:drop-shadow(0 22px 26px rgb(0 0 0/.6));transition:transform var(--duration-slow) var(--ease-out)}.hub-tile-figures{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.25fr) minmax(0,.8fr);gap:8px;padding:16px 24px;border-top:1px solid rgb(255 255 255/.1)}.hub-tile-figures dt,.hub-tile-price dt{font-size:.8125rem;color:var(--neutral-300)}.hub-tile-figures dd{margin-top:2px;font-family:var(--font-figures);font-variant-numeric:tabular-nums;font-size:.8125rem;line-height:1.35;overflow-wrap:anywhere}.hub-tile-buy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px 24px;border-top:1px solid rgb(255 255 255/.1)}.hub-tile-price{display:flex;flex-wrap:wrap;gap:4px 24px}.hub-tile-price dd{font-family:var(--font-figures);font-variant-numeric:tabular-nums;font-size:1rem}.hub-tile-noprice{font-size:.875rem;color:var(--neutral-250)}.hub-tile-cta{position:relative;z-index:2;width:100%}.hub-tile-cta:focus-visible{outline:2px solid var(--green-200);outline-offset:2px}@media (min-width:768px){.hub-tile[data-size=large] .hub-tile-cta{width:auto}}@media (min-width:1024px){.hub-tile-figures{grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,.9fr);gap:12px}.hub-tile[data-size=large] .hub-tile-surface{min-height:620px}.hub-tile[data-size=large] .hub-tile-pic{min-height:300px}.hub-tile[data-size=small] .hub-tile-surface{min-height:560px}.hub-tile[data-size=small] .hub-tile-name{font-size:1.25rem}.hub-tile[data-size=small] .hub-tile-ghost{font-size:6rem}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hub-tile:hover{--lift:-6px}.hub-tile:hover .hub-tile-surface{box-shadow:inset 0 0 0 1px rgb(255 255 255/.12),0 28px 70px -24px var(--glow),0 18px 40px -20px rgb(0 0 0/.55);will-change:transform}.hub-tile:hover .hub-tile-bg:after{opacity:1}.hub-tile:hover .hub-tile-pic{transform:translate(calc(var(--mx) * 10px),calc(-10px + var(--my) * 6px)) scale(1.07)}}@media (prefers-reduced-motion:reduce){.hub-tile-bg:after,.hub-tile-ghost,.hub-tile-pic,.hub-tile-surface{transition:none}}@media (hover:hover) and (prefers-reduced-motion:reduce){.hub-tile:hover .hub-tile-surface{box-shadow:inset 0 0 0 1px rgb(255 255 255/.28)}}