[data-autumn-active][hidden], [data-autumn-ended][hidden] { display: none !important; }
.autumn-countdown { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.65rem; margin:1rem 0 0; color:#fde68a; font-size:.9rem; line-height:1.5; }
.autumn-clock { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; }
.autumn-clock > span { display:flex; flex-direction:column; align-items:center; min-width:2.7rem; padding:.45rem .4rem; border-radius:.5rem; background:#0f172a; box-shadow:inset 0 0 0 1px #334155; }
.autumn-clock b { color:#f8fafc; font-size:1.2rem; font-variant-numeric:tabular-nums; line-height:1.2; }
.autumn-clock small { color:#cbd5e1; font-size:.65rem; }
.autumn-coupon-note { color:#fde68a; font-size:.85rem; margin:.7rem 0 0; }
.banner-text .autumn-countdown { flex-basis:100%; margin:0; flex-direction:row; flex-wrap:wrap; gap:.75rem; }
.banner-text .autumn-clock > span { min-width:2rem; padding:.2rem .35rem; }
.banner-text .autumn-clock b { font-size:.95rem; }
.banner-text .autumn-clock small { font-size:.55rem; }

.aap-pricing-grid-bac .aap-yearly-card, .aap-pricing-grid-bac .aap-yearly-card:hover,
.aap-pricing-grid-bac .aap-monthly-card, .aap-pricing-grid-bac .aap-monthly-card:hover { transform:none; max-width:420px; }
.aap-pricing-grid-bac .aap-yearly-card-inner, .aap-pricing-grid-bac .aap-monthly-card-inner { display:flex; flex-direction:column; height:100%; box-sizing:border-box; }
.aap-pricing-grid-bac .aap-yearly-btn, .aap-pricing-grid-bac .aap-monthly-btn { margin-top:auto; }
.aap-yearly-price-label[data-autumn-active] { color:#e2e8f0; }
.aap-yearly-price-period[data-autumn-active] { display:inline-block; white-space:nowrap; }
.autumn-banner-original { color:#94a3b8; font-weight:400; margin-right:.2rem; } .autumn-banner-price { color:#fde68a; background:transparent; padding:0; font-size:1.2em; font-weight:800; white-space:nowrap; }

.autumn-feature { padding:2.5rem 1.25rem 0; background:#070b15; }
.autumn-feature-inner { position:relative; overflow:hidden; max-width:960px; margin:auto; padding:3rem 1.5rem 2.25rem; border-radius:1.5rem; text-align:center; background:radial-gradient(ellipse at 50% 0,rgba(251,191,36,.22),transparent 65%),linear-gradient(135deg,#17172a,#101827 55%,#21182b); box-shadow:inset 0 0 0 1px rgba(251,191,36,.5),0 15px 65px -25px rgba(251,191,36,.3); }
.autumn-feature-inner::before { content:""; position:absolute; top:0; left:15%; width:70%; height:2px; background:linear-gradient(90deg,transparent,#fff4ba,transparent); }
.autumn-feature-eyebrow { color:#fcd34d; font-size:.75rem; font-weight:800; letter-spacing:.2em; margin:0 0 .8rem; }
.autumn-feature h2 { color:#fff7dc; font-size:clamp(1.8rem,4vw,3rem); font-weight:800; line-height:1.15; margin:0 0 .85rem; }
.autumn-feature-copy { color:#cbd5e1; font-size:1.05rem; margin:0; }
.autumn-feature .autumn-countdown { margin-top:1.8rem; gap:1.2rem; font-size:1.05rem; }
.autumn-feature .autumn-clock { gap:clamp(.45rem,2vw,1.1rem); }
.autumn-feature .autumn-clock > span { min-width:clamp(3.5rem,15vw,7rem); padding:1rem .4rem .8rem; border-radius:.85rem; background:linear-gradient(145deg,#fff1a3 0%,#fbbf24 42%,#da8d12 100%); box-shadow:inset 0 2px 0 rgba(255,255,255,.6),0 8px 24px -8px rgba(245,158,11,.4); }
.autumn-feature .autumn-clock b { color:#241600; font-size:clamp(2rem,7vw,3.6rem); font-weight:900; letter-spacing:-.04em; }
.autumn-feature .autumn-clock small { color:#493006; font-size:.7rem; text-transform:uppercase; font-weight:800; letter-spacing:.08em; margin-top:.35rem; }
.autumn-feature-link { position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:.9rem 2rem; margin-top:2rem; border:1px solid #f4cc79; border-radius:999px; background:linear-gradient(135deg,#fffdf3,#f8e4b8); color:#33210d; font-size:1.05rem; font-weight:800; text-decoration:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 6px 24px -6px rgba(245,158,11,.35); transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }
.autumn-feature-link:focus-visible { outline:3px solid #fff5d6; outline-offset:5px; }
#pricing { scroll-margin-top:90px; }
@media(min-width:1100px) { .banner-text { flex-wrap:nowrap; } }
.autumn-illustration { display:block; width:clamp(200px,32vw,300px); max-width:100%; height:auto; margin:1rem auto -.8rem; }

.autumn-feature .autumn-clock > span { transition:transform .2s ease,box-shadow .2s ease; }
@media (hover:hover) and (pointer:fine) {
    .autumn-feature .autumn-clock > span:hover { transform:translateY(-5px); box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 12px 30px -6px rgba(245,158,11,.65); }
    .autumn-feature-link:hover { transform:translateY(-2px); filter:brightness(1.08); color:#33210d; text-decoration:none; box-shadow:0 10px 30px -6px rgba(245,158,11,.6); }
}
@media (prefers-reduced-motion:reduce) {
    .autumn-feature .autumn-clock > span, .autumn-feature-link { transition:none; }
    .autumn-feature .autumn-clock > span:hover, .autumn-feature-link:hover { transform:none; }
}

.autumn-feature-link::before { content:""; position:absolute; inset:-4px; z-index:-1; border-radius:inherit; pointer-events:none; box-shadow:0 0 0 1px rgba(244,204,121,.6),0 0 28px 5px rgba(245,158,11,.28); opacity:.4; animation:autumn-cta-glow 3.2s ease-in-out infinite; }
@keyframes autumn-cta-glow { 0%,100% { opacity:.35; } 50% { opacity:.9; } }
@media (prefers-reduced-motion:reduce) { .autumn-feature-link::before { animation:none; opacity:.55; } }