.premium-glow-one { top: -10rem; left: 50%; width: 50rem; height: 31.25rem; transform: translateX(-50%); background: oklch(0.65 0.25 295 / .2); }
.premium-glow-two { right: 0; bottom: 0; width: 37.5rem; height: 25rem; background: oklch(0.85 0.15 200 / .15); }
.pricing-grid { margin-top: 4rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.tier-card { position: relative; border-radius: 1.5rem; padding: 1.75rem; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.tier-card.highlight { border-color: oklch(0.65 0.25 295 / .5); box-shadow: 0 0 40px oklch(0.65 0.25 295 / .4), inset 0 0 20px oklch(0.65 0.25 295 / .1); transform: translateY(-.75rem); }
.tier-card:not(.highlight):hover { border-color: oklch(1 0 0 / .1); }
.popular-pill { position: absolute; top: -.75rem; left: 50%; transform: translateX(-50%); border-radius: 999px; background: linear-gradient(90deg, var(--luna-purple), var(--luna-blue)); padding: .25rem .75rem; color: white; font-size: .625rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.tier-card h3 { font-size: 1.125rem; font-weight: 600; }
.tier-tagline { margin-top: .25rem; color: var(--muted-foreground); font-size: .875rem; }
.tier-price { margin-top: 1.25rem; display: flex; align-items: baseline; gap: .375rem; }
.tier-price strong { font-family: "Space Grotesk", sans-serif; font-size: 2.25rem; line-height: 1; }
.tier-price span { color: var(--muted-foreground); font-size: .875rem; }
.tier-cta { margin-top: 1.5rem; display: flex; width: 100%; align-items: center; justify-content: center; gap: .5rem; border-radius: 999px; padding: .625rem 1.25rem; font-size: .875rem; font-weight: 600; transition: border-color .2s ease, color .2s ease, transform .2s ease; }
.tier-cta.secondary { border: 1px solid oklch(1 0 0 / .1); }
.tier-cta.secondary:hover { border-color: oklch(0.65 0.25 295 / .4); color: white; transform: translateY(-1px); }
.tier-features { margin: 1.5rem 0 0; padding: 0; list-style: none; display: grid; gap: .75rem; }
.tier-features li { display: flex; align-items: flex-start; gap: .625rem; color: var(--muted-foreground); font-size: .875rem; line-height: 1.45; }
.tier-features .icon { width: 1rem; height: 1rem; margin-top: .125rem; color: var(--luna-purple); }
.highlight .tier-features .icon { color: var(--luna-cyan); }
.premium-section { margin-top: 6rem; }
.premium-section h2 { text-align: center; font-size: clamp(1.875rem, 5vw, 2.25rem); font-weight: 700; }
.premium-section > p { margin-top: .75rem; text-align: center; color: var(--muted-foreground); }
.perks-grid { margin-top: 2.5rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.info-card { border-radius: 1rem; padding: 1.5rem; transition: transform .3s ease, border-color .3s ease; }
.info-card:hover { transform: translateY(-.125rem); border-color: oklch(0.65 0.25 295 / .4); }
.faq { max-width: 48rem; margin-inline: auto; }
.faq-list { margin-top: 2rem; display: grid; gap: .75rem; }
.faq details { border-radius: 1rem; padding: 1.25rem; }
.faq details[open] { border-color: oklch(0.65 0.25 295 / .3); }
.faq summary { display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; font-weight: 500; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary span { color: var(--luna-cyan); transition: transform .2s ease; }
.faq details[open] summary span { transform: rotate(45deg); }
.faq details p { margin-top: .75rem; color: var(--muted-foreground); font-size: .875rem; line-height: 1.65; }
.upgrade-cta { position: relative; overflow: hidden; border-radius: 1.5rem; border-color: oklch(0.65 0.25 295 / .3); padding: 2.5rem; text-align: center; }
.upgrade-cta::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(135deg, oklch(0.65 0.25 295 / .2), transparent, oklch(0.6 0.22 260 / .2)); }
.upgrade-cta .icon { margin-inline: auto; width: 2.5rem; height: 2.5rem; color: var(--luna-cyan); }
.upgrade-cta h2 { margin-top: 1rem; font-size: 1.875rem; }
.upgrade-cta p { margin: .5rem auto 0; max-width: 36rem; color: var(--muted-foreground); }
.upgrade-cta .btn-luna { margin-top: 1.5rem; border-radius: 999px; padding: .75rem 1.75rem; font-size: .875rem; font-weight: 600; }

@media (max-width: 900px) {
  .pricing-grid, .perks-grid { grid-template-columns: 1fr; }
  .tier-card.highlight { transform: none; }
}
/* ===== Mini Header Fix ===== */

.mini-header{
    position: sticky;
    top: 20px;
    z-index: 1000;

    width: calc(100% - 48px);
    max-width: 1850px;

    margin: 20px auto 0;

    border-radius: 24px;

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    background: rgba(30,20,50,.45);
}

.mini-header .container{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:14px 22px;
}

.brand{
    display:flex;
    align-items:center;
    gap:14px;
}

.brand-mark{
    width:44px;
    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:14px;
}

.back-link{
    color:#b9b4c7;
    font-weight:600;
    text-decoration:none;

    transition:.25s;
}

.back-link:hover{
    color:#fff;
}