html { scroll-behavior: smooth; color-scheme: light; }
.presstein-logo { width:auto; max-width:210px; object-fit:contain; mix-blend-mode:multiply; }
button, [role="button"], [role="checkbox"] { cursor: pointer; }
button:focus-visible, a:focus-visible, [tabindex]:focus-visible { outline: 3px solid #2d61f5; outline-offset: 4px; }
[hidden] { display: none !important; }
.field-error { color: #dc2626; font-size: 14px; margin-top: 4px; }
.faq-answer { padding: 0 20px 16px; color: #555; font-size: 14px; line-height: 1.625; white-space: pre-line; }
button[aria-expanded="true"]:not(.contact-launcher) > svg { transform: rotate(180deg); }
.rebuild-modal { z-index: 1000; font-family: var(--font-plus-jakarta),sans-serif; }
.rebuild-modal > div { max-height: calc(100dvh - 48px); overflow-y: auto; }
.card-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; font: 14px/1.5 Inter,sans-serif; color: #30313d; }
.card-fields label { display: block; }
.card-fields .full { grid-column: 1/-1; }
.card-fields input, .card-fields select { width: 100%; border: 1px solid #d5d9e0; border-radius: 5px; padding: 11px 12px; background: white; color: #30313d; box-shadow: 0 1px 1px #00000008; }
.preview-note { font-size: 12px; line-height: 1.5; color: #637086; text-align: center; margin-top: 8px; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *, *::before, *::after { animation-duration:.01ms!important; transition-duration:.01ms!important; } }

.forbes-feature{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 24px;border:1px solid #dce2ee;border-radius:14px;background:#fff;color:#101828;max-width:330px;margin-inline:auto}.forbes-feature span{font-size:14px;font-weight:600}.forbes-feature strong{font-family:Georgia,serif;font-size:43px;line-height:1;letter-spacing:-2px}.presstein-step-icon{width:80px;height:80px;object-fit:contain;flex-shrink:0}.account-nav{display:block;text-align:center;margin:16px auto;color:#2544f5;font-size:14px;font-weight:600}
.customer-story{margin:0;width:100%;background:#fff;border:1px solid #e1e6f0;border-radius:12px;padding:22px;text-align:left;color:#334155;line-height:1.65}.customer-story blockquote{margin:0 0 16px;font-size:16px}.customer-story figcaption{display:flex;align-items:center;gap:12px}.customer-story figcaption img{width:48px;height:48px;border-radius:50%;object-fit:cover}.customer-story figcaption strong,.customer-story figcaption span{display:block}.customer-story figcaption strong{color:#101828;font-size:14px}.customer-story figcaption span{font-size:13px;color:#64748b}

.checkout-price-callout{text-align:center;margin:16px 0 24px;line-height:1.3}.checkout-price-callout p:first-child{color:#667085;font-size:17px;font-weight:600}.checkout-price-callout p:last-child{color:#2544f5;font-size:27px;font-weight:800;margin-top:4px}.checkout-price-callout strong{font-size:34px}
.contact-launcher{position:fixed;right:12px;bottom:112px;z-index:80;width:56px;height:56px;border-radius:50%;background:#2f60ff;color:#fff;display:grid;place-items:center;box-shadow:0 3px 12px #0002}.contact-launcher svg{width:30px;height:30px}.contact-panel{position:fixed;right:12px;bottom:180px;width:350px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 200px);overflow-y:auto;z-index:90;border-radius:12px;box-shadow:0 8px 48px #0003;background:#fff;color:#20242c;font-family:Arial,sans-serif}.contact-header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#2f60ff;color:#fff;padding:16px 20px}.contact-header button{padding:4px 8px;color:#fff;font-size:19px;line-height:1}.contact-body{padding:22px}.contact-intro{margin:0 0 18px;font-size:16px;line-height:1.5}.contact-form{display:grid;gap:10px}.contact-form label{font-size:14px;font-weight:700}.contact-form input:not([name=website]),.contact-form textarea{width:100%;min-width:0;border:1px solid #cbd2df;border-radius:7px;padding:12px;font-family:inherit;font-size:16px;color:#20242c;background:#fff}.contact-form textarea{resize:vertical;min-height:90px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #2f60ff;outline-offset:2px}.contact-form button{width:100%;background:#2f60ff;color:#fff;font-size:16px;font-weight:700;padding:13px;border-radius:7px;margin-top:4px}.contact-form button:disabled{opacity:.65;cursor:wait}.contact-status{font-size:14px;line-height:1.55;color:#166534;margin:14px 0 0}.contact-status:empty{display:none}.contact-status.is-error{color:#b42318}.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-height:600px){.contact-panel{bottom:76px;max-height:calc(100dvh - 92px)}.contact-launcher{bottom:12px}}

/* Marketing pages share layouts without changing the account or admin dashboards. */
.marketing-page { margin:0; min-width:0; }
.marketing-page .site-shell { width:100%; min-width:0; }
.marketing-page :where(.flex,.grid) > * { min-width:0; }
.marketing-page :where(h1,h2,h3,p,li) { overflow-wrap:break-word; }
.marketing-page :where(h1,h2,h3) { text-wrap:balance; }
.marketing-page img { max-width:100%; }
.marketing-page :where(input,select,textarea):not([name="website"]) { min-height:46px; max-width:100%; font-size:16px; }
.marketing-page .cta-button { min-height:48px; max-width:100%; padding:14px 22px; white-space:normal; line-height:1.4; overflow-wrap:break-word; touch-action:manipulation; }
.marketing-page .secondary-action { min-height:44px; max-width:100%; padding:12px 16px; font-size:14px; line-height:1.5; white-space:normal; touch-action:manipulation; }
.marketing-page .support-link { display:inline-flex; align-items:center; min-height:44px; }
.marketing-page .faq-trigger { min-height:54px; line-height:1.5; gap:12px; }
.marketing-page .faq-trigger > span { min-width:0; }
.marketing-page .site-footer { padding-bottom:32px; padding-inline:16px; }
.marketing-page .site-footer .account-nav { min-height:44px; display:flex; align-items:center; justify-content:center; margin:0 auto 8px; }
.marketing-page .rating-pill { max-width:100%; flex-wrap:wrap; justify-content:center; white-space:normal; text-align:center; row-gap:6px; }
.marketing-page .forbes-feature { max-width:100%; gap:12px; padding:12px 20px; }
.marketing-page .accepted-cards { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px; width:100%; margin:10px auto; }
.marketing-page .accepted-cards span { display:flex; align-items:center; justify-content:center; min-height:28px; padding:4px 8px; border:1px solid #dce2ea; border-radius:5px; background:#fff; color:#26344d; font:700 10px/1.2 Arial,sans-serif; letter-spacing:.2px; }

.page-home { padding-bottom:calc(88px + env(safe-area-inset-bottom,0px)); }
.page-home .home-hero h1 { font-size:clamp(28px,5.6vw,40px); line-height:1.18; }
.page-home .home-hero > div { gap:20px; }
.page-home .home-offer-desktop > div { width:auto; min-width:0; }
.sticky-feature-bar { position:fixed; inset:auto 0 0; z-index:50; background:#2544f5; box-shadow:0 -3px 18px #122a641f; padding-bottom:env(safe-area-inset-bottom,0px); }
.sticky-feature-inner { max-width:1152px; margin:auto; padding:10px 16px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.sticky-feature-inner > img { width:125px; height:64px; object-fit:contain; flex-shrink:0; }
.sticky-feature-inner > p { color:#fff; font-size:14px; line-height:1.5; text-align:center; }
.marketing-page .sticky-feature-button { background:#fff; color:#101828; font-size:17px; font-weight:800; border-radius:10px; padding:11px 22px; flex-shrink:0; }
.sticky-feature-button span { display:block; margin-top:3px; font-size:12px; font-weight:500; }

.marketing-page .feature-steps { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.marketing-page .feature-step { display:grid; grid-template-columns:64px minmax(0,1fr); align-content:center; align-items:center; gap:6px 16px; padding:20px; height:100%; text-align:left; }
.marketing-page .feature-step > .presstein-step-icon,
.marketing-page .feature-step > .step-icon-wrap { grid-column:1; grid-row:1 / 3; width:64px; height:64px; margin:0; }
.marketing-page .step-icon-wrap { display:grid; place-items:center; border-radius:14px; background:#edf4ff; }
.marketing-page .step-icon-wrap .presstein-step-icon { width:56px; height:56px; }
.marketing-page .step-label { grid-column:2; grid-row:1; margin:0; font-size:17px; }
.marketing-page .step-description { grid-column:2; grid-row:2; margin:0; font-size:14px; line-height:1.6; }

.page-checkout .checkout-header-inner { gap:12px; }
.page-checkout .checkout-trust-strip { gap:8px; line-height:1.35; }
.page-checkout .checkout-trust-strip > span { flex:1; }
.page-checkout .checkout-trust-strip > span:nth-child(even) { flex:0; }
.page-checkout #checkout-form { min-width:0; scroll-margin-top:20px; }
.page-checkout .checkout-plan-heading,
.page-checkout .checkout-plan-option { grid-template-columns:minmax(0,1fr) 36px 66px; gap:6px; padding:14px 12px; }
.page-checkout .checkout-plan-heading { padding-block:10px; }
.page-checkout .checkout-plan-option { font-size:14px; line-height:1.5; }
.page-checkout .checkout-plan-option > span:first-child { min-width:0; padding-right:0; }
.page-checkout .checkout-plan-option > span:nth-child(2),
.page-checkout .checkout-plan-heading > span:nth-child(2) { width:36px; text-align:center; }
.page-checkout .checkout-plan-option > span:nth-child(3),
.page-checkout .checkout-plan-heading > span:nth-child(3) { width:66px; text-align:right; white-space:nowrap; }
.page-checkout .checkout-addon-row { display:grid; grid-template-columns:minmax(0,1fr) 24px auto; padding-inline:12px; gap:8px; }
.page-checkout .checkout-addon-row > span:last-child { white-space:nowrap; font-weight:700; }
.page-checkout .card-payment-label { padding:12px 14px; margin-bottom:18px; background:#edf3ff; border:1px solid #d9e4fa; color:#223e79; border-radius:8px; font-size:14px; font-weight:700; }
.page-checkout .checkout-add-on { line-height:1.6; }
.page-checkout .checkout-add-on p.font-extrabold { font-size:18px; line-height:1.35; }
.page-checkout .checkout-add-on > img { margin-top:16px; height:auto; }

.page-funnel .funnel-progress { max-width:672px; margin:auto; gap:4px; }
.page-funnel .funnel-progress > div:not(.absolute) { min-width:0; flex:1; }
.page-funnel .funnel-progress p { line-height:1.4; }
.page-funnel .offer-countdown { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:min(100%,300px); margin-inline:auto; gap:16px; }
.page-funnel .offer-countdown > div > span:first-child { font-size:clamp(36px,7vw,48px); line-height:1.1; font-variant-numeric:tabular-nums; }
.page-funnel .offer-price { flex-wrap:wrap; gap:12px; }
.page-funnel .offer-comparison { display:grid; grid-template-columns:minmax(0,1fr); gap:36px; }
.page-funnel .offer-comparison > div { width:auto; min-width:0; }
.page-funnel .offer-display { transform:none; font-size:clamp(28px,5vw,46px); line-height:1.05; }
.page-funnel .article-example-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
.page-funnel .article-example-grid > img { width:100%; height:auto; }

.page-thankyou .confirmation-wrap { max-width:640px; }
.page-thankyou .confirmation-item { grid-template-columns:minmax(0,1fr) 28px 70px; gap:8px; line-height:1.5; }
.page-thankyou .confirmation-item > :nth-child(2) { width:28px; }
.page-thankyou .confirmation-item > :nth-child(3) { width:70px; white-space:nowrap; }
.page-thankyou .confirmation-heading > span:last-child { gap:16px; }
.onboarding-callout { padding:28px 24px; background:#22c55e; color:white; text-align:center; }
.onboarding-eyebrow { font-size:12px; font-weight:800; letter-spacing:.12em; margin-bottom:8px; }
.onboarding-callout h2 { font-size:clamp(23px,5vw,30px); line-height:1.25; font-weight:800; margin-bottom:12px; }
.onboarding-callout > p:not(.onboarding-eyebrow) { font-size:15px; line-height:1.6; margin-bottom:20px; }
.marketing-page .onboarding-link { display:flex; justify-content:center; align-items:center; width:100%; background:#fff; color:#173db7; font-size:17px; font-weight:800; border-radius:10px; }
.onboarding-callout small { display:block; margin-top:12px; font-size:12px; line-height:1.5; }

.marketing-page .rebuild-modal { padding:16px; }
.marketing-page .rebuild-modal > div { max-height:calc(100dvh - 32px); overflow-y:auto; padding:32px 24px 24px; }
.marketing-page .rebuild-modal [aria-label="Close"] { display:grid; place-items:center; width:44px; height:44px; top:4px; right:4px; }
.marketing-page .rebuild-modal h2 { font-size:clamp(23px,5vw,32px); line-height:1.25; }
.marketing-page .rebuild-modal h2 + p { line-height:1.6; }
.marketing-page .rebuild-modal button:not([aria-label="Close"]) { min-height:48px; max-width:100%; white-space:normal; padding-inline:22px; line-height:1.4; }
.marketing-page .contact-header { position:sticky; top:0; z-index:1; padding-block:10px; }
.marketing-page .contact-header button { min-width:44px; min-height:44px; }
.marketing-page .contact-launcher { bottom:calc(20px + env(safe-area-inset-bottom,0px)); }
.marketing-page .contact-panel { bottom:calc(88px + env(safe-area-inset-bottom,0px)); max-height:calc(100dvh - 108px - env(safe-area-inset-bottom,0px)); overscroll-behavior:contain; }
.page-home .contact-launcher { bottom:calc(112px + env(safe-area-inset-bottom,0px)); }
.page-home .contact-panel { bottom:calc(180px + env(safe-area-inset-bottom,0px)); max-height:calc(100dvh - 200px - env(safe-area-inset-bottom,0px)); }
.page-home.contact-open .sticky-feature-bar { display:none; }
.page-home.contact-open .contact-launcher { bottom:calc(20px + env(safe-area-inset-bottom,0px)); }
.page-home.contact-open .contact-panel { bottom:calc(88px + env(safe-area-inset-bottom,0px)); max-height:calc(100dvh - 108px - env(safe-area-inset-bottom,0px)); }

@media (max-width:1023px) {
  .marketing-page .marketing-section { padding-block:40px; }
  .marketing-page .marketing-section h2 { font-size:clamp(23px,3.6vw,30px); line-height:1.25; }
  .marketing-page .content-split { flex-direction:column; gap:28px; }
  .marketing-page .content-split-reverse { flex-direction:column-reverse; }
  .marketing-page .content-split > div { width:100%; }
  .page-home .home-offer-desktop { display:none; }
  .page-home .home-offer-mobile { display:flex; width:100%; max-width:640px; margin-inline:auto; }
  .page-home .home-offer-mobile > .hidden { display:none; }
  .page-checkout .checkout-layout { display:flex; flex-direction:column; gap:36px; }
  .page-checkout .checkout-main { max-width:760px; }
  .page-checkout .checkout-benefits { width:100%; }
}
@media (min-width:640px) {
  .marketing-page .feature-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .marketing-page .feature-step { display:flex; flex-direction:column; justify-content:flex-start; text-align:center; padding:22px 16px; gap:12px; }
  .marketing-page .feature-step > .presstein-step-icon,.marketing-page .feature-step > .step-icon-wrap { width:72px; height:72px; }
  .page-funnel .article-example-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:768px) {
  .page-funnel .offer-comparison { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
}
@media (min-width:768px) and (max-width:1023px) {
  .page-home .home-header-desktop { grid-template-columns:1fr 1fr; gap:8px 20px; }
  .page-home .home-header-desktop > div:first-child { grid-column:1 / -1; grid-row:2; justify-content:center; transform:none; scale:1; }
  .page-home .home-header-desktop > div:nth-child(2) { grid-column:1; grid-row:1; justify-content:flex-start; }
  .page-home .home-header-desktop > div:last-child { grid-column:2; grid-row:1; }
  .page-home .home-header-desktop .presstein-logo { max-width:190px; }
}
@media (min-width:1024px) {
  .page-home .home-offer-desktop { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
  .page-home .home-offer-mobile { display:none; }
  .page-checkout .checkout-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:32px; }
  .page-checkout #checkout-form,.page-checkout .checkout-benefits { width:100%; }
}
@media (max-width:639px) {
  .marketing-page .marketing-section { padding-block:32px; }
  .marketing-page .cta-button { font-size:16px; }
  .marketing-page section .cta-button { width:100%; }
  .marketing-page .site-header .presstein-logo { max-width:180px; height:auto; max-height:50px; }
  .marketing-page .home-header-mobile { gap:8px; }
  .marketing-page .site-header .support-link { justify-content:center; }
  .marketing-page .rating-pill { padding-inline:10px; }
  .marketing-page .forbes-feature { gap:10px; padding:10px 16px; }
  .marketing-page .forbes-feature strong { font-size:36px; }
  .page-home .home-hero { padding-bottom:32px; }
  .page-home .home-hero > div { padding-top:20px; gap:18px; }
  .page-home .home-offer-mobile > div { max-width:100%; }
  .sticky-feature-inner { gap:12px; }
  .sticky-feature-inner > p { display:none; }
  .sticky-feature-inner > img { width:100px; height:52px; }
  .marketing-page .sticky-feature-button { flex:1; padding:10px 12px; font-size:15px; }
  .sticky-feature-button span { font-size:11px; }
  .page-checkout .checkout-card { padding:16px; }
  .page-checkout .checkout-main { padding-top:24px; }
  .page-checkout .checkout-header-inner > div { width:100%; text-align:center; }
  .page-checkout .checkout-header-inner [data-support-link] { flex:1; }
  .page-checkout .checkout-trust-strip { font-size:10px; gap:6px; }
  .page-checkout .checkout-add-on { padding:14px; }
  .page-checkout .checkout-add-on > div:first-child { gap:8px; }
  .page-checkout .checkout-add-on p { font-size:14px; }
  .page-checkout .checkout-add-on p.font-extrabold { font-size:17px; }
  .page-funnel section li > span:last-child { font-size:15px; line-height:1.6; }
  .page-funnel .funnel-progress p { font-size:10px; }
  .page-thankyou .confirmation-summary { padding-inline:16px; }
  .page-thankyou .confirmation-item { font-size:13px; }
  .page-thankyou .onboarding-callout { padding:24px 18px; }
  .marketing-page .rebuild-modal > div { padding-inline:20px; }
  .marketing-page .rebuild-modal .tabular-nums { font-size:clamp(18px,5vw,28px); }
  .marketing-page .contact-body { padding:18px; }
  .page-home:has(input:focus,textarea:focus) .sticky-feature-bar { display:none; }
}
@media (max-width:479px) {
  .marketing-page .rebuild-modal button[type="submit"] { font-size:16px; padding-inline:12px; }
  .sticky-feature-inner > img { display:none; }
  .page-checkout .checkout-plan-heading { display:none; }
  .page-checkout .checkout-plan-option { grid-template-columns:minmax(0,1fr); gap:10px; }
  .page-checkout .checkout-plan-option > span:nth-child(2) { display:none; }
  .page-checkout .checkout-plan-option > span:nth-child(3) { width:auto; margin-left:24px; text-align:left; font-size:17px; }
  .page-checkout .checkout-addon-row > span:nth-child(2) { display:none; }
  .page-checkout .checkout-addon-row { grid-template-columns:minmax(0,1fr) auto; }
  .marketing-page .feature-step { padding:18px 14px; gap:6px 12px; }
  .page-thankyou .confirmation-heading { font-size:10px; }
}
@media (max-height:600px) {
  .marketing-page .contact-launcher { bottom:12px; }
  .marketing-page .contact-panel { bottom:76px; max-height:calc(100dvh - 92px); }
}

/* Original Presstein PR artwork keeps the existing offer layout responsive. */
.page-funnel .presstein-pr-hero { display:block; width:100%; max-width:1200px; margin-inline:auto; }
.page-funnel .presstein-pr-hero img { display:block; width:100%; height:auto; }
.page-funnel img[src="/graphics/presstein-pr/guarantee.svg"] { width:160px; height:160px; }
