.purchase-landing,.fastmail-purchase,.purchase-section{--purchase-line:#d5e3f3;--purchase-muted:#4a627d;--purchase-blue:#075dcc;--purchase-ink:#142c42;color:var(--purchase-ink)}
.purchase-landing{max-width:1180px;margin:0 auto}.purchase-landing *,.fastmail-purchase *{box-sizing:border-box}.purchase-nord-heading{text-align:center;max-width:790px;margin:0 auto 24px}.purchase-brand{display:flex;justify-content:center;margin-bottom:18px}.purchase-brand .company-brand{justify-content:center}.purchase-nord-heading h2{margin:0 0 12px;font-size:clamp(26px,3.1vw,40px);line-height:1.15}.purchase-nord-heading p{margin:0;color:var(--purchase-muted)}
.purchase-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;background:linear-gradient(125deg,#edf6ff,#f9fcff);border:1px solid var(--purchase-line);border-radius:22px;padding:32px;margin:24px 0 36px;text-align:left}.purchase-hero h2,.purchase-hero h3{font-size:clamp(24px,2.4vw,34px);line-height:1.16;margin:10px 0 16px}.purchase-hero p{margin:10px 0}.purchase-kicker{display:block;font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:#065bb8}.purchase-hero-action{border-left:1px solid #ccdef0;padding-left:30px;min-width:0}.purchase-plan-name{font-size:14px;font-weight:700}.purchase-price{font-size:34px!important;line-height:1.15!important;font-weight:750!important;letter-spacing:-.025em;margin:12px 0!important}.purchase-price small{display:block;font-weight:500;font-size:13px;letter-spacing:0;line-height:1.5;margin-top:6px}.purchase-fine,.purchase-reference{font-size:12px!important;line-height:1.6!important;color:var(--purchase-muted)}.purchase-benefits{padding-left:19px!important;margin:18px 0 0!important;display:grid;gap:7px;font-size:14px}.purchase-hero .provider-link,.purchase-plan .provider-link,.purchase-next .provider-link{display:block;margin:18px 0 10px}.purchase-hero .provider-link>a,.purchase-plan .provider-link>a,.purchase-next .provider-link>a{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:13px 18px;border:1px solid #075dcc;border-radius:10px;background:#075dcc;color:#fff;font-size:15px;font-weight:700;text-decoration:none}.purchase-hero .provider-link>a:hover,.purchase-plan .provider-link>a:hover,.purchase-next .provider-link>a:hover{background:#034baf;color:#fff}.purchase-hero a:focus-visible,.purchase-plan a:focus-visible,.purchase-terms a:focus-visible,.purchase-faq summary:focus-visible{outline:3px solid #0e75e5;outline-offset:4px}.purchase-secondary{display:flex;justify-content:center;align-items:center;min-height:44px;color:#075dcc!important;text-align:center;font-size:14px;font-weight:650;text-decoration:underline!important;text-underline-offset:3px}
.purchase-section{margin:42px 0}.purchase-section>h2{font-size:clamp(25px,2.5vw,32px);line-height:1.25;margin:10px 0 16px}.purchase-section h3{font-size:20px;line-height:1.3;margin:26px 0 10px}.purchase-section p{line-height:1.7}.purchase-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;text-align:left}.purchase-plan{display:flex;flex-direction:column;min-width:0;border:1px solid var(--purchase-line);border-radius:16px;background:#fff;padding:24px}.purchase-plan-start{background:#f2f8ff}.purchase-plan h3{margin:10px 0 8px;font-size:26px}.purchase-plan p{font-size:14px;line-height:1.65}.purchase-plan .purchase-kicker{min-height:32px}.purchase-card-action{margin-top:auto}.purchase-renewal{background:#f1f5fa;padding:12px;border-radius:9px;font-size:12px!important}.purchase-terms{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 16px}.purchase-terms a{display:flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #bed2e9;border-radius:999px;color:#075dcc;background:#fff;text-decoration:none;font-size:14px;font-weight:650}.purchase-terms a[aria-current]{background:#075dcc;color:#fff;border-color:#075dcc}.purchase-reference{background:#f1f6fc;border-radius:10px;padding:14px 18px}.purchase-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--purchase-line);margin-top:46px}.purchase-story-grid .purchase-section{margin:28px 0}.purchase-checklist{padding-left:20px;display:grid;gap:20px;line-height:1.7}.purchase-faq details{border-bottom:1px solid var(--purchase-line);padding:2px 0}.purchase-faq summary{font-size:17px;font-weight:650;line-height:1.5;padding:18px 28px 18px 0;cursor:pointer;min-height:48px}.purchase-faq details p{max-width:850px;margin:0 0 20px}.purchase-next{padding:30px;border:1px solid var(--purchase-line);border-radius:18px;background:#edf6ff;text-align:center}.purchase-next .provider-link{max-width:330px;margin:18px auto 0}.purchase-sources,.purchase-other-services{border-top:1px solid var(--purchase-line);padding:18px 0;color:var(--purchase-muted);font-size:13px}.purchase-sources summary,.purchase-other-services summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:650}.purchase-sources ul{padding-left:20px;line-height:2}.purchase-sources a{color:#075dcc}.fastmail-purchase{margin-top:20px}.company-reading:has(.fastmail-purchase) .article-header{margin-bottom:24px}.company-reading:has(.fastmail-purchase) .article-body>h2{margin-top:36px}.company-reading:has(.fastmail-purchase) .article-body>.purchase-section{max-width:none}.company-reading:has(.fastmail-purchase) .article-body .purchase-plan-grid{grid-template-columns:1fr}.company-reading:has(.fastmail-purchase) .article-body .purchase-plan .purchase-kicker{min-height:0}
@media(min-width:1100px){.company-reading:has(.fastmail-purchase) .article-layout{grid-template-columns:180px minmax(0,1fr)}.company-reading:has(.fastmail-purchase) .reading-content{max-width:1000px}.company-reading:has(.fastmail-purchase) .article-body .purchase-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.purchase-hero{grid-template-columns:1fr;padding:22px;gap:22px;margin-top:20px;border-radius:16px}.purchase-hero-action{border-left:0;border-top:1px solid #ccdef0;padding:20px 0 0}.purchase-plan-grid{grid-template-columns:1fr;gap:16px}.purchase-plan{padding:22px}.purchase-plan .purchase-kicker{min-height:0}.purchase-story-grid{grid-template-columns:1fr;gap:0}.purchase-nord-heading{margin-bottom:18px}.purchase-brand{margin-bottom:12px}.purchase-section{margin:32px 0}.purchase-next{padding:24px 20px}.purchase-price{font-size:30px!important}.purchase-terms{gap:8px}.purchase-terms a{font-size:12px;padding:10px 12px}.purchase-faq summary{font-size:16px}.fastmail-purchase>div:first-child .purchase-benefits{display:none}.fastmail-purchase h2{font-size:23px}.fastmail-purchase>div:first-child p{font-size:14px}.fastmail-purchase{gap:16px;padding:20px}.fastmail-purchase .purchase-hero-action{padding-top:16px}.nord-purchase .purchase-hero>div:first-child .purchase-benefits{display:none}}

@media(max-width:760px){.fastmail-purchase .purchase-hero-action{order:-1;border-top:0;border-bottom:1px solid #ccdef0;padding:0 0 16px}}
@media(max-width:760px){
 .company-reading:has(.fastmail-purchase) .article-header h1{font-size:28px;line-height:1.18;margin:12px 0}
 .company-reading:has(.fastmail-purchase) .article-deck{font-size:14px;line-height:1.65;margin:12px 0}
 .company-reading:has(.fastmail-purchase) .company-guide-brand{margin-bottom:14px}
 .fastmail-purchase .provider-link{padding:0;background:transparent;border:0}
 .fastmail-purchase .purchase-price{margin:8px 0!important}
 .fastmail-purchase .purchase-hero-action>p{font-size:13px;line-height:1.55}
}

/* One visible page heading; keep the actual purchase choice close on small screens. */
.plan-catalog.vpn-prices:has(.nord-purchase)>.price-intro{display:none}
.purchase-nord-heading h1{font-size:clamp(27px,3.1vw,40px);line-height:1.18;margin:12px 0}
.purchase-hero .provider-link,.purchase-plan .provider-link,.purchase-next .provider-link{padding:0;border:0;background:transparent}
@media(max-width:760px){.nord-purchase .purchase-hero-action{order:-1;border-top:0;border-bottom:1px solid #ccdef0;padding:0 0 18px}.purchase-nord-heading h1{font-size:27px}.purchase-nord-heading>p{font-size:14px;line-height:1.6}}

/* Fastmail identity belongs inside the purchase panel, per the reviewed layout. */
.fastmail-purchase .purchase-inline-brand{display:flex;align-items:center;justify-content:flex-start;min-height:50px;margin:0 0 20px}
.fastmail-purchase .purchase-inline-brand .company-brand{justify-content:flex-start}
@media(max-width:760px){.fastmail-purchase{display:flex;flex-direction:column;align-items:stretch}.fastmail-purchase>.purchase-hero-copy{display:contents}.fastmail-purchase .purchase-inline-brand{order:-2;margin:0;justify-content:center}.fastmail-purchase .purchase-inline-brand .company-brand{justify-content:center}.fastmail-purchase .purchase-hero-action{order:-1}.fastmail-purchase>.purchase-hero-copy>.purchase-benefits{display:none}}

/* Mobile clarity: readable payment conditions and room for each plan. */
@media(max-width:900px){
 .purchase-landing .purchase-plan-grid,
 .company-reading:has(.fastmail-purchase) .purchase-plan-grid{grid-template-columns:minmax(0,1fr);max-width:640px;margin-left:auto;margin-right:auto}
 .purchase-story-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .purchase-plan p{font-size:16px;line-height:1.65}
 .purchase-plan .purchase-renewal{font-size:14px!important;line-height:1.65}
 .purchase-price small{font-size:14px;line-height:1.6}
 .purchase-fine,.purchase-reference{font-size:13px!important;line-height:1.65!important}
 .purchase-terms a{font-size:14px}
 .purchase-sources,.purchase-other-services{font-size:14px;line-height:1.65}
}