/* Sequential access guidance. Independent of brand assets and payment behavior. */
.hero-access-note{color:#dcf3c1;font-size:13px;line-height:1.75;max-width:480px;margin:22px 0 0;border-inline-start:2px solid #a8d378;padding-inline-start:14px}
.access-flow-notice{display:flex;align-items:flex-start;gap:16px;padding:22px 24px;margin:0 0 30px;background:#edf5e4;border:1px solid #a4bc8a;border-inline-start:4px solid #557b34;border-radius:9px;color:#24381b}
.access-flow-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;background:#d9e9c8;border-radius:8px;color:#3a5a26}
.access-flow-notice strong{display:block;font-size:16px;line-height:1.45}.access-flow-notice p{font-size:13px;line-height:1.85;max-width:900px;margin:7px 0 0;color:#3e5133}
.access-channel-badge{display:inline-flex;align-items:center;align-self:flex-start;border:1px solid #b5c5a5;border-radius:5px;background:#f2f7eb;color:#314a20;padding:6px 10px;font-size:11px;font-weight:650;line-height:1.4;max-width:100%}
.access-start .start-heading>div{max-width:630px}.access-start .start-heading h2{font-size:clamp(28px,3.2vw,40px);line-height:1.16;max-width:600px}.access-start .start-heading>p{max-width:410px}
.access-start .start-card .eyebrow{margin:0 0 12px}.access-start .start-card h3{margin-top:19px}.access-start .start-card.start-activate h3{margin-top:10px}.access-start .access-start-first{border:2px solid #5e803e;background:#f1f8e8}.access-start .start-annual{background:#f2f4ed;border-color:#bec9b5}.access-start .start-annual .access-channel-badge{background:#e7ecdF}.access-start .start-card .button{white-space:normal;text-align:start;gap:12px;line-height:1.5;min-height:54px}.access-start .start-card .icon{flex-shrink:0}
.access-pricing-grid .price-top{flex-wrap:wrap;align-items:flex-start;gap:10px}.access-pricing-grid .price-top .badge{font-family:inherit;letter-spacing:0;line-height:1.5;font-weight:650;max-width:100%}.access-pricing-grid .annual-later .badge{background:#e9eee1;border-color:#bccbad;color:#395129}.access-pricing-grid .price-card.test-first{border:2px solid #769853}.access-pricing-grid .price-card .access-card-note{font-size:13px;line-height:1.85;margin:0 0 22px;padding:15px 0;border-top:1px solid #c0cdb4;color:#3a4d30}.access-pricing-grid .button{white-space:normal;line-height:1.5;gap:14px}
.annual-access-guide{scroll-margin-top:28px;padding:32px;margin:40px 0;border:1px solid #b6c7a5;border-radius:12px;background:#f7faf1}.annual-guide-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.annual-guide-heading h2{font-size:clamp(26px,3vw,36px);line-height:1.15;max-width:680px}.annual-guide-heading .eyebrow{margin-bottom:13px}.annual-guide-heading>.access-channel-badge{flex-shrink:0}.annual-guide-lead{font-size:14px;color:#45553a;max-width:820px;line-height:1.85;margin:20px 0 28px}
.access-journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.access-journey>li{display:flex;align-items:flex-start;gap:12px;min-width:0}.access-step-number{font:12px/32px Consolas,monospace;flex-shrink:0;text-align:center;display:inline-block;width:32px;height:32px;border:1px solid #afc894;background:#e6f1d9;border-radius:7px;color:#345225}.access-journey h3{font-size:18px;line-height:1.4;margin:3px 0 12px}.access-journey p{font-size:13px;line-height:1.85;color:#45553a;margin:0 0 12px}.access-journey .text-link{font-size:12px;white-space:normal;line-height:1.5;gap:10px}.access-journey .access-app-path{font:11px/1.8 Consolas,monospace;padding:10px;background:#e5eddb;border-radius:6px;overflow-wrap:anywhere;color:#2d4720}.annual-guide-footnote{border-top:1px solid #c3d0b5;padding-top:19px;margin:25px 0 0;font-size:12px;line-height:1.8;color:#435638}.access-legacy-notice p{line-height:1.85}
@media(min-width:651px) and (max-width:900px){.access-start .start-activate{grid-column:auto}.access-start .start-annual{grid-column:1/-1}.access-start .start-annual .button{width:auto;min-width:260px}.access-start .start-activate .button{max-width:none}}
@media(max-width:900px){.access-journey{grid-template-columns:1fr;gap:22px}.annual-guide-heading{flex-direction:column;gap:14px}.annual-access-guide{padding:27px}.access-journey h3{font-size:19px}}
@media(max-width:650px){.access-flow-notice{padding:18px 16px;gap:12px}.access-flow-notice strong{font-size:15px}.access-flow-notice p{font-size:12px}.access-flow-symbol{flex-basis:29px;width:29px;height:29px}.access-flow-symbol .icon{width:19px;height:19px}.annual-access-guide{padding:22px}.access-pricing-grid .price-card{min-width:0}.access-start .start-annual{grid-column:auto}.access-start .start-card .button{min-width:0}.access-start .start-card.start-activate h3{font-size:26px}.annual-guide-heading>.access-channel-badge{flex-shrink:1}.hero-access-note{font-size:12px}.access-pricing-grid .price-card .quota{flex-wrap:wrap}}

/* Long localized CTA words must wrap instead of widening mobile layouts. */
.final-cta h2{overflow-wrap:anywhere}