body { --pg-on-surface: var(--pg-color-surface); --pg-link-color: var(--pg-orange); background-color: var(--pg-color-ink); color: var(--pg-on-surface); font-family: var(--pg-font-family); } h1, h2, h3, h4, h5, h6 { font-family: var(--pg-font-family); font-weight: 500; line-height: 1.15; text-transform: none; } h1 { font-size: 101px; } @media (max-width: 992px) { h1 { font-size: 67px; } } @media (max-width: 767px) { h1 { font-size: 48px; } } @media (max-width: 420px) { h1 { font-size: 36px; } } h2 { font-size: 67px; } @media (max-width: 992px) { h2 { font-size: 48px; } } @media (max-width: 767px) { h2 { font-size: 36px; } } @media (max-width: 420px) { h2 { font-size: 32px; } } h3 { font-size: 36px; } @media (max-width: 992px) { h3 { font-size: 32px; } } @media (max-width: 767px) { h3 { font-size: 28px; } } @media (max-width: 420px) { h3 { font-size: 24px; } } h4 { font-size: 28px; } @media (max-width: 767px) { h4 { font-size: 24px; } } @media (max-width: 420px) { h4 { font-size: 24px; } } h5 { font-size: 20px; } h6 { font-size: 16px; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { color: var(--pg-orange); font-weight: 500; } .pg-surface-light { --pg-on-surface: var(--pg-color-ink); --pg-link-color: var(--pg-color-ink); background-color: var(--pg-color-white); color: var(--pg-on-surface); } .main-content-text a, #post-content .main-content-text a, .terms-page a, #page-content.default a, .pg-surface-light a:not([class*="button"]):not(.cta) { color: var(--pg-link-color); text-decoration: underline; text-decoration-color: var(--pg-orange); text-underline-offset: 4px; text-decoration-thickness: 2px; } .primary-button, .primary-button-transparent, .secondary-button, .hs-button.primary, a.cta, a.cta-button, .roi-nav-btn, .ed-button { align-items: center; justify-content: center; gap: 8px; max-width: 100%; min-height: 44px; padding: 10px 36px; border: 2px solid var(--pg-orange); border-radius: var(--pg-button-radius); font-family: var(--pg-font-family); font-size: 14px; font-weight: 500; line-height: 1.4; text-align: center; text-transform: uppercase; text-decoration: none; white-space: normal; overflow-wrap: break-word; } .primary-button, .hs-button.primary, .roi-nav-btn--primary { background-color: var(--pg-orange); color: var(--pg-color-ink); } .primary-button-transparent, .secondary-button, a.cta, a.cta-button, .ed-button { background-color: transparent; color: var(--pg-on-surface); } a.cta { display: inline-flex; } .primary-button:hover, .primary-button-transparent:hover, .secondary-button:hover, .hs-button.primary:hover, a.cta:hover, a.cta-button:hover, .ed-button:hover { background-color: var(--pg-orange); color: var(--pg-color-ink); } :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid var(--pg-orange); outline-offset: 4px; } .hidden-fade { opacity: 0.8; filter: none; } .hidden-fade.visible, .hidden-fade.is-visible, .hidden-fade.show-fade { opacity: 1; } #gdpr-cookies { min-width: 0; width: min(600px, calc(100% - 32px)); background-color: var(--pg-color-ink); color: var(--pg-color-surface); border-color: var(--pg-orange); border-radius: var(--pg-button-radius); } #gdpr-cookies .cookies-agree button { font-size: 14px; font-weight: 500; border-radius: var(--pg-button-radius); background-color: var(--pg-orange); color: var(--pg-color-ink); } #gdpr-cookies .cookies-content a { color: var(--pg-orange); } footer :is(p, span, div).column-title { color: var(--pg-color-muted); font-weight: 500; } footer a.column-title { text-decoration: underline; text-underline-offset: 4px; } #post-content .main-content-text { line-height: 1.5; } #post-content .main-content-text a { overflow-wrap: anywhere; } @media (max-width: 767px) { #post-content > .container > .row { --bs-gutter-x: 24px; } } .terms-page .pg-page-title, #page-content.default .pg-page-title { color: var(--pg-color-ink); font-size: 48px; margin-bottom: 40px; } .terms-page a { color: var(--pg-color-ink); } @media (max-width: 767px) { .terms-page .pg-page-title, #page-content.default .pg-page-title { font-size: 36px; } } .roi-wrapper { font-family: var(--pg-font-family); } .roi-wrapper :is(h1, h2, h3) { font-weight: 500; } .roi-dot.is-active { color: var(--pg-color-ink); } .roi-results { opacity: 0.8; } .roi-results.show { opacity: 1; } .roi-nav-btn--ghost { background: transparent; color: var(--pg-color-surface); } .roi-nav-btn--ghost:hover:not(:disabled) { background: var(--pg-orange); color: var(--pg-color-ink); } .roi-progress__label { font-weight: 500; } .roi-progress__dots .roi-dot { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; height: auto; min-height: 48px; padding: 8px 4px; border: 1px solid var(--pg-color-muted); border-radius: var(--pg-button-radius); background: var(--pg-color-ink); color: var(--pg-color-surface); font-size: 12px; font-weight: 500; line-height: 1.3; transform: none; } .roi-progress__dots .roi-dot.is-active { background: var(--pg-orange); border-color: var(--pg-orange); color: var(--pg-color-ink); } .roi-progress__dots .roi-dot.is-done { border-color: var(--pg-orange); } .roi-progress__dots .roi-dot__label { overflow-wrap: anywhere; } @media (max-width: 767px) { #gdpr-cookies { flex-wrap: wrap; gap: 16px; } } @media (max-width: 420px) { .primary-button, .primary-button-transparent, .secondary-button, a.cta, a.cta-button { padding: 10px 24px; } .roi-progress__dots { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (prefers-reduced-motion: reduce) { .hidden-fade { opacity: 1; transform: none; transition: none; animation: none; } } ul.styled { padding-inline-start: 24px !important; } ul.styled li { list-style-type: disc !important; padding-left: 0 !important; background-image: none !important; } ul.styled li::marker { color: var(--pg-orange); }