.subtiles{width:100%;max-width:900px;margin:0 auto}.subtiles__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=640px){.subtiles__grid{grid-template-columns:1fr}}.subtiles__msg{text-align:center;color:var(--text-muted);font-size:.95rem}.subtiles__error{text-align:center;color:var(--red);margin-top:14px;font-size:.9rem}.subtile{background:var(--card-bg);border:1.5px solid var(--border);color:var(--text);cursor:pointer;text-align:center;font:inherit;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:24px 18px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.subtile:hover:not(:disabled){border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #00000047}.subtile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.subtile__tier{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:1.5rem;font-weight:800}.subtile__name{color:var(--text-muted);font-size:.9rem}.subtile__price{color:var(--text);margin:8px 0 2px;font-size:2.1rem;font-weight:800;line-height:1}.subtile__duration{color:var(--text-muted);font-size:.85rem}.subtile__cta{background:var(--accent);color:var(--on-accent);border-radius:999px;margin-top:14px;padding:8px 18px;font-size:.85rem;font-weight:700}.subtile--unavailable,.subtile:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.6)}.subtile--unavailable .subtile__cta,.subtile:disabled .subtile__cta{background:var(--border);color:var(--text-muted)}.subtile:disabled:not(.subtile--unavailable){opacity:.85;filter:none}