.annual-hero h1 { font-size: clamp(2.6rem,4.7vw,4.4rem); }
.annual-result-cta { display:inline-block; margin-top:24px; color:var(--violet); font-weight:750; text-underline-offset:4px; }
.annual-value,.annual-transition,.annual-sale,.annual-faq { max-width:1180px; margin:0 auto 64px; }
.annual-copy-heading { max-width:820px; margin-bottom:30px; }
.annual-copy-heading h2,.annual-transition h2,.annual-sale h2 { font-size:clamp(2rem,4vw,3.3rem); }
.annual-copy-heading>p:not(.eyebrow) { color:var(--muted); font-size:1.08rem; }
.annual-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.annual-benefits article { background:#fff; border:1px solid var(--line); border-radius:24px; padding:28px; }
.annual-benefits h3 { margin:12px 0; font-size:1.2rem; }
.annual-benefits p { margin:0; color:var(--muted); }
.annual-transition { padding:38px; border-left:4px solid var(--gold); border-radius:0 26px 26px 0; background:var(--gold-soft); }
.annual-transition>p:not(.eyebrow) { max-width:850px; }
.annual-scope { font-size:.88rem; color:#73613e; }
.annual-sale { padding:42px; border-radius:30px; background:var(--night); color:#fff; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr); gap:36px; align-items:start; }
.annual-sale-copy>p:not(.eyebrow),.annual-sale li { color:#d5d1df; }
.annual-sale li { margin:12px 0; }
.annual-sale ul { padding-left:20px; }
.annual-honest { font-size:.86rem; }
.annual-buy-form { min-width:0; padding:25px; gap:13px; }
.annual-buy-form>label>span { font-weight:400; }
.annual-buy-form .consent-row { font-size:.86rem; line-height:1.5; }
.annual-outline { min-height:54px; padding:12px 16px; border:1px solid #d9b66f; border-radius:14px; background:transparent; color:#f3d99f; font-weight:750; }
.annual-outline:hover { background:rgba(217,182,111,.12); }
.annual-payment-note { color:#cfc9dc; font-size:.82rem; }
.annual-order-return { color:#f3d99f; text-underline-offset:4px; }
.annual-order-return[hidden] { display:none; }
.annual-faq { max-width:920px; }
.annual-faq h2 { margin-bottom:25px; }
.annual-faq details { padding:20px 0; border-bottom:1px solid var(--line); }
.annual-faq summary { cursor:pointer; font-weight:750; min-height:30px; }
.annual-faq details p { color:var(--muted); }
@media(max-width:1000px) { .annual-sale { grid-template-columns:1fr; } }
@media(max-width:580px) { .annual-benefits { grid-template-columns:1fr; } .annual-transition,.annual-sale { padding:28px 20px; } .annual-buy-form { padding:22px 16px; } .annual-copy-heading h2,.annual-sale h2,.annual-transition h2 { font-size:2rem; } }