.subscription-intro { padding-block:65px 40px; text-align:center; }
.subscription-intro h1 { font-size:clamp(34px,4.5vw,54px); line-height:1.14; font-weight:500; letter-spacing:-.05em; margin-top:18px; color:var(--site-ink); }
.subscription-intro p { font-size:15px; color:var(--site-muted); line-height:1.85; margin-top:20px; }
.subscription-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:27px; }
.subscription-reassurance { display:block; margin-top:18px; color:var(--site-muted); font-size:11px; }
.subscription-promotion:empty { display:none; }
.subscription-promotion > div { background:var(--site-inset)!important; border:1px solid var(--site-border); color:var(--site-ink); box-shadow:none; }
.subscription-promotion :is(p,.text-slate-300,.text-slate-400) { color:var(--site-muted)!important; }
.subscription-promotion [class*="bg-slate"] { background:var(--site-panel)!important; color:var(--site-ink); border-color:var(--site-border); }
.company-site .subscription-page #pricing { padding-top:30px; }
.company-site .subscription-page #pricing > div:first-child h2 { font-size:28px; }
.company-site .subscription-page #pricing .plan-card-grid :is(a,button) { width:100%; display:block; min-height:44px; padding:12px; font-size:12px; border-radius:7px; }
.company-site .subscription-page #pricing .plan-card-grid button { background:var(--site-primary); color:var(--site-on-primary); }
.company-site .subscription-page #pricing .plan-card-grid > .relative button { background:#e4edff; color:#233b61; }
@media(max-width:767px) { .subscription-intro { padding-block:40px 25px; }.subscription-intro p { font-size:13px; }.subscription-actions { flex-direction:column; align-items:stretch; }.subscription-actions .button { width:100%; justify-content:center; } }
/* Editorial introduction with a focused trial invitation. */
.company-site .subscription-intro { text-align:left; padding-block:54px 0; }
.subscription-hero { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:90px; padding-bottom:50px; }
.company-site .subscription-hero-copy h1 { font-size:clamp(42px,5vw,65px); line-height:1.06; margin-top:22px; }
.subscription-hero-copy h1 em { font-style:normal; color:var(--site-primary); }
.company-site .subscription-hero-copy > p { max-width:390px; font-size:15px; margin-top:24px; line-height:1.85; }
.subscription-compare { display:inline-flex; align-items:center; gap:25px; font-size:12px; font-weight:500; color:var(--site-primary); margin-top:26px; padding-bottom:7px; border-bottom:1px solid var(--site-border); }
.subscription-compare span { font-size:18px; }
.trial-invitation { position:relative; padding:29px; border:1px solid var(--site-border); border-radius:17px; background:linear-gradient(150deg,var(--site-inset),var(--site-panel)); box-shadow:0 16px 45px color-mix(in srgb,var(--site-primary) 6%,transparent); }
.trial-card-top { display:flex; align-items:center; justify-content:space-between; color:var(--site-muted); font-size:9px; letter-spacing:.1em; }
.trial-icon { width:37px; height:37px; border:1px solid var(--site-border); border-radius:9px; display:grid; place-items:center; background:var(--site-panel); }
.trial-icon img { width:28px; height:28px; }
.trial-duration { display:flex; align-items:center; gap:17px; margin-top:10px; }
.trial-duration strong { font-size:80px; font-weight:500; letter-spacing:-.07em; line-height:1.2; color:var(--site-primary); }
.trial-duration > span { color:var(--site-muted); font-size:12px; line-height:1.8; }
.trial-invitation h2 { font-size:21px; letter-spacing:-.035em; font-weight:500; margin-top:13px; color:var(--site-ink); }
.company-site .trial-invitation > p { font-size:12px; line-height:1.85; margin-top:10px; max-width:320px; }
.trial-invitation ul { display:grid; gap:9px; margin-block:19px 23px; padding-block:16px; border-block:1px solid var(--site-border); list-style:none; }
.trial-invitation li { display:flex; align-items:center; gap:10px; font-size:12px; color:var(--site-muted); }
.trial-invitation li::before { content:'\2713'; color:var(--site-accent); }
.trial-invitation form .button { width:100%; justify-content:space-between; min-height:46px; font-size:12px; }
.trial-invitation > small { display:block; text-align:center; font-size:10px; color:var(--site-muted); margin-top:12px; }
.subscription-principles { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--site-border); padding-block:19px; gap:20px; }
.subscription-principles > span { display:flex; align-items:center; gap:15px; font-size:11px; color:var(--site-muted); }
.subscription-principles b { color:var(--site-accent); font-size:10px; font-weight:500; }
.company-site .subscription-page #pricing { padding-top:52px; }
.company-site .subscription-page #pricing > div:first-child { text-align:left; margin-bottom:32px; }
.company-site .subscription-page #pricing > div:first-child h2 { font-size:35px; letter-spacing:-.045em; margin-top:10px; }
.company-site .subscription-page #pricing > div:first-child p { margin-inline:0; max-width:520px; font-size:13px; line-height:1.8; margin-top:12px; }
@media(max-width:1000px) { .subscription-hero { gap:40px; } }
@media(max-width:767px) { .company-site .subscription-intro { padding-top:35px; }.subscription-hero { grid-template-columns:minmax(0,1fr); gap:30px; padding-bottom:30px; }.company-site .subscription-hero-copy h1 { font-size:43px; }.company-site .subscription-hero-copy > p { font-size:14px; }.trial-invitation { padding:25px; }.subscription-principles { grid-template-columns:1fr; gap:13px; padding-block:20px; }.company-site .subscription-page #pricing { padding-top:35px; }.company-site .subscription-page #pricing > div:first-child h2 { font-size:30px; } }
.pricing-notice { margin-top:24px; padding:15px 18px; border:1px solid var(--site-border); border-left:3px solid var(--site-primary); border-radius:8px; background:var(--site-inset); color:var(--site-ink); font-size:13px; line-height:1.8; }
.pricing-notice[role=alert] { border-left-color:var(--site-red); }
