/* ============================================================
   DialKit-driven CSS vars (piwotweb-static)
   Defaults match current Webflow / brand look.
   Panels (localhost only): Hero · Cursor · Spacing · Testimonials · Manifesto · Compare
   ============================================================ */

:root {
  /* Hero */
  --pw-dial-hero-stars-gap: 27px;
  --pw-dial-hero-sub-cta-gap: 24px;
  --pw-dial-hero-stars-color: #ff4701;
  --pw-dial-hero-logo-h: 22px;
  --pw-dial-nav-scrolled-logo-h: 22px;
  --pw-dial-hero-title-max: 12ch;
  --pw-dial-hero-title-size: 2.75rem;
  --pw-dial-hero-sub-max: 34em;
  --pw-dial-hero-sub-size: 15px;
  --pw-dial-hero-title-max-mobile: 12ch;
  --pw-dial-hero-title-size-mobile: 2.35rem;
  --pw-dial-hero-sub-max-mobile: 30em;
  --pw-dial-hero-sub-size-mobile: 14px;

  /* Footer legal row */
  --pw-dial-footer-legal-color: #ffffff;
  --pw-dial-footer-legal-size: 10px;
  --pw-dial-footer-legal-opacity: 0.4;

  /* Logo marquee (sitewide · hero / testimonials / footer) */
  --pw-dial-lm-duration: 55s;
  --pw-dial-lm-direction: normal;
  --pw-dial-lm-gap: 3.5rem;
  --pw-dial-lm-logo-h: 1.75rem;
  --pw-dial-lm-logo-h-mobile: 1.35rem;
  --pw-dial-lm-logo-opacity: 0.44;
  --pw-dial-lm-logo-hover-opacity: 1;
  --pw-dial-lm-grayscale: 100%;
  --pw-dial-lm-brightness: 1;
  --pw-dial-lm-pad-y: 1.25rem;
  --pw-dial-lm-fade: 4rem;
  --pw-dial-lm-item-min: 5.5rem;
  --pw-dial-lm-meta-size: 0.7rem;
  --pw-dial-lm-tag-color: #ffffff;
  --pw-dial-lm-caption-color: #ffffff8c;
  --pw-dial-lm-hover-lift: 6px;
  --pw-dial-lm-hover-scale: 1.04;
  --pw-dial-lm-bg: transparent;

  /* Preview rail */
  --pw-dial-pr-rail-pad-top: 96px;
  --pw-dial-pr-rail-pad-bottom: 48px;
  --pw-dial-pr-rail-pad-left: 12px;
  --pw-dial-pr-nav-w: 3rem;
  --pw-dial-pr-row-h: 1.25rem;
  --pw-dial-pr-tick-w: 3rem;
  --pw-dial-pr-tick-h: 2px;
  --pw-dial-pr-tick-color: rgba(255, 255, 255, 0.28);
  --pw-dial-pr-tick-active: #ff4701;
  --pw-dial-pr-float-left: 4rem;
  --pw-dial-pr-card-w: 18rem;
  --pw-dial-pr-card-bg: #101010;
  --pw-dial-pr-card-border-color: #ffffff;
  --pw-dial-pr-card-border-opacity: 0.08;
  --pw-dial-pr-card-radius: 16px;
  --pw-dial-pr-card-pad-y: 16px;
  --pw-dial-pr-card-pad-x: 20px;
  --pw-dial-pr-card-gap: 8px;
  --pw-dial-pr-card-shadow-opacity: 0.45;
  --pw-dial-pr-title-size: 14px;
  --pw-dial-pr-body-size: 12px;
  --pw-dial-pr-body-line-height: 1.45;

  /* Drag / Explore custom cursor */
  --pw-dial-cursor-bg: #ff4701;
  --pw-dial-cursor-text: #000000;
  --pw-dial-cursor-size: 7em;
  --pw-dial-cursor-radius: 100%;
  --pw-dial-cursor-font-size: 16px;
  --pw-dial-cursor-font-weight: 600;

  /* Section spacing (Webflow padding-section-* scale, dialed) */
  --pw-dial-pad-section-large: 4rem;
  --pw-dial-pad-section-medium: 2rem;
  --pw-dial-pad-section-large-smaller: 4.25rem;
  --pw-dial-section-between: 3.25rem;

  /* FAQ stack (DialKit FAQ panel defaults) */
  --pw-faq-container-max: 29.5rem;
  --pw-faq-stack-gap: 1.65rem;
  --pw-faq-heading-size: 2rem;
  --pw-faq-heading-max: 14ch;
  --pw-faq-lead-size: 1rem;
  --pw-faq-lead-max: 34rem;
  --pw-faq-body-line-height: 1.58;
  /* Webflow-style p margin; last child is 0 via CSS */
  --pw-faq-p-margin-bottom: 1.9rem;

  /* Testimonials · request-card (DialKit Testimonials panel v5) */
  --pw-dial-tst-photo-filter: grayscale(0%) brightness(100%) contrast(100%) saturate(100%);
  /* Avatar orange wash (soft-light) */
  --pw-dial-tst-overlay-color: #ff4701;
  --pw-dial-tst-overlay-opacity: 0.28;
  --pw-dial-tst-overlay-blend: soft-light;
  --pw-dial-tst-heading-max: 27.6rem;
  --pw-dial-tst-intro-heading-size: 2.75rem;
  --pw-dial-tst-intro-heading-max: 27.6rem;
  --pw-dial-tst-intro-copy-size: 0.95rem;
  --pw-dial-tst-intro-copy-max: 28.5rem;
  --pw-dial-tst-stack-gap: 2.5rem;
  --pw-dial-tst-grid-gap: 1.35rem;
  --pw-dial-tst-max-width: 72rem;
  --pw-dial-tst-shell-outer: #1c1c1c;
  --pw-dial-tst-shell-body: #0e0e0e;
  --pw-dial-tst-shell-border: #ffffff0f;
  --pw-dial-tst-shell-body-border: #ffffff0a;
  --pw-dial-tst-shell-radius: 24px;
  --pw-dial-tst-shell-pad: 14px;
  --pw-dial-tst-card-min-h: 0px;
  /* collapsed comments footer fade */
  --pw-dial-tst-fade-h: 118px;
  --pw-dial-tst-name-size: 18px;
  --pw-dial-tst-avatar-size: 37px;
  --pw-dial-tst-header-pad: 8px;
  --pw-dial-tst-header-gap: 12px;
  --pw-dial-tst-header-who-gap: 10px;
  --pw-dial-tst-header-mb: 4px;
  --pw-dial-tst-star-color: #ff4701;
  --pw-dial-tst-star-bg: #ffffff0a;
  --pw-dial-tst-star-border: #ffffff0f;
  --pw-dial-tst-star-size: 11px;
  --pw-dial-tst-star-pad-y: 6px;
  --pw-dial-tst-star-pad-x: 10px;
  --pw-dial-tst-star-gap: 2px;
  --pw-dial-tst-body-pad-y: 18px;
  --pw-dial-tst-body-pad-x: 18px;
  --pw-dial-tst-quote-bg: #00000000;
  --pw-dial-tst-quote-border: #ffffff0f;
  --pw-dial-tst-quote-radius: 12px;
  --pw-dial-tst-quote-pad-y: 12px;
  --pw-dial-tst-quote-pad-x: 14px;
  --pw-dial-tst-quote-size: 20px;
  --pw-dial-tst-quote-lh: 1.45;
  --pw-dial-tst-quote-weight: 500;
  --pw-dial-tst-quote-hl: #ff4701;
  --pw-dial-tst-quote-mb: 16px;
  --pw-dial-tst-quote-min-h: 0px;
  --pw-dial-tst-chip-h: 32px;
  --pw-dial-tst-chip-size: 13px;
  --pw-dial-tst-chip-bg: #ffffff0a;
  --pw-dial-tst-chip-gap: 6px;
  --pw-dial-tst-chip-pad-l: 8px;
  --pw-dial-tst-chip-pad-r: 12px;
  --pw-dial-tst-chip-icon-gap: 6px;
  --pw-dial-tst-divider-top: 12px;
  --pw-dial-tst-divider-bottom: 12px;
  --pw-dial-tst-divider-color: #ffffff14;
  --pw-dial-tst-comments-mt: 14px;
  --pw-dial-tst-comments-label-size: 13px;
  --pw-dial-tst-comments-label-mb: 8px;
  --pw-dial-tst-teaser-name-size: 14px;
  --pw-dial-tst-teaser-gap: 8px;
  --pw-dial-tst-teaser-opacity: 0.55;
  --pw-dial-tst-teaser-min-h: 32px;
  --pw-dial-tst-line-fade-start: 22%;
  --pw-dial-tst-line-fade-mid: 58%;
  --pw-dial-tst-line-fade-end: 100%;
  --pw-dial-tst-line-fade-color: #0e0e0e;
  --pw-dial-tst-bubble-pad-y: 10px;
  --pw-dial-tst-bubble-pad-x: 14px;
  --pw-dial-tst-expand-size: 13px;
  --pw-dial-tst-expand-color: #ffffffbf;
  --pw-dial-tst-expand-tracking: 0.08em;
  --pw-dial-tst-expand-mt: 10px;
  --pw-dial-tst-expand-pad-y: 6px;
  --pw-dial-tst-expand-pad-x: 12px;
  --pw-dial-tst-fade-color: #0c0c0c;
  --pw-dial-tst-fade-start: 0%;
  --pw-dial-tst-fade-mid: 56%;
  --pw-dial-tst-fade-end: 100%;
  --pw-dial-tst-fade-z: 12;

  /* Manifesto (layout484 scrub text) */
  --pw-dial-manifesto-fill: #ff4701;
  --pw-dial-manifesto-dim-opacity: 0.28;
  /* Slower default fill: lag + stagger + longer scroll range */
  --pw-dial-manifesto-scrub: 3.5;
  --pw-dial-manifesto-stagger: 0.14;
  --pw-dial-manifesto-start: top 95%;
  --pw-dial-manifesto-end: bottom 95%;
  --pw-dial-manifesto-start-m: top 65%;
  --pw-dial-manifesto-end-m: bottom 95%;

  /* Manifesto opener */
  --pw-manifesto-opener-size: 2rem;
  --pw-manifesto-opener-gap: 3.34rem;
  --pw-manifesto-opener-duration: 1.2s;
  --pw-manifesto-opener-delay: 0s;
  --pw-manifesto-opener-sweep: -14%;
  --pw-manifesto-opener-trail: 14%;
  --pw-manifesto-opener-foreground: #f5f2ee;

  /* Compare · section + table */
  --pw-dial-compare-heading-color: #ffffff;
  --pw-dial-compare-heading-size: 2.5rem;
  --pw-dial-compare-heading-mb: 4rem;
  --pw-dial-compare-table-radius: 1.25rem;
  --pw-dial-compare-table-mt: 3rem;
  --pw-dial-compare-row-gap: 0rem;
  --pw-dial-compare-sticky-bg: #08080800;

  /* Compare · shared cells */
  --pw-dial-compare-cell-bg: #00000000;
  --pw-dial-compare-cell-text: #ffffff;
  --pw-dial-compare-cell-border: #ffffff14;
  --pw-dial-compare-cell-pad-y: 1.5rem;
  --pw-dial-compare-cell-pad-x: 0.6rem;
  --pw-dial-compare-row-border: #a0aaff1a;
  --pw-dial-compare-col-text: 16px;
  --pw-dial-compare-col-text-hover: #ffffff;
  --pw-dial-compare-font-weight: 500;

  /* Compare · feature labels (left col) */
  --pw-dial-compare-feature-text: #ffffffd1;
  --pw-dial-compare-feature-size: 1rem;
  --pw-dial-compare-feature-bg: #00000000;
  --pw-dial-compare-feature-border: #00000000;

  /* Compare · PIWOT column */
  --pw-dial-compare-piwot-header-bg: #ffffff08;
  --pw-dial-compare-piwot-header-blur: 20px;
  --pw-dial-compare-piwot-header-pad-y: 1.3rem;
  --pw-dial-compare-piwot-header-size: 1.125rem;
  --pw-dial-compare-piwot-cell-bg: #ffffff05;
  --pw-dial-compare-piwot-cell-border: #a0aaff1a;
  --pw-dial-compare-piwot-text: #ffffff;
  --pw-dial-compare-piwot-accent: #ff4701;
  --pw-dial-compare-piwot-accent-w: 0px;
  --pw-dial-compare-piwot-radius: 24px;
  --pw-dial-compare-logo-w: 96px;

  /* Compare · competitor headers + cells */
  --pw-dial-compare-comp-header-bg: #00000000;
  --pw-dial-compare-comp-header-blur: 20px;
  --pw-dial-compare-comp-text: #ffffff;
  --pw-dial-compare-comp-size: 0.75rem;
  --pw-dial-compare-comp-weight: 700;
  --pw-dial-compare-comp-tracking: 0.24em;
  --pw-dial-compare-comp-pad-y: 1rem;
  --pw-dial-compare-comp-radius: 24px;
  --pw-dial-compare-comp-cell-bg: #00000000;
  --pw-dial-compare-comp-cell-text: #ffffff;
}

/* ---- Hero ---- */
.pw-beta-hero__stars {
  color: var(--pw-dial-hero-stars-color) !important;
  margin-bottom: var(--pw-dial-hero-stars-gap) !important;
}

.pw-beta-hero__side {
  gap: var(--pw-dial-hero-sub-cta-gap) !important;
}

.pw-beta-hero__title {
  font-size: var(--pw-dial-hero-title-size) !important;
  max-width: var(--pw-dial-hero-title-max) !important;
}

.pw-beta-hero__sub {
  font-size: var(--pw-dial-hero-sub-size) !important;
  max-width: 23rem !important;
}

@media (max-width: 767px) {
  .pw-beta-hero__title {
    font-size: var(--pw-dial-hero-title-size-mobile) !important;
    max-width: var(--pw-dial-hero-title-max-mobile) !important;
  }

  .pw-beta-hero__sub {
    font-size: var(--pw-dial-hero-sub-size-mobile) !important;
    max-width: 23rem !important;
  }
}

/* ---- Drag cursor (problem slider · explore) ---- */
.cursor_dot.is-slider,
.cursor_dot.is-explore {
  background-color: var(--pw-dial-cursor-bg) !important;
  color: var(--pw-dial-cursor-text) !important;
  width: var(--pw-dial-cursor-size) !important;
  height: var(--pw-dial-cursor-size) !important;
  border-radius: var(--pw-dial-cursor-radius) !important;
  font-weight: var(--pw-dial-cursor-font-weight) !important;
}

.cursor_dot.is-slider .cursor-text,
.cursor_dot.is-explore .cursor-text,
.cursor_dot.is-slider .text-explore,
.cursor_dot.is-explore .text-explore {
  color: var(--pw-dial-cursor-text) !important;
  font-size: var(--pw-dial-cursor-font-size) !important;
  font-weight: var(--pw-dial-cursor-font-weight) !important;
}

/* ---- Testimonials ---- */
.tst_img-img {
  filter: var(--pw-dial-tst-photo-filter);
}

.tst_img-overlay {
  display: none !important;
}

/* Heading line length (rem). Do not set .tst_head-wrap width (keeps sticky 200%). */
.tst_h2.sma,
.tst_h2 {
  max-width: var(--pw-dial-tst-heading-max) !important;
}

.tst_star {
  color: var(--pw-dial-tst-star-color) !important;
}

/* ---- Manifesto ----
   Dim / unread words stay white @ low opacity; scrub lights them to soft
   paper white (not brand orange — mid-scrub orange looked muddy red).
   GSAP tweens color + opacity (see index.html manifesto script). */
#manifesto .layout484_text,
#manifesto .layout484_text .word,
#manifesto .layout484_text .line {
  color: #ffffff;
}

#manifesto.is-manifesto-opened .layout484_text {
  opacity: 1 !important;
}

#manifesto .layout484_text .word.is-lit,
#manifesto .layout484_text.is-fill-ready .word {
  /* lit color applied inline by GSAP; fallback if scrub disabled */
  color: var(--pw-dial-manifesto-fill, #f5f2ee);
}

#manifesto .layout484_text .word {
  padding-bottom: 1rem;
  margin-bottom: -1rem;
}

#manifesto .layout484_text .line {
  display: block;
  margin-bottom: 0;
}

#manifesto .layout484_text .line.pw-manifesto-line-gap {
  margin-bottom: 1.4em;
}

#manifesto .layout484_text .line.pw-manifesto-line-gap:last-child {
  margin-bottom: 0;
}

#manifesto:not(.is-manifesto-opened) .layout484_text {
  opacity: 0 !important;
}

#manifesto .pw-manifesto-with-opener {
  position: relative;
}

#manifesto .pw-manifesto-opener {
  display: inline-flex;
  align-items: baseline;
  min-height: calc(var(--pw-manifesto-opener-size) * 1.2);
  color: var(--pw-manifesto-opener-foreground);
  font-family: var(--font-piwot-sans);
  font-size: var(--pw-manifesto-opener-size);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.08;
  padding-bottom: 1rem;
  margin-bottom: calc(var(--pw-manifesto-opener-gap) - 1rem);
  opacity: 0;
  visibility: hidden;
}

#manifesto .pw-manifesto-opener__text {
  position: relative;
  display: inline-block;
  padding-bottom: 1rem;
  margin-bottom: -1rem;
  background-image:
    linear-gradient(
      90deg,
      var(--pw-manifesto-opener-foreground) 0%,
      var(--pw-manifesto-opener-foreground) calc(var(--chromatic-sweep, -14%) - var(--pw-manifesto-opener-trail)),
      #60a5fa calc(var(--chromatic-sweep, -14%) - 14%),
      #818cf8 calc(var(--chromatic-sweep, -14%) - 7%),
      #c084fc var(--chromatic-sweep, -14%),
      #fb7185 calc(var(--chromatic-sweep, -14%) + 7%),
      #fbbf24 calc(var(--chromatic-sweep, -14%) + 14%),
      transparent calc(var(--chromatic-sweep, -14%) + var(--pw-manifesto-opener-trail)),
      transparent 100%
    );
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  will-change: background-image, filter, transform, opacity;
}

@media (max-width: 767px) {
  :root {
    --pw-manifesto-opener-size: 1.3rem;
    --pw-manifesto-opener-gap: 2.29rem;
  }
}

/* Live manifesto: no permanent white-p line — "That is PIWOT℗." scrubs with the rest.
   Compare section still uses .white-p elsewhere if needed. */

#services.pw-services-section {
  padding-top: var(--pw-dial-pad-section-medium);
  padding-bottom: calc(
    var(--pw-dial-pad-section-large) + var(--pw-dial-section-between)
  );
  /* Transparent so body/page pure #000 shows through */
  background: transparent;
  overflow: clip;
}

/* ---- Section spacing (Webflow utilities + major blocks) ---- */
.padding-section-large {
  padding-top: var(--pw-dial-pad-section-large) !important;
  padding-bottom: var(--pw-dial-pad-section-large) !important;
}

.padding-section-large.smaller {
  padding-top: var(--pw-dial-pad-section-large-smaller) !important;
  padding-bottom: 0 !important;
}

.padding-section-medium {
  padding-top: var(--pw-dial-pad-section-medium) !important;
  padding-bottom: var(--pw-dial-pad-section-medium) !important;
}

/* Homepage rhythm after reorder: larger, consistent gaps between blocks */
#manifesto.section_layout484 {
  padding-bottom: calc(
    var(--pw-dial-pad-section-large) + var(--pw-dial-section-between)
  ) !important;
}

#testimonials.tst_section {
  padding-top: var(--pw-dial-pad-section-medium) !important;
  padding-bottom: calc(
    var(--pw-dial-pad-section-large) + var(--pw-dial-section-between)
  ) !important;
  overflow: clip;
}

#work.padding-section-medium {
  padding-top: var(--pw-dial-pad-section-large) !important;
  padding-bottom: 0 !important;
}

.portfolio_section {
  padding-bottom: var(--pw-dial-section-between) !important;
}

#compare.comparison-section {
  padding-top: var(--pw-dial-section-between);
  padding-bottom: var(--pw-dial-pad-section-medium);
}

#faq.faq_section {
  padding-top: var(--pw-dial-section-between);
  padding-bottom: var(--pw-dial-pad-section-large);
}

/* Responsive-only spacing: keep the desktop Webflow export untouched. */
@media (max-width: 991px) {
  #compare .pw-compare-heading-padding {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  #compare .comparison-h2 {
    max-width: none !important;
    letter-spacing: -0.03em;
    white-space: nowrap;
  }

  #compare .padding-global.t-is-comparison {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width: 767px) {
  .padding-global {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #compare .pw-compare-heading-padding {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ---- Compare · section shell ---- */
#compare.comparison-section .comparison-h2,
#compare .comparison-h2 {
  margin-bottom: var(--pw-dial-compare-heading-mb) !important;
  font-size: var(--pw-dial-compare-heading-size) !important;
}

#compare .comparison-h2,
#compare .comparison-h2 .white-p {
  color: var(--pw-dial-compare-heading-color) !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  #compare.comparison-section .comparison-h2 {
    font-size: 1.7rem !important;
    line-height: 1.05 !important;
  }
}

@media (max-width: 767px) {
  #compare.comparison-section .comparison-h2 {
    width: 100%;
    font-size: clamp(1.4rem, 6.2vw, 1.6rem) !important;
    line-height: 1.05 !important;
    white-space: nowrap;
  }
}

#compare .c-table {
  border-radius: var(--pw-dial-compare-table-radius) !important;
  margin-top: var(--pw-dial-compare-table-mt) !important;
}

#compare .c-wrapper {
  grid-row-gap: var(--pw-dial-compare-row-gap) !important;
}

#compare .c-wrapper.name_wrapper {
  background-color: var(--pw-dial-compare-sticky-bg);
  border-top-left-radius: var(--pw-dial-compare-table-radius);
  border-top-right-radius: var(--pw-dial-compare-table-radius);
}

/* ---- Compare · base cells ---- */
#compare .col_wrapper {
  background-color: var(--pw-dial-compare-cell-bg) !important;
  color: var(--pw-dial-compare-cell-text) !important;
  border-bottom-color: var(--pw-dial-compare-cell-border) !important;
  border-left-color: var(--pw-dial-compare-cell-border) !important;
  padding-top: var(--pw-dial-compare-cell-pad-y) !important;
  padding-bottom: var(--pw-dial-compare-cell-pad-y) !important;
  padding-left: var(--pw-dial-compare-cell-pad-x) !important;
  padding-right: var(--pw-dial-compare-cell-pad-x) !important;
  font-weight: var(--pw-dial-compare-font-weight) !important;
}

#compare .col_wrapper.is-left {
  border-left-color: transparent !important;
}

/* ---- Compare · feature labels ---- */
#compare .col_wrapper.feature {
  color: var(--pw-dial-compare-feature-text) !important;
  font-size: var(--pw-dial-compare-feature-size) !important;
  background-color: var(--pw-dial-compare-feature-bg) !important;
  border-color: var(--pw-dial-compare-feature-border) !important;
  padding-left: 0 !important;
}

#compare .col_wrapper.feature.skew-up.no-color,
#compare .col_wrapper.feature.header-hide.no-color {
  color: var(--pw-dial-compare-feature-text) !important;
  background-color: var(--pw-dial-compare-feature-bg) !important;
  border-color: var(--pw-dial-compare-feature-border) !important;
}

/* ---- Compare · PIWOT column ---- */
#compare .col_wrapper.revoluton {
  color: var(--pw-dial-compare-piwot-text) !important;
  background-color: var(--pw-dial-compare-piwot-header-bg) !important;
  border-top-left-radius: var(--pw-dial-compare-piwot-radius) !important;
  border-top-right-radius: var(--pw-dial-compare-piwot-radius) !important;
  padding-top: var(--pw-dial-compare-piwot-header-pad-y) !important;
  padding-bottom: var(--pw-dial-compare-piwot-header-pad-y) !important;
  font-size: var(--pw-dial-compare-piwot-header-size) !important;
  box-shadow: inset var(--pw-dial-compare-piwot-accent-w) 0 0 0
    var(--pw-dial-compare-piwot-accent);
  border-bottom-color: var(--pw-dial-compare-piwot-cell-border) !important;
  border-left-color: transparent !important;
}

#compare .col_wrapper.revoluton.compare {
  -webkit-backdrop-filter: blur(var(--pw-dial-compare-piwot-header-blur)) !important;
  backdrop-filter: blur(var(--pw-dial-compare-piwot-header-blur)) !important;
  background-color: var(--pw-dial-compare-piwot-header-bg) !important;
}

#compare .col_wrapper.revolution-col {
  color: var(--pw-dial-compare-piwot-text) !important;
  background-color: var(--pw-dial-compare-piwot-cell-bg) !important;
  border-bottom-color: var(--pw-dial-compare-piwot-cell-border) !important;
  border-left-color: transparent !important;
  box-shadow: inset var(--pw-dial-compare-piwot-accent-w) 0 0 0
    var(--pw-dial-compare-piwot-accent);
}

#compare .col_wrapper.mobot-col.revolution-col.bototm {
  border-bottom-left-radius: var(--pw-dial-compare-piwot-radius) !important;
  border-bottom-right-radius: var(--pw-dial-compare-piwot-radius) !important;
}

#compare .comparison_logo {
  width: var(--pw-dial-compare-logo-w) !important;
  max-width: 100%;
  height: auto;
}

/* ---- Compare · competitor headers + body cells ---- */
#compare .col_wrapper.competitor {
  color: var(--pw-dial-compare-comp-text) !important;
  background-color: var(--pw-dial-compare-comp-header-bg) !important;
  -webkit-backdrop-filter: blur(var(--pw-dial-compare-comp-header-blur)) !important;
  backdrop-filter: blur(var(--pw-dial-compare-comp-header-blur)) !important;
  font-size: var(--pw-dial-compare-comp-size) !important;
  font-weight: var(--pw-dial-compare-comp-weight) !important;
  letter-spacing: var(--pw-dial-compare-comp-tracking) !important;
  padding-top: var(--pw-dial-compare-comp-pad-y) !important;
  padding-bottom: var(--pw-dial-compare-comp-pad-y) !important;
  border-bottom-color: var(--pw-dial-compare-cell-border) !important;
}

#compare .col_wrapper.competitor.left {
  border-top-left-radius: var(--pw-dial-compare-comp-radius) !important;
}

/* Generic competitor body cells (not feature / piwot / competitor header) */
#compare .col_wrapper:not(.feature):not(.revoluton):not(.competitor):not(.revolution-col) {
  background-color: var(--pw-dial-compare-comp-cell-bg) !important;
  color: var(--pw-dial-compare-comp-cell-text) !important;
  border-bottom-color: var(--pw-dial-compare-row-border) !important;
}

#compare .col_wrapper.revolution-col {
  border-bottom-color: var(--pw-dial-compare-row-border);
}

/* ---- Compare · cell text ---- */
#compare .col-text {
  font-size: var(--pw-dial-compare-col-text) !important;
  color: inherit;
  text-transform: none;
}

#compare .col-text:hover {
  color: var(--pw-dial-compare-col-text-hover) !important;
}

#compare .col_wrapper.revolution-col .col-text {
  color: var(--pw-dial-compare-piwot-text) !important;
}

#compare .col_wrapper.feature .col-text {
  color: var(--pw-dial-compare-feature-text) !important;
}

:root {
  --pw-dial-cta-color-back: #000000;
  --pw-dial-cta-color-front: #808080;
  --pw-dial-cta-size: 5.3;
  --pw-dial-cta-scale: 0.8;
  --pw-dial-cta-speed: 0.6;
  --pw-dial-cta-opacity: 0.08;
  --pw-dial-cta-origin-x: 0.5;
  --pw-dial-cta-origin-y: 0.51;
  --pw-dial-cta-offset-x: 0;
  --pw-dial-cta-offset-y: 0;
  --pw-dial-cta-rotation: 0;
  --pw-dial-cta-shape: swirl;
  --pw-dial-cta-type: 8x8;
  --pw-dial-footer-heading-size: 3.15rem;
  --pw-dial-footer-heading-max: 47.5rem;
  --pw-dial-footer-heading-lh: 110%;
  --pw-dial-footer-copy-size: 0.99rem;
  --pw-dial-footer-copy-max: 28rem;
  --pw-dial-footer-heading-copy-gap: 0rem;
  --pw-dial-footer-copy-buttons-gap: 1.5rem;
}