.annual-plan-features-trigger{justify-content:center;white-space:nowrap;font-size:.82rem;padding:11px 12px;min-height:44px}
.annual-plan-features-trigger[hidden],.annual-plan-fallback[hidden],.annual-plan-close[hidden]{display:none}
.annual-plan-fallback summary{cursor:pointer;color:var(--blue-l);font-weight:600}
.annual-plan-fallback .annual-plan-heading{position:static;padding:16px 0}
.annual-plan-fallback .annual-plan-body{padding:16px 0}
.annual-plan-fallback .annual-plan-amounts{grid-template-columns:1fr}
.annual-plan-dialog{margin:auto;width:min(720px,calc(100% - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--border2);border-radius:20px;background:var(--bg2);color:var(--text);box-shadow:var(--shadow-lg);overflow:auto;overscroll-behavior:contain}
.annual-plan-dialog::backdrop{background:rgba(2,6,16,.78);backdrop-filter:blur(5px)}
.annual-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;border-bottom:1px solid var(--border2);background:var(--bg2);position:sticky;top:0;z-index:1}
.annual-plan-eyebrow{color:var(--blue-l);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
.annual-plan-heading h3{font-size:1.8rem;line-height:1.25;margin-top:5px}
.annual-plan-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--border2);border-radius:12px;color:var(--text);background:var(--surface2);font-size:1.8rem;line-height:1}
.annual-plan-body{padding:24px 28px}
.annual-plan-intro{color:var(--text2);margin-bottom:20px}
.annual-plan-body h4{font-size:1rem;margin-bottom:10px}
.annual-plan-team{padding:18px;border:1px solid rgba(96,165,250,.3);border-radius:14px;background:rgba(59,130,246,.08);margin-bottom:24px}
.annual-plan-team p{font-size:.88rem;color:var(--text2)}
.annual-plan-team .annual-plan-capacity{color:var(--text);font-size:1.08rem;font-weight:700;margin-bottom:6px}
.annual-plan-feature-list{list-style:none;display:grid;gap:16px;margin:0 0 24px;padding:0}
.annual-plan-feature-list li{display:flex;gap:12px}
.annual-plan-feature-list li>span{color:var(--emerald);font-weight:700}
.annual-plan-feature-list strong{font-size:.92rem}
.annual-plan-feature-list p{color:var(--text2);font-size:.86rem;line-height:1.55;margin-top:3px}
.annual-plan-amounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}
.annual-plan-amounts>div{padding:16px;background:var(--surface2);border:1px solid var(--border);border-radius:12px}
.annual-plan-amounts dt{color:var(--text2);font-size:.8rem}
.annual-plan-amounts dd{font-size:1.6rem;font-weight:700;margin:6px 0 0;line-height:1.3}
.annual-plan-amounts dd span{display:block;font-size:.78rem;font-weight:400;color:var(--text2)}
.annual-plan-terms{font-size:.78rem;line-height:1.6;color:var(--text2);margin-top:10px}
.annual-plan-dialog :focus-visible,.annual-plan-features-trigger:focus-visible,.annual-plan-fallback summary:focus-visible{outline:3px solid var(--blue-l);outline-offset:4px}
html.annual-plan-modal-open{overflow:hidden}
@media(max-width:480px){.annual-plan-heading,.annual-plan-body{padding:20px}.annual-plan-amounts>div{padding:12px}.annual-plan-amounts dd{font-size:1.35rem}.annual-plan-heading h3{font-size:1.5rem}}
