.tier-modal-overlay{z-index:9000;-webkit-backdrop-filter:blur(4px);background:#0a101ea6;justify-content:center;align-items:center;padding:20px;animation:.2s both fade-in-overlay;display:flex;position:fixed;inset:0}@keyframes fade-in-overlay{0%{opacity:0}to{opacity:1}}.tier-modal{background:var(--paper);border-radius:var(--radius);flex-direction:column;width:100%;max-width:720px;max-height:88vh;animation:.3s both slide-up-modal;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px -20px #0a101e66}@keyframes slide-up-modal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.tier-modal__scroll{flex:1;overflow-y:auto}.tier-modal__close{background:var(--ivory-2);border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:var(--ink);z-index:1;border-radius:50%;place-items:center;padding:0;font-size:1.35rem;line-height:1;transition:background .2s,color .2s;display:grid;position:absolute;top:14px;right:14px}.tier-modal__close:hover{background:var(--gold);color:var(--navy-3);border-color:var(--gold)}.tier-modal__body{padding:28px 32px 36px}.tier-modal__name{font-family:var(--font-display);color:var(--navy);margin:0 0 10px;font-size:clamp(1.45rem,2.5vw,1.9rem)}.tier-modal__price{color:var(--navy-3);background:var(--gold);border-radius:999px;margin-bottom:14px;padding:5px 14px;font-size:.88rem;font-weight:700;display:inline-block}.tier-modal__tagline{color:var(--ink-soft);margin:0 0 24px;font-size:1rem;line-height:1.6}.tier-modal__features h5{font-family:var(--font-display);color:var(--navy);margin:0 0 12px;font-size:1rem}.tier-modal__features ul{grid-template-columns:repeat(2,1fr);gap:8px 20px;margin:0;padding:0;list-style:none;display:grid}.tier-modal__features li{color:var(--ink);padding-left:18px;font-size:.92rem;line-height:1.5;position:relative}.tier-modal__features li:before{content:"";background:var(--gold);border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:0}.tier-modal__footer{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}@media (max-width:760px){.tier-modal__features ul{grid-template-columns:1fr}.tier-modal__body{padding:20px 22px 28px}.tier-modal__footer{flex-direction:column}.tier-modal__footer>*{justify-content:center;width:100%}}
