/* Generated by tools/build-eagle-wordpress-theme.mjs; edit Eagle sources. */
/**/ main[class^="ipwh-"] :is( [class$="-faq-list"], [class*="-faq-list "] ) { overflow: hidden; border: 1px solid #dfe5ec; border-radius: 14px; } main[class^="ipwh-"] :is( [class$="-faq-list"], [class*="-faq-list "] ) > details:last-child { border-bottom: 0; } main[class^="ipwh-"] :is( [class$="-faq-list"], [class*="-faq-list "] ) > details > summary { padding-right: 64px; padding-left: 22px; } main[class^="ipwh-"] :is( [class$="-faq-list"], [class*="-faq-list "] ) > details > :is(p, div):not([class*="icon"]) { margin-right: 64px; margin-left: 22px; } main[class^="ipwh-"] :is( [class$="-faq-list"], [class*="-faq-list "] ) > details > summary::after { right: 18px; } @media (max-width: 640px){ main[class^="ipwh-"] :is( [class$="-faq-list"], [class*="-faq-list "] ) > details > summary { padding-right: 54px; padding-left: 18px; } main[class^="ipwh-"] :is( [class$="-faq-list"], [class*="-faq-list "] ) > details > :is(p, div):not([class*="icon"]) { margin-right: 18px; margin-left: 18px; } main[class^="ipwh-"] :is( [class$="-faq-list"], [class*="-faq-list "] ) > details > summary::after { right: 14px; }} [data-ipwh-theme="dark"] main[class^="ipwh-"] { --ink: #f3f6fb; --muted: #b6c0cf; --line: #2b3748; --soft: #101927; --smm-ink: #f3f6fb; --smm-copy: #b6c0cf; --smm-line: #2b3748; --smm-soft: #101927; --smm-navy: #08111f; --wm-ink: #f3f6fb; --wm-copy: #b6c0cf; --wm-line: #2b3748; --wm-navy: #08111f; --ipwh-ink: #f3f6fb; --ipwh-muted: #b6c0cf; --ipwh-line: #2b3748; --ipwh-soft: #101927; --ipwh-warm: #171820; --ipwh-navy: #08111f; --ipwh-brand-soft: #321d23; --ipwh-about-ink: #f3f6fb; --ipwh-about-muted: #b6c0cf; --ipwh-about-line: #2b3748; --ipwh-about-soft: #101927; --ipwh-about-brand-soft: #321d23; --ipwh-agency-ink: #f3f6fb; --ipwh-agency-muted: #b6c0cf; --ipwh-agency-line: #2b3748; --ipwh-agency-soft: #101927; --ipwh-agency-warm: #171820; --ipwh-agency-navy: #08111f; --ipwh-agency-blue-soft: #172a42; --ipwh-agency-green-soft: #142b25; --ipwh-aviation-ink: #f3f6fb; --ipwh-aviation-muted: #b6c0cf; --ipwh-aviation-line: #2b3748; --ipwh-aviation-soft: #101927; --ipwh-aviation-warm: #171820; --ipwh-awb-ink: #f3f6fb; --ipwh-awb-copy: #b6c0cf; --ipwh-awb-line: #2b3748; --ipwh-awb-soft: #101927; --ipwh-case-ink: #f3f6fb; --ipwh-case-muted: #b6c0cf; --ipwh-case-line: #2b3748; --ipwh-case-soft: #101927; --ipwh-contact-ink: #f3f6fb; --ipwh-contact-muted: #b6c0cf; --ipwh-contact-line: #2b3748; --ipwh-contact-soft: #101927; --ipwh-contact-warm: #171820; --ipwh-cloud-ink: #f3f6fb; --ipwh-cloud-muted: #b6c0cf; --ipwh-cloud-line: #2b3748; --ipwh-cloud-soft: #101927; --ipwh-cloud-warm: #171820; --ipwh-cloud-navy: #08111f; --ipwh-ds-ink: #f3f6fb; --ipwh-ds-muted: #b6c0cf; --ipwh-ds-line: #2b3748; --ipwh-ds-soft: #101927; --ipwh-ds-warm: #171820; --ipwh-ds-navy: #08111f; --ipwh-ecommerce-ink: #f3f6fb; --ipwh-ecommerce-muted: #b6c0cf; --ipwh-ecommerce-line: #2b3748; --ipwh-ecommerce-soft: #101927; --ipwh-ecommerce-warm: #171820; --ipwh-ecommerce-navy: #08111f; --ipwh-email-ink: #f3f6fb; --ipwh-email-muted: #b6c0cf; --ipwh-email-line: #2b3748; --ipwh-email-soft: #101927; --ipwh-email-panel: #141e2d; --ipwh-entertainment-ink: #f3f6fb; --ipwh-entertainment-muted: #b6c0cf; --ipwh-entertainment-line: #2b3748; --ipwh-entertainment-soft: #101927; --ipwh-entertainment-warm: #171820; --ipwh-government-ink: #f3f6fb; --ipwh-government-muted: #b6c0cf; --ipwh-government-line: #2b3748; --ipwh-government-soft: #101927; --ipwh-government-warm: #171820; --ipwh-grow-ink: #f3f6fb; --ipwh-grow-muted: #b6c0cf; --ipwh-grow-line: #2b3748; --ipwh-grow-soft: #101927; --ipwh-healthcare-ink: #f3f6fb; --ipwh-healthcare-muted: #b6c0cf; --ipwh-healthcare-line: #2b3748; --ipwh-healthcare-soft: #101927; --ipwh-healthcare-warm: #171820; --ipwh-healthcare-navy: #08111f; --ipwh-hospitality-ink: #f3f6fb; --ipwh-hospitality-muted: #b6c0cf; --ipwh-hospitality-line: #2b3748; --ipwh-hospitality-soft: #101927; --ipwh-hospitality-warm: #171820; --ipwh-hospitality-navy: #08111f; --ipwh-hospitality-navy-soft: #101927; --ipwh-hosting-ink: #f3f6fb; --ipwh-hosting-muted: #b6c0cf; --ipwh-hosting-line: #2b3748; --ipwh-hosting-soft: #101927; --ipwh-hosting-warm: #171820; --ipwh-hosting-navy: #08111f; --ipwh-innovation-ink: #f3f6fb; --ipwh-innovation-muted: #b6c0cf; --ipwh-innovation-line: #2b3748; --ipwh-innovation-soft: #101927; --ipwh-legal-ink: #f3f6fb; --ipwh-legal-muted: #b6c0cf; --ipwh-legal-line: #2b3748; --ipwh-legal-soft: #101927; --ipwh-legal-warm: #171820; --ipwh-legal-brand-soft: #321d23; --ipwh-legalhub-ink: #f3f6fb; --ipwh-legalhub-muted: #b6c0cf; --ipwh-legalhub-line: #2b3748; --ipwh-legalhub-soft: #101927; --ipwh-legalhub-brand-soft: #321d23; --ipwh-location-ink: #f3f6fb; --ipwh-location-muted: #b6c0cf; --ipwh-location-line: #2b3748; --ipwh-location-soft: #101927; --ipwh-location-warm: #171820; --ipwh-location-navy: #08111f; --ipwh-news-ink: #f3f6fb; --ipwh-news-muted: #b6c0cf; --ipwh-news-line: #2b3748; --ipwh-news-soft: #101927; --ipwh-news-warm: #171820; --ipwh-nonprofit-ink: #f3f6fb; --ipwh-nonprofit-muted: #b6c0cf; --ipwh-nonprofit-line: #2b3748; --ipwh-nonprofit-soft: #101927; --ipwh-nonprofit-warm: #171820; --ipwh-nonprofit-navy: #08111f; --ipwh-pricing-ink: #f3f6fb; --ipwh-pricing-muted: #b6c0cf; --ipwh-pricing-line: #2b3748; --ipwh-protect-ink: #f3f6fb; --ipwh-protect-muted: #b6c0cf; --ipwh-protect-line: #2b3748; --ipwh-protect-soft: #101927; --ipwh-seoav-ink: #f3f6fb; --ipwh-seoav-line: #2b3748; --ipwh-seotool-ink: #f3f6fb; --ipwh-seotool-muted: #b6c0cf; --ipwh-seotool-line: #2b3748; --ipwh-seotool-soft: #101927; --ipwh-seotool-warm: #171820; --ipwh-sitemap-ink: #f3f6fb; --ipwh-sitemap-muted: #b6c0cf; --ipwh-sitemap-line: #2b3748; --ipwh-sitemap-soft: #101927; --ipwh-sm-ink: #f3f6fb; --ipwh-sm-muted: #b6c0cf; --ipwh-sm-line: #2b3748; --ipwh-sm-soft: #101927; --ipwh-sm-warm: #171820; --ipwh-sports-ink: #f3f6fb; --ipwh-sports-muted: #b6c0cf; --ipwh-sports-line: #2b3748; --ipwh-sports-soft: #101927; --ipwh-sports-warm: #171820; --ipwh-ssl-ink: #f3f6fb; --ipwh-ssl-muted: #b6c0cf; --ipwh-ssl-line: #2b3748; --ipwh-ssl-soft: #101927; --ipwh-ssl-warm: #171820; --ipwh-vpn-ink: #f3f6fb; --ipwh-vpn-muted: #b6c0cf; --ipwh-vpn-line: #2b3748; --ipwh-vpn-soft: #101927; --ipwh-transfer-ink: #f3f6fb; --ipwh-transfer-muted: #b6c0cf; --ipwh-transfer-line: #2b3748; --ipwh-transfer-soft: #101927; --ipwh-vps-ink: #f3f6fb; --ipwh-vps-muted: #b6c0cf; --ipwh-vps-line: #2b3748; --ipwh-vps-soft: #101927; --ipwh-vps-warm: #171820; --ipwh-wb-ink: #f3f6fb; --ipwh-wb-copy: #b6c0cf; --ipwh-wb-line: #2b3748; --ipwh-wb-navy-soft: #101927; --ipwh-wd-ink: #f3f6fb; --ipwh-wd-muted: #b6c0cf; --ipwh-wd-line: #2b3748; --ipwh-wd-soft: #101927; --ipwh-wd-brand-soft: #321d23; --ipwh-webhost-ink: #f3f6fb; --ipwh-webhost-muted: #b6c0cf; --ipwh-webhost-line: #2b3748; --ipwh-webhost-soft: #101927; --ipwh-webhost-warm: #171820; --ipwh-webhost-navy: #08111f; --ipwh-whmcs-ink: #f3f6fb; --ipwh-whmcs-muted: #b6c0cf; --ipwh-whmcs-line: #2b3748; --ipwh-whmcs-soft: #101927; --ipwh-wts-ink: #f3f6fb; --ipwh-wts-muted: #b6c0cf; --ipwh-wts-line: #2b3748; --ipwh-wts-soft: #101927; --ipwh-wts-warm: #171820; color: #f3f6fb; background: #0b121d; } /**/ [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( [class*="-hero-title"], [class*="-cta-title"] ) { color: #fff; } [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( section[class*="-section"], section[class*="-trust"], section[class*="-features"], section[class*="-benefits"], section[class*="-outcomes"], section[class*="-stats"], section[class*="-overview"] ):not([class*="hero"]):not([class*="cta"]):not([class*="dark"]):not([class*="featured"]):not(.ipwh-legal-section) { border-color: #2b3748; background-color: #0b121d; } /**/ [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-plan"], [class*="-plan "], [class$="-item"], [class*="-item "], [class$="-step"], [class*="-step "], [class$="-table"], [class*="-table "], [class$="-control"], [class*="-control "], [class$="-toggle"], [class*="-toggle "] ):not([class*="hero"]):not([class*="cta"]):not([class*="featured"]):not([class*="visual"]):not([class*="dashboard"]):not([class*="logo"]):not([class*="button"]):not([class*="icon"]):not([class*="status"]):not([class*="dark"]) { border-color: #2b3748; background-color: #141e2d; } [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( [class$="-faq-list"], [class*="-faq-list "] ) { border-color: #2b3748; background: #141e2d; } [data-ipwh-theme="dark"] .ipwh-sm-page :is( .ipwh-sm-integration img[alt="Kamailio"], .ipwh-sm-alert img[alt="Email"], .ipwh-sm-alert img[alt="SMS"] ) { filter: brightness(0) invert(1) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.2)); opacity: 0.95; } [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( [class$="-faq-list"], [class*="-faq-list "] ) > details { border-color: #2b3748; } /**/ main[class^="ipwh-"] :is( .ipwh-seotool-faq-list, .ipwh-smm-faq-list, .ipwh-wts-faq-list, .ipwh-wb-faq-list, .ipwh-wm-faq-list ) { overflow: visible; border: 0; border-radius: 0; background: transparent !important; } main[class^="ipwh-"] :is( .ipwh-seotool-faq-list, .ipwh-smm-faq-list, .ipwh-wts-faq-list, .ipwh-wb-faq-list, .ipwh-wm-faq-list ) > details > :is(p, div):not([class*="icon"]) { margin-right: 0; margin-left: 0; } /**/ [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( section[class$="-cta"], section[class*="-cta "] ) { border-color: #2b3748; background: linear-gradient(135deg, #08111f 0%, #141e2d 68%, #21191f 100%); } [data-ipwh-theme="dark"] .ipwh-compare-page .ipwh-compare-migration-visual { border-color: #2b3748; background: #141e2d; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2); } [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( [class$="-proof"], [class*="-proof "], [class$="-proof-grid"], [class*="-proof-grid "], [class$="-proof-bar"], [class*="-proof-bar "], [class$="-trust"], [class*="-trust "], [class$="-trust-grid"], [class*="-trust-grid "], [class$="-stats"], [class*="-stats "], [class$="-stats-grid"], [class*="-stats-grid "], :is(div, section, form, nav)[class$="-billing"], :is(div, section, form, nav)[class*="-billing "], :is(div, section, form, nav)[class$="-billing-toggle"], :is(div, section, form, nav)[class*="-billing-toggle "], [class$="-features"], [class*="-features "], [class$="-feature-section"], [class*="-feature-section "], [class$="-benefits"], [class*="-benefits "], [class$="-reviews"], [class*="-reviews "], [class$="-results"], [class*="-results "], [class$="-process"], [class*="-process "], [class$="-comparison"], [class*="-comparison "], [class$="-faq"], [class*="-faq "], [class$="-continuity"], [class*="-continuity "], [class$="-risk"], [class*="-risk "], [class$="-audience"], [class*="-audience "], [class$="-usecases"], [class*="-usecases "], [class$="-principles"], [class*="-principles "], [class$="-native"], [class*="-native "], [class$="-product-view"], [class*="-product-view "], [class$="-section-light"], [class*="-section-light "], [class$="-section-white"], [class*="-section-white "], [class$="-solutions"], [class*="-solutions "], [class$="-assessment"], [class*="-assessment "], [class$="-alerting"], [class*="-alerting "] ):not([class*="hero"]):not([class*="cta"]):not([class*="featured"]) { border-color: #2b3748; background-color: #101927; } /**/ [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( div[class$="-faq"], div[class*="-faq "] ) { background-color: transparent !important; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( section[class$="-faq-group"], section[class*="-faq-group "] ) { border-color: transparent !important; background-color: transparent !important; } /**/ [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( [class*="-hero"] ) :where( [class$="-trust"], [class*="-trust "], [class$="-proof"], [class*="-proof "], [class$="-trust-grid"], [class*="-trust-grid "], [class$="-proof-grid"], [class*="-proof-grid "], [class$="-proof-bar"], [class*="-proof-bar "] ) { border-color: transparent !important; background-color: transparent !important; box-shadow: none !important; } [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( [class$="-title"], [class*="-title "], [class$="-heading"], [class*="-heading "], [class$="-name"], [class*="-name "] ):not([class*="hero"]):not([class*="cta"]) { color: #f3f6fb; } [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( [class$="-copy"], [class*="-copy "], [class$="-text"], [class*="-text "], [class$="-description"], [class*="-description "], [class$="-summary"], [class*="-summary "], [class$="-note"], [class*="-note "], [class$="-caption"], [class*="-caption "] ):not([class*="hero"]):not([class*="cta"]):not([class*="warning"]):not([class*="success"]) { color: #b6c0cf; } [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( [class$="-eyebrow"], [class*="-eyebrow "], [class$="-kicker"], [class*="-kicker "], [class$="-label"], [class*="-label "], [class$="-card-link"], [class*="-card-link "], [class$="-text-link"], [class*="-text-link "] ):not([class*="hero"]):not([class*="cta"]) { color: #e49a96; } [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( [class*="-button-outline"], [class*="-button-ghost"], [class*="-button-secondary"] ):not([class*="hero"]):not([class*="cta"]) { border-color: #53627a; color: #f3f6fb !important; background: #101927 !important; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( .ipwh-about-pillar, .ipwh-about-technology-grid, .ipwh-about-assurance-grid article, .ipwh-smm-float, .ipwh-smm-plan-fit button, .ipwh-smm-oversight-steps article, .ipwh-awb-float, .ipwh-case-studies-story, .ipwh-case-studies-source-list span, .ipwh-case-studies-method-step, .ipwh-case-studies-evidence, .ipwh-industry-enhanced .ipwh-industry-capability, .ipwh-industry-enhanced .ipwh-industry-step, .ipwh-industry-enhanced .ipwh-industry-related-link, .ipwh-grow-nav, .ipwh-grow-location, .ipwh-grow-google-rating, .ipwh-launch-nav, .ipwh-launch-domain-tabs, .ipwh-launch-domain-search form, .ipwh-launch-google-rating, .ipwh-launch-hosting-platforms, .ipwh-protect-nav, .ipwh-protect-google-rating, .ipwh-pricing-categories button, .ipwh-seoav-ai-ecosystem, .ipwh-seoav-ai-platform, .ipwh-seoav-human-caption, .ipwh-seoav-diy-option, .ipwh-seotool-outcome, .ipwh-seotool-pricing, .ipwh-seotool-quote, .ipwh-sm-live, .ipwh-sm-integration, .ipwh-sm-alert, .ipwh-sm-toggle, .ipwh-service-stat, .ipwh-sitemap-tasks, .ipwh-sitemap-search, .ipwh-ssl-tabs, .ipwh-ssl-terms, .ipwh-ssl-hero-badge, .ipwh-ssl-warning-visual > div, .ipwh-ssl-validation-grid article, .ipwh-ssl-brands, .ipwh-vpn-offer, .ipwh-vpn-core-grid article, .ipwh-vpn-device-visual > span, .ipwh-vpn-feature-chips span, .ipwh-vpn-use-grid article, .ipwh-vpn-press, .ipwh-wd-package-context, .ipwh-wd-fit-strip, .ipwh-wb-dashboard-shell, .ipwh-wb-compare-shell, .ipwh-wb-compare-note, .ipwh-wm-status-window, .ipwh-wm-live-card, .ipwh-wm-assessment-shell, .ipwh-wm-product-visual, .ipwh-wm-alert-visual, .ipwh-wts-boundary, .ipwh-wts-responsibility-grid article, .ipwh-whmcs-boundary, .ipwh-whmcs-order-step, .ipwh-whmcs-callout ) { border-color: #2b3748; background-color: #141e2d; } [data-ipwh-theme="dark"] .ipwh-location-page { --ipwh-location-brand: #de8c87; --ipwh-location-brand-dark: #b65b56; --ipwh-location-green: #66d6a2; } [data-ipwh-theme="dark"] .ipwh-location-page :where( .ipwh-location-compare, .ipwh-location-reason, .ipwh-location-coverage-link ) { border-color: var(--ipwh-location-line); background: #141e2d; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2); } [data-ipwh-theme="dark"] .ipwh-location-page :where( .ipwh-location-card-icon, .ipwh-location-solution-icon ) { color: #e49a96; background: #321d23; } [data-ipwh-theme="dark"] .ipwh-location-page :where( .ipwh-location-reason-num, .ipwh-location-button:not(.ipwh-location-button-light) ) { border-color: #bf4b45; color: #fff; background: #8f2925; } [data-ipwh-theme="dark"] .ipwh-location-page :where(a, summary):focus-visible { outline-color: rgba(228, 154, 150, 0.58); } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( article[class*="-card"], a[class*="-card"], div[class*="-card"], li[class*="-card"], article[class*="-plan"], a[class*="-plan"], div[class*="-plan"], li[class*="-plan"], article[class*="-panel"], a[class*="-panel"], div[class*="-panel"], article[class*="-step"], div[class*="-step"], li[class*="-step"], div[class*="-table"], dialog[class*="-dialog"] ):not([class*="featured"]):not([class*="hero"]):not([class*="cta"]):not([class*="-grid"]):not([class*="-cards"]):not([class*="-plans"]):not([class*="-panels"]):not([class*="-steps"]):not([class*="-tables"]) { border-color: #2b3748; background-color: #141e2d; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where(input, select, textarea) { border-color: #3a485d; color: #f3f6fb; background-color: #101927; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where(input, textarea)::placeholder { color: #8f9caf; opacity: 1; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where(table) :where(th, td) { border-color: #2b3748; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where(table) tbody tr:nth-child(even):not([class*="featured"]) { background-color: rgba(255, 255, 255, 0.025); } [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( [class$="-grid"], [class*="-grid "] ) > :where(article, li), [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( [class$="-faq"], [class*="-faq "] ) details { border-color: #2b3748; background-color: #141e2d; } [data-ipwh-theme="dark"] main[class^="ipwh-"]:not(.ipwh-home) :where( [class$="-billing-toggle"], [class*="-billing-toggle "] ) button:not([class*="active"]) { color: #cbd5e1; background-color: transparent; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( section[class*="-faq"], section[class*="-pricing"], section[class*="-process"], section[class*="-reviews"] ):not([class*="hero"]):not([class*="cta"]) { border-color: #2b3748; background-color: #101927; } [data-ipwh-theme="dark"] .ipwh-domain-page :where( .ipwh-domain-trust-item, .ipwh-domain-tld-card, .ipwh-domain-feature, .ipwh-domain-advisor-card, .ipwh-domain-choice, .ipwh-domain-transfer-band, .ipwh-domain-transfer-card, .ipwh-domain-table-wrap, .ipwh-domain-faq-item ) { border-color: #2b3748; background: #141e2d; box-shadow: none; } /**/ html[data-ipwh-theme="dark"] body main[class^="ipwh-"] :is( [class$="-plan"], [class*="-plan "], [class$="-pricing-card"], [class*="-pricing-card "] ) > :is( ul[class$="-features"], ul[class*="-features "] ) { border-color: transparent; background-color: transparent !important; } html[data-ipwh-theme="dark"] body main[class^="ipwh-"] :is( [class$="-plan"], [class*="-plan "], [class$="-pricing-card"], [class*="-pricing-card "] ) > :is( ul[class$="-features"], ul[class*="-features "] ) > li { border-top-color: #2b3748; background-color: transparent !important; } /**/ [data-ipwh-theme="dark"] .ipwh-hosting-page .ipwh-hosting-hero::after { background: linear-gradient(180deg, rgba(11, 18, 29, 0), #0b121d 96%); } [data-ipwh-theme="dark"] .ipwh-hosting-page :where( .ipwh-hosting-trust-grid, .ipwh-hosting-trust-item, .ipwh-hosting-trust-rating, .ipwh-section-nav, .ipwh-hosting-billing-control, .ipwh-hosting-plan, .ipwh-hosting-card, .ipwh-hosting-feature-item, .ipwh-hosting-compare-column, .ipwh-hosting-compare-row, .ipwh-hosting-step, .ipwh-hosting-review, .ipwh-hosting-faq-item, .ipwh-hosting-dashboard, .ipwh-hosting-human-note ) { border-color: #2b3748; background: #141e2d; box-shadow: none; } [data-ipwh-theme="dark"] .ipwh-hosting-page :where( .ipwh-hosting-section-alt, .ipwh-hosting-section-blue ) { background: #101927; } [data-ipwh-theme="dark"] .ipwh-hosting-page .ipwh-section-nav { border-color: #3a485d; background: rgba(20, 30, 45, 0.96); box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22); } [data-ipwh-theme="dark"] .ipwh-hosting-page :where( .ipwh-hosting-trust-title, .ipwh-hosting-plan-title, .ipwh-hosting-price-billing strong, .ipwh-hosting-feature-label, .ipwh-hosting-compare-title, .ipwh-hosting-step-title, .ipwh-hosting-faq-question, .ipwh-hosting-dashboard-title, .ipwh-hosting-human-note strong, .ipwh-hosting-migration-scope strong ) { color: #f3f6fb; } [data-ipwh-theme="dark"] .ipwh-hosting-page :where( .ipwh-hosting-trust-copy, .ipwh-hosting-plan-fit, .ipwh-hosting-price-before, .ipwh-hosting-price span, .ipwh-hosting-price-note, .ipwh-hosting-price-billing, .ipwh-hosting-plan-foot, .ipwh-hosting-pricing-note, .ipwh-hosting-feature-copy, .ipwh-hosting-compare-copy, .ipwh-hosting-compare-row span, .ipwh-hosting-step-copy, .ipwh-hosting-review-label, .ipwh-hosting-review-copy, .ipwh-hosting-review-source, .ipwh-hosting-faq-answer, .ipwh-hosting-meter, .ipwh-hosting-human-note span, .ipwh-hosting-migration-scope ) { color: #b6c0cf; } [data-ipwh-theme="dark"] .ipwh-hosting-page :where( .ipwh-hosting-billing-save, .ipwh-hosting-save-badge, .ipwh-hosting-savings, .ipwh-hosting-dashboard-badge ) { color: #8ee0b8; background: #142b25; } /**/ [data-ipwh-theme="dark"] .ipwh-email-page { background: #08111f; } [data-ipwh-theme="dark"] .ipwh-email-page :where( .ipwh-email-trust, .ipwh-email-section ) { background: #08111f; } [data-ipwh-theme="dark"] .ipwh-email-page #ipwh-email-plans { background: transparent; } [data-ipwh-theme="dark"] .ipwh-email-page :where( .ipwh-email-trust-item, .ipwh-email-card, .ipwh-email-billing-tabs, .ipwh-email-plan, .ipwh-email-include-item, .ipwh-email-workflow-item, .ipwh-email-comparison, .ipwh-email-faq-item ) { border-color: #2b3748; background: #141e2d; box-shadow: none; } [data-ipwh-theme="dark"] .ipwh-email-page .ipwh-section-nav { border-color: #2b3748; background: rgba(17, 27, 42, 0.96); box-shadow: 0 16px 42px rgba(0, 0, 0, 0.3); } [data-ipwh-theme="dark"] .ipwh-email-page :where( .ipwh-email-icon, .ipwh-email-card-icon, .ipwh-email-include-icon ) { border-color: #6d3532; color: #e49a96; background: #21191f; } [data-ipwh-theme="dark"] .ipwh-contact-page :where( .ipwh-contact-path-card:not(.ipwh-contact-path-card-dark), .ipwh-contact-form-card, .ipwh-contact-sidebar-card, .ipwh-contact-solution-card ) { border-color: #2b3748; color: #f3f6fb; background: #141e2d; box-shadow: none; } [data-ipwh-theme="dark"] .ipwh-contact-page :where( .ipwh-contact-path-icon, .ipwh-contact-solution-icon, .ipwh-contact-step-list li > span ) { color: #e49a96; background: #21191f; } /**/ [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( .ipwh-agency-control-bar, .ipwh-agency-decision-item, .ipwh-agency-model-card-featured, .ipwh-agency-platform-card-featured, .ipwh-agency-platform-note, .ipwh-agency-profit-control, .ipwh-agency-profit-result-highlight, .ipwh-agency-section-blue, .ipwh-agency-section-warm, .ipwh-agency-showcase-note, .ipwh-awb-billing-toggle, .ipwh-awb-pricing, .ipwh-cloud-compare-wrap, .ipwh-cloud-migration-scope, .ipwh-cloud-toggle-save, .ipwh-compare-mini-row, .ipwh-compare-outcome-card, .ipwh-compare-verdict-panel, .ipwh-compare-visual-panel, .ipwh-contact-form-section, .ipwh-contact-safety-note, .ipwh-ds-addon-group, .ipwh-ds-bento-card-wide, .ipwh-ds-included-item, .ipwh-ds-linux-hardware-item, .ipwh-ds-linux-section, .ipwh-ds-management-note, .ipwh-ds-migration-scope, .ipwh-ecommerce-section-warm, .ipwh-ecommerce-stack-note, .ipwh-email-billing-toggle, .ipwh-email-comparison, .ipwh-email-include-item, .ipwh-email-meta-item, .ipwh-email-tool-tile, .ipwh-email-trust-rating, .ipwh-email-workflow-item, .ipwh-entertainment-stage-item, .ipwh-government-boundary-item, .ipwh-grow-billing, .ipwh-grow-final, .ipwh-grow-product-nav, .ipwh-grow-product-view, .ipwh-grow-soft, .ipwh-healthcare-page-nav, .ipwh-healthcare-page-nav-link, .ipwh-healthcare-section-warm, .ipwh-healthcare-why-item, .ipwh-hospitality-funnel-note, .ipwh-hospitality-why-item, .ipwh-innovation-story-results, .ipwh-launch-nav-inner, .ipwh-launch-stack-item, .ipwh-legal-boundary-item, .ipwh-legal-brief-item, .ipwh-legal-mobile-nav, .ipwh-legal-nav, .ipwh-legal-nav-link, .ipwh-legal-nav-top, .ipwh-legal-section-warm, .ipwh-legal-why-item, .ipwh-legalhub-assurance-item, .ipwh-legalhub-contact-item, .ipwh-location-option, .ipwh-location-panel, .ipwh-location-region-note, .ipwh-news-why-item, .ipwh-nonprofit-section-warm, .ipwh-nonprofit-support-item, .ipwh-product-nav-inner, .ipwh-protect-product-nav, .ipwh-seoav-jump-nav-inner, .ipwh-seoav-results, .ipwh-seoav-snapshot-note, .ipwh-seotool-browser-bar, .ipwh-seotool-comparison, .ipwh-service-section-warm, .ipwh-sitemap-directory, .ipwh-sitemap-no-results, .ipwh-sm-section-warm, .ipwh-smm-billing-toggle, .ipwh-smm-dashboard-frame, .ipwh-smm-feature-panel, .ipwh-smm-pricing, .ipwh-ssl-browser, .ipwh-ssl-browser-top, .ipwh-ssl-pricing-section, .ipwh-transfer-list-item, .ipwh-vpn-pricing-section, .ipwh-vpn-visual-shell, .ipwh-wb-billing-toggle, .ipwh-wb-product-card, .ipwh-webhost-trust-rating, .ipwh-wm-assessment-signals, .ipwh-wm-billing-toggle, .ipwh-wts-example-card, .ipwh-wts-example-result, .ipwh-wts-example-row, .ipwh-wts-scope-note ) { border-color: #2b3748; background: #141e2d; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( .ipwh-agency-section-blue, .ipwh-agency-section-warm, .ipwh-awb-pricing, .ipwh-contact-form-section, .ipwh-ds-linux-section, .ipwh-ecommerce-section-warm, .ipwh-grow-soft, .ipwh-healthcare-section-warm, .ipwh-legal-section-warm, .ipwh-nonprofit-section-warm, .ipwh-service-section-warm, .ipwh-sm-section-warm, .ipwh-smm-pricing, .ipwh-ssl-pricing-section, .ipwh-vpn-pricing-section ) { background: #101927; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( .ipwh-agency-model-card-featured, .ipwh-agency-platform-card-featured, .ipwh-agency-platform-note, .ipwh-agency-profit-result-highlight, .ipwh-agency-showcase-note, .ipwh-cloud-migration-scope, .ipwh-contact-safety-note, .ipwh-ds-management-note, .ipwh-ds-migration-scope, .ipwh-ecommerce-stack-note, .ipwh-hospitality-funnel-note, .ipwh-location-region-note, .ipwh-seoav-snapshot-note, .ipwh-wts-scope-note ) { border-left-color: #de8c87; background: #21191f; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( .ipwh-cloud-toggle-save ) { color: #8ee0b8; background: #142b25; } /**/ [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( .ipwh-agency-profit-value-negative, .ipwh-awb-price, .ipwh-compare-product-price, .ipwh-customer-reviews-eyebrow, .ipwh-grow-price, .ipwh-launch-price, .ipwh-migration-eyebrow, .ipwh-protect-price, .ipwh-seoav-price, .ipwh-smm-price, .ipwh-wb-price, .ipwh-whmcs-callout-eyebrow, .ipwh-wm-price, .ipwh-wts-eyebrow ) { color: #e49a96; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( .ipwh-cloud-price-was, .ipwh-ds-list, .ipwh-email-dashboard-row, .ipwh-email-old-price, .ipwh-grow-renewal, .ipwh-industry-breadcrumb-list, .ipwh-industry-price-path, .ipwh-launch-list, .ipwh-legalhub-list, .ipwh-location-solution-links, .ipwh-migration-header-links, .ipwh-migration-list-exclusions, .ipwh-seoav-checklist, .ipwh-seoav-result-list, .ipwh-sitemap-links ) { color: #b6c0cf; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( .ipwh-ds-section-nav-link, .ipwh-product-nav-link, .ipwh-seoav-jump-link, .ipwh-seotool-section-nav-link ) { color: #cbd5e1; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( .ipwh-grow-check, .ipwh-grow-savings, .ipwh-grow-shield ) { color: #66d6a2; } [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( .ipwh-awb-template-browser, .ipwh-grow-plan, .ipwh-grow-review, .ipwh-grow-table, .ipwh-grow-trust, .ipwh-wm-assessment-input-row ) { color: #f3f6fb; } /**/ [data-ipwh-theme="dark"] img[src$="partner-logo-softaculous.svg"] { filter: brightness(0) invert(1); opacity: .9; } [data-ipwh-theme="dark"] img[src$="partner-logo-parallels.svg"] { box-sizing: content-box; padding: 5px 9px; border-radius: 6px; background: #f8fafc; } [data-ipwh-theme="dark"] .ipwh-seoav-page img:is( [src$="ChatGPT-Logo.svg"], [src$="Perplexity_AI_logo.svg"], [src$="Grok-feb-2025-logo.svg"] ) { filter: brightness(0) invert(1); opacity: .92; } /**/ [data-ipwh-theme="dark"] main[class^="ipwh-"] :where( .ipwh-compare-table-wrap, .ipwh-ds-table-wrap, .ipwh-ecommerce-table-wrap, .ipwh-grow-table-wrap, .ipwh-hospitality-check, .ipwh-launch-table-wrap, .ipwh-legal-table, .ipwh-legal-table-wrap, .ipwh-nonprofit-check, .ipwh-nonprofit-check-code, .ipwh-protect-table-wrap, .ipwh-seotool-table, .ipwh-seotool-table-wrap, .ipwh-service-table-wrap, .ipwh-sm-table-wrap, .ipwh-transfer-table-wrap, .ipwh-vpn-table-wrap ) { border-color: #2b3748; background: #141e2d; } [data-ipwh-theme="dark"] .ipwh-home { --ipwh-home-brand: #de8c87; --ipwh-home-brand-bright: #f0a09a; --ipwh-home-brand-soft: #321d23; --ipwh-home-ink: #f3f6fb; --ipwh-home-muted: #b6c0cf; --ipwh-home-line: #2b3748; --ipwh-home-soft: #101927; background: #0b121d; } [data-ipwh-theme="dark"] .ipwh-home-trust { border-color: var(--ipwh-home-line); background: linear-gradient(180deg, #101927 0%, #0b121d 100%); } [data-ipwh-theme="dark"] .ipwh-home-trust-grid > div, [data-ipwh-theme="dark"] .ipwh-home-feature-list, [data-ipwh-theme="dark"] .ipwh-home-feature-list article, [data-ipwh-theme="dark"] .ipwh-home-support-facts, [data-ipwh-theme="dark"] .ipwh-home-support-facts a, [data-ipwh-theme="dark"] .ipwh-home-faq-list, [data-ipwh-theme="dark"] .ipwh-home-faq-list details { border-color: var(--ipwh-home-line); } [data-ipwh-theme="dark"] .ipwh-home-trust-grid p span, [data-ipwh-theme="dark"] .ipwh-home-google-rating small, [data-ipwh-theme="dark"] .ipwh-home-guide-price, [data-ipwh-theme="dark"] .ipwh-home-guide-card > small, [data-ipwh-theme="dark"] .ipwh-home-template-hint, [data-ipwh-theme="dark"] .ipwh-home-disclaimer, [data-ipwh-theme="dark"] .ipwh-home-migration-copy li { color: var(--ipwh-home-muted); } [data-ipwh-theme="dark"] .ipwh-home-proof-icon, [data-ipwh-theme="dark"] .ipwh-home-guide-goal > span, [data-ipwh-theme="dark"] .ipwh-home-guide-product-icon, [data-ipwh-theme="dark"] .ipwh-home-domain-offer::before, [data-ipwh-theme="dark"] .ipwh-home-feature-icon, [data-ipwh-theme="dark"] .ipwh-home-growth-icon, [data-ipwh-theme="dark"] .ipwh-home-support-fact-icon { border-color: rgba(222, 140, 135, 0.3); background: var(--ipwh-home-brand-soft); } [data-ipwh-theme="dark"] .ipwh-home-solutions, [data-ipwh-theme="dark"] .ipwh-home-growth, [data-ipwh-theme="dark"] .ipwh-home-migration { background: #0b121d; } [data-ipwh-theme="dark"] .ipwh-home-guide-goal, [data-ipwh-theme="dark"] .ipwh-home-guide-card, [data-ipwh-theme="dark"] .ipwh-home-guide-bundle, [data-ipwh-theme="dark"] .ipwh-home-template-card, [data-ipwh-theme="dark"] .ipwh-home-growth-services a { border-color: var(--ipwh-home-line); background: #141e2d; } [data-ipwh-theme="dark"] .ipwh-home-guide-goal:hover, [data-ipwh-theme="dark"] .ipwh-home-guide-card:hover, [data-ipwh-theme="dark"] .ipwh-home-growth-services a:hover { border-color: rgba(222, 140, 135, 0.5); background: #192536; } [data-ipwh-theme="dark"] .ipwh-home-guide-goal[aria-selected="true"] { border-color: #a84641; background: #81221f; } [data-ipwh-theme="dark"] .ipwh-home-guide-result { border-color: var(--ipwh-home-line); background: linear-gradient(145deg, #101927 0%, #141e2d 68%); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2); } [data-ipwh-theme="dark"] .ipwh-home-guide-bundle-main h4, [data-ipwh-theme="dark"] .ipwh-home-guide-bundle-features strong { color: var(--ipwh-home-ink); } [data-ipwh-theme="dark"] .ipwh-home-guide-bundle-main > p, [data-ipwh-theme="dark"] .ipwh-home-guide-bundle-features span, [data-ipwh-theme="dark"] .ipwh-home-guide-bundle-note { color: var(--ipwh-home-muted); } [data-ipwh-theme="dark"] .ipwh-home-guide-bundle-features li { border-color: var(--ipwh-home-line); background: #101927; } [data-ipwh-theme="dark"] .ipwh-home-guide-bundle-note { border-color: var(--ipwh-home-line); } [data-ipwh-theme="dark"] .ipwh-home-intro-bundle { border-color: #2a384a; background: linear-gradient(140deg, #111c2d 0%, #0b1422 72%, #24161d 145%); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.26); } [data-ipwh-theme="dark"] .ipwh-home-intro-bundle h2, [data-ipwh-theme="dark"] .ipwh-home-intro-bundle-list strong { color: #f3f6fa; } [data-ipwh-theme="dark"] .ipwh-home-intro-bundle-content > p, [data-ipwh-theme="dark"] .ipwh-home-intro-bundle-list span, [data-ipwh-theme="dark"] .ipwh-home-intro-bundle-scope { color: #aebbd0; } [data-ipwh-theme="dark"] .ipwh-home-intro-bundle-list li { border-top-color: #2a384a; color: #f3f6fa; } [data-ipwh-theme="dark"] .ipwh-home-guide-or, [data-ipwh-theme="dark"] .ipwh-home-template-dialog, [data-ipwh-theme="dark"] .ipwh-home-template-dialog-close, [data-ipwh-theme="dark"] .ipwh-home-support-image > span { border-color: var(--ipwh-home-line); color: var(--ipwh-home-ink); background: #141e2d; } [data-ipwh-theme="dark"] .ipwh-home-template-showcase { background: linear-gradient(180deg, #101927 0%, #0b121d 100%); } [data-ipwh-theme="dark"] .ipwh-home-template-marquee::before { background: linear-gradient(90deg, #101927, transparent); } [data-ipwh-theme="dark"] .ipwh-home-template-marquee::after { background: linear-gradient(270deg, #0b121d, transparent); } [data-ipwh-theme="dark"] .ipwh-home-visual-chip { border-color: rgba(255, 255, 255, 0.15); color: var(--ipwh-home-ink); background: rgba(20, 30, 45, 0.92); } [data-ipwh-theme="dark"] .ipwh-home-migration-scope { border-color: rgba(222, 140, 135, 0.28); border-left-color: var(--ipwh-home-brand); color: var(--ipwh-home-muted); background: #21191f; } [data-ipwh-theme="dark"] .ipwh-commercial-clarity { --ipwh-clarity-brand: #de8c87; --ipwh-clarity-ink: #f3f6fb; --ipwh-clarity-muted: #b6c0cf; --ipwh-clarity-line: #2b3748; --ipwh-clarity-soft: #1b2737; background: #0b121d; } [data-ipwh-theme="dark"] .ipwh-commercial-clarity-card { background: linear-gradient(180deg, #141e2d, #101927); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2); } [data-ipwh-theme="dark"] .ipwh-commercial-clarity-icon { border-color: #141e2d; background: #321d23; box-shadow: 0 0 0 1px rgba(222, 140, 135, 0.32), 0 10px 24px rgba(0, 0, 0, 0.2); } [data-ipwh-theme="dark"] .ipwh-commercial-clarity-steps li, [data-ipwh-theme="dark"] .ipwh-commercial-clarity-footnote { color: var(--ipwh-clarity-muted); } [data-ipwh-theme="dark"] .ipwh-wb-page .ipwh-wb-plan li { border-color: #2b3748; color: #b6c0cf; } [data-ipwh-theme="dark"] .ipwh-wb-page .ipwh-wb-plan li::before { color: #44c987; } [data-ipwh-theme="dark"] .ipwh-wb-page .ipwh-wb-step-list article { border-color: #2b3748; background: #141e2d; } [data-ipwh-theme="dark"] .ipwh-wb-page .ipwh-wb-step-list h3 { color: #f3f6fb; } [data-ipwh-theme="dark"] .ipwh-wb-page .ipwh-wb-step-list p { color: #b6c0cf; } [data-ipwh-theme="dark"] .ipwh-legal-page { --ipwh-legal-brand: #de8c87; --ipwh-legal-brand-dark: #b65b56; } [data-ipwh-theme="dark"] main[class^="ipwh-"] .ipwh-industry-evidence-icon:not(.ipwh-industry-evidence-google), [data-ipwh-theme="dark"] main[class^="ipwh-"] :where(.ipwh-industry-stage-label svg, .ipwh-industry-symbol svg) { color: #e49a96; background: #21191f; } [data-ipwh-theme="dark"] .ipwh-ecommerce-page :where( .ipwh-ecommerce-migration-title, .ipwh-ecommerce-step-title, .ipwh-ecommerce-security-title ) { color: #f3f6fb; } [data-ipwh-theme="dark"] .ipwh-ecommerce-page :where( .ipwh-ecommerce-migration-copy, .ipwh-ecommerce-step-copy, .ipwh-ecommerce-security-copy ) { color: #b6c0cf; } [data-ipwh-theme="dark"] .ipwh-hospitality-page :where( .ipwh-hospitality-outcome, .ipwh-hospitality-type, .ipwh-hospitality-definition-point, .ipwh-hospitality-capability ) { border-color: #2b3748; background: #141e2d; box-shadow: none; } [data-ipwh-theme="dark"] .ipwh-hospitality-page :where( .ipwh-hospitality-outcome h3, .ipwh-hospitality-type h3, .ipwh-hospitality-capability h3, .ipwh-hospitality-definition-point strong ) { color: #f3f6fb; } [data-ipwh-theme="dark"] .ipwh-hospitality-page :where( .ipwh-hospitality-outcome p, .ipwh-hospitality-type p, .ipwh-hospitality-capability p, .ipwh-hospitality-definition-point span span ) { color: #b6c0cf; } [data-ipwh-theme="dark"] .ipwh-hospitality-page :where( .ipwh-hospitality-outcome-icon, .ipwh-hospitality-type-code, .ipwh-hospitality-capability-icon, .ipwh-hospitality-definition-icon ) { color: #e49a96; background: #21191f; } /**/ [data-ipwh-theme="dark"] .ipwh-legal-page { --ipwh-legal-slate: #cbd5e1; } /**/ [data-ipwh-theme="dark"] .ipwh-nonprofit-page { --ipwh-nonprofit-slate: #cbd5e1; } /**/ [data-ipwh-theme="dark"] .ipwh-compare-page :is( .ipwh-compare-table-wrap, .ipwh-compare-panel, .ipwh-compare-verdict-panel ) { border-color: #2b3748; background: #141e2d; box-shadow: none; } [data-ipwh-theme="dark"] .ipwh-compare-page :is( .ipwh-compare-panel-title, .ipwh-compare-verdict-title ) { color: #f3f6fb; } [data-ipwh-theme="dark"] .ipwh-compare-page :is( .ipwh-compare-panel-copy, .ipwh-compare-mini-table td ) { color: #cbd5e1; } [data-ipwh-theme="dark"] .ipwh-compare-page :is( .ipwh-compare-wide-table, .ipwh-compare-table ) :is(th, td) { border-color: #2b3748; } [data-ipwh-theme="dark"] .ipwh-compare-page :is( .ipwh-compare-wide-table, .ipwh-compare-table ) tbody td { color: #cbd5e1; background: #141e2d; } [data-ipwh-theme="dark"] .ipwh-compare-page :is( .ipwh-compare-wide-table, .ipwh-compare-table ) tbody td:first-child { color: #f3f6fb; background: #101927; } [data-ipwh-theme="dark"] .ipwh-compare-page :is( .ipwh-compare-wide-table, .ipwh-compare-table ) tbody td:nth-child(2) { border-left-color: #53343a; border-right-color: #53343a; color: #e3e8f0; background: linear-gradient(180deg, #251b22, #21191f); } [data-ipwh-theme="dark"] .ipwh-compare-page :is( .ipwh-compare-wide-table, .ipwh-compare-table ) tbody td strong { color: #f3f6fb; } [data-ipwh-theme="dark"] .ipwh-compare-page :is( .ipwh-compare-wide-table, .ipwh-compare-table ) thead th { border-color: #2b3748; color: #111827; background: #f4f7fb; } [data-ipwh-theme="dark"] .ipwh-compare-page :is( .ipwh-compare-wide-table, .ipwh-compare-table ) thead th:first-child { color: #f3f6fb; background: #101927; } [data-ipwh-theme="dark"] .ipwh-compare-page :is( .ipwh-compare-wide-table, .ipwh-compare-table ) thead th:nth-child(2) { border-left-color: #53343a; border-right-color: #53343a; color: #111827; background: linear-gradient(180deg, #fff8f7, #f8eeed); } [data-ipwh-theme="dark"] .ipwh-compare-page :is( .ipwh-compare-evidence-title, .ipwh-compare-evidence-card h3 ) { color: #f3f6fb; } [data-ipwh-theme="dark"] .ipwh-compare-page :is( .ipwh-compare-evidence-card p, .ipwh-compare-evidence-card li, .ipwh-compare-evidence-disclaimer ) { color: #b6c0cf; } /**/ [data-ipwh-theme="dark"] .ipwh-legal-page { --ipwh-legal-ink: #f3f6fb; --ipwh-legal-muted: #b6c0cf; --ipwh-legal-line: #2b3748; --ipwh-legal-soft: #101927; --ipwh-legal-brand: #e49a96; --ipwh-legal-brand-dark: #de8c87; --ipwh-legal-brand-soft: #2b1b21; color: #cbd5e1; background: #0b121d; } [data-ipwh-theme="dark"] .ipwh-legal-page :is( .ipwh-legal-policy-lead p, .ipwh-legal-section p, .ipwh-legal-section li, .ipwh-legal-subsection li ) { color: #cbd5e1; } [data-ipwh-theme="dark"] .ipwh-legal-page :is( .ipwh-legal-section h2, .ipwh-legal-section h3, .ipwh-legal-subsection h3, .ipwh-legal-table strong ) { color: #f3f6fb; } [data-ipwh-theme="dark"] :is( .ipwh-launch-nav, .ipwh-launch-native ) { color: #f3f6fb; background-color: #0b121d !important; } [data-ipwh-theme="dark"] :is( .ipwh-launch-native-intro h2, .ipwh-launch-native-head h3, .ipwh-launch-plan h3, .ipwh-launch-domain-search h3, .ipwh-launch-included-grid h4, .ipwh-launch-native-faq summary, .ipwh-launch-google-rating strong, .ipwh-launch-table tbody th ) { color: #f3f6fb; } [data-ipwh-theme="dark"] :is( .ipwh-launch-native-intro > p, .ipwh-launch-native-head p, .ipwh-launch-plan-copy, .ipwh-launch-renewal, .ipwh-launch-plan li, .ipwh-launch-pricing-note, .ipwh-launch-review p, .ipwh-launch-review small, .ipwh-launch-included-grid p, .ipwh-launch-native-faq details p, .ipwh-launch-domain-search > p, .ipwh-launch-table :is(th, td) ) { color: #b6c0cf; } [data-ipwh-theme="dark"] :is( .ipwh-launch-nav-inner button, .ipwh-launch-billing, .ipwh-launch-domain-tabs, .ipwh-launch-product-mark, .ipwh-launch-plan, .ipwh-launch-table-wrap, .ipwh-launch-review, .ipwh-launch-google-rating, .ipwh-launch-hosting-platforms, .ipwh-launch-google-apps span ) { border-color: #2b3748; background: #141e2d; box-shadow: none; } [data-ipwh-theme="dark"] :is( .ipwh-launch-nav-inner button, .ipwh-launch-billing button, .ipwh-launch-domain-tabs button, .ipwh-launch-hosting-platforms button, .ipwh-launch-hosting-platforms small, .ipwh-launch-installer ) { color: #cbd5e1; } [data-ipwh-theme="dark"] :is( .ipwh-launch-nav-inner button.ipwh-launch-nav-active, .ipwh-launch-billing button[aria-pressed="true"], .ipwh-launch-domain-tabs button[aria-selected="true"] ) { border-color: #9f302b; color: #fff; background: #8f2925; } /**/ [data-ipwh-theme="dark"] :is(.ipwh-protect-page, .ipwh-grow-page) { color: #f3f6fb; background-color: #0b121d !important; } [data-ipwh-theme="dark"] :is( .ipwh-protect-nav, .ipwh-protect-product-view, .ipwh-grow-nav, .ipwh-grow-product-view ) { color: #f3f6fb; background-color: #0b121d !important; } [data-ipwh-theme="dark"] :is( .ipwh-protect-soft, .ipwh-grow-soft ) { background-color: #101927 !important; } [data-ipwh-theme="dark"] :is( .ipwh-protect-intro h2, .ipwh-protect-section-head h3, .ipwh-protect-plan h3, .ipwh-protect-included-grid h4, .ipwh-protect-faq summary, .ipwh-protect-google-rating strong, .ipwh-protect-table tbody th, .ipwh-grow-intro h2, .ipwh-grow-section-head h3, .ipwh-grow-plan h3, .ipwh-grow-included-grid h4, .ipwh-grow-faq summary, .ipwh-grow-google-rating strong, .ipwh-grow-table tbody th ) { color: #f3f6fb; } [data-ipwh-theme="dark"] :is( .ipwh-protect-intro > p, .ipwh-protect-section-head p, .ipwh-protect-plan-copy, .ipwh-protect-price span, .ipwh-protect-renewal, .ipwh-protect-plan li, .ipwh-protect-pricing-note, .ipwh-protect-review p, .ipwh-protect-review small, .ipwh-protect-included-grid p, .ipwh-protect-faq details p, .ipwh-protect-table :is(th, td), .ipwh-grow-intro > p, .ipwh-grow-section-head p, .ipwh-grow-plan-copy, .ipwh-grow-price span, .ipwh-grow-renewal, .ipwh-grow-plan li, .ipwh-grow-pricing-note, .ipwh-grow-review p, .ipwh-grow-review small, .ipwh-grow-included-grid p, .ipwh-grow-faq details p, .ipwh-grow-table :is(th, td) ) { color: #b6c0cf; } [data-ipwh-theme="dark"] :is( .ipwh-protect-product-nav button, .ipwh-protect-billing, .ipwh-protect-plan, .ipwh-protect-table-wrap, .ipwh-protect-review, .ipwh-protect-google-rating, .ipwh-protect-faq details, .ipwh-grow-product-nav button, .ipwh-grow-billing, .ipwh-grow-location, .ipwh-grow-plan, .ipwh-grow-table-wrap, .ipwh-grow-review, .ipwh-grow-google-rating, .ipwh-grow-faq details ) { border-color: #2b3748; background-color: #141e2d !important; box-shadow: none; } [data-ipwh-theme="dark"] :is( .ipwh-protect-product-nav button, .ipwh-protect-billing button, .ipwh-protect-process, .ipwh-grow-product-nav button, .ipwh-grow-billing button, .ipwh-grow-location button, .ipwh-grow-control-label ) { color: #cbd5e1; } [data-ipwh-theme="dark"] :is( .ipwh-protect-product-nav button[aria-pressed="true"], .ipwh-protect-billing button[aria-pressed="true"], .ipwh-grow-product-nav button[aria-pressed="true"], .ipwh-grow-billing button[aria-pressed="true"], .ipwh-grow-location button[aria-pressed="true"] ) { border-color: #9f302b; color: #fff; background-color: #8f2925 !important; } [data-ipwh-theme="dark"] :is( .ipwh-protect-price strong, .ipwh-grow-price strong, .ipwh-protect-pricing-note a, .ipwh-grow-pricing-note a ) { color: #de8c87; } [data-ipwh-theme="dark"] :is( .ipwh-protect-plan ul, .ipwh-protect-table :is(th, td), .ipwh-grow-plan ul, .ipwh-grow-table :is(th, td) ) { border-color: #2b3748; } [data-ipwh-theme="dark"] :is( .ipwh-protect-table thead th, .ipwh-grow-table thead th ) { color: #f3f6fb; background-color: #0b121d; } [data-ipwh-theme="dark"] :is( .ipwh-protect-table tbody :is(th, td), .ipwh-grow-table tbody :is(th, td) ) { background-color: #141e2d; } [data-ipwh-theme="dark"] :is( .ipwh-protect-included-icon, .ipwh-grow-included-icon ) { color: #e49a96; background: #321d23; } [data-ipwh-theme="dark"] :is( .ipwh-protect-plan-badge, .ipwh-protect-billing-note, .ipwh-grow-plan-badge, .ipwh-grow-billing-note ) { color: #e49a96; background: #321d23; } /**/ [data-ipwh-theme="dark"] :is( .ipwh-launch-page .ipwh-launch-final, .ipwh-protect-page .ipwh-protect-final, .ipwh-grow-page .ipwh-grow-final ) { border-top: 1px solid #2b3748; background: linear-gradient(112deg, #101927, #21191f); } [data-ipwh-theme="dark"] :is( .ipwh-launch-page .ipwh-launch-final .ipwh-launch-btn, .ipwh-protect-page .ipwh-protect-final .ipwh-protect-button, .ipwh-grow-page .ipwh-grow-final .ipwh-grow-button ) { border-color: #9f302b; color: #fff; background: #8f2925; } [data-ipwh-theme="dark"] :is( .ipwh-launch-page .ipwh-launch-final .ipwh-launch-btn:hover, .ipwh-protect-page .ipwh-protect-final .ipwh-protect-button:hover, .ipwh-grow-page .ipwh-grow-final .ipwh-grow-button:hover ) { border-color: #b23a34; color: #fff; background: #9f302b; } /**/ [data-ipwh-theme="dark"] :is( .ipwh-transfer-form-note, .ipwh-transfer-distinction-label, .ipwh-transfer-inline-link, .ipwh-google-workspace-page .ipwh-email-price strong, .ipwh-google-workspace-page a, .ipwh-ox-app-suite-page .ipwh-email-price strong, .ipwh-ox-app-suite-page .ipwh-email-sla, .ipwh-email-page .ipwh-email-savings, .ipwh-email-page .ipwh-email-savings .ipwh-email-annual-copy, .ipwh-agency-plan-label, .ipwh-agency-plan .ipwh-agency-price strong, .ipwh-cloud-pricing-platforms-label, .ipwh-webhost-price-row strong, .ipwh-webhost-page .ipwh-webhost-inline-link, .ipwh-ds-page .ipwh-ds-option-price b, .ipwh-industry-enhanced .ipwh-industry-table tbody th, .ipwh-hospitality-page .ipwh-hospitality-process span, .ipwh-innovation-page .ipwh-innovation-seasonal small, .ipwh-innovation-page .ipwh-innovation-history-note p, .ipwh-about-page a, .ipwh-contact-page .ipwh-contact-path-link, .ipwh-sm-page .ipwh-sm-trust-item strong, .ipwh-sm-page .ipwh-sm-plan strong, .ipwh-sm-page figcaption, .ipwh-ssl-page .ipwh-ssl-plan :is(code, span, strong), .ipwh-vpn-page .ipwh-vpn-plan :is(span, strong, small), .ipwh-wb-page .ipwh-wb-plan-top span, .ipwh-wb-page .ipwh-wb-price strong, .ipwh-wm-page .ipwh-wm-trust strong, .ipwh-wm-page .ipwh-wm-plan-top span, .ipwh-wm-page .ipwh-wm-price strong, .ipwh-wts-page .ipwh-wts-plan :is(strong, a), .ipwh-smm-page .ipwh-smm-trust strong, .ipwh-smm-page .ipwh-smm-fit span, .ipwh-awb-page .ipwh-awb-plan :is(span, strong), .ipwh-seotool-page .ipwh-seotool-label, .ipwh-seotool-page a, .ipwh-wd-page .ipwh-wd-plan-head span, .ipwh-whmcs-page .ipwh-whmcs-best-for, .ipwh-whmcs-page .ipwh-whmcs-eligible-card a, .ipwh-whmcs-page .ipwh-whmcs-boundary h3 ) { color: #e49a96 !important; } [data-ipwh-theme="dark"] :is( .ipwh-grow-section-head > span, .ipwh-protect-section-head > span, .ipwh-launch-native-intro > span:not(.ipwh-launch-product-mark), .ipwh-launch-native-head > span, .ipwh-pricing-category-intro > span ) { color: #efaaa6 !important; } [data-ipwh-theme="dark"] :is( .ipwh-ox-app-suite-page .ipwh-email-dashboard span, .ipwh-home-final .ipwh-home-kicker, .ipwh-home-final p, .ipwh-vps-page .ipwh-vps-config-save, .ipwh-vps-page .ipwh-whmcs-callout h2, .ipwh-seoav-page .ipwh-service-faq h3, .ipwh-seoav-page .ipwh-service-faq p, .ipwh-service-page .ipwh-service-faq h3, .ipwh-service-page .ipwh-service-faq p, .ipwh-seoav-page .ipwh-seo-results :is(small, li), .ipwh-seotool-page .ipwh-seotool-faq-group, .ipwh-whmcs-page .ipwh-whmcs-eligible-card h3 ) { color: #cbd5e1 !important; } [data-ipwh-theme="dark"] :is( .ipwh-awb-page .ipwh-awb-plan li, .ipwh-wd-page .ipwh-wd-plan li, .ipwh-wts-page .ipwh-wts-plan li ) { color: #b6c0cf !important; } [data-ipwh-theme="dark"] .ipwh-email-plan .ipwh-email-price strong, [data-ipwh-theme="dark"] .ipwh-email-plan a:not(.ipwh-email-button) { color: #f1aaa6 !important; } [data-ipwh-theme="dark"] .ipwh-email-plan small { color: #cbd5e1 !important; } [data-ipwh-theme="dark"] .ipwh-home-final { border-top: 1px solid #2b3748 !important; background: linear-gradient(112deg, #101927, #21191f) !important; } [data-ipwh-theme="dark"] .ipwh-home-final .ipwh-home-kicker { color: #f1aaa6 !important; } [data-ipwh-theme="dark"] .ipwh-home-final p { color: #d6dee9 !important; } [data-ipwh-theme="dark"] .ipwh-innovation-page small, [data-ipwh-theme="dark"] .ipwh-innovation-history-note p, [data-ipwh-theme="dark"] .ipwh-about-page a { color: #f1aaa6 !important; } [data-ipwh-theme="dark"] .ipwh-ssl-plan :is(.ipwh-ssl-type-code, span, strong), [data-ipwh-theme="dark"] .ipwh-vpn-plan :is(span, strong, small), [data-ipwh-theme="dark"] .ipwh-wm-page :is(.ipwh-wm-trust strong, .ipwh-wm-plan-top span), [data-ipwh-theme="dark"] .ipwh-wts-plan :is(.ipwh-wts-plan-price, .ipwh-wts-plan-link) { color: #f1aaa6 !important; } [data-ipwh-theme="dark"] .ipwh-wb-page a, [data-ipwh-theme="dark"] .ipwh-wm-page a { color: #f1aaa6 !important; } [data-ipwh-theme="dark"] .ipwh-wm-page li, [data-ipwh-theme="dark"] .ipwh-wts-plan li { color: #d6dee9 !important; } [data-ipwh-theme="dark"] .ipwh-awb-page span[aria-label*="preview" i], [data-ipwh-theme="dark"] .ipwh-awb-page .ipwh-awb-preview span { color: #101927 !important; } [data-ipwh-theme="dark"] .ipwh-seotool-table-link, [data-ipwh-theme="dark"] .ipwh-seotool-page a, [data-ipwh-theme="dark"] .ipwh-seotool-faq-group { color: #f1aaa6 !important; } [data-ipwh-theme="dark"] .ipwh-email-meta-item, [data-ipwh-theme="dark"] .ipwh-email-plan a:not(.ipwh-email-button) { color: #f1aaa6 !important; } [data-ipwh-theme="dark"] .ipwh-ssl-type-code, [data-ipwh-theme="dark"] .ipwh-ssl-type-card span { color: #f1aaa6 !important; } [data-ipwh-theme="dark"] .ipwh-vpn-offer :is(span, strong, small), [data-ipwh-theme="dark"] .ipwh-vpn-press-head > span, [data-ipwh-theme="dark"] .ipwh-vpn-plan :is(.ipwh-vpn-plan-label, .ipwh-vpn-price strong, .ipwh-vpn-price span) { color: #f1aaa6 !important; } [data-ipwh-theme="dark"] .ipwh-wm-stats strong, [data-ipwh-theme="dark"] .ipwh-wm-plan-top span, [data-ipwh-theme="dark"] .ipwh-wm-use-grid article > span { color: #f1aaa6 !important; } [data-ipwh-theme="dark"] .ipwh-smm-stats-grid strong, [data-ipwh-theme="dark"] [data-ipwh-smm-fit] > span { color: #f1aaa6 !important; } [data-ipwh-theme="dark"] [data-ipwh-smm-fit] > span { background: #321d23 !important; } [data-ipwh-theme="dark"] .ipwh-service-faq article { border-color: #3b4759 !important; background: #141e2d !important; } [data-ipwh-theme="dark"] .ipwh-service-faq article h3 { color: #f3f6fb !important; } [data-ipwh-theme="dark"] .ipwh-service-faq article p { color: #d6dee9 !important; } [data-ipwh-theme="dark"] .ipwh-mega-card-copy, [data-ipwh-theme="dark"] .ipwh-mega-card-copy span, [data-ipwh-theme="dark"] .ipwh-mega-card-copy strong { color: #f3f6fb !important; } [data-ipwh-theme="dark"] .ipwh-smm-plan li { color: #f3f6fb !important; } [data-ipwh-theme="dark"] .ipwh-header .ipwh-mega-card[aria-current="page"] .ipwh-mega-card-copy, [data-ipwh-theme="dark"] .ipwh-header .ipwh-mega-card[aria-current="page"] .ipwh-mega-card-copy span, [data-ipwh-theme="dark"] .ipwh-header .ipwh-mega-card[aria-current="page"] .ipwh-mega-card-copy strong { color: #f3f6fb !important; } html[data-ipwh-theme="dark"] body .ipwh-ssl-page .ipwh-ssl-panel-intro, html[data-ipwh-theme="dark"] body .ipwh-wm-page .ipwh-wm-plan, html[data-ipwh-theme="dark"] body .ipwh-wts-page .ipwh-wts-responsibility-grid article { border-color: #3b4759 !important; background: #141e2d !important; } html[data-ipwh-theme="dark"] body .ipwh-smm-page .ipwh-smm-policy a, html[data-ipwh-theme="dark"] body .ipwh-smm-page .ipwh-smm-disclaimer a, html[data-ipwh-theme="dark"] body .ipwh-smm-page .ipwh-smm-plan a { color: #ffb8b3 !important; } html[data-ipwh-theme="dark"] body .ipwh-smm-page button { color: #f3f6fb !important; } html[data-ipwh-theme="dark"] body .ipwh-smm-page .ipwh-smm-plan-type, html[data-ipwh-theme="dark"] body .ipwh-smm-page .ipwh-smm-plan li, html[data-ipwh-theme="dark"] body .ipwh-smm-page .ipwh-smm-feature-card li, html[data-ipwh-theme="dark"] body .ipwh-smm-page .ipwh-smm-feature-card span { color: #f3f6fb !important; } html[data-ipwh-theme="dark"] body .ipwh-header .ipwh-mega-card[aria-current="page"] { background: #141e2d !important; } html[data-ipwh-theme="dark"] body .ipwh-header .ipwh-mega-card[aria-current="page"] .ipwh-mega-card-copy, html[data-ipwh-theme="dark"] body .ipwh-header .ipwh-mega-card[aria-current="page"] .ipwh-mega-card-copy span, html[data-ipwh-theme="dark"] body .ipwh-header .ipwh-mega-card[aria-current="page"] .ipwh-mega-card-copy strong { color: #f3f6fb !important; } /**/ html[data-ipwh-theme="dark"] body main[class^="ipwh-"] table[class^="ipwh-"]:not(.ipwh-email-table):not(.ipwh-compare-table):not(.ipwh-compare-wide-table) thead th { border-bottom-color: #81221f !important; background: linear-gradient(135deg, #4a2026 0%, #30202a 100%) !important; box-shadow: inset 0 -2px 0 #81221f; color: #fff !important; } /**/ main[class^="ipwh-"] :is( [class*="pricing-grid"], [class*="plan-grid"], [class*="plans-grid"], [class*="pricing-cards"] ) { background-color: transparent !important; } main[class^="ipwh-"] :is( [class*="pricing-grid"], [class*="plan-grid"], [class*="plans-grid"], [class*="pricing-cards"] ) :where(p, small)[class*="billing"] { border-color: transparent !important; background: transparent !important; box-shadow: none !important; } /**/ html[data-ipwh-theme="light"] body main[class^="ipwh-"] :is( [class*="pricing-grid"], [class*="plan-grid"], [class*="plans-grid"], [class*="pricing-cards"] ) :is( [class*="saving"], [class*="savings"], [class*="save-badge"], [class*="discount"] ) { border-color: #b7dfc8 !important; color: #0b6b3a !important; background: #eaf8f0 !important; } html[data-ipwh-theme="light"] body main[class^="ipwh-"] :is( [class*="pricing-grid"], [class*="plan-grid"], [class*="plans-grid"], [class*="pricing-cards"] ) :is( [class*="saving"], [class*="savings"], [class*="save-badge"], [class*="discount"] ) :where(span, small, strong) { border-color: transparent !important; color: inherit !important; background: transparent !important; } /**/ html[data-ipwh-theme="light"] body main[class^="ipwh-"] :is( .ipwh-vps-savings-percent, .ipwh-wb-saving > span:last-child, .ipwh-wm-saving:not(.ipwh-wm-saving-free) > span:last-child, .ipwh-awb-saving > span:last-child, .ipwh-smm-saving > span:last-child ) { border-color: #0f7a47 !important; color: #fff !important; background: #0f7a47 !important; } /**/ html[data-ipwh-theme="light"] body main[class^="ipwh-"] :is( .ipwh-agency-saving-empty, .ipwh-webhost-saving-empty, .ipwh-wm-saving-free ) { border-color: #d8e1eb !important; color: #40536b !important; background: #eef2f7 !important; } /**/ html[data-ipwh-theme="light"] body main[class^="ipwh-"] :is( [class*="pricing-grid"], [class*="plan-grid"], [class*="plans-grid"], [class*="pricing-cards"] ) :where(article, div)[class*="plan"] li::before { content: "\2713" !important; display: inline-grid !important; width: 18px !important; height: 18px !important; margin-top: 1px !important; padding: 0 !important; place-items: center !important; border: 0 !important; border-radius: 0 !important; color: #137a4a !important; background: transparent !important; font-size: 13px !important; font-weight: 900 !important; line-height: 18px !important; box-shadow: none !important; text-shadow: none !important; } html[data-ipwh-theme="dark"] body main[class^="ipwh-"] :is( [class*="pricing-grid"], [class*="plan-grid"], [class*="plans-grid"], [class*="pricing-cards"] ) :is( [class*="saving"], [class*="savings"], [class*="save-badge"], [class*="discount"] ) { border-color: #5a3034 !important; color: #f0a09a !important; background: #321d23 !important; } /**/ html body main[class^="ipwh-"] :is( [class*="pricing-grid"], [class*="plan-grid"], [class*="plans-grid"], [class*="pricing-cards"] ) :is( [class*="saving"], [class*="savings"], [class*="save-badge"], [class*="discount"] ) { min-width: 0; line-height: 1.35; text-wrap: balance; } html[data-ipwh-theme="dark"] body main[class^="ipwh-"] :is( [class*="pricing-grid"], [class*="plan-grid"], [class*="plans-grid"], [class*="pricing-cards"] ) :is( [class*="saving"], [class*="savings"], [class*="save-badge"], [class*="discount"] ) :where(span, small, strong) { border-color: transparent !important; color: inherit !important; background: transparent !important; } /**/ html[data-ipwh-theme="dark"] body main[class^="ipwh-"] :is( .ipwh-vps-savings-percent, .ipwh-wb-saving > span:last-child, .ipwh-wm-saving:not(.ipwh-wm-saving-free) > span:last-child, .ipwh-awb-saving > span:last-child, .ipwh-smm-saving > span:last-child, .ipwh-ws-saving > span:last-child ) { border-color: #81221f !important; color: #fff !important; background: #81221f !important; } html[data-ipwh-theme="dark"] body main[class^="ipwh-"] :is( [class*="pricing-grid"], [class*="plan-grid"], [class*="plans-grid"], [class*="pricing-cards"] ) :where(article, div)[class*="plan"] li::before { content: "\2713" !important; display: inline-grid !important; width: 18px !important; height: 18px !important; margin-top: 1px !important; padding: 0 !important; place-items: center !important; border: 0 !important; border-radius: 0 !important; color: #78d8a4 !important; background: transparent !important; font-size: 13px !important; font-weight: 900 !important; line-height: 18px !important; box-shadow: none !important; text-shadow: none !important; } /**/ html[data-ipwh-theme="dark"] body :is( .ipwh-growth-stack-proof-icon, .ipwh-growth-stack-included-icon, .ipwh-agency-feature-icon, .ipwh-ds-linux-hardware-icon, .ipwh-ds-use-icon, .ipwh-ds-linux-brand-icon, .ipwh-sm-trust-icon, .ipwh-wm-icon, .ipwh-vpn-icon, .ipwh-vps-icon, .ipwh-vps-icon-svg, .ipwh-wd-trust-icon, .ipwh-wd-fit-icon, .ipwh-contact-eyebrow-icon, .ipwh-home-infra-product-icon, .ipwh-hosting-button-mark, .ipwh-awb-ai-icon, .ipwh-wb-audience-icon, .ipwh-email-mini-icon, .ipwh-email-plan-icon, .ipwh-location-option-icon, .ipwh-location-icon-svg, .ipwh-sitemap-search-icon, .ipwh-healthcare-trust-code, .ipwh-healthcare-card-code, .ipwh-ecommerce-trust-code, .ipwh-ecommerce-card-code, .ipwh-ecommerce-why-code, .ipwh-nonprofit-outcome-number, .ipwh-nonprofit-check-code ) { color: #f0a09a !important; } /**/ html[data-ipwh-theme="dark"] body :is( .ipwh-launch-product-mark, .ipwh-protect-product-mark:not(.ipwh-protect-product-mark-dark), .ipwh-grow-product-mark:not(.ipwh-grow-product-mark-dark) ) { border-color: #d8e1eb !important; background: #f8fafc !important; box-shadow: 0 10px 28px rgba(0, 0, 0, .24) !important; } /**/ html[data-ipwh-theme="dark"] body :is( .ipwh-launch-native-trust, .ipwh-protect-process, .ipwh-grow-process ) { border-color: transparent !important; background: transparent !important; box-shadow: none !important; } html[data-ipwh-theme="dark"] body :is( .ipwh-launch-native-trust b, .ipwh-protect-process b, .ipwh-grow-process b ) { color: #cbd5e1 !important; } html[data-ipwh-theme="dark"] body :is( .ipwh-launch-native-trust b span, .ipwh-protect-process b span, .ipwh-grow-process b span ) { color: #f0a09a !important; } html[data-ipwh-theme="dark"] body :is( .ipwh-launch-native-trust i, .ipwh-protect-process > i, .ipwh-grow-process > i ) { color: #8f9caf !important; } html[data-ipwh-theme="dark"] body :is( .ipwh-launch-native-trust strong, .ipwh-protect-process > strong ) { border: 1px solid #2d5a48 !important; color: #a8ecc9 !important; background: #142b25 !important; } /**/ html[data-ipwh-theme="dark"] body main:is( .ipwh-pricing-page, .ipwh-launch-page, .ipwh-protect-page, .ipwh-grow-page ) :is( .ipwh-launch-plan-grid, .ipwh-protect-plan-grid, .ipwh-grow-plan-grid ) :is(.ipwh-launch-savings, .ipwh-protect-savings, .ipwh-grow-savings) { border: 1px solid #2d5a48 !important; color: #a8ecc9 !important; background: #142b25 !important; } html[data-ipwh-theme="dark"] body :is( .ipwh-launch-check, .ipwh-protect-check, .ipwh-grow-check ) { border: 1px solid #2d5a48 !important; color: #a8ecc9 !important; background: #142b25 !important; } /**/ html[data-ipwh-theme="dark"] body .ipwh-seoav-page :is( .ipwh-seoav-process, .ipwh-seoav-process-step, .ipwh-seoav-why-item ) { background: transparent !important; } html[data-ipwh-theme="dark"] body .ipwh-seoav-page :is( .ipwh-seoav-process, .ipwh-seoav-process-step ) { border-color: transparent !important; } /**/ [data-ipwh-theme="dark"] .ipwh-eagle-nav-top { border-color: #3b4759; background: transparent; color: #f1aaa6; } [data-ipwh-theme="dark"] .ipwh-eagle-nav-top:hover, [data-ipwh-theme="dark"] .ipwh-eagle-nav-top:focus-visible { border-color: #a92d29; background: #81221f; color: #ffffff; } /**/ [data-ipwh-theme="dark"] .ipwh-smm-page [data-ipwh-smm-fit] > span { background: transparent !important; } /**/ [data-ipwh-theme="dark"] .ipwh-wd-page .ipwh-wd-section-nav { border-color: #3b4759; background: rgba(20, 30, 45, 0.94); box-shadow: 0 14px 38px rgba(0, 0, 0, 0.24); } [data-ipwh-theme="dark"] .ipwh-wd-page .ipwh-wd-section-nav a { color: #cbd5e1; } [data-ipwh-theme="dark"] .ipwh-wd-page .ipwh-wd-section-nav a:hover, [data-ipwh-theme="dark"] .ipwh-wd-page .ipwh-wd-section-nav a:focus-visible { background: #261b21; color: #f1aaa6; } [data-ipwh-theme="dark"] .ipwh-wd-page .ipwh-wd-section-nav a.is-current { background: #81221f; color: #ffffff; } [data-ipwh-theme="dark"] :is(.ipwh-compare-trust-row, .ipwh-compare-index-trust-row, .ipwh-industries-index-trust-row) { border-color: #3b4759 !important; background: transparent !important; box-shadow: none !important; } [data-ipwh-theme="dark"] :is(.ipwh-compare-trust-item, .ipwh-compare-index-trust-item, .ipwh-industries-index-trust-item) { border-color: #2b3748 !important; background: transparent !important; } [data-ipwh-theme="dark"] :is(.ipwh-compare-trust-text, .ipwh-compare-index-trust-text, .ipwh-industries-index-trust-text) { color: #b6c0cf !important; } [data-ipwh-theme="dark"] :is(.ipwh-compare-trust-text, .ipwh-compare-index-trust-text, .ipwh-industries-index-trust-text) strong { color: #f3f6fb !important; } [data-ipwh-theme="dark"] :is(.ipwh-aviation-compare, .ipwh-entertainment-compare, .ipwh-government-compare, .ipwh-news-compare, .ipwh-sports-compare) { border-color: #2b3748 !important; background: #141e2d !important; } [data-ipwh-theme="dark"] :is(.ipwh-aviation-table, .ipwh-entertainment-table, .ipwh-government-table, .ipwh-news-table, .ipwh-sports-table) :is(th, td) { border-color: #2b3748 !important; } [data-ipwh-theme="dark"] :is(.ipwh-aviation-table, .ipwh-entertainment-table, .ipwh-government-table, .ipwh-news-table, .ipwh-sports-table) tbody td { background: transparent !important; color: #d6dee9 !important; } [data-ipwh-theme="dark"] :is(.ipwh-aviation-table, .ipwh-entertainment-table, .ipwh-government-table, .ipwh-news-table, .ipwh-sports-table) tbody th { background: transparent !important; color: #f1aaa6 !important; }
.ipwh-jargon { display: inline; padding: 0 0 1px; color: inherit; border-bottom: 1px dotted currentColor; font-weight: inherit; text-decoration: none; text-underline-offset: 3px; cursor: help; } .ipwh-jargon::after { content: ""; display: inline-block; width: 12px; height: 12px; margin-left: 4px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='5' fill='none' stroke='black'/%3E%3Cpath d='M6 5.2v3M6 3.4h.01' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='5' fill='none' stroke='black'/%3E%3Cpath d='M6 5.2v3M6 3.4h.01' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; vertical-align: -1px; } .ipwh-jargon abbr { border: 0; text-decoration: none; } .ipwh-jargon:hover, .ipwh-jargon:focus-visible, .ipwh-jargon[aria-expanded="true"] { color: inherit; border-bottom-style: solid; } .ipwh-jargon:focus-visible { outline: 3px solid rgba(129, 34, 31, 0.22); outline-offset: 3px; border-radius: 2px; } .ipwh-jargon-popover { position: fixed; z-index: 10020; box-sizing: border-box; width: min(370px, calc(100vw - 28px)); padding: 18px; border: 1px solid #d7dee8; border-radius: 14px; color: #152033; background: #ffffff; box-shadow: 0 22px 55px rgba(15, 23, 42, 0.22); font-family: Arial, sans-serif; line-height: 1.55; } .ipwh-jargon-popover[hidden] { display: none; } .ipwh-jargon-popover:focus { outline: none; } .ipwh-jargon-popover-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 8px; } .ipwh-jargon-popover-label { color: #81221f; font-size: 10px; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; } .ipwh-jargon-popover-close { display: grid; flex: 0 0 30px; width: 30px; height: 30px; padding: 0; place-items: center; border: 1px solid #d7dee8; border-radius: 50%; color: #475569; background: #f8fafc; font: inherit; font-size: 21px; line-height: 1; cursor: pointer; } .ipwh-jargon-popover-close:hover, .ipwh-jargon-popover-close:focus-visible { color: #ffffff; border-color: #81221f; background: #81221f; } .ipwh-jargon-popover-close:focus-visible, .ipwh-jargon-popover-link:focus-visible { outline: 3px solid rgba(129, 34, 31, 0.22); outline-offset: 2px; } .ipwh-jargon-popover-term { display: block; margin-bottom: 6px; color: #0f172a; font-size: 19px; line-height: 1.25; } .ipwh-jargon-popover-definition { margin: 0; color: #526176; font-size: 14px; } .ipwh-jargon-popover-link { display: inline-flex; gap: 7px; align-items: center; margin-top: 13px; color: #81221f; font-size: 12px; font-weight: 800; text-decoration: none; } .ipwh-jargon-popover-link:hover { text-decoration: underline; text-underline-offset: 3px; } .ipwh-jargon-popover-arrow { position: absolute; width: 14px; height: 14px; border: inherit; background: inherit; transform: rotate(45deg); } .ipwh-jargon-popover[data-ipwh-placement="bottom"] .ipwh-jargon-popover-arrow { top: -8px; border-right: 0; border-bottom: 0; } .ipwh-jargon-popover[data-ipwh-placement="top"] .ipwh-jargon-popover-arrow { bottom: -8px; border-top: 0; border-left: 0; } [data-ipwh-theme="dark"] .ipwh-jargon:hover, [data-ipwh-theme="dark"] .ipwh-jargon:focus-visible, [data-ipwh-theme="dark"] .ipwh-jargon[aria-expanded="true"] { color: inherit; } [data-ipwh-theme="dark"] .ipwh-jargon-popover { color: #f3f6fb; border-color: #354256; background: #121c2b; box-shadow: 0 24px 58px rgba(0, 0, 0, 0.46); } [data-ipwh-theme="dark"] .ipwh-jargon-popover-label, [data-ipwh-theme="dark"] .ipwh-jargon-popover-link { color: #f3aaa5; } [data-ipwh-theme="dark"] .ipwh-jargon-popover-term { color: #ffffff; } [data-ipwh-theme="dark"] .ipwh-jargon-popover-definition { color: #bdc7d5; } [data-ipwh-theme="dark"] .ipwh-jargon-popover-close { color: #d6deea; border-color: #3a475a; background: #1d2939; } [data-ipwh-theme="dark"] .ipwh-jargon-popover-close:hover, [data-ipwh-theme="dark"] .ipwh-jargon-popover-close:focus-visible { color: #ffffff; border-color: #9d302c; background: #9d302c; } @media (max-width: 640px) { .ipwh-jargon-popover { top: auto; right: 12px; bottom: 12px; left: 12px; width: auto; padding: 18px; border-radius: 16px; box-shadow: 0 18px 54px rgba(15, 23, 42, 0.3); } .ipwh-jargon-popover-arrow { display: none; } } @media (prefers-reduced-motion: no-preference) { .ipwh-jargon-popover:not([hidden]) { animation: ipwh-jargon-enter 140ms ease-out; } } @keyframes ipwh-jargon-enter { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } .ipwh-glossary-page { --ipwh-glossary-brand: #81221f; --ipwh-glossary-ink: #101827; --ipwh-glossary-copy: #536176; --ipwh-glossary-line: #dce3eb; --ipwh-glossary-soft: #f5f7fa; min-height: 100vh; color: var(--ipwh-glossary-ink); background: #ffffff; font-family: Arial, sans-serif; line-height: 1.65; } .ipwh-glossary-page * { box-sizing: border-box; } .ipwh-glossary-wrap { width: min(1120px, calc(100% - 40px)); margin-inline: auto; } .ipwh-glossary-hero { padding: 68px 0 62px; color: #ffffff; background: radial-gradient(circle at 88% 18%, rgba(168, 55, 50, 0.35), transparent 32%), linear-gradient(125deg, #081321, #15263e 62%, #5b1c22 145%); } .ipwh-glossary-breadcrumb { margin-bottom: 34px; color: #cbd5e1; font-size: 12px; } .ipwh-glossary-breadcrumb-list { display: flex; flex-wrap: wrap; gap: 9px; margin: 0; padding: 0; list-style: none; } .ipwh-glossary-breadcrumb-item + .ipwh-glossary-breadcrumb-item::before { content: "/"; margin-right: 9px; color: #7f8ea2; } .ipwh-glossary-breadcrumb-link { color: #dce4ef; text-decoration: none; } .ipwh-glossary-kicker { display: inline-flex; align-items: center; gap: 10px; color: #f0a39e; font-size: 11px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; } .ipwh-glossary-kicker::before { content: ""; width: 30px; height: 2px; background: currentColor; } .ipwh-glossary-title { max-width: 820px; margin: 14px 0 18px; color: #ffffff; font-size: clamp(42px, 6vw, 70px); line-height: 1; letter-spacing: -0.055em; } .ipwh-glossary-lead { max-width: 760px; margin: 0; color: #c6d0de; font-size: 18px; } .ipwh-glossary-index { position: relative; z-index: 2; margin: -24px auto 0; padding: 18px; border: 1px solid var(--ipwh-glossary-line); border-radius: 16px; background: #ffffff; box-shadow: 0 16px 38px rgba(15, 23, 42, 0.12); } .ipwh-glossary-index-label { display: block; margin: 0 0 11px; color: var(--ipwh-glossary-copy); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .ipwh-glossary-index-links { display: flex; flex-wrap: wrap; gap: 9px; } .ipwh-glossary-index-link { display: inline-flex; min-height: 38px; align-items: center; padding: 0 13px; border: 1px solid var(--ipwh-glossary-line); border-radius: 999px; color: var(--ipwh-glossary-ink); background: var(--ipwh-glossary-soft); font-size: 12px; font-weight: 800; text-decoration: none; } .ipwh-glossary-index-link:hover, .ipwh-glossary-index-link:focus-visible { color: #ffffff; border-color: var(--ipwh-glossary-brand); background: var(--ipwh-glossary-brand); } .ipwh-glossary-index-link:focus-visible, .ipwh-glossary-back-link:focus-visible { outline: 3px solid rgba(129, 34, 31, 0.2); outline-offset: 3px; } .ipwh-glossary-content { padding: 70px 0 88px; } .ipwh-glossary-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.55fr); gap: 42px; align-items: start; margin-bottom: 58px; } .ipwh-glossary-intro-title, .ipwh-glossary-section-title { margin: 0; color: var(--ipwh-glossary-ink); letter-spacing: -0.035em; } .ipwh-glossary-intro-title { font-size: clamp(32px, 4vw, 46px); line-height: 1.08; } .ipwh-glossary-intro-copy { margin: 12px 0 0; color: var(--ipwh-glossary-copy); font-size: 15px; } .ipwh-glossary-tip { padding: 20px; border: 1px solid #ead2d0; border-radius: 14px; background: #fff8f7; } .ipwh-glossary-tip-title { display: block; margin-bottom: 5px; color: var(--ipwh-glossary-brand); font-size: 13px; } .ipwh-glossary-tip-copy { margin: 0; color: #664e50; font-size: 12px; } .ipwh-glossary-section + .ipwh-glossary-section { margin-top: 64px; } .ipwh-glossary-section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 20px; padding-bottom: 13px; border-bottom: 1px solid var(--ipwh-glossary-line); } .ipwh-glossary-section-title { font-size: clamp(25px, 3vw, 34px); } .ipwh-glossary-section-count { color: var(--ipwh-glossary-copy); font-size: 11px; font-weight: 800; text-transform: uppercase; } .ipwh-glossary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .ipwh-glossary-entry { scroll-margin-top: 120px; padding: 22px; border: 1px solid var(--ipwh-glossary-line); border-radius: 14px; background: #ffffff; } .ipwh-glossary-entry:target { border-color: #b54a45; box-shadow: 0 0 0 4px rgba(129, 34, 31, 0.1); } .ipwh-glossary-term { margin: 0 0 7px; color: var(--ipwh-glossary-ink); font-size: 18px; line-height: 1.25; } .ipwh-glossary-definition { margin: 0; color: var(--ipwh-glossary-copy); font-size: 13px; } .ipwh-glossary-back { margin-top: 56px; text-align: center; } .ipwh-glossary-back-link { display: inline-flex; min-height: 46px; align-items: center; padding: 0 18px; border-radius: 9px; color: #ffffff; background: var(--ipwh-glossary-brand); font-size: 13px; font-weight: 800; text-decoration: none; } [data-ipwh-theme="dark"] .ipwh-glossary-page { --ipwh-glossary-ink: #f3f6fb; --ipwh-glossary-copy: #b7c2d1; --ipwh-glossary-line: #2d3a4d; --ipwh-glossary-soft: #111c2b; background: #0a1421; } [data-ipwh-theme="dark"] .ipwh-glossary-index, [data-ipwh-theme="dark"] .ipwh-glossary-entry { background: #121d2c; } [data-ipwh-theme="dark"] .ipwh-glossary-tip { border-color: #543239; background: #25191f; } [data-ipwh-theme="dark"] .ipwh-glossary-tip-copy { color: #d6bcc0; } @media (max-width: 760px) { .ipwh-glossary-hero { padding: 52px 0 54px; } .ipwh-glossary-intro, .ipwh-glossary-grid { grid-template-columns: 1fr; } .ipwh-glossary-content { padding: 58px 0 72px; } } @media (max-width: 520px) { .ipwh-glossary-wrap { width: min(100% - 28px, 1120px); } .ipwh-glossary-title { font-size: 42px; } .ipwh-glossary-lead { font-size: 16px; } .ipwh-glossary-index { padding: 14px; } .ipwh-glossary-section-head { display: block; } .ipwh-glossary-section-count { display: block; margin-top: 4px; } }
/**/ .ipwh-product-nav, .ipwh-hosting-page .ipwh-section-nav, .ipwh-email-page .ipwh-section-nav, .ipwh-seoav-jump-nav, .ipwh-ds-section-nav-shell, .ipwh-vps-section-nav-shell, .ipwh-webhost-section-nav-shell, .ipwh-wd-section-nav-shell { top: 82px !important; } /**/ @media (min-width: 1281px) { .ipwh-email-page .ipwh-email-hero { padding: 44px 0 56px; } .ipwh-email-page .ipwh-email-hero .ipwh-email-wrap { width: min(1500px, calc(100% - 64px)); } .ipwh-email-page .ipwh-email-hero-grid { grid-template-columns: minmax(0, .96fr) minmax(480px, 1.04fr); gap: 72px; } .ipwh-email-page .ipwh-email-title, .ipwh-email-page .ipwh-email-copy { max-width: 820px; } .ipwh-compare-page .ipwh-compare-hero { padding: 44px 0 50px; } .ipwh-compare-page .ipwh-compare-hero .ipwh-compare-wrap { width: min(1500px, calc(100% - 64px)); } .ipwh-compare-page .ipwh-compare-hero-grid { grid-template-columns: minmax(0, .96fr) minmax(520px, 1.04fr); gap: 72px; } .ipwh-compare-page .ipwh-compare-title, .ipwh-compare-page .ipwh-compare-copy { max-width: 820px; } .ipwh-compare-index .ipwh-compare-index-hero .ipwh-compare-index-wrap, .ipwh-industries-index .ipwh-industries-index-hero .ipwh-industries-index-wrap { width: min(1500px, calc(100% - 64px)); } .ipwh-aviation-page .ipwh-aviation-hero .ipwh-aviation-wrap, .ipwh-ecommerce-page .ipwh-ecommerce-hero .ipwh-ecommerce-wrap, .ipwh-entertainment-page .ipwh-entertainment-hero .ipwh-entertainment-wrap, .ipwh-government-page .ipwh-government-hero .ipwh-government-wrap, .ipwh-healthcare-page .ipwh-healthcare-hero .ipwh-healthcare-wrap, .ipwh-hospitality-page .ipwh-hospitality-hero .ipwh-hospitality-wrap, .ipwh-legal-page .ipwh-legal-hero .ipwh-legal-wrap, .ipwh-news-page .ipwh-news-hero .ipwh-news-wrap, .ipwh-nonprofit-page .ipwh-nonprofit-hero .ipwh-nonprofit-wrap, .ipwh-sports-page .ipwh-sports-hero .ipwh-sports-wrap { width: min(1500px, calc(100% - 64px)); } .ipwh-aviation-page .ipwh-aviation-hero, .ipwh-entertainment-page .ipwh-entertainment-hero, .ipwh-government-page .ipwh-government-hero, .ipwh-news-page .ipwh-news-hero, .ipwh-sports-page .ipwh-sports-hero { padding: 58px 0 66px; } .ipwh-ecommerce-page .ipwh-ecommerce-hero, .ipwh-hospitality-page .ipwh-hospitality-hero, .ipwh-legal-page .ipwh-legal-hero, .ipwh-nonprofit-page .ipwh-nonprofit-hero { min-height: 610px; padding: 54px 0 70px; } .ipwh-healthcare-page .ipwh-healthcare-hero { padding: 56px 0 66px; } .ipwh-aviation-page .ipwh-aviation-hero-grid, .ipwh-entertainment-page .ipwh-entertainment-hero-grid, .ipwh-government-page .ipwh-government-hero-grid, .ipwh-news-page .ipwh-news-hero-grid, .ipwh-sports-page .ipwh-sports-hero-grid { grid-template-columns: minmax(0, 1.08fr) minmax(440px, .92fr); gap: 72px; } .ipwh-ecommerce-page .ipwh-ecommerce-hero-grid, .ipwh-healthcare-page .ipwh-healthcare-hero-grid, .ipwh-legal-page .ipwh-legal-hero-grid, .ipwh-nonprofit-page .ipwh-nonprofit-hero-grid { grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr); gap: 72px; } .ipwh-hospitality-page .ipwh-hospitality-hero-grid { grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr); gap: 72px; align-items: center; } } @media (min-width: 901px) and (max-width: 1280px) { .ipwh-compare-page .ipwh-compare-hero .ipwh-compare-wrap { width: min(1160px, calc(100% - 48px)); } .ipwh-compare-page .ipwh-compare-hero-grid { grid-template-columns: minmax(0, .95fr) minmax(360px, 1fr); gap: clamp(28px, 4vw, 48px); } .ipwh-compare-page .ipwh-compare-hero-image { max-width: 100%; height: auto; } } @media (min-width: 901px) and (max-width: 1100px) { .ipwh-compare-page .ipwh-compare-hero-grid { grid-template-columns: 1fr; gap: 34px; } .ipwh-compare-page .ipwh-compare-hero-visual { width: min(100%, 720px); } } .ipwh-email-page, .ipwh-hosting-page, .ipwh-sm-page, .ipwh-ssl-page, .ipwh-vpn-page, .ipwh-wb-page, .ipwh-wm-page, .ipwh-ws-page, .ipwh-smm-page, .ipwh-awb-page, .ipwh-seotool-page, .ipwh-seoav-page, .ipwh-wd-page { overflow-x: clip !important; overflow-y: visible !important; } main [id^="ipwh-"] { scroll-margin-top: 150px !important; } /**/ .ipwh-eagle-nav-top { position: sticky; left: 0; z-index: 4; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(129, 34, 31, 0.18); border-radius: 11px; background: #f8eeed; color: #81221f; font: 800 22px/1 Arial, sans-serif; cursor: pointer; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease; } .ipwh-eagle-nav-top:hover { border-color: #81221f; background: #81221f; color: #fff; transform: translateY(-1px); } .ipwh-eagle-nav-top:focus-visible { outline: 3px solid rgba(129, 34, 31, 0.28); outline-offset: 3px; } .ipwh-section-nav .ipwh-section-nav-inner { display: flex !important; align-items: center; } /**/ @media (min-width: 901px) and (max-width: 1500px) { main section[class*="-hero"]:not(.ipwh-home-hero) > [class$="-hero-grid"], main section[class*="-hero"]:not(.ipwh-home-hero) > [class*="-hero-grid "], main section[class*="-hero"]:not(.ipwh-home-hero) > [class$="-hero-inner"], main section[class*="-hero"]:not(.ipwh-home-hero) > [class*="-hero-inner "], main section[class*="-hero"]:not(.ipwh-home-hero) > [class$="-wrap"], main section[class*="-hero"]:not(.ipwh-home-hero) > [class*="-wrap "], main section[class*="-hero"]:not(.ipwh-home-hero) > [class$="-container"], main section[class*="-hero"]:not(.ipwh-home-hero) > [class*="-container "] { width: min(1320px, calc(100% - clamp(128px, 13vw, 192px))) !important; margin-inline: auto !important; } } @media (min-width: 1201px) and (max-width: 1500px) { main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-grid"] { gap: clamp(34px, 4vw, 56px) !important; } main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-grid"] > * { min-width: 0 !important; } .ipwh-about-hero-grid, .ipwh-awb-hero-grid, .ipwh-compare-hero-grid, .ipwh-email-hero-grid, .ipwh-growth-stack-hero-grid, .ipwh-seoav-hero-grid, .ipwh-seotool-hero-grid, .ipwh-sm-hero-grid, .ipwh-smm-hero-grid, .ipwh-ssl-hero-grid, .ipwh-vpn-hero-grid, .ipwh-wb-hero-grid, .ipwh-wd-hero-grid, .ipwh-whmcs-hero-grid, .ipwh-wm-hero-grid, .ipwh-wts-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(380px, .94fr) !important; } main section[class*="-hero"]:not(.ipwh-home-hero) h1 { max-width: 820px !important; font-size: clamp(48px, 4.2vw, 64px) !important; line-height: 1.02 !important; } main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-copy"] > p, main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-lead"] { max-width: 760px !important; font-size: 17px !important; line-height: 1.6 !important; } main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-visual"], main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-card"], main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-panel"] { width: 100% !important; max-width: 620px !important; justify-self: end; } main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-actions"], main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-proof"], main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-checks"], main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-trust"] { gap: 10px 16px !important; } } /**/ @media (min-width: 1061px) and (max-width: 1200px) { main section[class*="-hero"]:not(.ipwh-home-hero) { min-height: auto !important; overflow-x: clip !important; } main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-grid"] { grid-template-columns: minmax(0, 1fr) !important; gap: 38px !important; } main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-grid"] > * { min-width: 0 !important; } main section[class*="-hero"]:not(.ipwh-home-hero) h1 { max-width: 800px !important; font-size: clamp(46px, 5vw, 60px) !important; line-height: 1.03 !important; } main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-copy"] > p, main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-lead"] { max-width: 760px !important; font-size: 17px !important; line-height: 1.6 !important; } main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-visual"], main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-card"], main section[class*="-hero"]:not(.ipwh-home-hero) [class*="-hero-panel"] { width: min(100%, 720px) !important; max-width: 720px !important; justify-self: start !important; } } /**/ @media (max-width: 1200px) { .ipwh-product-nav, .ipwh-hosting-page .ipwh-section-nav, .ipwh-email-page .ipwh-section-nav, .ipwh-seoav-jump-nav, .ipwh-ds-section-nav-shell, .ipwh-vps-section-nav-shell, .ipwh-webhost-section-nav-shell, .ipwh-wd-section-nav-shell { top: 118px !important; } main [id^="ipwh-"] { scroll-margin-top: 188px !important; } } @media (max-width: 760px) { .ipwh-product-nav, .ipwh-hosting-page .ipwh-section-nav, .ipwh-email-page .ipwh-section-nav, .ipwh-seoav-jump-nav, .ipwh-ds-section-nav-shell, .ipwh-vps-section-nav-shell, .ipwh-webhost-section-nav-shell, .ipwh-wd-section-nav-shell { top: 118px !important; } main [id^="ipwh-"] { scroll-margin-top: 188px !important; } .ipwh-product-nav-links, .ipwh-ds-section-nav, .ipwh-vps-section-nav, .ipwh-webhost-section-nav, .ipwh-wd-section-nav { -webkit-overflow-scrolling: touch; scroll-padding-inline: 52px; } .ipwh-eagle-nav-top { flex-basis: 36px; width: 36px; height: 36px; border-radius: 10px; font-size: 20px; } }
.ipwh-commercial-clarity, .ipwh-commercial-clarity * { box-sizing: border-box; } .ipwh-commercial-clarity { --ipwh-clarity-brand: #81221f; --ipwh-clarity-ink: #10192b; --ipwh-clarity-muted: #58677f; --ipwh-clarity-line: #dbe3ee; --ipwh-clarity-soft: #f4f7fb; padding: 78px 0; background: #ffffff; color: var(--ipwh-clarity-ink); font-family: Arial, sans-serif; } .ipwh-commercial-clarity-wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; } .ipwh-commercial-clarity-head { margin-bottom: 34px; } .ipwh-commercial-clarity-kicker { display: block; margin-bottom: 11px; color: var(--ipwh-clarity-brand); font-size: 12px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .ipwh-commercial-clarity-title { max-width: 900px; margin: 0; color: var(--ipwh-clarity-ink); font-size: clamp(32px, 4vw, 48px); line-height: 1.08; letter-spacing: -0.03em; text-wrap: balance; } .ipwh-commercial-clarity-flow { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .ipwh-commercial-clarity-flow::before { position: absolute; top: 58px; right: 15%; left: 15%; height: 2px; background: linear-gradient(90deg, rgba(129, 34, 31, 0.2), #81221f 50%, rgba(129, 34, 31, 0.2)); content: ""; } .ipwh-commercial-clarity-card { position: relative; z-index: 1; display: flex; min-width: 0; min-height: 320px; padding: 26px; flex-direction: column; border: 1px solid var(--ipwh-clarity-line); border-radius: 16px; background: linear-gradient(180deg, #ffffff, #fbfcfe); box-shadow: 0 18px 42px rgba(16, 25, 43, 0.07); color: inherit; text-decoration: none; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .ipwh-commercial-clarity-card:hover { transform: translateY(-4px); border-color: rgba(129, 34, 31, 0.35); box-shadow: 0 24px 52px rgba(16, 25, 43, 0.11); } .ipwh-commercial-clarity-icon { display: grid; width: 64px; height: 64px; place-items: center; border: 8px solid #ffffff; border-radius: 50%; background: #f7e8e7; color: var(--ipwh-clarity-brand); box-shadow: 0 0 0 1px #e7c9c7, 0 10px 24px rgba(129, 34, 31, 0.12); } .ipwh-commercial-clarity-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .ipwh-commercial-clarity-card h3 { margin: 23px 0 8px; color: var(--ipwh-clarity-ink); font-size: 22px; line-height: 1.25; } .ipwh-commercial-clarity-card > p { margin: 0; color: var(--ipwh-clarity-muted); font-size: 14px; line-height: 1.62; } .ipwh-commercial-clarity-steps { display: grid; gap: 9px; margin: 22px 0 24px; padding: 0; list-style: none; } .ipwh-commercial-clarity-steps li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 9px; align-items: center; color: #34445e; font-size: 13px; line-height: 1.45; } .ipwh-commercial-clarity-steps span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--ipwh-clarity-soft); color: var(--ipwh-clarity-brand); font-size: 11px; font-weight: 900; } .ipwh-commercial-clarity-steps span svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .ipwh-commercial-clarity-link { display: inline-flex; margin-top: auto; align-items: center; gap: 8px; color: var(--ipwh-clarity-brand); font-size: 14px; font-weight: 800; } .ipwh-commercial-clarity-footnote { margin: 18px 0 0; color: #738096; font-size: 11px; line-height: 1.6; text-align: center; } .ipwh-commercial-clarity-footnote a { color: var(--ipwh-clarity-brand); } @media (max-width: 900px) { .ipwh-commercial-clarity-flow { grid-template-columns: 1fr; } .ipwh-commercial-clarity-flow::before { top: 48px; bottom: 48px; left: 57px; width: 2px; height: auto; background: linear-gradient(180deg, rgba(129, 34, 31, 0.2), #81221f 50%, rgba(129, 34, 31, 0.2)); } .ipwh-commercial-clarity-card { min-height: 0; } } @media (max-width: 560px) { .ipwh-commercial-clarity { padding: 62px 0; } .ipwh-commercial-clarity-wrap { width: min(100% - 28px, 1180px); } .ipwh-commercial-clarity-card { padding: 22px; } } @media (prefers-reduced-motion: reduce) { .ipwh-commercial-clarity-card { transition: none; } }
:is(.ipwh-home,.ipwh-about-page,.ipwh-sm-page,.ipwh-ssl-page,.ipwh-vpn-page,.ipwh-wb-page,.ipwh-wm-page,.ipwh-ws-page,.ipwh-smm-page,.ipwh-awb-page,.ipwh-service-page,.ipwh-seoav-page,.ipwh-seotool-page,.ipwh-wd-page,.ipwh-contact-page)[data-ipwh-reveal-ready] .ipwh-scroll-reveal { opacity: 0; transform: translateY(26px); filter: blur(5px); transition: opacity .68s ease var(--ipwh-reveal-delay, 0ms), transform .68s cubic-bezier(.22, 1, .36, 1) var(--ipwh-reveal-delay, 0ms), filter .68s ease var(--ipwh-reveal-delay, 0ms); will-change: opacity, transform, filter; } :is(.ipwh-home,.ipwh-about-page,.ipwh-sm-page,.ipwh-ssl-page,.ipwh-vpn-page,.ipwh-wb-page,.ipwh-wm-page,.ipwh-ws-page,.ipwh-smm-page,.ipwh-awb-page,.ipwh-service-page,.ipwh-seoav-page,.ipwh-seotool-page,.ipwh-wd-page,.ipwh-contact-page)[data-ipwh-reveal-ready] .ipwh-scroll-reveal-visible { opacity: 1; transform: none; filter: none; will-change: auto; } @media (prefers-reduced-motion: reduce) { :is(.ipwh-home,.ipwh-about-page,.ipwh-sm-page,.ipwh-ssl-page,.ipwh-vpn-page,.ipwh-wb-page,.ipwh-wm-page,.ipwh-ws-page,.ipwh-smm-page,.ipwh-awb-page,.ipwh-service-page,.ipwh-seoav-page,.ipwh-seotool-page,.ipwh-wd-page,.ipwh-contact-page)[data-ipwh-reveal-ready] .ipwh-scroll-reveal { opacity: 1; transform: none; filter: none; transition: none; } }
@font-face { font-family: "IPWH Homepage Icons"; src: url("../fonts/ipwh-fa-solid-900.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; } .ipwh-home { --ipwh-home-brand: #81221f; --ipwh-home-brand-bright: #a83a35; --ipwh-home-brand-soft: #f8eceb; --ipwh-home-ink: #111827; --ipwh-home-navy: #08111f; --ipwh-home-muted: #5f6878; --ipwh-home-line: #e4e7ec; --ipwh-home-soft: #f5f6f8; --ipwh-home-white: #ffffff; overflow: clip; color: var(--ipwh-home-ink); background: var(--ipwh-home-white); font-family: Arial, sans-serif; font-size: 16px; line-height: 1.65; } .ipwh-home *, .ipwh-home *::before, .ipwh-home *::after { box-sizing: border-box; } .ipwh-home a { color: inherit; } .ipwh-home img { display: block; max-width: 100%; } .ipwh-home-wrap { width: min(1200px, calc(100% - 44px)); margin: 0 auto; } .ipwh-home .ipwh-commercial-clarity-footnote { color: var(--ipwh-clarity-muted, #58677f); } .ipwh-home .ipwh-commercial-clarity-footnote a { color: inherit; } .ipwh-home-hero { position: relative; isolation: isolate; min-height: clamp(650px, 72svh, 900px); display: flex; align-items: center; overflow: hidden; color: #fff; background: var(--ipwh-home-navy); } .ipwh-home-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,12,23,.97) 0%, rgba(5,12,23,.88) 44%, rgba(5,12,23,.42) 72%, rgba(5,12,23,.44) 100%), linear-gradient(180deg, rgba(5,12,23,.18), rgba(5,12,23,.72)); } .ipwh-home-hero::after { content: none; } .ipwh-home-hero-media { position: absolute; inset: 0 -6vw; z-index: -2; } .ipwh-home-hero-media video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .ipwh-home-hero-grid { position: relative; display: grid; grid-template-columns: 1fr; width: min(1760px, calc(100% - 80px)); align-items: center; padding: 70px 0; } .ipwh-home-hero-copy { width: 100%; max-width: 980px; margin: 0; text-align: left; animation: ipwh-home-load-copy .76s cubic-bezier(.22,1,.36,1) both; } .ipwh-home-eyebrow, .ipwh-home-kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--ipwh-home-brand); font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; } .ipwh-home-eyebrow { display: flex; width: 100%; justify-content: flex-start; margin-bottom: 25px; color: #f0b8b5; text-align: left; } .ipwh-home-eyebrow::before, .ipwh-home-kicker::before { content: ""; width: 28px; height: 2px; background: currentColor; } .ipwh-home-hero h1 { max-width: 940px; margin: 0; color: #fff; font-size: clamp(54px, 6.3vw, 88px); line-height: .94; letter-spacing: -.055em; } .ipwh-home-hero h1 span { color: #e49a96; } .ipwh-home-hero-lead { max-width: 760px; margin: 28px 0 0; color: #d4d9e2; font-size: clamp(18px, 1.7vw, 21px); line-height: 1.65; } .ipwh-home-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } .ipwh-home-domain-bar { position: relative; z-index: 4; padding: 14px 0; border-bottom: 1px solid #dfe3e9; background: #f5f6f8; } .ipwh-home-domain-bar[hidden] { display: none; } .ipwh-home-domain-bar-inner { display: grid; width: min(1760px, calc(100% - 80px)); margin: 0 auto; grid-template-columns: minmax(0,1fr) auto auto; gap: 16px; align-items: center; } .ipwh-home-domain-search-form { display: grid; min-width: 0; grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding: 7px; border: 1px solid #d9dde4; border-radius: 14px; background: #fff; box-shadow: 0 10px 28px rgba(17,24,39,.09); transition: border-color .2s ease, box-shadow .2s ease; } .ipwh-home-domain-search-form:focus-within { border-color: #b65a56; box-shadow: 0 0 0 4px rgba(129,34,31,.11), 0 10px 28px rgba(17,24,39,.09); } .ipwh-home-domain-search-input { width: 100%; min-width: 0; min-height: 52px; padding: 0 15px; border: 0; outline: 0; color: var(--ipwh-home-ink); background: transparent; font: inherit; font-size: 16px; } .ipwh-home-domain-search-input::placeholder { color: #667085; opacity: 1; } .ipwh-home-domain-search-button { display: inline-flex; min-height: 52px; gap: 8px; align-items: center; justify-content: center; padding: 0 23px; border: 1px solid #81221f; border-radius: 9px; color: #fff; background: #81221f; box-shadow: 0 10px 24px rgba(129,34,31,.24); font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; transition: background-color .2s ease, border-color .2s ease, transform .2s ease; } .ipwh-home-domain-ai-icon { font-size: 18px; line-height: 1; } .ipwh-home-domain-search-button:hover { border-color: #982d29; background: #982d29; transform: translateY(-1px); } .ipwh-home-domain-search-button:focus-visible { outline: 3px solid #e6a19e; outline-offset: 3px; } .ipwh-home-domain-button-short { display: none; } .ipwh-home-domain-promo { display: flex; min-width: 255px; gap: 12px; align-items: center; padding: 4px 2px; color: var(--ipwh-home-ink) !important; text-decoration: none !important; } .ipwh-home-domain-promo-icon { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 12px; color: var(--ipwh-home-brand); background: #f8e9e8; font-family: "IPWH Homepage Icons"; font-size: 18px; font-weight: 900; } .ipwh-home-domain-promo-copy { display: grid; line-height: 1.22; } .ipwh-home-domain-promo-copy small { color: #667085; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .ipwh-home-domain-promo-copy strong { margin-top: 2px; color: var(--ipwh-home-ink); font-size: 15px; } .ipwh-home-domain-promo-copy > span { margin-top: 3px; color: #5f6878; font-size: 12px; } .ipwh-home-domain-promo:hover strong { color: var(--ipwh-home-brand); } .ipwh-home-domain-promo:focus-visible { outline: 3px solid rgba(129,34,31,.28); outline-offset: 4px; border-radius: 10px; } .ipwh-home-domain-bar-close { display: grid; width: 42px; height: 42px; place-items: center; padding: 0; border: 1px solid #d4d9e1; border-radius: 11px; color: #4d5665; background: #fff; font: 400 26px/1 Arial,sans-serif; cursor: pointer; transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease; } .ipwh-home-domain-bar-close:hover { border-color: #b65a56; color: var(--ipwh-home-brand); background: #fff7f5; transform: translateY(-1px); } .ipwh-home-domain-bar-close:focus-visible { outline: 3px solid rgba(129,34,31,.28); outline-offset: 3px; } [data-ipwh-theme="dark"] .ipwh-home-domain-bar { border-color: #2b3748; background: #0d1624; } [data-ipwh-theme="dark"] .ipwh-home-domain-search-form { border-color: #354356; background: #121e2e; box-shadow: 0 10px 28px rgba(0,0,0,.3); } [data-ipwh-theme="dark"] .ipwh-home-domain-search-form:focus-within { border-color: #d1837f; box-shadow: 0 0 0 4px rgba(209,131,127,.15), 0 10px 28px rgba(0,0,0,.3); } [data-ipwh-theme="dark"] .ipwh-home-domain-search-input { color: #f3f6fb; } [data-ipwh-theme="dark"] .ipwh-home-domain-search-input::placeholder { color: #9fabbc; } [data-ipwh-theme="dark"] .ipwh-home-domain-promo { color: #f3f6fb !important; } [data-ipwh-theme="dark"] .ipwh-home-domain-promo-icon { color: #efaaa6; background: #321d23; } [data-ipwh-theme="dark"] .ipwh-home-domain-promo-copy small, [data-ipwh-theme="dark"] .ipwh-home-domain-promo-copy > span { color: #aeb9c9; } [data-ipwh-theme="dark"] .ipwh-home-domain-promo-copy strong { color: #f3f6fb; } [data-ipwh-theme="dark"] .ipwh-home-domain-promo:hover strong { color: #efaaa6; } [data-ipwh-theme="dark"] .ipwh-home-domain-bar-close { border-color: #354356; color: #c2cad6; background: #121e2e; } [data-ipwh-theme="dark"] .ipwh-home-domain-bar-close:hover { border-color: #d1837f; color: #fff; background: #321d23; } .ipwh-home-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 32px; } .ipwh-home-hero-copy .ipwh-home-actions { justify-content: flex-start; } .ipwh-home-button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 9px; padding: 0 23px; border: 1px solid transparent; border-radius: 9px; font-size: 15px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none !important; transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease; } .ipwh-home-button:hover { transform: translateY(-2px); } .ipwh-home-button:focus-visible, .ipwh-home-text-link:focus-visible, .ipwh-home-link-cloud a:focus-visible, .ipwh-home-product-links a:focus-visible, .ipwh-home-infra-card:focus-visible, .ipwh-home-support-facts a:focus-visible, .ipwh-home-faq-list summary:focus-visible { outline: 3px solid #e6a19e; outline-offset: 3px; } .ipwh-home-button-primary { color: #fff !important; background: #81221f; box-shadow: 0 16px 32px rgba(129,34,31,.34); } .ipwh-home-button-primary:hover { background: #982d29; } .ipwh-home-button-ghost { color: #fff !important; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.07); backdrop-filter: blur(8px); } .ipwh-home-button-ghost:hover { border-color: rgba(255,255,255,.52); background: rgba(255,255,255,.12); } .ipwh-home-button-dark { color: #fff !important; background: var(--ipwh-home-navy); } .ipwh-home-button-dark:hover { background: #192436; } .ipwh-home-button-light { color: var(--ipwh-home-brand) !important; background: #fff; } [data-ipwh-theme="dark"] .ipwh-home .ipwh-home-button-light { color: #81221f !important; } .ipwh-home-hero-proof { display: flex; flex-wrap: wrap; gap: 18px; justify-content: flex-start; margin: 22px 0 0; padding: 0; list-style: none; color: #c8ced8; font-size: 13px; font-weight: 700; } .ipwh-home-hero-proof li { display: flex; gap: 8px; align-items: center; } .ipwh-home-hero-proof li span { display: grid; width: 19px; height: 19px; flex: 0 0 19px; place-items: center; border-radius: 50%; color: #72e2aa; background: rgba(80,216,144,.17); font-size: 12px; font-weight: 900; line-height: 1; } @media (min-width: 1061px) { .ipwh-home-hero-copy { display: grid; min-height: 390px; align-content: space-between; } .ipwh-home-hero-copy .ipwh-home-eyebrow, .ipwh-home-hero-copy .ipwh-home-hero-lead, .ipwh-home-hero-copy .ipwh-home-actions, .ipwh-home-hero-copy .ipwh-home-hero-proof { margin-top: 0; margin-bottom: 0; } } /**/ @media (min-width: 1201px) and (max-width: 1500px) { .ipwh-home-hero-grid { width: min(1320px, calc(100% - clamp(128px, 13vw, 192px))); padding: 56px 0; } .ipwh-home-hero-copy { max-width: 860px; min-height: 350px; } .ipwh-home-hero h1 { max-width: 850px; font-size: clamp(64px, 5.4vw, 82px); line-height: .96; } .ipwh-home-hero-lead { max-width: 680px; font-size: clamp(17px, 1.4vw, 19px); } .ipwh-home-actions { gap: 10px; } .ipwh-home-hero .ipwh-home-button { min-height: 50px; padding-right: 20px; padding-left: 20px; font-size: 14px; } .ipwh-home-hero-proof { gap: 14px; font-size: 12px; } } @media (min-width: 1061px) and (max-width: 1200px) { .ipwh-home-hero-grid { width: min(1120px, calc(100% - clamp(128px, 13vw, 192px))); padding: 56px 0; } .ipwh-home-hero-copy { max-width: 780px; min-height: 350px; } .ipwh-home-hero h1 { max-width: 760px; font-size: clamp(56px, 5.5vw, 66px); line-height: .97; } .ipwh-home-hero-lead { max-width: 680px; font-size: 18px; } .ipwh-home-hero .ipwh-home-button { min-height: 50px; padding-right: 20px; padding-left: 20px; font-size: 14px; } .ipwh-home-hero-proof { gap: 12px 16px; font-size: 12px; } } .ipwh-home-support-image > span i { width: 7px; height: 7px; border-radius: 50%; background: #50d890; box-shadow: 0 0 0 5px rgba(80,216,144,.12); } .ipwh-home-scroll { position: absolute; bottom: 25px; left: 50%; display: flex; gap: 9px; align-items: center; transform: translateX(-50%); color: #aeb7c5 !important; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-decoration: none !important; text-transform: uppercase; } @keyframes ipwh-home-load-copy { from { opacity: 0; transform: translateY(24px); filter: blur(5px); } to { opacity: 1; transform: none; filter: none; } } .ipwh-home-trust { border-bottom: 1px solid #dfe3e9; background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%); } .ipwh-home-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); } .ipwh-home-trust-grid > div { display: flex; min-width: 0; min-height: 132px; flex-direction: row; gap: 16px; align-items: center; justify-content: flex-start; padding: 28px 26px; border-right: 1px solid #dfe3e9; } .ipwh-home-trust-grid > div:first-child { padding-left: 0; } .ipwh-home-trust-grid > div:last-child { border-right: 0; } .ipwh-home-trust-grid p { display: flex; flex-direction: column; margin: 0; } .ipwh-home-trust-grid strong { color: var(--ipwh-home-ink); font-size: 18px; font-weight: 800; line-height: 1.15; } .ipwh-home-trust-grid p span { margin-top: 3px; color: #4f5969; font-size: 12px; line-height: 1.35; } .ipwh-home-proof-icon { display: grid; flex: 0 0 50px; width: 50px; height: 50px; place-items: center; border: 1px solid #e4bcb9; border-radius: 14px; color: var(--ipwh-home-brand); background: #faeceb; box-shadow: 0 7px 18px rgba(129,34,31,.08); font-family: "IPWH Homepage Icons"; font-size: 20px; font-weight: 900; } .ipwh-home-google-mark { display: grid; flex: 0 0 78px; width: 78px; height: 50px; place-items: center; } .ipwh-home-google-mark img { width: 64px; height: auto; } .ipwh-home-google-rating p { min-width: 0; } .ipwh-home-google-rating p a { display: grid; min-width: 0; grid-template-columns: auto 1fr; column-gap: 7px; align-items: center; } .ipwh-home-google-rating .ipwh-home-google-stars { color: #ed9700; font-size: 12px; line-height: 1; letter-spacing: .02em; white-space: nowrap; } .ipwh-home-google-rating small { grid-column: 1 / -1; margin-top: 4px; color: #4f5969; font-size: 11px; line-height: 1.2; } .ipwh-home-section { padding: 116px 0; } .ipwh-home-heading { max-width: 800px; margin: 0 auto 56px; text-align: center; } .ipwh-home-heading h2, .ipwh-home-platform-copy h2, .ipwh-home-support-copy h2, .ipwh-home-migration-copy h2, .ipwh-home-faq-intro h2 { margin: 12px 0 0; color: var(--ipwh-home-ink); font-size: clamp(36px, 4.4vw, 58px); line-height: 1.05; letter-spacing: -.045em; } .ipwh-home-heading > p { max-width: 690px; margin: 20px auto 0; color: var(--ipwh-home-muted); font-size: 17px; } .ipwh-home-heading-split { display: grid; grid-template-columns: 1.15fr .85fr; gap: 100px; max-width: none; align-items: end; text-align: left; } .ipwh-home-heading-split h2 { max-width: 700px; } .ipwh-home-heading-split > p { margin: 0 0 6px; } .ipwh-home-solutions { background: #fff; scroll-margin-top: 120px; } .ipwh-home-guide-goals { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; } .ipwh-home-guide-goal { display: grid; min-height: 112px; grid-template-columns: 42px 1fr; gap: 12px; align-items: center; padding: 17px; border: 1px solid var(--ipwh-home-line); border-radius: 16px; color: var(--ipwh-home-ink); background: #fff; font: inherit; font-size: 13px; font-weight: 800; line-height: 1.35; text-align: left; cursor: pointer; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background-color .2s ease; } .ipwh-home-guide-goal > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: var(--ipwh-home-brand); background: #f7eceb; font-family: "IPWH Homepage Icons"; font-size: 16px; font-weight: 900; } .ipwh-home-guide-goal > span img { display: block; width: 24px; height: 24px; object-fit: contain; } .ipwh-home-guide-goal:hover { transform: translateY(-2px); border-color: #d7a5a2; box-shadow: 0 12px 26px rgba(15,23,42,.08); } .ipwh-home-guide-goal[aria-selected="true"] { border-color: var(--ipwh-home-brand); color: #fff; background: var(--ipwh-home-brand); box-shadow: 0 15px 32px rgba(129,34,31,.2); } .ipwh-home-guide-goal[aria-selected="true"] > span { color: #fff; background: rgba(255,255,255,.13); } .ipwh-home-guide-goal:focus-visible { outline: 3px solid #e8aaa7; outline-offset: 3px; } .ipwh-home-guide-result { padding: 38px; border: 1px solid #dce1e8; border-radius: 22px; background: linear-gradient(145deg, #f7f8fa 0%, #fff 68%); box-shadow: 0 20px 50px rgba(15,23,42,.07); } .ipwh-home-guide-result[hidden] { display: none; } .ipwh-home-guide-result-heading { display: grid; grid-template-columns: 1.05fr .95fr; gap: 60px; align-items: end; margin-bottom: 28px; } .ipwh-home-card-label { color: var(--ipwh-home-brand); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .ipwh-home-guide-result-heading h3 { margin: 9px 0 0; color: var(--ipwh-home-ink); font-size: clamp(28px, 3.3vw, 44px); line-height: 1.08; letter-spacing: -.04em; } .ipwh-home-guide-result-heading > p { margin: 0; color: var(--ipwh-home-muted); font-size: 16px; } .ipwh-home-guide-stack { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; } .ipwh-home-guide-card { display: flex; min-width: 0; min-height: 300px; flex-direction: column; padding: 26px; border: 1px solid #dce1e8; border-radius: 17px; color: var(--ipwh-home-ink) !important; background: #fff; text-decoration: none !important; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .ipwh-home-guide-card:hover { transform: translateY(-3px); border-color: #d7a5a2; box-shadow: 0 15px 32px rgba(15,23,42,.1); } .ipwh-home-guide-stage { color: var(--ipwh-home-brand); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; } .ipwh-home-guide-product-heading { display: flex; align-items: center; gap: 12px; margin-top: 8px; } .ipwh-home-guide-product-heading > strong { font-size: 22px; line-height: 1.2; } .ipwh-home-guide-product-icon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(129,34,31,.16); border-radius: 12px; background: #f8eceb; color: var(--ipwh-home-brand); font-family: "IPWH Homepage Icons"; font-size: 18px; font-style: normal; line-height: 1; } .ipwh-home-guide-product-icon img { display: block; width: 24px; height: 24px; object-fit: contain; } .ipwh-home-guide-or { position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; width: 44px; height: 44px; place-items: center; transform: translate(-50%, -50%); border: 1px solid rgba(129,34,31,.24); border-radius: 999px; background: #fff; box-shadow: 0 10px 24px rgba(15,23,42,.14); color: var(--ipwh-home-brand); font-size: 12px; font-weight: 800; letter-spacing: .08em; pointer-events: none; } .ipwh-home-guide-card > p { margin: 10px 0 18px; color: var(--ipwh-home-muted); font-size: 14px; } .ipwh-home-guide-price { margin-top: auto; color: #4f5d73; font-size: 12px; font-weight: 800; text-transform: uppercase; } .ipwh-home-guide-price b { margin-left: 4px; color: var(--ipwh-home-ink); font-size: 25px; letter-spacing: -.03em; text-transform: none; } .ipwh-home-guide-card > small { display: block; min-height: 36px; margin-top: 6px; color: #647087; font-size: 11px; line-height: 1.45; } .ipwh-home-domain-offer { position: relative; display: inline-flex; width: fit-content; align-items: center; gap: 6px; margin-top: 7px; border-bottom: 1px dashed currentColor; color: var(--ipwh-home-brand); font-size: 12px; font-weight: 800; line-height: 1.45; cursor: help; } .ipwh-home-domain-offer::before { content: "\2713"; display: grid; width: 17px; height: 17px; place-items: center; border-radius: 999px; background: #f8eceb; font-size: 10px; line-height: 1; } .ipwh-home-domain-tooltip { position: absolute; z-index: 8; bottom: calc(100% + 11px); left: 0; width: min(290px, calc(100vw - 56px)); padding: 14px 15px; border-radius: 12px; background: linear-gradient(135deg, #81221f, #571411); box-shadow: 0 16px 34px rgba(40,12,11,.25); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.55; opacity: 0; visibility: hidden; transform: translateY(5px); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; pointer-events: none; } .ipwh-home-domain-tooltip::after { content: ""; position: absolute; top: 100%; left: 22px; border: 7px solid transparent; border-top-color: #571411; } .ipwh-home-domain-offer:hover .ipwh-home-domain-tooltip, .ipwh-home-guide-card:focus-visible .ipwh-home-domain-tooltip { opacity: 1; visibility: visible; transform: translateY(0); } .ipwh-home-guide-card > em { margin-top: 17px; color: var(--ipwh-home-brand); font-size: 13px; font-style: normal; font-weight: 800; } .ipwh-home-guide-stack-bundle { display: block; } .ipwh-home-guide-bundle { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr); gap: 28px 38px; padding: 30px; border: 1px solid #d8dfe8; border-radius: 18px; background: #fff; box-shadow: 0 18px 42px rgba(15,23,42,.08); } .ipwh-home-guide-bundle-main h4 { margin: 8px 0 10px; color: var(--ipwh-home-ink); font-size: clamp(25px, 3vw, 38px); line-height: 1.08; letter-spacing: -.035em; } .ipwh-home-guide-bundle-main > p { max-width: 720px; margin: 0; color: var(--ipwh-home-muted); font-size: 14px; } .ipwh-home-guide-bundle-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; } .ipwh-home-guide-bundle-features li { display: grid; grid-template-columns: 34px 1fr; gap: 3px 10px; padding: 13px; border: 1px solid #e4e8ee; border-radius: 12px; background: #f8f9fb; } .ipwh-home-guide-bundle-features li::before { content: "\2713"; grid-row: 1 / 3; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #176a4c; background: #e5f7ee; font-size: 12px; font-weight: 900; } .ipwh-home-guide-bundle-features strong { color: var(--ipwh-home-ink); font-size: 12px; } .ipwh-home-guide-bundle-features span { color: var(--ipwh-home-muted); font-size: 11px; line-height: 1.45; } .ipwh-home-guide-bundle-price { display: flex; flex-direction: column; justify-content: center; padding: 24px; border-radius: 16px; color: #fff; background: linear-gradient(145deg, #0b1728 0%, #17243a 58%, #541b21 145%); box-shadow: 0 18px 36px rgba(10,22,39,.18); } .ipwh-home-guide-bundle-price > span { font-size: 11px; font-weight: 700; } .ipwh-home-guide-bundle-price > span b { color: #f09a95; letter-spacing: .04em; } .ipwh-home-guide-bundle-price > strong { margin-top: 7px; font-size: clamp(40px, 5vw, 58px); line-height: 1; letter-spacing: -.055em; } .ipwh-home-guide-bundle-price > small { margin-top: 8px; color: #c5cfdd; font-size: 11px; } .ipwh-home-guide-bundle-price > div { display: flex; justify-content: space-between; gap: 15px; margin: 20px 0; padding: 14px 0; border-top: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); font-size: 12px; } .ipwh-home-guide-bundle-price > div b { font-size: 16px; } .ipwh-home-guide-bundle-price .ipwh-home-button { width: 100%; min-height: 48px; padding-inline: 15px; text-align: center; } .ipwh-home-guide-bundle-link { align-self: center; margin-top: 15px; color: #fff !important; font-size: 12px; font-weight: 800; text-decoration: underline !important; text-underline-offset: 5px; } .ipwh-home-guide-bundle-note { grid-column: 1 / -1; margin: -10px 0 0; padding-top: 15px; border-top: 1px solid #e2e6ec; color: var(--ipwh-home-muted); font-size: 10px; line-height: 1.5; } .ipwh-home-intro-bundle { position: relative; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 42px; min-height: clamp(500px, 62svh, 580px); overflow: hidden; padding: clamp(28px, 4vw, 52px); border: 1px solid #dce2ea; border-radius: 28px; background: linear-gradient(140deg, #fff 0%, #f8fafc 68%, #fff1ef 145%); box-shadow: 0 24px 70px rgba(15,23,42,.09); } .ipwh-home-intro-bundle::before { content: ""; position: absolute; right: -110px; bottom: -150px; width: 360px; height: 360px; border-radius: 50%; background: rgba(129,34,31,.07); pointer-events: none; } .ipwh-home-intro-bundle-content { position: relative; z-index: 1; align-self: center; } .ipwh-home-intro-bundle-label { display: inline-flex; align-items: center; gap: 9px; color: var(--ipwh-home-brand); font-size: 11px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; } .ipwh-home-intro-bundle-label::before { content: ""; width: 28px; height: 2px; background: currentColor; } .ipwh-home-intro-bundle h2 { max-width: 700px; margin: 14px 0 15px; color: var(--ipwh-home-ink); font-size: clamp(32px, 4vw, 50px); line-height: 1.04; letter-spacing: -.045em; } .ipwh-home-intro-bundle-content > p:not(.ipwh-home-intro-bundle-scope) { max-width: 720px; margin: 0; color: var(--ipwh-home-muted); font-size: 16px; line-height: 1.65; } .ipwh-home-intro-bundle-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; margin: 28px 0 0; padding: 0; list-style: none; } .ipwh-home-intro-bundle-list li { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: center; padding: 14px 0; border-top: 1px solid #e3e7ed; color: var(--ipwh-home-ink); font-size: 13px; font-weight: 800; } .ipwh-home-intro-bundle-list li::before { content: "\2713"; display: grid; width: 26px; height: 26px; place-items: center; border-radius: 9px; color: #176a4c; background: #e6f7ef; font-size: 12px; font-weight: 900; } .ipwh-home-intro-bundle-list strong { color: var(--ipwh-home-ink); font-size: 13px; } .ipwh-home-intro-bundle-list span { color: var(--ipwh-home-muted); font-size: 11px; line-height: 1.45; } .ipwh-home-intro-bundle-scope { margin: 18px 0 0; color: var(--ipwh-home-muted); font-size: 10px; line-height: 1.55; } .ipwh-home-intro-bundle-offer { position: relative; z-index: 1; display: flex; flex-direction: column; align-self: stretch; justify-content: center; padding: 30px; border-radius: 22px; color: #fff; background: linear-gradient(150deg, #0b1728 0%, #17243a 58%, #541b21 145%); box-shadow: 0 20px 44px rgba(10,22,39,.2); } .ipwh-home-intro-discount { align-self: flex-start; padding: 8px 11px; border-radius: 999px; color: #fff; background: #9b2925; font-size: 11px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; } .ipwh-home-intro-regular { display: flex; justify-content: space-between; gap: 16px; margin-top: 24px; color: #c8d1de; font-size: 12px; } .ipwh-home-intro-regular s { color: #fff; font-size: 17px; font-weight: 800; text-decoration-thickness: 2px; } .ipwh-home-intro-price { display: flex; align-items: end; gap: 8px; margin-top: 8px; } .ipwh-home-intro-price strong { font-size: clamp(43px, 5vw, 62px); line-height: .95; letter-spacing: -.06em; } .ipwh-home-intro-price span { padding-bottom: 7px; color: #c8d1de; font-size: 11px; } .ipwh-home-intro-bundle-offer > p { margin: 13px 0 22px; color: #d8e0ea; font-size: 12px; } .ipwh-home-intro-bundle-offer > p b { color: #ffaaa4; } .ipwh-home-intro-bundle-offer .ipwh-home-button { width: 100%; min-height: 52px; padding-inline: 16px; text-align: center; } .ipwh-home-intro-bundle-offer > small { margin-top: 12px; color: #bfc9d7; font-size: 10px; line-height: 1.5; text-align: center; } .ipwh-home-intro-details { display: inline-flex; margin-top: 18px; color: var(--ipwh-home-brand) !important; font-size: 12px; font-weight: 800; text-decoration: underline !important; text-underline-offset: 5px; } .ipwh-home-guide-actions { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-top: 28px; } .ipwh-home-text-link { position: relative; z-index: 1; display: inline-flex; width: fit-content; gap: 8px; align-items: center; color: var(--ipwh-home-brand) !important; font-weight: 800; text-decoration-color: #d6a3a1 !important; text-underline-offset: 6px; } .ipwh-home-text-link-dark { color: var(--ipwh-home-ink) !important; } .ipwh-home-template-showcase { position: relative; overflow: hidden; padding-bottom: 94px; background: linear-gradient(180deg, #f5f6f8 0%, #fff 100%); } .ipwh-home-template-heading { margin-bottom: 45px; } .ipwh-home-template-intro > p { margin: 0; color: var(--ipwh-home-muted); font-size: 17px; } .ipwh-home-template-intro .ipwh-home-button { margin-top: 24px; } .ipwh-home-template-marquee { --ipwh-home-template-card-width: clamp(290px, 27vw, 410px); position: relative; width: 100%; min-height: calc((var(--ipwh-home-template-card-width) - 2px) * .625 + 128px); overflow-x: hidden; overflow-y: hidden; padding: 8px 0 24px; scrollbar-width: none; touch-action: pan-y; overscroll-behavior-inline: contain; } .ipwh-home-template-marquee::-webkit-scrollbar { display: none; } .ipwh-home-template-marquee::before, .ipwh-home-template-marquee::after { content: ""; position: absolute; z-index: 3; top: 0; bottom: 0; width: clamp(30px, 7vw, 120px); pointer-events: none; } .ipwh-home-template-marquee::before { left: 0; background: linear-gradient(90deg, #f8f9fa, transparent); } .ipwh-home-template-marquee::after { right: 0; background: linear-gradient(270deg, #fff, transparent); } .ipwh-home-template-track { display: flex; width: max-content; } .ipwh-home-template-group { display: flex; flex: none; gap: 18px; padding-right: 18px; } .ipwh-home-template-card { position: relative; flex: 0 0 var(--ipwh-home-template-card-width); overflow: hidden; border: 1px solid #dfe3e9; border-radius: 19px; background: #fff; box-shadow: 0 16px 42px rgba(15,23,42,.1); } .ipwh-home-template-frame { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #e8ebef; } .ipwh-home-template-frame > img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform .42s ease, filter .42s ease; } .ipwh-home-template-overlay { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(8,17,31,.58); opacity: 0; transition: opacity .25s ease; } .ipwh-home-template-preview { display: inline-flex; min-height: 45px; align-items: center; justify-content: center; gap: 8px; padding: 0 17px; border: 1px solid rgba(255,255,255,.45); border-radius: 9px; color: #fff; background: rgba(8,17,31,.86); box-shadow: 0 10px 28px rgba(0,0,0,.25); font: 800 13px Arial,sans-serif; cursor: pointer; transform: translateY(9px); transition: transform .25s ease, background-color .2s ease; } .ipwh-home-template-preview::before { content: "\f06e"; font-family: "IPWH Homepage Icons"; font-size: 13px; } .ipwh-home-template-preview:hover { background: var(--ipwh-home-brand); } .ipwh-home-template-card:hover .ipwh-home-template-frame > img, .ipwh-home-template-card:focus-within .ipwh-home-template-frame > img { transform: scale(1.035); filter: saturate(.84); } .ipwh-home-template-card:hover .ipwh-home-template-overlay, .ipwh-home-template-card:focus-within .ipwh-home-template-overlay { opacity: 1; } .ipwh-home-template-card:hover .ipwh-home-template-preview, .ipwh-home-template-card:focus-within .ipwh-home-template-preview { transform: none; } .ipwh-home-template-meta { display: grid; grid-template-columns: 1fr; gap: 7px; align-items: center; min-height: 94px; padding: 18px 20px; } .ipwh-home-template-meta span { color: var(--ipwh-home-brand); font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; } .ipwh-home-template-meta strong { grid-column: 1; color: var(--ipwh-home-ink); font-size: 18px; line-height: 1.2; } .ipwh-home-template-hint { display: flex; justify-content: center; gap: 8px; align-items: center; margin: 7px 20px 0; color: #747e8d; font-size: 11px; text-align: center; } .ipwh-home-template-hint span { color: var(--ipwh-home-brand); } .ipwh-home-template-dialog { width: min(1040px, calc(100% - 34px)); max-height: calc(100vh - 34px); padding: 0; overflow: auto; border: 0; border-radius: 24px; color: var(--ipwh-home-ink); background: #fff; box-shadow: 0 40px 110px rgba(0,0,0,.42); } .ipwh-home-template-dialog::backdrop { background: rgba(4,10,19,.78); backdrop-filter: blur(8px); } .ipwh-home-template-dialog-shell { position: relative; display: grid; grid-template-columns: 1.3fr .7fr; min-height: 560px; } .ipwh-home-template-dialog-close { position: absolute; z-index: 2; top: 15px; right: 15px; display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid #d8dde5; border-radius: 50%; color: var(--ipwh-home-ink); background: rgba(255,255,255,.94); font: 400 25px/1 Arial,sans-serif; cursor: pointer; } .ipwh-home-template-dialog-close:hover { color: #fff; border-color: var(--ipwh-home-brand); background: var(--ipwh-home-brand); } .ipwh-home-template-dialog-image { min-height: 560px; overflow: auto; background: #e7eaee; } .ipwh-home-template-dialog-image img { width: 100%; min-height: 100%; object-fit: cover; object-position: top center; } .ipwh-home-template-dialog-copy { display: flex; flex-direction: column; justify-content: center; padding: 58px 42px; } .ipwh-home-template-dialog-copy > span { color: var(--ipwh-home-brand); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .ipwh-home-template-dialog-copy h3 { margin: 10px 0 15px; color: var(--ipwh-home-ink); font-size: clamp(30px, 3.5vw, 44px); line-height: 1.03; letter-spacing: -.04em; } .ipwh-home-template-dialog-copy p { margin: 0; color: var(--ipwh-home-muted); font-size: 14px; } .ipwh-home-template-dialog-copy .ipwh-home-button { align-self: flex-start; margin-top: 26px; } .ipwh-home-platform { background: var(--ipwh-home-soft); } .ipwh-home-platform-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 82px; align-items: center; } .ipwh-home-platform-visual { position: relative; margin-left: -120px; } .ipwh-home-platform-visual > img { width: 100%; height: auto; min-height: 0; object-fit: cover; object-position: center; border-radius: 0 28px 28px 0; box-shadow: 0 32px 70px rgba(15,23,42,.15); } .ipwh-home-visual-chip { position: absolute; display: flex; min-width: 165px; flex-direction: column; padding: 14px 18px; border: 1px solid rgba(255,255,255,.75); border-radius: 12px; background: rgba(255,255,255,.9); box-shadow: 0 16px 38px rgba(15,23,42,.18); backdrop-filter: blur(12px); } .ipwh-home-visual-chip span { color: var(--ipwh-home-muted); font-size: 10px; } .ipwh-home-visual-chip strong { font-size: 15px; } .ipwh-home-case-chip { color: inherit !important; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .ipwh-home-case-chip small { display: flex; align-items: center; gap: 6px; margin-top: 4px; color: var(--ipwh-home-muted); font-size: 10px; font-weight: 700; line-height: 1.35; } .ipwh-home-case-chip small span { color: var(--ipwh-home-brand); font-size: 12px; transition: transform .2s ease; } .ipwh-home-case-chip:hover { border-color: rgba(129,34,31,.32); box-shadow: 0 20px 44px rgba(15,23,42,.24); transform: translateY(-3px); } .ipwh-home-case-chip:hover small span { transform: translateX(3px); } .ipwh-home-case-chip:focus-visible { border-color: var(--ipwh-home-brand); outline: 3px solid rgba(129,34,31,.24); outline-offset: 4px; } .ipwh-home-chip-top { top: 34px; right: -30px; } .ipwh-home-chip-top strong { color: #237957; } .ipwh-home-chip-bottom { right: -50px; bottom: 45px; } .ipwh-home-chip-bottom strong { color: var(--ipwh-home-brand); font-size: 22px; } .ipwh-home-platform-copy > p, .ipwh-home-support-copy > p, .ipwh-home-migration-copy > p, .ipwh-home-faq-intro > p { margin: 22px 0 0; color: var(--ipwh-home-muted); font-size: 17px; } .ipwh-home-feature-list { margin: 32px 0; border-top: 1px solid #d9dde3; } .ipwh-home-feature-list article { display: grid; grid-template-columns: 42px 1fr; gap: 16px; padding: 21px 0; border-bottom: 1px solid #d9dde3; } .ipwh-home-feature-icon { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid #ead0ce; border-radius: 11px; color: var(--ipwh-home-brand); background: var(--ipwh-home-brand-soft); font-family: "IPWH Homepage Icons"; font-size: 15px; font-weight: 900; } .ipwh-home-feature-list h3 { margin: 0 0 4px; font-size: 17px; } .ipwh-home-feature-list p { margin: 0; color: var(--ipwh-home-muted); font-size: 13px; } .ipwh-home-infrastructure { color: #fff; background: var(--ipwh-home-navy); } .ipwh-home-infrastructure .ipwh-home-kicker { color: #e7a09d; } .ipwh-home-heading-light h2 { color: #fff; } .ipwh-home-heading-light > p { color: #aeb7c5; } .ipwh-home-infra-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .ipwh-home-infra-card { display: flex; min-height: 410px; flex-direction: column; padding: 36px 32px; border: 1px solid #2b3748; border-radius: 18px; color: #fff !important; background: #101c2d; text-decoration: none !important; transition: transform .2s ease, border-color .2s ease; } .ipwh-home-infra-card:hover { transform: translateY(-5px); border-color: #6c7a8e; } .ipwh-home-infra-featured { border-color: #a64a46; background: linear-gradient(150deg, #81221f, #511816); box-shadow: 0 26px 55px rgba(0,0,0,.26); } .ipwh-home-infra-label { color: #9ea9ba; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .ipwh-home-infra-featured .ipwh-home-infra-label { color: #efbbb8; } .ipwh-home-infra-visual { display: flex; align-items: center; gap: 11px; margin-top: 34px; } .ipwh-home-infra-product-icon { display: grid; width: 58px; height: 58px; flex: 0 0 58px; place-items: center; border: 1px solid rgba(255,255,255,.15); border-radius: 15px; color: #f0aaa6; background: rgba(255,255,255,.07); font-family: "IPWH Homepage Icons"; font-size: 25px; font-weight: 900; box-shadow: 0 14px 30px rgba(0,0,0,.18); } .ipwh-home-infra-product-icon img { width: 34px; height: 34px; object-fit: contain; filter: grayscale(1) brightness(0) invert(1); opacity: .94; } .ipwh-home-infra-featured .ipwh-home-infra-product-icon { border-color: rgba(255,255,255,.25); color: #fff; background: rgba(255,255,255,.12); } .ipwh-home-infra-chip { padding: 7px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #b7c1ce; background: rgba(255,255,255,.04); font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; } .ipwh-home-infra-featured .ipwh-home-infra-chip { border-color: rgba(255,255,255,.22); color: #f2cfcc; background: rgba(255,255,255,.08); } .ipwh-home-infra-card h3 { margin: 23px 0 14px; color: #fff; font-size: 27px; line-height: 1.15; } .ipwh-home-infra-card p { margin: 0; color: #aeb7c5; font-size: 14px; } .ipwh-home-infra-featured p { color: #edd3d1; } .ipwh-home-infra-card b { margin-top: auto; padding-top: 30px; font-size: 13px; } .ipwh-home-infra-proof { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 28px; border-top: 1px solid #2b3748; border-bottom: 1px solid #2b3748; } .ipwh-home-infra-proof > div { display: flex; min-height: 72px; align-items: center; justify-content: center; gap: 9px; padding: 14px; border-right: 1px solid #2b3748; color: #aeb8c7; font-size: 11px; text-align: center; } .ipwh-home-infra-proof > div:last-child { border-right: 0; } .ipwh-home-infra-proof-icon { color: #e29692; font-family: "IPWH Homepage Icons"; font-size: 16px; font-weight: 900; } .ipwh-home-infra-proof-logos { display: inline-flex; align-items: center; gap: 5px; } .ipwh-home-infra-proof-logos img { width: 20px; max-height: 20px; object-fit: contain; filter: grayscale(1) brightness(0) invert(1); opacity: .78; } .ipwh-home-growth { background: #fff; } .ipwh-home-growth-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 18px; } .ipwh-home-growth-story { padding: 45px; border-radius: 22px; color: #fff; background: var(--ipwh-home-brand); } .ipwh-home-growth-story > span { display: block; margin-bottom: 45px; color: #efb6b3; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .ipwh-home-growth-story > strong { display: block; font-size: clamp(64px, 8vw, 100px); line-height: .9; letter-spacing: -.06em; } .ipwh-home-growth-story h3 { margin: 13px 0 18px; color: #fff; font-size: 26px; } .ipwh-home-growth-story p { color: #f1d8d6; } .ipwh-home-growth-story ul { margin: 27px 0; padding: 24px 0 0; border-top: 1px solid rgba(255,255,255,.2); list-style: none; } .ipwh-home-growth-story li { margin: 8px 0; color: #f1d8d6; font-size: 12px; } .ipwh-home-growth-story li::before { content: "\2713"; margin-right: 8px; color: #fff; font-weight: 800; } .ipwh-home-growth-story a { color: #fff !important; font-size: 13px; font-weight: 800; text-underline-offset: 5px; } .ipwh-home-growth-services { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--ipwh-home-line); border-radius: 22px; overflow: hidden; } .ipwh-home-growth-services a { display: grid; grid-template-columns: 44px 1fr 18px; gap: 16px; min-height: 230px; align-content: center; padding: 32px; color: inherit !important; background: #fff; text-decoration: none !important; transition: background-color .2s ease; } .ipwh-home-growth-services a:nth-child(odd) { border-right: 1px solid var(--ipwh-home-line); } .ipwh-home-growth-services a:nth-child(-n+2) { border-bottom: 1px solid var(--ipwh-home-line); } .ipwh-home-growth-services a:hover { background: var(--ipwh-home-soft); } .ipwh-home-growth-icon { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #ead0ce; border-radius: 12px; color: var(--ipwh-home-brand); background: var(--ipwh-home-brand-soft); font-family: "IPWH Homepage Icons"; font-size: 16px; font-weight: 900; } .ipwh-home-growth-services h3 { margin: 0 0 8px; font-size: 19px; } .ipwh-home-growth-services p { margin: 0; color: var(--ipwh-home-muted); font-size: 13px; } .ipwh-home-growth-services b { align-self: start; color: var(--ipwh-home-brand); } .ipwh-home-disclaimer { margin: 18px 0 0; color: #8b93a0; font-size: 10px; text-align: center; } .ipwh-home-support { background: var(--ipwh-home-soft); } .ipwh-home-support-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 85px; align-items: center; } .ipwh-home-support-image { position: relative; } .ipwh-home-support-image img { width: 100%; min-height: 610px; object-fit: cover; object-position: center; border-radius: 28px; box-shadow: 0 28px 60px rgba(15,23,42,.13); } .ipwh-home-support-image > span { position: absolute; right: -24px; bottom: 32px; display: flex; gap: 10px; align-items: center; padding: 14px 18px; border-radius: 999px; background: #fff; box-shadow: 0 15px 40px rgba(15,23,42,.16); font-size: 12px; font-weight: 800; } .ipwh-home-support-facts { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 34px; border-top: 1px solid #d9dde3; border-bottom: 1px solid #d9dde3; } .ipwh-home-support-facts a { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 11px; align-content: center; padding: 22px 15px; border-right: 1px solid #d9dde3; color: inherit; text-decoration: none; transition: background-color .2s ease; } .ipwh-home-support-facts a:hover { background: rgba(129,34,31,.045); } .ipwh-home-support-facts a:first-child { padding-left: 0; } .ipwh-home-support-facts a:last-child { border-right: 0; } .ipwh-home-support-facts strong { grid-column: 2; color: var(--ipwh-home-brand); font-size: 24px; line-height: 1.05; } .ipwh-home-support-fact-icon { display: grid; grid-row: 1 / 3; width: 38px; height: 38px; place-items: center; align-self: center; border: 1px solid #e4bcb9; border-radius: 11px; color: var(--ipwh-home-brand); background: #faeceb; font-family: "IPWH Homepage Icons"; font-size: 16px; font-weight: 900; } .ipwh-home-support-fact-label { grid-column: 2; margin-top: 4px; color: var(--ipwh-home-muted); font-size: 10px; line-height: 1.25; } .ipwh-home-migration { background: #fff; } .ipwh-home-migration-grid { display: grid; grid-template-columns: .9fr 1.1fr; overflow: hidden; border: 1px solid var(--ipwh-home-line); border-radius: 26px; box-shadow: 0 24px 65px rgba(15,23,42,.08); } .ipwh-home-migration-copy { padding: 66px 62px; } .ipwh-home-migration-copy ul { margin: 29px 0; padding: 0; list-style: none; } .ipwh-home-migration-copy li { padding: 11px 0; border-bottom: 1px solid var(--ipwh-home-line); color: #384253; font-size: 14px; } .ipwh-home-migration-copy li span { margin-right: 9px; color: var(--ipwh-home-brand); font-weight: 800; } .ipwh-home-migration-scope { grid-column: 1 / -1; width: 100%; box-sizing: border-box; margin: 0; padding: 16px 18px; border: 1px solid rgba(129,34,31,.18); border-left: 4px solid var(--ipwh-home-brand); border-radius: 0 0 12px 12px; background: #fff8f7; color: #4b5563; font-size: 11px; line-height: 1.65; } .ipwh-home-migration-scope strong { color: var(--ipwh-home-ink); } .ipwh-home-migration-image img { width: 100%; height: 100%; min-height: 610px; object-fit: cover; object-position: center; } .ipwh-home-faq { background: var(--ipwh-home-soft); } .ipwh-home-faq-grid { display: grid; grid-template-columns: .68fr 1.32fr; gap: 100px; } .ipwh-home-faq-intro { align-self: start; } .ipwh-home-faq-intro .ipwh-home-text-link { margin-top: 25px; } .ipwh-home-faq-list { border-top: 1px solid #d8dce2; } .ipwh-home-faq-list details { border-bottom: 1px solid #d8dce2; } .ipwh-home-faq-list summary { display: flex; cursor: pointer; justify-content: space-between; gap: 20px; align-items: center; padding: 24px 4px; color: var(--ipwh-home-ink); font-size: 16px; font-weight: 800; list-style: none; } .ipwh-home-faq-list summary::-webkit-details-marker { display: none; } .ipwh-home-faq-list summary span { display: grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; border: 1px solid #d1d5dc; border-radius: 50%; color: var(--ipwh-home-brand); transition: transform .2s ease; } .ipwh-home-faq-list details[open] summary span { transform: rotate(45deg); } .ipwh-home-faq-list details p { max-width: 700px; margin: -6px 50px 25px 4px; color: var(--ipwh-home-muted); font-size: 14px; } .ipwh-home-final { position: relative; overflow: hidden; padding: 110px 0; color: #fff; background: var(--ipwh-home-brand); } .ipwh-home-final::before { content: ""; position: absolute; inset: -50% auto auto 65%; width: 700px; height: 700px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 110px rgba(255,255,255,.035), 0 0 0 220px rgba(255,255,255,.025); } .ipwh-home-final-inner { position: relative; z-index: 1; max-width: 910px; text-align: center; } .ipwh-home-final .ipwh-home-kicker { color: #efb7b4; } .ipwh-home-final h2 { margin: 14px 0 0; color: #fff; font-size: clamp(42px, 5vw, 68px); line-height: 1.02; letter-spacing: -.05em; } .ipwh-home-final p { max-width: 650px; margin: 23px auto 0; color: #f0d4d2; font-size: 17px; } .ipwh-home-final .ipwh-home-actions { justify-content: center; } /**/ @media (min-width: 1061px) { .ipwh-home-platform-grid, .ipwh-home-support-grid { align-items: stretch; } .ipwh-home-platform-visual, .ipwh-home-support-image, .ipwh-home-migration-image { position: relative; min-height: 0; } .ipwh-home-platform-visual > img, .ipwh-home-support-image img, .ipwh-home-migration-image img { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; object-fit: cover; } } @media (max-width: 1080px) { .ipwh-home-hero-grid { grid-template-columns: 1fr; } .ipwh-home-platform-grid, .ipwh-home-support-grid { gap: 50px; } .ipwh-home-platform-visual { margin-left: -40px; } .ipwh-home-heading-split { gap: 55px; } .ipwh-home-faq-grid { gap: 60px; } .ipwh-home-trust-grid > div { gap: 11px; padding: 22px 15px; } .ipwh-home-proof-icon { flex-basis: 44px; width: 44px; height: 44px; font-size: 18px; } .ipwh-home-google-mark { flex-basis: 66px; width: 66px; height: 44px; } .ipwh-home-google-mark img { width: 54px; } } @media (max-width: 1060px) { .ipwh-home-hero { display: block; min-height: auto; } .ipwh-home-hero::before { background: linear-gradient(180deg, rgba(5,12,23,.86), rgba(5,12,23,.98)); } .ipwh-home-hero-grid { top: 0; grid-template-columns: 1fr; padding: 52px 0 44px; } .ipwh-home-scroll { display: none; } .ipwh-home-trust-grid { grid-template-columns: 1fr 1fr; } .ipwh-home-trust-grid > div { min-height: 96px; border-bottom: 1px solid var(--ipwh-home-line); } .ipwh-home-trust-grid > div:nth-child(even) { border-right: 0; } .ipwh-home-trust-grid > div:nth-child(n+3) { border-bottom: 0; } .ipwh-home-heading-split { grid-template-columns: 1fr; gap: 25px; } .ipwh-home-heading-split > p { margin: 0; } .ipwh-home-template-heading { gap: 20px; } .ipwh-home-template-dialog-shell { grid-template-columns: 1fr; } .ipwh-home-template-dialog-image { min-height: 380px; max-height: 52vh; } .ipwh-home-template-dialog-copy { padding: 38px 30px; } .ipwh-home-guide-goals { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ipwh-home-guide-result-heading { grid-template-columns: 1fr; gap: 16px; align-items: start; } .ipwh-home-guide-stack { grid-template-columns: 1fr; } .ipwh-home-guide-card { min-height: 250px; } .ipwh-home-guide-bundle { grid-template-columns: 1fr; } .ipwh-home-guide-bundle-price { min-height: 0; } .ipwh-home-intro-bundle { grid-template-columns: 1fr; min-height: 0; } .ipwh-home-intro-bundle-offer { min-height: 0; } .ipwh-home-platform-grid, .ipwh-home-support-grid, .ipwh-home-migration-grid, .ipwh-home-growth-grid, .ipwh-home-faq-grid { grid-template-columns: 1fr; } .ipwh-home-platform-visual { margin: 0; } .ipwh-home-platform-visual > img { min-height: 0; border-radius: 24px; } .ipwh-home-infra-grid { grid-template-columns: 1fr; } .ipwh-home-infra-card { min-height: 360px; } .ipwh-home-infra-card h3 { margin-top: 23px; } .ipwh-home-infra-proof { grid-template-columns: 1fr 1fr; } .ipwh-home-infra-proof > div:nth-child(2) { border-right: 0; } .ipwh-home-infra-proof > div:nth-child(-n+2) { border-bottom: 1px solid #2b3748; } .ipwh-home-support-image { width: 100%; max-width: 650px; } .ipwh-home-support-image img { display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: 4 / 3; object-fit: cover; } .ipwh-home-migration-image { order: -1; } .ipwh-home-migration-image img { min-height: 480px; } } @media (max-width: 760px) { .ipwh-home-hero-media video { display: none; } .ipwh-home-hero-media { background: url("../images/homepage/ipwh-platform-hero.webp") 68% center / cover no-repeat; } } @media (max-width: 620px) { .ipwh-home-wrap { width: min(100% - 30px, 1200px); } .ipwh-home-section { padding: 82px 0; } .ipwh-home-hero::before { background: linear-gradient(180deg, rgba(5,12,23,.72) 0%, rgba(5,12,23,.78) 48%, rgba(5,12,23,.90) 100%); } .ipwh-home-hero-media video { object-position: 74% center; filter: saturate(1.03); } .ipwh-home-domain-bar { padding: 11px 0 12px; } .ipwh-home-domain-bar-inner { width: min(100% - 30px, 1200px); grid-template-columns: minmax(0,1fr) auto; gap: 9px; } .ipwh-home-domain-search-form { grid-column: auto; } .ipwh-home-domain-promo { display: none; } .ipwh-home-hero-grid { padding: 52px 0 40px; } .ipwh-home-hero h1 { font-size: clamp(49px, 15vw, 68px); } .ipwh-home-hero-lead { font-size: 17px; } .ipwh-home-domain-search-form { grid-template-columns: minmax(0,1fr) auto; gap: 6px; padding: 6px; border-radius: 12px; } .ipwh-home-domain-search-input { min-height: 50px; padding-inline: 11px; font-size: 15px; } .ipwh-home-domain-search-button { min-height: 50px; padding-inline: 14px; font-size: 14px; } .ipwh-home-domain-button-full { display: none; } .ipwh-home-domain-button-short { display: inline; } .ipwh-home-domain-bar-close { width: 38px; height: 38px; justify-self: end; border-radius: 10px; font-size: 23px; } .ipwh-home-actions { align-items: stretch; } .ipwh-home-actions .ipwh-home-button { width: 100%; } .ipwh-home-hero-proof { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 12px; } .ipwh-home-trust-grid > div { padding: 19px 14px; } .ipwh-home-trust-grid > div:first-child { padding-left: 14px; } .ipwh-home-trust-grid strong { font-size: 16px; } .ipwh-home-heading { margin-bottom: 40px; } .ipwh-home-template-showcase { padding-bottom: 70px; } .ipwh-home-template-marquee { --ipwh-home-template-card-width: min(82vw, 340px); } .ipwh-home-template-overlay { opacity: 1; align-items: end; padding-bottom: 15px; background: linear-gradient(180deg, transparent 48%, rgba(8,17,31,.72)); } .ipwh-home-template-preview { min-height: 41px; transform: none; } .ipwh-home-template-dialog { width: calc(100% - 20px); border-radius: 17px; } .ipwh-home-template-dialog-image { min-height: 270px; } .ipwh-home-template-dialog-copy { padding: 30px 22px; } .ipwh-home-template-dialog-copy .ipwh-home-button { width: 100%; } .ipwh-home-heading h2, .ipwh-home-platform-copy h2, .ipwh-home-support-copy h2, .ipwh-home-migration-copy h2, .ipwh-home-faq-intro h2 { font-size: 37px; } .ipwh-home-guide-goals { grid-template-columns: 1fr; } .ipwh-home-guide-goal { min-height: 76px; padding: 14px 16px; } .ipwh-home-guide-result { padding: 26px 20px; scroll-margin-top: 140px; } .ipwh-home-guide-result-heading h3 { font-size: 31px; } .ipwh-home-guide-card { min-height: auto; padding: 22px; } .ipwh-home-guide-bundle { gap: 20px; padding: 22px; } .ipwh-home-guide-bundle-features { grid-template-columns: 1fr; } .ipwh-home-guide-bundle-note { margin-top: 0; } .ipwh-home-intro-bundle { gap: 24px; padding: 24px 20px; border-radius: 20px; } .ipwh-home-intro-bundle-list { grid-template-columns: 1fr; } .ipwh-home-intro-bundle-offer { padding: 24px 20px; } .ipwh-home-guide-actions { align-items: stretch; } .ipwh-home-guide-actions .ipwh-home-button { width: 100%; } .ipwh-home-card-icon { top: 20px; right: 20px; } .ipwh-home-support-image img { height: auto; min-height: 0; } .ipwh-home-visual-chip { min-width: 138px; padding: 10px 13px; } .ipwh-home-chip-top { top: 15px; right: -5px; } .ipwh-home-chip-bottom { right: -5px; bottom: 18px; } .ipwh-home-infra-proof { grid-template-columns: 1fr; } .ipwh-home-infra-proof > div { border-right: 0; border-bottom: 1px solid #2b3748; } .ipwh-home-infra-proof > div:nth-child(3) { border-bottom: 1px solid #2b3748; } .ipwh-home-infra-proof > div:last-child { border-bottom: 0; } .ipwh-home-growth-story { padding: 34px 25px; } .ipwh-home-growth-services { grid-template-columns: 1fr; } .ipwh-home-growth-services a { min-height: 185px; border-right: 0 !important; border-bottom: 1px solid var(--ipwh-home-line); } .ipwh-home-growth-services a:last-child { border-bottom: 0; } .ipwh-home-support-image > span { right: 10px; bottom: 15px; } .ipwh-home-support-facts { grid-template-columns: 1fr; } .ipwh-home-support-facts a { padding: 16px 0; border-right: 0; border-bottom: 1px solid #d9dde3; } .ipwh-home-support-facts a:last-child { border-bottom: 0; } .ipwh-home-migration-copy { padding: 39px 25px; } .ipwh-home-migration-image img { min-height: 340px; } .ipwh-home-faq-grid { gap: 45px; } .ipwh-home-faq-list summary { font-size: 14px; } .ipwh-home-final { padding: 85px 0; } .ipwh-home-final h2 { font-size: 42px; } } @media (max-width: 380px) { .ipwh-home-trust-grid > div { gap: 7px; padding: 16px 10px; } .ipwh-home-trust-grid > div:first-child { padding-left: 10px; } .ipwh-home-google-mark { flex-basis: 48px; width: 48px; height: 38px; } .ipwh-home-google-mark img { width: 44px; } .ipwh-home-google-rating p { min-width: 0; } .ipwh-home-google-rating p a { grid-template-columns: 1fr; gap: 2px; } .ipwh-home-google-rating strong { font-size: 15px; } .ipwh-home-google-rating .ipwh-home-google-stars { font-size: 9px; } .ipwh-home-google-rating small { grid-column: auto; margin-top: 1px; font-size: 9px; } } .ipwh-home .ipwh-home-service-shortcuts { display: flex; flex-wrap: wrap; gap: 4px 22px; margin: 16px 0 0; } .ipwh-home .ipwh-home-service-shortcuts a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #fff; font-size: 14px; line-height: 1.5; text-decoration: underline; text-underline-offset: 4px; } .ipwh-home .ipwh-home-service-shortcuts a:hover { text-decoration-thickness: 2px; } .ipwh-home .ipwh-home-service-shortcuts a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; border-radius: 2px; } @media (prefers-reduced-motion: reduce) { .ipwh-home-hero-copy { animation: none; } .ipwh-home-button, .ipwh-home-case-chip, .ipwh-home-case-chip small span, .ipwh-home-infra-card, .ipwh-home-faq-list summary span { transition: none; } .ipwh-home-hero-media video { display: none; } .ipwh-home-hero-media { background: url("../images/homepage/ipwh-platform-hero.webp") 68% center / cover no-repeat; } .ipwh-home-template-marquee { overflow-x: auto; scrollbar-width: thin; } .ipwh-home-template-track { transform: none; } .ipwh-home-template-frame > img, .ipwh-home-template-overlay, .ipwh-home-template-preview { transition: none; } }