/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/#dm .dmDivider{display:block;min-height:2px;margin:0;border:0;color:gray;background:0}#dm .dmDividerWrapper{display:block;margin:10px 0}/**/.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}.dmNewParagraph[data-version] .text-align-right{text-align:right!important}
.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}
.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}
.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}
.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}
.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] [class*=size-]{width:auto!important;height:auto!important}
.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha)". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman)". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal)". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha)". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman)". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal)". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha)". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman)". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal)". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal)". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}
/* Custom Widgets Styles */
@charset "UTF-8";
.widget-0eafb4 {
  /* Reset any platform padding/margin that might shrink the widget */
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  line-height: 0 !important;
  /* ── Colour cycle keyframes ── */
  /* ── Entrance animation keyframes ── */
  /* ── Wrapper — breaks out of Duda column constraints & slides behind nav ── */
  /* ── Layer 1: Video ── */
  /* ── Layer 2: Overlay ── */
  /* ── Layer 3: Content ── */
  /* ── Headline lines ── */
  /* ── Animated highlight span ── */
  /* ── Entrance animations ── */
  /* ── CTA Row ── */
  /* ── Powered By Attribution — inline sibling of CTA buttons ── */
  /* ── Shared button styles ── */
  /* ── Button A: Outlined white ── */
  /* ── Button B: Solid orange ── */
  /* ── Reduced motion ── */
  /* ── Tablet + mobile: attribution wraps to its own row (≤1023px) ── */
  /* ── Tablet (≤1024px) ── */
  /* ── Mobile (≤768px) ── */
  /* ── Small mobile (≤480px) ── */
}
@keyframes hero-colour-cycle {
  0% {
    color: #f97316;
  }
  25% {
    color: #FCC60C;
  }
  50% {
    color: #6366f1;
  }
  75% {
    color: #ec4899;
  }
  100% {
    color: #f97316;
  }
}
@keyframes hero-fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes hero-fade-up-sm {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.widget-0eafb4 .hero-wrapper {
  --hero-nav-offset: 100px;
  position: relative;
  width: 100vw;
  max-width: 100vw;
  min-width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: calc(-1 * var(--hero-nav-offset, 100px));
  margin-bottom: 0;
  height: calc(100vh + var(--hero-nav-offset, 100px));
  height: calc(100dvh + var(--hero-nav-offset, 100px));
  min-height: calc(100vh + var(--hero-nav-offset, 100px));
  min-height: calc(100dvh + var(--hero-nav-offset, 100px));
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
  display: block;
}
.widget-0eafb4 .hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  z-index: 0;
}
.widget-0eafb4 .hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 40%, transparent 70%, rgba(0, 0, 0, 0.15) 100%);
}
.widget-0eafb4 .hero-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 48px 120px 120px;
  z-index: 2;
  max-width: 1200px;
}
.widget-0eafb4 .hero-line-1,
.widget-0eafb4 .hero-line-2 {
  color: #fff !important;
  font-size: 56px;
  font-weight: 700;
  line-height: 1 !important;
  margin: 0;
  letter-spacing: -0.01em;
  font-family: inherit;
  /* start hidden for entrance animation */
  opacity: 0;
}
.widget-0eafb4 .hero-line-2 {
  margin-top: 4px;
}
.widget-0eafb4 .hero-subtext {
  margin: 28px 0 0 0;
  font-family: "Geist", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #ffffff;
  opacity: 0;
}
.widget-0eafb4 .hero-highlight {
  color: #f97316;
  font-weight: 700;
  animation: hero-colour-cycle 8s ease-in-out infinite;
}
.widget-0eafb4 .hero-line-1.hero-animate {
  animation: hero-fade-up 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;
}
.widget-0eafb4 .hero-line-2.hero-animate {
  animation: hero-fade-up 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
}
.widget-0eafb4 .hero-subtext.hero-animate {
  animation: hero-fade-up 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.35s forwards;
}
.widget-0eafb4 .hero-cta-row.hero-animate {
  animation: hero-fade-up-sm 0.5s ease 0.5s forwards;
}
.widget-0eafb4 .hero-cta-row {
  --poweredby-cta-gap: 32px;
  margin-top: 44px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  opacity: 0;
}
.widget-0eafb4 .hero-powered-by {
  --poweredby-label-color: rgba(255,255,255,0.75);
  --poweredby-label-font-size: 12px;
  --poweredby-label-font-weight: 600;
  --poweredby-label-letter-spacing: 0.12em;
  --poweredby-logo-height: 32px;
  --poweredby-gap: 16px;
  --poweredby-divider-color: rgba(255,255,255,0.35);
  --poweredby-divider-height: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--poweredby-gap);
  margin-left: calc(var(--poweredby-cta-gap) - 12px); /* subtract row gap already applied */
}
.widget-0eafb4 .hero-powered-label {
  color: var(--poweredby-label-color);
  font-size: var(--poweredby-label-font-size);
  font-weight: var(--poweredby-label-font-weight);
  letter-spacing: var(--poweredby-label-letter-spacing);
  text-transform: uppercase;
  font-family: "Geist", inherit;
  white-space: nowrap;
  line-height: 1;
}
.widget-0eafb4 .hero-powered-logo {
  height: var(--poweredby-logo-height);
  width: auto;
  display: block;
  object-fit: contain;
}
.widget-0eafb4 .hero-powered-logo--1 {
  height: calc(var(--poweredby-logo-height) + 8px);
}
.widget-0eafb4 .hero-powered-divider {
  display: inline-block;
  width: 1px;
  height: var(--poweredby-divider-height);
  background-color: var(--poweredby-divider-color);
  flex-shrink: 0;
}
.widget-0eafb4 .hero-btn {
  height: 49px;
  padding: 0 24px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap !important;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.widget-0eafb4 .hero-btn-outline {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.widget-0eafb4 .hero-btn-outline:hover {
  background: #fff;
  color: #0a0a0a;
}
.widget-0eafb4 .hero-btn-solid {
  background: #f97316;
  color: #fff;
  border: 2px solid #f97316;
}
.widget-0eafb4 .hero-btn-solid:hover {
  background: #ea580c;
  border-color: #ea580c;
}
@media (prefers-reduced-motion: reduce) {
  .widget-0eafb4 .hero-line-1,
  .widget-0eafb4 .hero-line-2,
  .widget-0eafb4 .hero-cta-row,
  .widget-0eafb4 .hero-powered-by {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
  .widget-0eafb4 .hero-line-1.hero-animate,
  .widget-0eafb4 .hero-line-2.hero-animate,
  .widget-0eafb4 .hero-subtext.hero-animate,
  .widget-0eafb4 .hero-cta-row.hero-animate,
  .widget-0eafb4 .hero-powered-by.hero-animate {
    animation: none !important;
    opacity: 1 !important;
  }
  .widget-0eafb4 .hero-highlight {
    color: #f97316;
    animation: none !important;
  }
}
@media (max-width: 1023px) {
  .widget-0eafb4 .hero-powered-by {
    width: 100%;
    margin-left: 0;
    margin-top: 24px;
  }
}
@media (max-width: 1024px) {
  .widget-0eafb4 .hero-line-1,
  .widget-0eafb4 .hero-line-2 {
    font-size: 40px;
  }
  .widget-0eafb4 .hero-content {
    padding: 0 40px 100px 80px;
  }
}
@media (max-width: 768px) {
  .widget-0eafb4 .hero-line-1,
  .widget-0eafb4 .hero-line-2 {
    font-size: 32px;
  }
  .widget-0eafb4 .hero-content {
    padding: 0 24px 80px 40px;
  }
  .widget-0eafb4 .hero-btn {
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .widget-0eafb4 .hero-line-1,
  .widget-0eafb4 .hero-line-2 {
    font-size: 26px;
  }
  .widget-0eafb4 .hero-content {
    padding: 0 20px 68px 24px;
  }
  .widget-0eafb4 .hero-cta-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

@charset "UTF-8";
.widget-f7f8d9 {
  --subscriber-login-bg: #FCC60C;
  --subscriber-login-color: #101626;
  --subscriber-login-bg-hover: #E3B10B;
  /* ─── Reset & base ─── */
  pointer-events: none;
  /* ─── NAV BAR ─── */
  /* Subtle black-to-transparent gradient behind the nav so links are readable over any page content */
  /* Fade out the gradient once the solid background kicks in */
  /* Background appears only when the JS adds is-scrolled (on scroll or on non-homepage load)
     or is-hovered (homepage hover). Uses !important to override the transparent base rule above,
     and reads the design-panel colour variable for the actual colour. */
  /* ─── LOGO ─── */
  /* ─── NAV LINKS ─── */
  /* ─── CTA ─── */
  /* ─── HAMBURGER ─── */
  /* ─── MEGA MENU ─── */
  /* ─── MEGA GRID ─── */
  /* ─── MEGA FOOTER ─── */
  /* Pricing footer — left-aligned */
  /* ─── IMAGE CARDS ─── */
  /* ─── SOLUTIONS PHOTO CARDS ─── */
  /* ─── PRICING ANIMATED BARS (vertical) ─── */
  /* The .gb-bars-layer and .gb-bar classes used by Pricing */
  /* ─── RESOURCES HORIZONTAL ANIMATED BARS ─── */
  /* ─── LIST-STYLE MEGA INNER (legacy, kept for fallback) ─── */
  /* ─── RESOURCES 3-COLUMN INNER (skeleton matches Solutions; grey background is the intentional distinction) ─── */
  /* Column 1 — right border divider, same spacing as Solutions col 1 */
  /* Column 2 — right border divider, same spacing as Solutions col 2 */
  /* Column 3 */
  /* ─── FEATURED BLOG (Col 2) ─── */
  /* ─── ROI PROMO TILE (Col 3) — sizing/padding/radius matched to Solutions col 3 promo tile ─── */
  /* ─── SOLUTIONS 3-COLUMN MEGA MENU ─── */
  /* Override the global mega background for solutions */
  /* Column 1 */
  /* Column 2 */
  /* Column 3 */
  /* Kicker spacing adjustment for Col 1 */
  /* Kicker in col 2 */
  /* ─── SERVICE ITEM (Column 1) ─── */
  /* Service item icon */
  /* Service item text block */
  /* Service item chevron */
  /* ─── SUBLIST (Column 2) ─── */
  /* Fade transition for sublist swap */
  /* ─── SUB ITEM (Columns 1 mobile accordion + Column 2) ─── */
  /* ─── SOLUTIONS COLUMN 3: Feasibility Promo Tile ─── */
  /* Wrapping <a> — the whole column is one clickable link */
  /* Preview image container */
  /* Layer 1 — light blue-purple gradient fill */
  /* Layer 2 — side panels */
  /* Hover: fan panels outward */
  /* Layer 3 — central mockup card */
  /* Hover: scale up central mockup */
  /* Mockup header row */
  /* Category rows */
  /* Divider */
  /* Total row */
  /* Body: title row + description */
  /* Mobile accordion for solutions (hidden on desktop) */
  /* ─── SOLUTIONS RESPONSIVE: tablet (768–1023px) ─── */
  /* ─── SOLUTIONS RESPONSIVE: mobile (< 768px) ─── */
  /* ─── Solutions col 3 — 900px breakpoint ─── */
  /* ─── RESOURCES RESPONSIVE: tablet (< 1024px) ─── */
  /* ─── RESOURCES RESPONSIVE: mobile (< 768px) ─── */
  /* ─── PRICING THREE-COLUMN INNER ─── */
  /* Override the global mega background for pricing (matches solutions) */
  /* Column 1 */
  /* Column 2 */
  /* Column 3 */
  /* Kicker labels */
  /* Pricing column 1 service items use the same style as solutions */
  /* Pricing column 2 sublist */
  /* Sub-items in column 2: no descriptor, label only, full font weight matches solutions */
  /* Featured items gradient bg in col 3 — preserve from original */
  /* ─── PRICING RESPONSIVE: tablet (768–1023px) ─── */
  /* ─── PRICING RESPONSIVE: mobile (< 768px) ─── */
  /* Featured icon gradient (pricing right column) — now scoped to #mega-pricing in the 3-col block above */
  /* ─── BADGE PILL ─── */
  /* Popular — indigo */
  /* New — green */
  /* ─── ROW LIST ─── */
  /* ─── ICON WRAP ─── */
  /* ─── TEXT ─── */
  /* ─── MOBILE SUB-SECTION LABEL ─── */
  /* Pricing 2-col breakpoint removed — pricing now uses 3-col layout */
  /* ─── TABLET / MOBILE BREAKPOINTS ─── */
  /* ─── MOBILE: Solutions photo cards ─── */
}
.widget-f7f8d9 *, .widget-f7f8d9 *::before, .widget-f7f8d9 *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.widget-f7f8d9 .ce-nav {
  pointer-events: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 72px;
  /* Transparent by default. !important prevents the design panel from injecting
     an inline background that would show on all pages instead of just on scroll/hover. */
  background: transparent !important;
  z-index: 100;
  border-bottom: none;
  box-shadow: none;
  transition: background 350ms ease, box-shadow 350ms ease;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
}
.widget-f7f8d9 .ce-nav::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 180px;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  z-index: -1;
  transition: opacity 350ms ease;
}
.widget-f7f8d9 .ce-nav.is-scrolled::before,
.widget-f7f8d9 .ce-nav.is-hovered::before {
  opacity: 0;
}
.widget-f7f8d9 .ce-nav.is-scrolled,
.widget-f7f8d9 .ce-nav.is-hovered {
  background: var(--ce-nav-solid-bg, linear-gradient(180deg, #101626 0%, #0e142a 100%)) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}
.widget-f7f8d9 .ce-nav__inner {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 48px;
  max-width: 100%;
  gap: 32px;
}
.widget-f7f8d9 .ce-nav__logo {
  flex-shrink: 0;
  margin-left: 72px;
}
.widget-f7f8d9 .ce-nav__logo {
  pointer-events: auto;
}
.widget-f7f8d9 .ce-nav__logo > * {
  pointer-events: auto;
}
.widget-f7f8d9 .ce-nav__logo-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  outline: none;
  pointer-events: auto;
  cursor: pointer;
}
.widget-f7f8d9 .ce-nav__logo-link:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 4px;
  border-radius: 4px;
}
.widget-f7f8d9 .ce-nav__wordmark {
  width: auto;
}
.widget-f7f8d9 .ce-nav__logo-img {
  width: auto;
  max-width: 240px;
  max-height: 40px;
  object-fit: contain;
  display: block;
}
.widget-f7f8d9 .ce-nav__item > a,
.widget-f7f8d9 .ce-nav__item > a:visited,
.widget-f7f8d9 .ce-nav__item > a:hover,
.widget-f7f8d9 .ce-nav__item > a:active {
  text-decoration: none !important;
  color: inherit;
}
.widget-f7f8d9 .ce-nav__links {
  display: flex;
  align-items: center;
  gap: 4px;
  list-style: none;
  margin: 0 auto 0 10%;
  padding: 0;
}
.widget-f7f8d9 .ce-nav__item {
  position: static;
}
.widget-f7f8d9 .ce-nav__link,
.widget-f7f8d9 .ce-nav__trigger {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  font-size: 15.5px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none !important;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 6px;
  letter-spacing: 0;
  transition: color 200ms ease, background 150ms ease;
  white-space: nowrap;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
}
.widget-f7f8d9 .ce-nav__link:hover,
.widget-f7f8d9 .ce-nav__trigger:hover {
  background: -webkit-linear-gradient(135deg, #4f8ef7, #7c3aed, #ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.widget-f7f8d9 .ce-nav__link:focus-visible,
.widget-f7f8d9 .ce-nav__trigger:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}
.widget-f7f8d9 .ce-nav__trigger.is-active {
  color: #ffffff;
}
.widget-f7f8d9 .ce-nav__chevron {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  transition: transform 200ms ease;
}
.widget-f7f8d9 .ce-nav__trigger.is-active .ce-nav__chevron {
  transform: rotate(180deg);
}
.widget-f7f8d9 .ce-nav__cta-group {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 12px;
  flex-shrink: 0;
}
.widget-f7f8d9 .ce-nav__cta-wrap {
  flex-shrink: 0;
}
.widget-f7f8d9 .ce-nav__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  background: #ffffff;
  color: #101626;
  font-size: 14px;
  font-weight: 600;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
  text-decoration: none;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: background 150ms ease, transform 100ms ease;
  white-space: nowrap;
}
.widget-f7f8d9 .ce-nav__cta:hover {
  background: #F5F4F1;
}
.widget-f7f8d9 .ce-nav__cta:active {
  transform: scale(0.98);
}
.widget-f7f8d9 .ce-nav__cta:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}
.widget-f7f8d9 .ce-nav__cta--subscriber {
  background: var(--subscriber-login-bg, #FCC60C);
  color: var(--subscriber-login-color, #101626);
}
.widget-f7f8d9 .ce-nav__cta--subscriber:hover {
  background: var(--subscriber-login-bg-hover, #E3B10B);
}
.widget-f7f8d9 .ce-nav__hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  flex-shrink: 0;
  position: relative;
  z-index: 101;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.widget-f7f8d9 .ce-nav__hamburger:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}
.widget-f7f8d9 .ce-nav__hamburger span {
  display: block;
  width: 22px;
  height: 1.5px;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 2px;
  transition: transform 200ms ease, opacity 200ms ease;
}
.widget-f7f8d9 .ce-mega {
  pointer-events: none;
  position: fixed;
  top: 72px;
  left: 0;
  width: 100vw;
  background: #F5F4F1;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
  z-index: 99;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 200ms ease-out, transform 200ms ease-out;
}
.widget-f7f8d9 .ce-mega:not([hidden]) {
  display: block;
}
.widget-f7f8d9 .ce-mega[hidden] {
  display: block;
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  visibility: hidden;
}
.widget-f7f8d9 .ce-mega.is-open {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.widget-f7f8d9 .ce-mega__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 48px 48px 32px;
}
.widget-f7f8d9 .ce-mega__grid {
  display: grid;
  gap: 16px;
}
.widget-f7f8d9 .ce-mega__grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
.widget-f7f8d9 .ce-mega__grid--5 {
  grid-template-columns: repeat(5, 1fr);
}
.widget-f7f8d9 .ce-mega__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.widget-f7f8d9 #mega-pricing .ce-mega__footer {
  justify-content: flex-start;
}
.widget-f7f8d9 .ce-mega__explore {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #101626;
  text-decoration: none !important;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
  transition: gap 150ms ease;
}
.widget-f7f8d9 .ce-mega__explore:hover {
  gap: 10px;
}
.widget-f7f8d9 .ce-mega__explore:focus-visible {
  outline: 2px solid rgba(16, 22, 38, 0.5);
  outline-offset: 2px;
  border-radius: 4px;
}
.widget-f7f8d9 .ce-mega__explore svg {
  width: 16px;
  height: 16px;
}
.widget-f7f8d9 .ce-mega a,
.widget-f7f8d9 .ce-mega a:link,
.widget-f7f8d9 .ce-mega a:visited,
.widget-f7f8d9 .ce-mega a:hover,
.widget-f7f8d9 .ce-mega a:active,
.widget-f7f8d9 .ce-mega span[class] {
  text-decoration: none !important;
}
.widget-f7f8d9 .ce-card {
  display: block;
  text-decoration: none !important;
  cursor: default;
  outline: none;
}
.widget-f7f8d9 .ce-card__img-link {
  display: block;
  text-decoration: none !important;
  outline: none;
  color: inherit;
  cursor: pointer;
}
.widget-f7f8d9 .ce-card__img-link:focus-visible .ce-card__img-wrap {
  outline: 2px solid rgba(16, 22, 38, 0.5);
  outline-offset: 2px;
}
.widget-f7f8d9 .ce-card__img-link:hover .ce-card__title {
  text-decoration: none;
}
.widget-f7f8d9 .ce-card__img-wrap {
  display: block;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 3/2;
  width: 100%;
  position: relative;
}
.widget-f7f8d9 .sol-photo-card {
  position: relative;
  height: 200px;
  aspect-ratio: unset;
  background: #0a0f1a;
}
.widget-f7f8d9 .sol-photo-card__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.4s ease;
}
.widget-f7f8d9 .ce-card__img-link:hover .sol-photo-card__img {
  transform: scale(1.05);
}
.widget-f7f8d9 .pricing-card__wrap {
  position: relative;
  background: var(--pri-card-bg, #0A0A0A);
  display: block;
}
.widget-f7f8d9 .pricing-card__wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, var(--pri-overlay, 0.25));
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
.widget-f7f8d9 .pricing-card-label {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  padding: 12px 12px 18px;
  font-size: 15px;
  font-weight: 600;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
  color: var(--pri-label-color, rgba(255, 255, 255, 0.92));
  letter-spacing: -0.01em;
  line-height: 1.2;
  pointer-events: none;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.55);
}
.widget-f7f8d9 .pricing-card[data-pri-index="1"] .pricing-card-label {
  color: var(--pri-label-color-1, rgba(255, 255, 255, 0.92)) !important;
}
.widget-f7f8d9 .pricing-card[data-pri-index="2"] .pricing-card-label {
  color: var(--pri-label-color-2, rgba(255, 255, 255, 0.92)) !important;
}
.widget-f7f8d9 .pricing-card[data-pri-index="3"] .pricing-card-label {
  color: var(--pri-label-color-3, rgba(255, 255, 255, 0.92)) !important;
}
.widget-f7f8d9 .pricing-card[data-pri-index="4"] .pricing-card-label {
  color: var(--pri-label-color-4, rgba(255, 255, 255, 0.92)) !important;
}
.widget-f7f8d9 .gb-bars-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  overflow: hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  border-radius: inherit;
}
.widget-f7f8d9 .gb-bar {
  flex: 1 0 14.2857142857%;
  max-width: 14.2857142857%;
  height: 100%;
  transform-origin: bottom;
  transform: scaleY(var(--initial-scale, 0.5));
  transition: transform 500ms ease-in-out;
  animation: gbPulseBar 2s ease-in-out infinite alternate;
  outline: 1px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
}
@keyframes gbPulseBar {
  0% {
    transform: scaleY(var(--initial-scale));
  }
  100% {
    transform: scaleY(calc(var(--initial-scale) * 0.7));
  }
}
@media (prefers-reduced-motion: reduce) {
  .widget-f7f8d9 .gb-bar {
    animation: none;
  }
}
@media (max-width: 767px) {
  .widget-f7f8d9 .gb-bar {
    animation-duration: 3s;
  }
}
.widget-f7f8d9 .resources-card__wrap {
  position: relative;
  background: var(--res-card-bg, #0A0A0A);
  display: block;
}
.widget-f7f8d9 .resources-card__wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, var(--res-overlay, 0.65));
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}
.widget-f7f8d9 .hb-bars-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  border-radius: inherit;
}
.widget-f7f8d9 .hb-bar {
  flex: 1 0 14.2857142857%;
  max-height: 14.2857142857%;
  width: 100%;
  transform-origin: right;
  transform: scaleX(var(--initial-scale, 0.5));
  transition: transform 500ms ease-in-out;
  animation: hbPulseBar 2s ease-in-out infinite alternate;
  outline: 1px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
}
@keyframes hbPulseBar {
  0% {
    transform: scaleX(var(--initial-scale));
  }
  100% {
    transform: scaleX(calc(var(--initial-scale) * 0.7));
  }
}
@media (prefers-reduced-motion: reduce) {
  .widget-f7f8d9 .hb-bar {
    animation: none;
  }
}
.widget-f7f8d9 .resources-card-label {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  padding: 12px 12px 18px;
  font-size: 15px;
  font-weight: 600;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
  color: var(--res-label-color, rgba(255, 255, 255, 0.92));
  letter-spacing: -0.01em;
  line-height: 1.2;
  pointer-events: none;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.55);
}
.widget-f7f8d9 .resources-card[data-res-index="1"] .resources-card-label {
  color: var(--res-label-color-1, rgba(255, 255, 255, 0.92)) !important;
}
.widget-f7f8d9 .resources-card[data-res-index="2"] .resources-card-label {
  color: var(--res-label-color-2, rgba(255, 255, 255, 0.92)) !important;
}
.widget-f7f8d9 .resources-card[data-res-index="3"] .resources-card-label {
  color: var(--res-label-color-3, rgba(255, 255, 255, 0.92)) !important;
}
.widget-f7f8d9 .resources-card[data-res-index="4"] .resources-card-label {
  color: var(--res-label-color-4, rgba(255, 255, 255, 0.92)) !important;
}
@media (max-width: 767px) {
  .widget-f7f8d9 .hb-bar {
    animation-duration: 3s;
  }
}
.widget-f7f8d9 .ce-card__img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  transition: transform 250ms ease-out;
  background-size: cover;
  background-position: center;
}
.widget-f7f8d9 .ce-card__img-link:hover .ce-card__img {
  transform: scale(1.03);
}
.widget-f7f8d9 .ce-card__title {
  font-size: 16px;
  font-weight: 500;
  color: #0D0D0D;
  margin-top: 16px;
  margin-bottom: 6px;
  font-family: "Geist-Medium", "Geist", system-ui, sans-serif;
  letter-spacing: -0.01em;
  text-decoration: none !important;
}
.widget-f7f8d9 .ce-card__desc {
  font-size: 13px;
  font-weight: 400;
  color: rgba(13, 13, 13, 0.65);
  line-height: 1.5;
  margin-top: 16px;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none !important;
}
.widget-f7f8d9 .ce-mega__inner--list {
  max-width: 540px;
  padding: 32px 40px 28px;
}
.widget-f7f8d9 .ce-mega__inner--res-3col {
  display: grid;
  grid-template-columns: 1fr 1fr 1.2fr;
  gap: 0;
  max-width: 1340px;
  padding: 40px 56px;
  margin-left: auto;
  margin-right: auto;
  align-items: stretch;
  position: relative;
}
.widget-f7f8d9 .ce-res-col--1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-right: 1px solid rgba(16, 22, 38, 0.08);
  padding-right: 56px;
}
.widget-f7f8d9 .ce-res-col--2 {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-right: 1px solid rgba(16, 22, 38, 0.08);
  padding-left: 56px;
  padding-right: 56px;
}
.widget-f7f8d9 .ce-res-col--3 {
  padding-left: 56px;
}
.widget-f7f8d9 .ce-res-col--1 .ce-mega__section-label,
.widget-f7f8d9 .ce-res-col--2 .ce-mega__section-label,
.widget-f7f8d9 .ce-res-col--3 .ce-mega__section-label {
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #6B7280;
}
.widget-f7f8d9 .ce-res-blog__logo {
  display: block;
  height: 44px;
  width: auto;
  object-fit: contain;
  margin-bottom: 20px;
}
.widget-f7f8d9 .ce-res-blog__headline {
  font-size: 18px;
  font-weight: 600;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
  color: #101626;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
  max-width: 320px;
}
.widget-f7f8d9 .ce-res-blog__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #101626;
  text-decoration: none !important;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
  cursor: pointer;
  transition: gap 150ms ease;
}
.widget-f7f8d9 .ce-res-blog__cta:hover {
  text-decoration: underline !important;
}
.widget-f7f8d9 .ce-res-blog__cta-arrow {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.widget-f7f8d9 .ce-res-blog__cta:hover .ce-res-blog__cta-arrow {
  transform: translateX(3px);
}
@media (prefers-reduced-motion: reduce) {
  .widget-f7f8d9 .ce-res-blog__cta-arrow {
    transition: none;
  }
}
.widget-f7f8d9 .ce-res-promo {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-decoration: none !important;
  color: inherit;
  cursor: pointer;
  outline: none;
}
.widget-f7f8d9 .ce-res-promo:focus-visible {
  outline: 2px solid rgba(16, 22, 38, 0.4);
  outline-offset: 4px;
  border-radius: 14px;
}
.widget-f7f8d9 .ce-res-promo__img-wrap {
  position: relative;
  display: block;
  width: 100%;
  max-width: 200px;
  aspect-ratio: 16/10;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(13, 13, 13, 0.06);
  flex-shrink: 0;
}
.widget-f7f8d9 .ce-res-promo__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.widget-f7f8d9 .ce-res-promo__img-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #e8e6f0 0%, #d4d0e8 100%);
  border-radius: 12px;
}
.widget-f7f8d9 .ce-res-promo:hover .ce-res-promo__img {
  transform: scale(1.02);
}
@media (prefers-reduced-motion: reduce) {
  .widget-f7f8d9 .ce-res-promo__img {
    transition: none;
  }
}
.widget-f7f8d9 .ce-res-promo__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.widget-f7f8d9 .ce-res-promo__title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}
.widget-f7f8d9 .ce-res-promo__title {
  font-size: 17px;
  font-weight: 600;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
  color: #101626;
  line-height: 1.25;
  letter-spacing: -0.01em;
  text-decoration: none !important;
}
.widget-f7f8d9 .ce-res-promo__arrow {
  width: 16px;
  height: 16px;
  color: #101626;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.widget-f7f8d9 .ce-res-promo:hover .ce-res-promo__arrow {
  transform: translate(2px, -2px);
}
@media (prefers-reduced-motion: reduce) {
  .widget-f7f8d9 .ce-res-promo__arrow {
    transition: none;
  }
}
.widget-f7f8d9 .ce-res-promo__desc {
  font-size: 14px;
  font-weight: 400;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
  color: #4B5563;
  line-height: 1.5;
  text-decoration: none !important;
}
.widget-f7f8d9 .ce-mega__inner--solutions-3col {
  display: grid;
  grid-template-columns: 1fr 1fr 1.2fr;
  gap: 0;
  max-width: 1340px;
  padding: 40px 56px;
  margin-left: auto;
  margin-right: auto;
  align-items: stretch;
  position: relative;
  background: #FFFFFF;
  border-radius: 0;
}
.widget-f7f8d9 #mega-solutions {
  background: #FFFFFF;
}
.widget-f7f8d9 .ce-sol-col--1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-right: 56px;
  border-right: 1px solid rgba(16, 22, 38, 0.08);
}
.widget-f7f8d9 .ce-sol-col--2 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-left: 56px;
  padding-right: 56px;
  border-right: 1px solid rgba(16, 22, 38, 0.08);
}
.widget-f7f8d9 .ce-sol-col--3 {
  padding-left: 56px;
}
.widget-f7f8d9 .ce-sol-col--1 .ce-mega__section-label {
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #6B7280;
}
.widget-f7f8d9 .ce-sol-col--2 .ce-mega__section-label {
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #6B7280;
}
.widget-f7f8d9 .ce-sol-service-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  transition: background 0.2s ease, border-left-color 0.2s ease;
  border-left: 3px solid transparent;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}
.widget-f7f8d9 .ce-sol-service-item:focus-visible {
  outline: 2px solid rgba(91, 63, 230, 0.4);
  outline-offset: 2px;
}
.widget-f7f8d9 .ce-sol-service-item:hover,
.widget-f7f8d9 .ce-sol-service-item--active {
  background: rgba(91, 63, 230, 0.06);
  border-left-color: #5B3FE6;
}
.widget-f7f8d9 .ce-sol-service-item:hover .ce-sol-service-item__chevron svg,
.widget-f7f8d9 .ce-sol-service-item--active .ce-sol-service-item__chevron svg {
  transform: translateX(3px) rotate(0deg);
}
.widget-f7f8d9 .ce-sol-service-item__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(16, 22, 38, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget-f7f8d9 .ce-sol-service-item__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.widget-f7f8d9 .ce-sol-service-item__title {
  font-size: 15px;
  font-weight: 600;
  color: #101626;
  line-height: 1.2;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
}
.widget-f7f8d9 .ce-sol-service-item__desc {
  font-size: 12px;
  font-weight: 400;
  color: #6B7280;
  line-height: 1.35;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
}
.widget-f7f8d9 .ce-sol-service-item__chevron {
  flex-shrink: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget-f7f8d9 .ce-sol-service-item__chevron svg {
  transition: transform 0.2s ease;
}
@media (prefers-reduced-motion: reduce) {
  .widget-f7f8d9 .ce-sol-service-item__chevron svg {
    transition: none;
  }
}
.widget-f7f8d9 .ce-sol-sublist {
  display: flex;
  flex-direction: column;
  gap: 2px;
  /* Lock height to tallest state (4 items) so the 3-item Estimating list doesn't cause reflow */
  min-height: 230px;
  position: relative;
}
.widget-f7f8d9 .ce-sol-sublist__set {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}
.widget-f7f8d9 .ce-sol-sublist__set[hidden] {
  display: none;
}
.widget-f7f8d9 .ce-sol-sublist--fading {
  opacity: 0.4;
}
.widget-f7f8d9 .ce-sol-sublist--fading .ce-sol-sublist__set {
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .widget-f7f8d9 .ce-sol-sublist {
    transition: none;
  }
}
.widget-f7f8d9 .ce-sol-sub-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none !important;
  transition: background 0.2s ease;
  outline: none;
  color: inherit;
}
.widget-f7f8d9 .ce-sol-sub-item:hover {
  background: rgba(16, 22, 38, 0.04);
}
.widget-f7f8d9 .ce-sol-sub-item:focus-visible {
  outline: 2px solid rgba(91, 63, 230, 0.4);
  outline-offset: 2px;
}
.widget-f7f8d9 .ce-sol-sub-item__title {
  font-size: 14px;
  font-weight: 600;
  color: #101626;
  line-height: 1.2;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
  text-decoration: none !important;
}
.widget-f7f8d9 .ce-sol-sub-item__title--indigo {
  color: #5B3FE6;
}
.widget-f7f8d9 .ce-sol-sub-item__desc {
  font-size: 12px;
  font-weight: 400;
  color: #6B7280;
  line-height: 1.4;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
  text-decoration: none !important;
}
.widget-f7f8d9 .ce-sol-promo {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-decoration: none !important;
  color: inherit;
  cursor: pointer;
  outline: none;
}
.widget-f7f8d9 .ce-sol-promo:focus-visible {
  outline: 2px solid rgba(91, 63, 230, 0.4);
  outline-offset: 4px;
  border-radius: 14px;
}
.widget-f7f8d9 .ce-sol-promo__img-wrap {
  position: relative;
  width: 100%;
  max-width: 200px;
  aspect-ratio: 16/10;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(91, 63, 230, 0.1) 0%, rgba(45, 108, 224, 0.06) 100%);
  flex-shrink: 0;
}
.widget-f7f8d9 .ce-sol-promo__img-bg {
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #EEF2FF 0%, #DBEAFE 100%);
  border-radius: inherit;
}
.widget-f7f8d9 .ce-sol-promo__panel {
  display: block;
  position: absolute;
  top: 12%;
  width: 20%;
  height: 76%;
  background: rgba(255, 255, 255, 0.55);
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(16, 22, 38, 0.06);
  transition: transform 0.3s ease;
}
.widget-f7f8d9 .ce-sol-promo__panel--left {
  left: 8px;
}
.widget-f7f8d9 .ce-sol-promo__panel--right {
  right: 8px;
}
.widget-f7f8d9 .ce-sol-promo:hover .ce-sol-promo__panel--left {
  transform: translateX(-2px);
}
.widget-f7f8d9 .ce-sol-promo:hover .ce-sol-promo__panel--right {
  transform: translateX(2px);
}
.widget-f7f8d9 .ce-sol-promo__mockup {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72%;
  height: 82%;
  background: linear-gradient(160deg, #FFFFFF 0%, #F5F4F1 100%);
  border: 1px solid rgba(16, 22, 38, 0.08);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(16, 22, 38, 0.12);
  padding: 14px;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
}
.widget-f7f8d9 .ce-sol-promo:hover .ce-sol-promo__mockup {
  transform: translate(-50%, -50%) scale(1.03);
}
.widget-f7f8d9 .ce-sol-promo__mockup-header {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 4px;
}
.widget-f7f8d9 .ce-sol-promo__mockup-pill {
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5B3FE6;
  background: rgba(91, 63, 230, 0.12);
  padding: 2px 6px;
  border-radius: 3px;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
  line-height: 1.4;
  flex-shrink: 0;
}
.widget-f7f8d9 .ce-sol-promo__mockup-doc {
  font-size: 8px;
  font-weight: 600;
  color: #101626;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-f7f8d9 .ce-sol-promo__mockup-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.widget-f7f8d9 .ce-sol-promo__mockup-cat {
  font-size: 7px;
  font-weight: 400;
  color: #9CA3AF;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
}
.widget-f7f8d9 .ce-sol-promo__mockup-val {
  font-size: 7px;
  font-weight: 500;
  color: #6B7280;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
}
.widget-f7f8d9 .ce-sol-promo__mockup-divider {
  display: block;
  height: 1px;
  background: rgba(16, 22, 38, 0.08);
  margin: 3px 0 4px;
}
.widget-f7f8d9 .ce-sol-promo__mockup-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.widget-f7f8d9 .ce-sol-promo__mockup-total-label {
  font-size: 6px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6B7280;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
}
.widget-f7f8d9 .ce-sol-promo__mockup-total-val {
  font-size: 9px;
  font-weight: 700;
  color: #5B3FE6;
  font-variant-numeric: tabular-nums;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
}
.widget-f7f8d9 .ce-sol-promo__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.widget-f7f8d9 .ce-sol-promo__title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
}
.widget-f7f8d9 .ce-sol-promo__title {
  font-size: 17px;
  font-weight: 600;
  color: #101626;
  line-height: 1.25;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
  letter-spacing: -0.01em;
  text-decoration: none !important;
}
.widget-f7f8d9 .ce-sol-promo__arrow {
  width: 16px;
  height: 16px;
  color: #101626;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.widget-f7f8d9 .ce-sol-promo:hover .ce-sol-promo__arrow {
  transform: translate(2px, -2px);
}
.widget-f7f8d9 .ce-sol-promo__desc {
  font-size: 14px;
  font-weight: 400;
  color: #4B5563;
  line-height: 1.5;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
  text-decoration: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .widget-f7f8d9 .ce-sol-promo__panel,
  .widget-f7f8d9 .ce-sol-promo__mockup,
  .widget-f7f8d9 .ce-sol-promo__arrow {
    transition: none;
  }
}
.widget-f7f8d9 .ce-sol-mob-accordion {
  display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .widget-f7f8d9 .ce-mega__inner--solutions-3col {
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 36px 40px;
    max-width: 100%;
  }
  .widget-f7f8d9 .ce-sol-col--2 {
    border-right: none;
    padding-right: 0;
  }
  .widget-f7f8d9 .ce-sol-col--3 {
    grid-column: 1/-1;
    padding-left: 0;
    padding-top: 32px;
    border-top: 1px solid rgba(16, 22, 38, 0.08);
  }
  .widget-f7f8d9 .ce-sol-promo__img-wrap {
    aspect-ratio: 21/9;
  }
}
@media (max-width: 767px) {
  .widget-f7f8d9 {
    /* On mobile, the mega is hidden; the mobile menu handles navigation */
    /* But if it were shown, stack all columns */
    /* Mobile accordion for col 1 items */
    /* Col 3 promo: when full-width, let image expand naturally */
  }
  .widget-f7f8d9 .ce-mega__inner--solutions-3col {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 32px 24px;
  }
  .widget-f7f8d9 .ce-sol-col--1 {
    border-right: none;
    padding-right: 0;
  }
  .widget-f7f8d9 .ce-sol-col--2 {
    display: none;
  }
  .widget-f7f8d9 .ce-sol-col--3 {
    padding-left: 0;
    padding-top: 32px;
    border-top: 1px solid rgba(16, 22, 38, 0.08);
  }
  .widget-f7f8d9 .ce-sol-mob-accordion.is-open {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-left: 12px;
    padding-bottom: 8px;
  }
  .widget-f7f8d9 .ce-sol-promo__img-wrap {
    max-width: 100%;
    aspect-ratio: 16/10;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  .widget-f7f8d9 #mega-solutions .ce-sol-promo__img-wrap {
    aspect-ratio: 16/9;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .widget-f7f8d9 .ce-mega__inner--res-3col {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    padding: 36px 40px;
  }
  .widget-f7f8d9 .ce-res-col--2 {
    border-right: none;
    padding-right: 0;
  }
  .widget-f7f8d9 .ce-res-col--3 {
    grid-column: 1/-1;
    border-top: 1px solid rgba(16, 22, 38, 0.08);
    padding-top: 32px;
  }
  .widget-f7f8d9 .ce-res-promo__img-wrap {
    aspect-ratio: 21/9;
  }
}
@media (max-width: 767px) {
  .widget-f7f8d9 .ce-mega__inner--res-3col {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 32px 24px;
  }
  .widget-f7f8d9 .ce-res-col--1 {
    border-right: none;
    padding-right: 0;
  }
  .widget-f7f8d9 .ce-res-col--2 {
    border-right: none;
    border-top: 1px solid rgba(16, 22, 38, 0.08);
    padding-right: 0;
    padding-top: 32px;
  }
  .widget-f7f8d9 .ce-res-col--3 {
    border-top: 1px solid rgba(16, 22, 38, 0.08);
    padding-top: 32px;
  }
  .widget-f7f8d9 .ce-res-promo__img-wrap {
    aspect-ratio: 16/10;
  }
}
.widget-f7f8d9 .ce-mega__inner--pricing-3col {
  display: grid;
  grid-template-columns: var(--dropdown-col1-width, 1fr) var(--dropdown-col2-width, 1fr) var(--dropdown-col3-width, 1.2fr);
  gap: 0;
  max-width: 1340px;
  padding: 40px 56px;
  margin-left: auto;
  margin-right: auto;
  align-items: stretch;
  position: relative;
  background: #FFFFFF;
  border-radius: 0;
}
.widget-f7f8d9 #mega-pricing {
  background: #FFFFFF;
}
.widget-f7f8d9 .ce-pri-col--1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-right: 56px;
  border-right: 1px solid rgba(16, 22, 38, 0.08);
}
.widget-f7f8d9 .ce-pri-col--2 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-left: 56px;
  padding-right: 56px;
  border-right: 1px solid rgba(16, 22, 38, 0.08);
}
.widget-f7f8d9 .ce-pri-col--3 {
  padding-left: 56px;
}
.widget-f7f8d9 .ce-pri-col--1 .ce-mega__section-label,
.widget-f7f8d9 .ce-pri-col--2 .ce-mega__section-label,
.widget-f7f8d9 .ce-pri-col--3 .ce-mega__section-label {
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #6B7280;
}
.widget-f7f8d9 #mega-pricing .ce-sol-service-item:hover,
.widget-f7f8d9 #mega-pricing .ce-sol-service-item--active {
  background: var(--dropdown-item-hover-bg, rgba(91, 63, 230, 0.06));
  border-left-color: var(--dropdown-item-active-border-color, #5B3FE6);
}
.widget-f7f8d9 #mega-pricing .ce-sol-sublist {
  min-height: 180px;
}
.widget-f7f8d9 #mega-pricing .ce-sol-sub-item__title {
  font-size: var(--dropdown-item-label-font-size, 14px);
  font-weight: var(--dropdown-item-label-font-weight, 600);
  color: var(--dropdown-item-label-color, #101626);
}
.widget-f7f8d9 #mega-pricing [data-pri-feat-index] .ce-row-item__icon-wrap {
  background: linear-gradient(135deg, #a78bfa 0%, #6366f1 40%, #ec4899 100%);
}
.widget-f7f8d9 #mega-pricing [data-pri-feat-index] .ce-row-item__link:hover .ce-row-item__icon-wrap {
  background: linear-gradient(135deg, #c4b5fd 0%, #818cf8 40%, #f472b6 100%);
}
.widget-f7f8d9 #mega-pricing [data-pri-feat-index] .ce-row-item__icon--default path,
.widget-f7f8d9 #mega-pricing [data-pri-feat-index] .ce-row-item__icon--default rect,
.widget-f7f8d9 #mega-pricing [data-pri-feat-index] .ce-row-item__icon--default line,
.widget-f7f8d9 #mega-pricing [data-pri-feat-index] .ce-row-item__icon--default polyline,
.widget-f7f8d9 #mega-pricing [data-pri-feat-index] .ce-row-item__icon--default circle {
  stroke: rgba(255, 255, 255, 0.92);
  fill: none;
}
.widget-f7f8d9 #mega-pricing [data-pri-feat-index] .ce-row-item__icon--default [fill="#0D0D0D"] {
  fill: rgba(255, 255, 255, 0.92);
}
.widget-f7f8d9 #mega-pricing [data-pri-feat-index] .ce-row-item__icon--hover {
  opacity: 0;
}
.widget-f7f8d9 #mega-pricing [data-pri-feat-index] .ce-row-item__link:hover .ce-row-item__icon--hover {
  opacity: 1;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .widget-f7f8d9 .ce-mega__inner--pricing-3col {
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 36px 40px;
    max-width: 100%;
  }
  .widget-f7f8d9 .ce-pri-col--2 {
    border-right: none;
    padding-right: 0;
  }
  .widget-f7f8d9 .ce-pri-col--3 {
    grid-column: 1/-1;
    padding-left: 0;
    padding-top: 32px;
    border-top: 1px solid rgba(16, 22, 38, 0.08);
  }
}
@media (max-width: 767px) {
  .widget-f7f8d9 {
    /* Mobile accordion for pricing cat items */
  }
  .widget-f7f8d9 .ce-mega__inner--pricing-3col {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 32px 24px;
  }
  .widget-f7f8d9 .ce-pri-col--1 {
    border-right: none;
    padding-right: 0;
  }
  .widget-f7f8d9 .ce-pri-col--2 {
    display: none;
  }
  .widget-f7f8d9 .ce-pri-col--3 {
    padding-left: 0;
    padding-top: 32px;
    border-top: 1px solid rgba(16, 22, 38, 0.08);
  }
  .widget-f7f8d9 #mega-pricing .ce-sol-mob-accordion.is-open {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-left: 12px;
    padding-bottom: 8px;
  }
}
.widget-f7f8d9 .ce-row-item__title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}
.widget-f7f8d9 .ce-row-item__title-row .ce-row-item__title {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  flex-shrink: 1;
  min-width: 0;
}
.widget-f7f8d9 .ce-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 99px;
  line-height: 1;
  flex-shrink: 0;
}
.widget-f7f8d9 .ce-badge--popular {
  background: rgba(45, 108, 224, 0.1);
  border: 1px solid rgba(45, 108, 224, 0.35);
  color: #2D6CE0;
}
.widget-f7f8d9 .ce-badge--new {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.35);
  color: #059669;
}
.widget-f7f8d9 .ce-mega__section-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: rgba(13, 13, 13, 0.4);
  text-transform: uppercase;
  margin: 0 0 12px 0;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
}
.widget-f7f8d9 .ce-row-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.widget-f7f8d9 .ce-row-item {
  display: block;
}
.widget-f7f8d9 .ce-row-item__link {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 150ms ease;
  outline: none;
}
.widget-f7f8d9 .ce-row-item__link:hover {
  background: rgba(13, 13, 13, 0.05);
}
.widget-f7f8d9 .ce-row-item__link:focus-visible {
  outline: 2px solid rgba(16, 22, 38, 0.4);
  outline-offset: 2px;
}
.widget-f7f8d9 .ce-row-item__icon-wrap {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(13, 13, 13, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: background 150ms ease;
}
.widget-f7f8d9 .ce-row-item__link:hover .ce-row-item__icon-wrap {
  background: rgba(13, 13, 13, 0.08);
}
.widget-f7f8d9 .ce-row-item__icon {
  width: 22px;
  height: 22px;
  display: block;
  flex-shrink: 0;
  position: absolute;
  transition: opacity 200ms ease;
}
.widget-f7f8d9 .ce-row-item__icon--default {
  opacity: 1;
}
.widget-f7f8d9 .ce-row-item__icon--hover {
  opacity: 0;
}
.widget-f7f8d9 .ce-row-item__link:hover .ce-row-item__icon--default {
  opacity: 0;
}
.widget-f7f8d9 .ce-row-item__link:hover .ce-row-item__icon--hover {
  opacity: 1;
}
.widget-f7f8d9 .ce-row-item__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.widget-f7f8d9 .ce-row-item__title {
  font-size: 14.5px;
  font-weight: 500;
  color: #0D0D0D;
  font-family: "Geist-Medium", "Geist", system-ui, sans-serif;
  letter-spacing: -0.01em;
  white-space: nowrap;
  text-decoration: none !important;
}
.widget-f7f8d9 .ce-row-item__desc {
  font-size: 12.5px;
  font-weight: 400;
  color: rgba(13, 13, 13, 0.55);
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
  white-space: nowrap;
  text-decoration: none !important;
}
.widget-f7f8d9 #mega-resources .ce-res-col--1 .ce-row-item__link {
  border-radius: 10px;
  padding: 10px 12px;
  border-left: 3px solid transparent;
  transition: background 0.2s ease, border-left-color 0.2s ease;
}
.widget-f7f8d9 #mega-resources .ce-res-col--1 .ce-row-item__link:hover,
.widget-f7f8d9 #mega-resources .ce-res-col--1 .ce-row-item--active .ce-row-item__link {
  background: rgba(91, 63, 230, 0.06);
  border-left-color: #5B3FE6;
}
.widget-f7f8d9 #mega-resources .ce-res-col--1 .ce-row-item__icon-wrap {
  width: 36px;
  height: 36px;
  border-radius: 8px;
}
.widget-f7f8d9 #mega-resources .ce-res-col--1 .ce-row-item__title {
  font-size: 15px;
  font-weight: 600;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
  color: #101626;
  line-height: 1.2;
  white-space: normal;
}
.widget-f7f8d9 #mega-resources .ce-res-col--1 .ce-row-item__desc {
  font-size: 12px;
  font-weight: 400;
  color: #6B7280;
  line-height: 1.35;
  white-space: normal;
}
.widget-f7f8d9 .ce-mobile {
  pointer-events: none;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: linear-gradient(180deg, #101626 0%, #0e142a 100%);
  z-index: 200;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 300ms ease-out;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.widget-f7f8d9 .ce-mobile.is-open {
  pointer-events: auto;
  transform: translateX(0);
}
.widget-f7f8d9 .ce-mobile__backdrop {
  pointer-events: none;
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 190;
  opacity: 0;
  transition: opacity 300ms ease;
}
.widget-f7f8d9 .ce-mobile__backdrop.is-visible {
  pointer-events: auto;
  opacity: 1;
}
.widget-f7f8d9 .ce-mobile__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  height: 64px;
  flex-shrink: 0;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.08);
}
.widget-f7f8d9 .ce-mobile__logo-link {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.widget-f7f8d9 .ce-mobile__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.85);
  border-radius: 6px;
  transition: color 150ms ease;
}
.widget-f7f8d9 .ce-mobile__close:hover {
  color: #ffffff;
}
.widget-f7f8d9 .ce-mobile__close:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}
.widget-f7f8d9 .ce-mobile__close svg {
  width: 24px;
  height: 24px;
}
.widget-f7f8d9 .ce-mobile__links {
  list-style: none;
  padding: 24px 24px 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.widget-f7f8d9 .ce-mobile__item {
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.06);
}
.widget-f7f8d9 .ce-mobile__link {
  display: block;
  padding: 16px 0;
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
  transition: color 150ms ease;
}
.widget-f7f8d9 .ce-mobile__link:hover {
  color: #ffffff;
}
.widget-f7f8d9 .ce-mobile__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0;
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  background: none;
  border: none;
  cursor: pointer;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
  text-align: left;
  transition: color 150ms ease;
}
.widget-f7f8d9 .ce-mobile__trigger:hover {
  color: #ffffff;
}
.widget-f7f8d9 .ce-mobile__trigger:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
  border-radius: 4px;
}
.widget-f7f8d9 .ce-mobile__chevron {
  width: 16px;
  height: 16px;
  transition: transform 200ms ease;
  flex-shrink: 0;
}
.widget-f7f8d9 .ce-mobile__trigger.is-active .ce-mobile__chevron {
  transform: rotate(180deg);
}
.widget-f7f8d9 .ce-mobile__accordion-body {
  display: none;
  flex-direction: column;
  gap: 0;
  padding-bottom: 8px;
}
.widget-f7f8d9 .ce-mobile__accordion-body.is-open {
  display: flex;
}
.widget-f7f8d9 .ce-mobile__sub-link {
  display: block;
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none !important;
  border-radius: 6px;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
  transition: color 150ms ease, background 150ms ease;
}
.widget-f7f8d9 .ce-mobile__sub-link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
}
.widget-f7f8d9 .ce-mobile__sub-explore {
  display: block;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.45);
  text-decoration: none !important;
  font-family: "Geist-Regular", "Geist", system-ui, sans-serif;
  transition: color 150ms ease;
}
.widget-f7f8d9 .ce-mobile__sub-explore:hover {
  color: rgba(255, 255, 255, 0.75);
}
.widget-f7f8d9 .ce-mobile__cta-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding: 24px;
  flex-shrink: 0;
}
.widget-f7f8d9 .ce-mobile__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 52px;
  background: #ffffff;
  color: #101626;
  font-size: 16px;
  font-weight: 600;
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
  text-decoration: none;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: background 150ms ease, transform 100ms ease;
}
.widget-f7f8d9 .ce-mobile__cta:hover {
  background: #F5F4F1;
}
.widget-f7f8d9 .ce-mobile__cta:active {
  transform: scale(0.98);
}
.widget-f7f8d9 .ce-mobile__cta--subscriber {
  background: var(--subscriber-login-bg, #FCC60C);
  color: var(--subscriber-login-color, #101626);
}
.widget-f7f8d9 .ce-mobile__cta--subscriber:hover {
  background: var(--subscriber-login-bg-hover, #E3B10B);
}
.widget-f7f8d9 .ce-mobile__sub-section-label {
  display: block;
  padding: 10px 16px 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.35);
  font-family: "Geist-SemiBold", "Geist", system-ui, sans-serif;
}
.widget-f7f8d9 .ce-mobile__sub-link--badged {
  display: flex;
  align-items: center;
  gap: 8px;
}
.widget-f7f8d9 .ce-badge--mobile {
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .widget-f7f8d9 .ce-nav {
    height: 64px;
  }
  .widget-f7f8d9 .ce-nav__inner {
    padding: 0 24px;
  }
  .widget-f7f8d9 .ce-nav__links,
  .widget-f7f8d9 .ce-nav__cta-group {
    display: none;
  }
  .widget-f7f8d9 .ce-nav__hamburger {
    display: flex;
    margin-left: auto;
    position: relative;
    z-index: 101;
    pointer-events: auto;
  }
  .widget-f7f8d9 .ce-mobile {
    display: flex;
  }
  .widget-f7f8d9 .ce-mobile__backdrop {
    display: block;
  }
  .widget-f7f8d9 .ce-mega {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .widget-f7f8d9 .ce-nav__inner {
    padding: 0 32px;
  }
  .widget-f7f8d9 .ce-nav__logo {
    margin-left: 48px;
  }
}
@media (max-width: 767px) {
  .widget-f7f8d9 .sol-photo-card {
    height: 160px;
  }
  .widget-f7f8d9 .ce-nav__logo {
    margin-left: 16px;
  }
}
@media (max-width: 480px) {
  .widget-f7f8d9 .ce-nav__logo {
    margin-left: 0;
  }
}

@charset "UTF-8";
.widget-731812 {
  /* ─── CSS custom properties ─────────────────────────── */
  --stl-easing: cubic-bezier(0.16, 1, 0.3, 1);
  --stl-font: "Inter", "Geist-Regular", sans-serif;
  /* ─── Dashboard layout controls (Design Panel exposed) ─ */
  --dashboard-align: flex-start;
  --dashboard-width-desktop: 68%;
  --dashboard-width-tablet: 65%;
  --dark-box-cta-stack-gap: 12px;
  --dark-box-cta-stack-top-offset: 40px;
  --dark-box-cta-stack-right-offset: 32px;
  /* ─── Tab pill switch token — editable in Design Panel ─ */
  --tabs-height: 68px;
  --tabs-padding-x: 44px;
  --tabs-padding-y: 18px;
  --tabs-font-size: 21px;
  --tabs-font-weight: 600;
  --tabs-letter-spacing: -0.01em;
  --tabs-to-headline-gap: 64px;
  --tabs-to-headline-gap-mobile: 40px;
  /* card 1 – templates (light warm-white) */
  --stl-c1-bg: linear-gradient(135deg, #FFFFFF 0%, #F5F4F1 100%);
  --stl-c1-accent: #6b89e0;
  --stl-c1-tab-bg: #101626;
  /* card 2 – systems */
  --stl-c2-bg: linear-gradient(135deg, #1a0938 0%, #3d1270 40%, #7c2a8c 70%, #c2185b 110%);
  --stl-c2-accent: #f48fb1;
  --stl-c2-tab-bg: #7c2a8c;
  /* card 3 – estimating */
  --stl-c3-bg: linear-gradient(135deg, #3b0a2a 0%, #7b1050 35%, #c2185b 65%, #e91e8c 100%);
  --stl-c3-accent: #f48fb1;
  --stl-c3-tab-bg: #c2185b;
  font-family: var(--stl-font);
}

/* ─── Widget root: prevent Duda section vertical-centering from
   shifting the widget when card height changes ─────────── */
.widget-731812 {
  align-self: flex-start !important;
  vertical-align: top !important;
}

/* ─── Outer wrapper ────────────────────────────────────── */
.widget-731812 .stl-wrapper {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
  background: transparent;
}

/* ─── Hero header ──────────────────────────────────────── */
.widget-731812 .stl-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 48px;
  padding: 0 16px;
  opacity: 0;
  transform: translateY(-12px);
}

.widget-731812 .stl-hero.is-visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 600ms var(--stl-easing), transform 600ms var(--stl-easing);
}

/* Kicker pill */
.widget-731812 .stl-hero__kicker-pill {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 99px;
  background: linear-gradient(135deg, #2f4eb1 0%, #7c2a8c 50%, #c2185b 100%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: var(--stl-font);
  box-shadow: 0 4px 18px rgba(47, 78, 177, 0.25);
}

/* Headline */
.widget-731812 .stl-hero__headline {
  font-size: 48px;
  font-weight: 700;
  color: #101626;
  line-height: 1;
  letter-spacing: -0.025em;
  margin: 0 0 16px;
  max-width: 700px;
  font-family: var(--stl-font);
}

/* Subtext */
.widget-731812 .stl-hero__subtext {
  font-size: 18px;
  font-weight: 400;
  color: #4b5563;
  line-height: 1.6;
  max-width: 360px;
  margin: 0;
  font-family: var(--stl-font);
}

/* Gradient highlight — "time back" */
.widget-731812 .stl-highlight {
  background: linear-gradient(90deg, #146ef5 0%, #6366F1 50%, #EC4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline;
  position: relative;
}

/* ─── Tab scroll container — hidden (top-tab row removed) ─ */
.widget-731812 .stl-tabs-scroll {
  display: none !important;
}

/* ─── Tab list ─────────────────────────────────────────── */
.widget-731812 .stl-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  padding: 0 16px;
  height: var(--tabs-height);
  margin-bottom: var(--tabs-to-headline-gap);
}

/* ─── Individual tab ───────────────────────────────────── */
.widget-731812 .stl-tab {
  background: #F3F4F6;
  color: #101626;
  border: none;
  padding: var(--tabs-padding-y) var(--tabs-padding-x);
  border-radius: 99px;
  font-size: var(--tabs-font-size);
  font-weight: var(--tabs-font-weight);
  letter-spacing: var(--tabs-letter-spacing);
  font-family: var(--stl-font);
  cursor: pointer;
  transition: all 300ms var(--stl-easing);
  white-space: nowrap;
  outline: none;
  line-height: 1;
}

.widget-731812 .stl-tab:hover:not(.stl-tab--active) {
  background: #E5E7EB;
}

.widget-731812 .stl-tab:focus-visible {
  outline: 2px solid #6b89e0;
  outline-offset: 2px;
}

/* active tab colors */
.widget-731812 .stl-tab--1.stl-tab--active {
  background: var(--stl-c1-tab-bg);
  color: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

.widget-731812 .stl-tab--2.stl-tab--active {
  background: var(--stl-c2-tab-bg);
  color: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

.widget-731812 .stl-tab--3.stl-tab--active {
  background: var(--stl-c3-tab-bg);
  color: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

/* ─── Card stage ───────────────────────────────────────── */
/* Zone B: auto height — shrinks/grows with the active card.
   No fixed height, no overflow:hidden.
   Zone A (hero + tabs + attr row) never moves. */
.widget-731812 .stl-card-stage {
  position: relative;
  width: 100%;
}

/* ─── Card ─────────────────────────────────────────────── */
.widget-731812 .stl-card {
  width: 100%;
  border-radius: 72px;
  padding: 60px 56px;
  min-height: 480px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* entrance: starts hidden, JS adds is-visible */
  opacity: 0;
  transform: translateY(20px);
}

/* First-load entrance animation (viewport reveal) */
.widget-731812 .stl-card.is-visible:not(.is-entering) {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 700ms var(--stl-easing), transform 700ms var(--stl-easing);
}

/* Tab-switch fade-in: no slide, opacity only */
.widget-731812 .stl-card.is-entering {
  opacity: 0;
  transform: translateY(0);
  animation: stlCardFadeIn 0.25s ease forwards;
}

/* card gradients */
.widget-731812 .stl-card--1 {
  background: var(--stl-c1-bg);
  border: none;
  position: relative;
}

.widget-731812 .stl-card--2 {
  background: var(--stl-c2-bg);
}

.widget-731812 .stl-card--3 {
  background: var(--stl-c3-bg);
}

/* Hidden cards are fully removed from flow — this is what allows
   Zone B height to match only the active card. */
.widget-731812 .stl-card[hidden] {
  display: none !important;
}

/* Tab-switch fade-in keyframe */
@keyframes stlCardFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Content entrance stagger on tab-switch */
.widget-731812 .stl-card.is-entering .stl-card__body {
  animation: stlContentIn 0.3s ease 0.05s both;
}

.widget-731812 .stl-card.is-entering .stl-geo {
  animation: stlGeoIn 0.4s ease 0s both;
}

@keyframes stlContentIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes stlGeoIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* tab-row entrance */
.widget-731812 .stl-tabs-scroll {
  opacity: 0;
  transform: translateY(-10px);
}

.widget-731812 .stl-tabs-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 600ms var(--stl-easing) 100ms, transform 600ms var(--stl-easing) 100ms;
}

/* ─── Card body ────────────────────────────────────────── */
.widget-731812 .stl-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
  z-index: 2;
}

.widget-731812 .stl-card__top {
  flex: 1;
}

.widget-731812 .stl-card__bottom {
  margin-top: 40px;
}

/* ─── Kicker ───────────────────────────────────────────── */
.widget-731812 .stl-kicker {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 24px;
  position: relative;
  z-index: 2;
  font-family: var(--stl-font);
}

.widget-731812 .stl-kicker--1 {
  color: rgba(107, 137, 224, 0.9);
}

.widget-731812 .stl-kicker--2 {
  color: rgba(244, 143, 177, 0.95);
}

.widget-731812 .stl-kicker--3 {
  color: rgba(255, 192, 220, 0.95);
}

/* ─── Title ────────────────────────────────────────────── */
.widget-731812 .stl-title {
  font-size: 56px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.05;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
  margin-top: 0;
  position: relative;
  z-index: 2;
  font-family: var(--stl-font);
}

/* ─── Price ────────────────────────────────────────────── */
.widget-731812 .stl-price {
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 12px;
  position: relative;
  z-index: 2;
  font-family: var(--stl-font);
}

/* ─── Description ──────────────────────────────────────── */
.widget-731812 .stl-desc {
  font-size: 17px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
  max-width: 540px;
  margin-bottom: 32px;
  margin-top: 0;
  position: relative;
  z-index: 2;
  font-family: var(--stl-font);
}

/* ─── Included services label ──────────────────────────── */
.widget-731812 .stl-services-label {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
  font-family: var(--stl-font);
}

/* ─── Pill list ────────────────────────────────────────── */
.widget-731812 .stl-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}

.widget-731812 .stl-pill {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #ffffff;
  padding: 10px 18px;
  border-radius: 99px;
  font-size: 14px;
  font-weight: 500;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  font-family: var(--stl-font);
  display: inline-block;
}

/* Card 2 pill tint — indigo-pink */
.widget-731812 .stl-card--2 .stl-pill {
  background: rgba(194, 24, 91, 0.18);
  border: 1px solid rgba(244, 143, 177, 0.35);
}

/* Card 3 pill tint — pink */
.widget-731812 .stl-card--3 .stl-pill {
  background: rgba(233, 30, 140, 0.18);
  border: 1px solid rgba(244, 143, 177, 0.38);
}

/* ─── CTA row ──────────────────────────────────────────── */
.widget-731812 .stl-cta-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  position: relative;
  z-index: 2;
  margin-top: 4px;
}

.widget-731812 .stl-cta-row a {
  display: inline-block;
  text-decoration: none;
}

/* ─── CTA button ───────────────────────────────────────── */
.widget-731812 .stl-cta {
  background: #ffffff;
  color: #101626;
  padding: 14px 32px;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.05em;
  border: none;
  cursor: pointer;
  display: inline-block;
  width: auto;
  text-align: center;
  position: relative;
  z-index: 2;
  transition: background 350ms var(--stl-easing), color 350ms var(--stl-easing), transform 300ms var(--stl-easing), box-shadow 300ms var(--stl-easing);
  font-family: var(--stl-font);
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}

/* Card 1 hover — blue gradient */
.widget-731812 .stl-cta--1:hover {
  background: linear-gradient(135deg, #101626 0%, #1a2340 50%, #2f4eb1 130%);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

/* Card 2 hover — indigo-pink gradient */
.widget-731812 .stl-cta--2:hover {
  background: linear-gradient(135deg, #1a0938 0%, #3d1270 40%, #7c2a8c 70%, #c2185b 110%);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(194, 24, 91, 0.35);
}

/* Card 3 hover — pink-indigo gradient */
.widget-731812 .stl-cta--3:hover {
  background: linear-gradient(135deg, #3b0a2a 0%, #7b1050 35%, #c2185b 65%, #e91e8c 100%);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(233, 30, 140, 0.4);
}

/* ─────────────────────────────────────────────────────────
   GEOMETRIC BACKGROUNDS
   ───────────────────────────────────────────────────────── */
/* shared geo wrapper */
.widget-731812 .stl-geo {
  position: absolute;
  right: -10%;
  top: 0;
  width: 60%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

/* ── Card 1: Radial glow orbs (replaces angled bands to remove flash) ─── */
.widget-731812 .stl-geo--1 {
  right: 0;
  width: 65%;
  overflow: hidden;
}

.widget-731812 .stl-c1-glow-orb {
  position: absolute;
  border-radius: 50%;
  will-change: transform, opacity;
}

.widget-731812 .stl-c1-glow-orb--a {
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, #6b89e0 0%, transparent 65%);
  opacity: 0.28;
  top: -80px;
  right: 5%;
  filter: blur(70px);
  animation: c1OrbDrift 18s ease-in-out infinite;
}

.widget-731812 .stl-c1-glow-orb--b {
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, #2f4eb1 0%, transparent 65%);
  opacity: 0.32;
  top: 25%;
  right: 30%;
  filter: blur(65px);
  animation: c1OrbFloat 22s ease-in-out infinite;
  animation-delay: -6s;
}

.widget-731812 .stl-c1-glow-orb--c {
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, #1a2340 0%, transparent 60%);
  opacity: 0.22;
  bottom: -100px;
  right: -5%;
  filter: blur(80px);
  animation: c1OrbDiag 26s ease-in-out infinite;
  animation-delay: -10s;
}

.widget-731812 .stl-c1-glow-orb--d {
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, #4d9fff 0%, transparent 65%);
  opacity: 0.2;
  top: 50%;
  right: 10%;
  filter: blur(55px);
  animation: c1OrbFloat 16s ease-in-out infinite reverse;
  animation-delay: -4s;
}

@keyframes c1OrbDrift {
  0% {
    transform: translate(0, 0);
  }
  33% {
    transform: translate(40px, -30px);
  }
  66% {
    transform: translate(-20px, 20px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes c1OrbFloat {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-45px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes c1OrbDiag {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-35px, -28px);
  }
  100% {
    transform: translate(0, 0);
  }
}
/* ── Card 2: Soft circular orbs ─── */
.widget-731812 .stl-geo--2 {
  right: 0;
  width: 55%;
}

.widget-731812 .stl-orb {
  position: absolute;
  border-radius: 50%;
  will-change: transform;
}

.widget-731812 .stl-orb--a {
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, #c2185b, transparent 70%);
  opacity: 0.55;
  top: -60px;
  right: 10%;
  filter: blur(60px);
  animation: orbCircle 12s ease-in-out infinite;
}

.widget-731812 .stl-orb--b {
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, #7c2a8c, transparent 70%);
  opacity: 0.5;
  top: 30%;
  right: 30%;
  filter: blur(60px);
  animation: orbVertical 10s ease-in-out infinite;
  animation-delay: -3s;
}

.widget-731812 .stl-orb--c {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, #3d1270, transparent 65%);
  opacity: 0.4;
  bottom: -80px;
  right: 0;
  filter: blur(70px);
  animation: orbDiag 14s ease-in-out infinite;
  animation-delay: -5s;
}

.widget-731812 .stl-orb--d {
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, #e91e8c, transparent 70%);
  opacity: 0.5;
  top: 50%;
  right: 5%;
  filter: blur(50px);
  animation: orbVertical 11s ease-in-out infinite reverse;
  animation-delay: -2s;
}

@keyframes orbCircle {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(30px, -30px);
  }
  50% {
    transform: translate(60px, 0);
  }
  75% {
    transform: translate(30px, 30px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes orbVertical {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes orbDiag {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-30px, -25px);
  }
  100% {
    transform: translate(0, 0);
  }
}
/* ── Card 3: Diagonal triangle shards ─── */
.widget-731812 .stl-geo--3 {
  right: 0;
  width: 55%;
}

.widget-731812 .stl-shard {
  position: absolute;
  filter: blur(20px);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  will-change: transform;
}

.widget-731812 .stl-shard--a {
  width: 200px;
  height: 200px;
  background: #f06292;
  opacity: 0.45;
  top: -20px;
  right: 25%;
  animation: shardFloat 14s ease-in-out infinite;
  animation-delay: 0s;
}

.widget-731812 .stl-shard--b {
  width: 300px;
  height: 300px;
  background: #e91e8c;
  opacity: 0.3;
  top: 20%;
  right: 5%;
  animation: shardDrift 17s ease-in-out infinite reverse;
  animation-delay: -4s;
}

.widget-731812 .stl-shard--c {
  width: 120px;
  height: 120px;
  background: #f48fb1;
  opacity: 0.5;
  bottom: 15%;
  right: 35%;
  animation: shardSpin 12s ease-in-out infinite;
  animation-delay: -2s;
}

.widget-731812 .stl-shard--d {
  width: 80px;
  height: 80px;
  background: #7b1050;
  opacity: 0.55;
  top: 55%;
  right: 15%;
  animation: shardFloat 10s ease-in-out infinite reverse;
  animation-delay: -6s;
}

.widget-731812 .stl-shard--e {
  width: 180px;
  height: 180px;
  background: #f06292;
  opacity: 0.35;
  bottom: -30px;
  right: 10%;
  animation: shardDrift 15s ease-in-out infinite;
  animation-delay: -9s;
}

.widget-731812 .stl-shard--f {
  width: 250px;
  height: 250px;
  background: #c2185b;
  opacity: 0.2;
  top: 5%;
  right: 50%;
  animation: shardSpin 19s ease-in-out infinite reverse;
  animation-delay: -3s;
}

@keyframes shardFloat {
  0% {
    transform: rotate(30deg) translateY(0px);
  }
  50% {
    transform: rotate(30deg) translateY(-40px);
  }
  100% {
    transform: rotate(30deg) translateY(0px);
  }
}
@keyframes shardDrift {
  0% {
    transform: rotate(-15deg) translate(0, 0);
  }
  33% {
    transform: rotate(-15deg) translate(30px, -20px);
  }
  66% {
    transform: rotate(-15deg) translate(-15px, 30px);
  }
  100% {
    transform: rotate(-15deg) translate(0, 0);
  }
}
@keyframes shardSpin {
  0% {
    transform: rotate(45deg) scale(1);
  }
  50% {
    transform: rotate(65deg) scale(1.15);
  }
  100% {
    transform: rotate(45deg) scale(1);
  }
}
/* ── Card 1: Floating triangle shards (blue palette) ─── */
/* Heavy blur on all c1 shards dissolves the clip-path hard edge, preventing ray flash */
.widget-731812 .stl-shard--c1-a {
  width: 180px;
  height: 180px;
  background: #6b89e0;
  opacity: 0.28;
  top: -10px;
  right: 30%;
  filter: blur(55px);
  animation: shardFloat 18s ease-in-out infinite;
  animation-delay: -1s;
}

.widget-731812 .stl-shard--c1-b {
  width: 280px;
  height: 280px;
  background: #2f4eb1;
  opacity: 0.2;
  top: 15%;
  right: 8%;
  filter: blur(65px);
  animation: shardDrift 22s ease-in-out infinite reverse;
  animation-delay: -5s;
}

.widget-731812 .stl-shard--c1-c {
  width: 110px;
  height: 110px;
  background: #4d9fff;
  opacity: 0.22;
  bottom: 20%;
  right: 38%;
  filter: blur(50px);
  animation: shardDrift 20s ease-in-out infinite;
  animation-delay: -3s;
}

.widget-731812 .stl-shard--c1-d {
  width: 75px;
  height: 75px;
  background: #4d9fff;
  opacity: 0.18;
  top: 58%;
  right: 18%;
  filter: blur(40px);
  animation: shardFloat 16s ease-in-out infinite reverse;
  animation-delay: -7s;
}

.widget-731812 .stl-shard--c1-e {
  width: 160px;
  height: 160px;
  background: #6b89e0;
  opacity: 0.22;
  bottom: -20px;
  right: 12%;
  filter: blur(60px);
  animation: shardDrift 24s ease-in-out infinite;
  animation-delay: -9s;
}

.widget-731812 .stl-shard--c1-f {
  width: 230px;
  height: 230px;
  background: #2f4eb1;
  opacity: 0.14;
  top: 8%;
  right: 52%;
  filter: blur(70px);
  animation: shardFloat 28s ease-in-out infinite reverse;
  animation-delay: -4s;
}

/* ── Card 2: Floating triangle shards (indigo-pink palette) ─── */
.widget-731812 .stl-shard--c2-a {
  width: 190px;
  height: 190px;
  background: #c2185b;
  opacity: 0.4;
  top: -15px;
  right: 28%;
  animation: shardFloat 13s ease-in-out infinite;
  animation-delay: -2s;
}

.widget-731812 .stl-shard--c2-b {
  width: 290px;
  height: 290px;
  background: #7c2a8c;
  opacity: 0.25;
  top: 18%;
  right: 6%;
  animation: shardDrift 17s ease-in-out infinite reverse;
  animation-delay: -6s;
}

.widget-731812 .stl-shard--c2-c {
  width: 115px;
  height: 115px;
  background: #f48fb1;
  opacity: 0.45;
  bottom: 18%;
  right: 36%;
  animation: shardSpin 11s ease-in-out infinite;
  animation-delay: -1s;
}

.widget-731812 .stl-shard--c2-d {
  width: 80px;
  height: 80px;
  background: #3d1270;
  opacity: 0.5;
  top: 52%;
  right: 16%;
  animation: shardFloat 11s ease-in-out infinite reverse;
  animation-delay: -8s;
}

.widget-731812 .stl-shard--c2-e {
  width: 170px;
  height: 170px;
  background: #e91e8c;
  opacity: 0.3;
  bottom: -25px;
  right: 11%;
  animation: shardDrift 15s ease-in-out infinite;
  animation-delay: -10s;
}

.widget-731812 .stl-shard--c2-f {
  width: 240px;
  height: 240px;
  background: #c2185b;
  opacity: 0.18;
  top: 6%;
  right: 50%;
  animation: shardSpin 19s ease-in-out infinite reverse;
  animation-delay: -3s;
}

/* pause animations when geo is hidden (JS toggles .stl-geo--paused) */
.widget-731812 .stl-geo--paused * {
  animation-play-state: paused !important;
}

/* ─────────────────────────────────────────────────────────
   AMBIENT GLOW LAYERS  (replaces old rotating conic sweep)
   ─ No rotation, no hard colour blades, no flashing.
   ─ Two radial orbs gently breathe (scale + opacity) on
     each card using a very long ease-in-out cycle.
   ───────────────────────────────────────────────────────── */
.widget-731812 .stl-glow-sweep {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
}

/* Shared base for both pseudo-elements */
.widget-731812 .stl-glow-sweep::before,
.widget-731812 .stl-glow-sweep::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  will-change: opacity, transform;
}

/* Top-left ambient orb — slow breathe */
.widget-731812 .stl-glow-sweep::before {
  width: 70%;
  height: 110%;
  top: -20%;
  left: -10%;
  filter: blur(80px);
  opacity: 0.12;
  animation: glowBreathe 16s ease-in-out infinite;
}

/* Bottom-right ambient orb — offset phase */
.widget-731812 .stl-glow-sweep::after {
  width: 60%;
  height: 90%;
  bottom: -15%;
  right: -5%;
  filter: blur(90px);
  opacity: 0.09;
  animation: glowBreathe 20s ease-in-out infinite;
  animation-delay: -8s;
}

/* Card 1 — soft ambient glow orbs (no rotating shapes) */
.widget-731812 .stl-glow-sweep--1::before {
  background: radial-gradient(ellipse at center, #6b89e0 0%, transparent 70%);
}

.widget-731812 .stl-glow-sweep--1::after {
  background: radial-gradient(ellipse at center, #2f4eb1 0%, transparent 70%);
}

/* Card 2 — indigo-pink tones */
.widget-731812 .stl-glow-sweep--2::before {
  background: radial-gradient(ellipse at center, #c2185b 0%, transparent 70%);
}

.widget-731812 .stl-glow-sweep--2::after {
  background: radial-gradient(ellipse at center, #7c2a8c 0%, transparent 70%);
}

/* Card 3 — pink tones */
.widget-731812 .stl-glow-sweep--3::before {
  background: radial-gradient(ellipse at center, #e91e8c 0%, transparent 70%);
}

.widget-731812 .stl-glow-sweep--3::after {
  background: radial-gradient(ellipse at center, #c2185b 0%, transparent 70%);
}

@keyframes glowBreathe {
  0% {
    opacity: 0.06;
    transform: scale(1);
  }
  50% {
    opacity: 0.16;
    transform: scale(1.08);
  }
  100% {
    opacity: 0.06;
    transform: scale(1);
  }
}
/* ── Second glow sweep instances (stl-glow-sweep--*b) ── */
.widget-731812 .stl-glow-sweep--1b,
.widget-731812 .stl-glow-sweep--2b,
.widget-731812 .stl-glow-sweep--3b {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
}

.widget-731812 .stl-glow-sweep--1b::before,
.widget-731812 .stl-glow-sweep--2b::before,
.widget-731812 .stl-glow-sweep--3b::before,
.widget-731812 .stl-glow-sweep--1b::after,
.widget-731812 .stl-glow-sweep--2b::after,
.widget-731812 .stl-glow-sweep--3b::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  will-change: opacity, transform;
}

.widget-731812 .stl-glow-sweep--1b::before,
.widget-731812 .stl-glow-sweep--2b::before,
.widget-731812 .stl-glow-sweep--3b::before {
  width: 50%;
  height: 80%;
  top: 10%;
  right: 10%;
  filter: blur(85px);
  opacity: 0.08;
  animation: glowBreathe 22s ease-in-out infinite;
  animation-delay: -5s;
}

.widget-731812 .stl-glow-sweep--1b::after,
.widget-731812 .stl-glow-sweep--2b::after,
.widget-731812 .stl-glow-sweep--3b::after {
  width: 65%;
  height: 95%;
  bottom: -10%;
  left: 15%;
  filter: blur(100px);
  opacity: 0.07;
  animation: glowBreathe 26s ease-in-out infinite;
  animation-delay: -14s;
}

/* Card 1b — soft ambient glow (offset phase) */
.widget-731812 .stl-glow-sweep--1b::before {
  background: radial-gradient(ellipse at center, #4d9fff 0%, transparent 70%);
}

.widget-731812 .stl-glow-sweep--1b::after {
  background: radial-gradient(ellipse at center, #1a2340 0%, transparent 70%);
}

/* Card 2b */
.widget-731812 .stl-glow-sweep--2b::before {
  background: radial-gradient(ellipse at center, #e91e8c 0%, transparent 70%);
}

.widget-731812 .stl-glow-sweep--2b::after {
  background: radial-gradient(ellipse at center, #3d1270 0%, transparent 70%);
}

/* Card 3b */
.widget-731812 .stl-glow-sweep--3b::before {
  background: radial-gradient(ellipse at center, #f48fb1 0%, transparent 70%);
}

.widget-731812 .stl-glow-sweep--3b::after {
  background: radial-gradient(ellipse at center, #7b1050 0%, transparent 70%);
}

/* Pause glow animations on hidden cards */
.widget-731812 .stl-card[hidden] .stl-glow-sweep::before,
.widget-731812 .stl-card[hidden] .stl-glow-sweep::after,
.widget-731812 .stl-card[hidden] .stl-glow-sweep--1b::before,
.widget-731812 .stl-card[hidden] .stl-glow-sweep--1b::after,
.widget-731812 .stl-card[hidden] .stl-glow-sweep--2b::before,
.widget-731812 .stl-card[hidden] .stl-glow-sweep--2b::after,
.widget-731812 .stl-card[hidden] .stl-glow-sweep--3b::before,
.widget-731812 .stl-card[hidden] .stl-glow-sweep--3b::after,
.widget-731812 .stl-card[hidden] .stl-c1-glow-orb,
.widget-731812 .stl-card[hidden] .stl-orb,
.widget-731812 .stl-card[hidden] .stl-shard {
  animation-play-state: paused !important;
}

/* ─────────────────────────────────────────────────────────
   CARD 1 — TEMPLATES SUB-TABS
   ───────────────────────────────────────────────────────── */
/* Kicker override for new layout */
.widget-731812 .stl-c1-kicker {
  display: inline-block;
  background: rgba(91, 63, 230, 0.1);
  border: 1px solid rgba(91, 63, 230, 0.25);
  color: #5B3FE6;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 5px 12px;
  border-radius: 99px;
  margin-bottom: 12px;
  font-family: var(--stl-font);
  position: relative;
  z-index: 2;
}

/* Sub-tab strip — light mode */
.widget-731812 .stl-subtabs {
  display: flex;
  gap: 4px;
  background: rgba(16, 22, 38, 0.05);
  border-radius: 99px;
  padding: 3px;
  width: fit-content;
  margin-bottom: 28px;
  position: relative;
  z-index: 2;
}

.widget-731812 .stl-subtab {
  background: transparent;
  /* color set via Design Panel — default dark for light card */
  color: #4B5563;
  font-size: 17px;
  font-weight: 600;
  padding: 12px 32px;
  border-radius: 99px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--stl-font);
  white-space: nowrap;
  outline: none;
}

.widget-731812 .stl-subtab:hover:not(.stl-subtab--active) {
  color: #101626;
  background: rgba(16, 22, 38, 0.04);
}

/* Wunderbuild active — green gradient (matches brand-word headline) */
.widget-731812 .stl-subtab--active[data-subtab=wb] {
  background: linear-gradient(90deg, #0FBE4F 0%, #A7F753 100%);
  color: #fff;
  font-weight: 700;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(15, 190, 79, 0.4);
}

/* Buildxact active — orange-yellow gradient */
.widget-731812 .stl-subtab--active[data-subtab=bx] {
  background: linear-gradient(90deg, #f36e51 0%, #f5893a 35%, #fba828 65%, #feb814 100%);
  color: #fff;
  font-weight: 700;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 10px rgba(243, 110, 81, 0.4);
}

/* Estimating active — pink gradient */
.widget-731812 .stl-subtab--active[data-subtab=est] {
  background: linear-gradient(90deg, #E64E9B 0%, #F9A8D4 100%);
  color: #fff;
  font-weight: 700;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(230, 78, 155, 0.45);
}

/* Sub-panels */
.widget-731812 .stl-subpanel {
  position: relative;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.25s ease;
}

/* ─── Estimating sub-panel: light-mode overrides ────────── */
/* Title and price/desc: dark text defaults for the light card-1 context.
   Using .stl-card--1 scoping (lower specificity than ID) so the Design
   Panel textStyle control can override via inline styles. */
.widget-731812 .stl-card--1 .est-title {
  color: #101626;
}

.widget-731812 .stl-card--1 .est-price {
  color: #6B7280;
}

.widget-731812 .stl-card--1 .est-desc {
  color: #4B5563;
}

/* Legacy --light modifier classes (kept for backward compat if referenced) */
.widget-731812 .est-title--light {
  color: #101626;
}

.widget-731812 .est-price--light {
  color: #6B7280;
}

.widget-731812 .est-desc--light {
  color: #4B5563;
}

/* Details block: dark text defaults for light subpanel context.
   Using .stl-card--1 scoping so Design Panel can override. */
.widget-731812 .stl-card--1 .est-details__heading {
  color: #101626;
}

.widget-731812 .stl-card--1 .est-details__body {
  color: #4B5563;
}

.widget-731812 .stl-card--1 .est-check span {
  color: #101626;
}

/* Legacy --light modifier classes */
.widget-731812 .est-details--light .est-details__heading {
  color: #101626;
}

.widget-731812 .est-details--light .est-details__body {
  color: #4B5563;
}

.widget-731812 .est-checks--light .est-check span {
  color: #101626;
}

/* Tier tabs inside the est sub-panel: light style (matches wb/bx tier tabs) */
.widget-731812 #stl-subpanel-est .est-tier-tab--light {
  background: #FFFFFF;
  border: 1px solid rgba(16, 22, 38, 0.08);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.widget-731812 #stl-subpanel-est .est-tier-tab--light .est-tier-tab__title {
  color: #101626;
}

.widget-731812 #stl-subpanel-est .est-tier-tab--light .est-tier-tab__subtitle {
  color: #6B7280;
}

.widget-731812 #stl-subpanel-est .est-tier-tab--light .est-tier-tab__price {
  color: #E64E9B;
}

.widget-731812 #stl-subpanel-est .est-tier-tab--light:hover:not(.est-tier-tab--active) {
  background: #F9FAFB;
  border-color: rgba(16, 22, 38, 0.2);
}

.widget-731812 #stl-subpanel-est .est-tier-tab--active.est-tier-tab--light {
  background: #101626;
  border-color: transparent;
}

.widget-731812 #stl-subpanel-est .est-tier-tab--active.est-tier-tab--light .est-tier-tab__title {
  color: #FFFFFF;
}

.widget-731812 #stl-subpanel-est .est-tier-tab--active.est-tier-tab--light .est-tier-tab__subtitle {
  color: rgba(255, 255, 255, 0.65);
}

.widget-731812 #stl-subpanel-est .est-tier-tab--active.est-tier-tab--light .est-tier-tab__price {
  color: #F9A8D4;
}

.widget-731812 #stl-subpanel-est .est-tier-tab--active.est-tier-tab--light .est-tier-tab__chevron {
  opacity: 1;
}

/* Light mockup wrapper */
.widget-731812 .est-mockup--light {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
}

/* Benefits grid uses wb-benefit-card which already has correct light styling */
.widget-731812 .est-benefits--light .wb-benefits__label {
  color: #101626;
}

.widget-731812 .est-benefits--light .wb-benefit-card__title {
  color: #101626;
}

.widget-731812 .est-benefits--light .wb-benefit-card__desc {
  color: #4B5563;
}

/* Est primary CTA in light context */
.widget-731812 .stl-c1-cta--est-primary {
  background: linear-gradient(135deg, #E64E9B 0%, #F9A8D4 100%);
  color: #fff;
}

.widget-731812 .stl-c1-cta--est-primary:hover {
  background: linear-gradient(135deg, #C43D84 0%, #E64E9B 100%);
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(230, 78, 155, 0.35);
}

.widget-731812 .stl-subpanel--hidden {
  display: none;
  opacity: 0;
}

.widget-731812 .stl-subpanel--fade-in {
  animation: stlSubpanelIn 0.25s ease forwards;
}

@keyframes stlSubpanelIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* ─── Card 1 light glow overlay ───────────────────────── */
.widget-731812 .stl-c1-light-glow {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 60%;
  background: radial-gradient(circle at 100% 0%, rgba(91, 63, 230, 0.06) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
  border-radius: inherit;
}

/* ─── Wunderbuild panel: header block ─────────────────── */
.widget-731812 .wb-header {
  position: relative;
  z-index: 2;
  margin-bottom: 8px;
}

.widget-731812 .wb-title {
  font-size: 40px;
  font-weight: 700;
  color: #101626;
  line-height: 1.1 !important;
  letter-spacing: -0.02em;
  margin: 0 0 8px;
  font-family: var(--stl-font);
}

.widget-731812 .wb-price {
  font-size: 14px;
  font-weight: 500;
  color: #6B7280;
  margin-bottom: 10px;
  font-family: var(--stl-font);
}

.widget-731812 .wb-desc {
  font-size: 15px;
  font-weight: 400;
  color: #4B5563;
  line-height: 1.55;
  max-width: 620px;
  margin: 0;
  font-family: var(--stl-font);
}

/* ─── Two-column body grid ─────────────────────────────── */
.widget-731812 .wb-body-grid {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 32px;
  align-items: stretch;
  margin-top: 40px;
  margin-bottom: 32px;
  position: relative;
  z-index: 2;
}

/* ─── LEFT: Tier tabs ──────────────────────────────────── */
.widget-731812 .wb-tier-tabs {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.widget-731812 .wb-tier-tab {
  background: #FFFFFF;
  border: 1px solid rgba(16, 22, 38, 0.08);
  border-radius: 12px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  text-align: left;
  font-family: var(--stl-font);
  outline: none;
}

.widget-731812 .wb-tier-tab:hover:not(.wb-tier-tab--active) {
  border-color: rgba(16, 22, 38, 0.2);
  transform: translateX(2px);
}

.widget-731812 .wb-tier-tab:focus-visible {
  outline: 2px solid #5B3FE6;
  outline-offset: 2px;
}

.widget-731812 .wb-tier-tab__title {
  font-size: 15px;
  font-weight: 600;
  color: #101626;
  line-height: 1.3;
}

.widget-731812 .wb-tier-tab__subtitle {
  font-size: 12px;
  font-weight: 400;
  color: #6B7280;
  line-height: 1.4;
}

.widget-731812 .wb-tier-tab__price {
  font-size: 11px;
  font-weight: 600;
  color: #5B3FE6;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 4px;
}

.widget-731812 .wb-tier-tab__chevron {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s ease;
  flex-shrink: 0;
}

/* Active tier tab */
.widget-731812 .wb-tier-tab--active {
  background: #101626;
  border-color: transparent;
}

.widget-731812 .wb-tier-tab--active .wb-tier-tab__title {
  color: #FFFFFF;
}

.widget-731812 .wb-tier-tab--active .wb-tier-tab__subtitle {
  color: rgba(255, 255, 255, 0.65);
}

.widget-731812 .wb-tier-tab--active .wb-tier-tab__price {
  color: #F9A8D4;
  font-weight: 700;
}

.widget-731812 .wb-tier-tab--active .wb-tier-tab__chevron {
  opacity: 1;
}

/* ─── RIGHT: Tier content ──────────────────────────────── */
.widget-731812 .wb-tier-content {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Panel base — hidden by default */
.widget-731812 .wb-tier-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  opacity: 1;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.widget-731812 .wb-tier-panel[hidden] {
  display: none !important;
}

.widget-731812 .wb-tier-panel.wb-tier-panel--entering {
  animation: wbPanelIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes wbPanelIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ─── Mockup area ──────────────────────────────────────── */
.widget-731812 .wb-mockup {
  background: #FFFFFF;
  border: 1px solid rgba(16, 22, 38, 0.08);
  border-radius: 16px;
  padding: 32px;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(16, 22, 38, 0.04);
  position: relative;
}

/* ─── Dark laptop mockup environment ──────────────────── */
.widget-731812 .wb-mockup--dark {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 40px 32px;
  min-height: 380px;
  /* Dashboard left-align layout */
  align-items: flex-start;
  justify-content: flex-start;
}

/* Radial glow behind laptop */
.widget-731812 .wb-laptop-env-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 60%, var(--tier-accent, rgba(91, 63, 230, 0.25)) 0%, transparent 65%);
  pointer-events: none;
  z-index: 0;
  transition: background 0.6s ease;
}

/* Subtle grid pattern overlay */
.widget-731812 .wb-laptop-env-grid {
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
  z-index: 0;
}

/* Laptop screen bezel */
.widget-731812 .wb-laptop-screen {
  background: #0A0F1C;
  border-radius: 12px 12px 4px 4px;
  padding: 10px 10px 8px;
  position: relative;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

/* Laptop screen inner — the actual dashboard */
.widget-731812 .wb-laptop-inner {
  background: #0F1524;
  border-radius: 6px 6px 2px 2px;
  aspect-ratio: 16/10;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* Video slot — occupies the exact same area the dashboard mockup used to fill */
.widget-731812 .wb-tier-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Laptop base */
.widget-731812 .wb-laptop-base {
  height: 12px;
  background: linear-gradient(180deg, #1A2138 0%, #0A0F1C 100%);
  border-radius: 0 0 16px 16px;
  margin-top: -2px;
  position: relative;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
}

.widget-731812 .wb-laptop-notch {
  width: 60px;
  height: 4px;
  background: #0A0F1C;
  border-radius: 0 0 4px 4px;
  flex-shrink: 0;
}

/* Tier-switch animation on the laptop wrapper */
.widget-731812 .wb-laptop-wrapper {
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.widget-731812 .wb-laptop-wrapper.wb-laptop--exit {
  opacity: 0;
  transform: scale(0.96);
}

.widget-731812 .wb-laptop-wrapper.wb-laptop--enter {
  opacity: 0;
  transform: scale(0.96);
  animation: wbLaptopIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;
}

@keyframes wbLaptopIn {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .widget-731812 .wb-laptop-wrapper.wb-laptop--exit,
  .widget-731812 .wb-laptop-wrapper.wb-laptop--enter {
    opacity: 1;
    transform: none;
    animation: none;
  }
}
/* ─── Dashboard top chrome bar ─────────────────────────── */
.widget-731812 .wb-dash-topbar {
  height: 32px;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  padding: 0 12px;
  gap: 8px;
  flex-shrink: 0;
}

.widget-731812 .wb-dash-traffic {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.widget-731812 .wb-dash-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}

.widget-731812 .wb-dash-apptitle {
  flex: 1;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--stl-font);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.widget-731812 .wb-dash-topbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.widget-731812 .wb-dash-search {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 120px;
  height: 20px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  padding: 0 6px;
}

.widget-731812 .wb-dash-search-text {
  font-size: 10px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.35);
  font-family: var(--stl-font);
}

.widget-731812 .wb-dash-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 7px;
  font-weight: 700;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-family: var(--stl-font);
  letter-spacing: -0.02em;
}

/* ─── Dashboard body layout ─────────────────────────────── */
.widget-731812 .wb-dash-body {
  display: flex;
  flex: 1;
  overflow: hidden;
}

/* ─── Sidebar ───────────────────────────────────────────── */
.widget-731812 .wb-dash-sidebar {
  width: 60px;
  background: rgba(255, 255, 255, 0.02);
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.widget-731812 .wb-dash-sb-item {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
}

.widget-731812 .wb-dash-sb-item--active {
  background: rgba(255, 255, 255, 0.08);
}

.widget-731812 .wb-dash-sb-active-bar {
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background: #5B3FE6;
  border-radius: 0 2px 2px 0;
}

/* ─── Dashboard main content ────────────────────────────── */
.widget-731812 .wb-dash-main {
  flex: 1;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: hidden;
  min-width: 0;
}

/* Header row */
.widget-731812 .wb-dash-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.widget-731812 .wb-dash-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

.widget-731812 .wb-dash-project-title {
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
  font-family: var(--stl-font);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.widget-731812 .wb-dash-status-pill {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 3px 8px;
  border-radius: 4px;
  flex-shrink: 0;
  font-family: var(--stl-font);
}

/* Stat tiles */
.widget-731812 .wb-dash-stat-tiles {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}

.widget-731812 .wb-dash-stat-tiles--4col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  width: 100%;
}

.widget-731812 .wb-dash-stat-tile {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  padding: 6px 10px;
  min-width: 68px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.widget-731812 .wb-dash-stat-label {
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  font-family: var(--stl-font);
  letter-spacing: 0.04em;
}

.widget-731812 .wb-dash-stat-val {
  font-size: 11px;
  font-weight: 700;
  color: #FFFFFF;
  font-family: var(--stl-font);
  font-variant-numeric: tabular-nums;
}

/* Categories table */
.widget-731812 .wb-dash-cat-table {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 8px;
  padding: 4px;
  display: flex;
  flex-direction: column;
}

.widget-731812 .wb-dash-cat-header {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
}

.widget-731812 .wb-dash-cat-left {
  display: flex;
  align-items: center;
  gap: 6px;
}

.widget-731812 .wb-dash-cat-name {
  font-size: 11px;
  font-weight: 600;
  color: #FFFFFF;
  font-family: var(--stl-font);
}

.widget-731812 .wb-dash-cat-subtotal {
  font-size: 11px;
  font-weight: 600;
  color: #FFFFFF;
  font-family: var(--stl-font);
  font-variant-numeric: tabular-nums;
}

.widget-731812 .wb-dash-line-item {
  padding: 4px 12px 4px 32px;
  display: flex;
  justify-content: space-between;
}

.widget-731812 .wb-dash-li-name {
  font-size: 10px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.55);
  font-family: var(--stl-font);
}

.widget-731812 .wb-dash-li-price {
  font-size: 10px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--stl-font);
  font-variant-numeric: tabular-nums;
}

/* Progress bar */
.widget-731812 .wb-dash-progress-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.widget-731812 .wb-dash-prog-label {
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  font-family: var(--stl-font);
  letter-spacing: 0.04em;
  flex-shrink: 0;
}

.widget-731812 .wb-dash-prog-bar-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.widget-731812 .wb-dash-prog-bar-bg {
  flex: 1;
  height: 4px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 2px;
  overflow: hidden;
}

.widget-731812 .wb-dash-prog-fill {
  height: 100%;
  border-radius: 2px;
  transition: width 0.6s ease;
}

.widget-731812 .wb-dash-prog-pct {
  font-size: 10px;
  font-weight: 700;
  color: #FFFFFF;
  font-family: var(--stl-font);
  flex-shrink: 0;
}

/* Setup dots (tier 3) */
.widget-731812 .wb-dash-setup-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  display: inline-block;
  flex-shrink: 0;
  transition: background 0.3s ease;
}

/* ─── Tier 2: Split content ──────────────────────────────── */
.widget-731812 .wb-dash-split {
  display: flex;
  gap: 12px;
  overflow: hidden;
  flex: 1;
  min-height: 0;
}

/* Floor plan area */
.widget-731812 .wb-dash-floorplan {
  flex: 6;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 8px;
  aspect-ratio: 4/3;
  position: relative;
  padding: 4px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: stretch;
}

.widget-731812 .wb-dash-fp-svg {
  width: 100%;
  height: 100%;
}

/* Animated floor plan elements */
.widget-731812 .wb-fp-lm-line {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation: fpDrawLine 1.2s ease forwards;
}

.widget-731812 .wb-fp-area {
  opacity: 0;
  animation: fpFadeIn 0.5s ease 1.2s forwards;
}

.widget-731812 .wb-fp-dot {
  opacity: 0;
}

.widget-731812 .wb-fp-dot:nth-child(4) {
  animation: fpDotPop 0.25s ease 1.7s forwards;
}

.widget-731812 .wb-fp-dot:nth-child(6) {
  animation: fpDotPop 0.25s ease 1.95s forwards;
}

.widget-731812 .wb-fp-dot:nth-child(8) {
  animation: fpDotPop 0.25s ease 2.2s forwards;
}

@keyframes fpDrawLine {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fpFadeIn {
  to {
    opacity: 1;
  }
}
@keyframes fpDotPop {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  70% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Loop via restart class */
.widget-731812 [data-laptop-mockup="2"] .wb-fp-lm-line.fp-reset,
.widget-731812 [data-laptop-mockup="2"] .wb-fp-area.fp-reset,
.widget-731812 [data-laptop-mockup="2"] .wb-fp-dot.fp-reset {
  opacity: 0;
  stroke-dashoffset: 700;
  animation: none;
}

/* Measurements side panel */
.widget-731812 .wb-dash-measures {
  flex: 4;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
}

.widget-731812 .wb-dash-meas-label {
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  font-family: var(--stl-font);
  letter-spacing: 0.04em;
  flex-shrink: 0;
}

.widget-731812 .wb-dash-meas-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.widget-731812 .wb-dash-meas-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.widget-731812 .wb-dash-meas-name {
  font-size: 10px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--stl-font);
  flex: 1;
}

.widget-731812 .wb-dash-meas-val {
  font-size: 10px;
  font-weight: 700;
  color: #FFFFFF;
  font-family: var(--stl-font);
  font-variant-numeric: tabular-nums;
}

.widget-731812 .wb-dash-meas-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.06);
  margin: 2px 0;
  flex-shrink: 0;
}

.widget-731812 .wb-dash-meas-total {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--stl-font);
  font-variant-numeric: tabular-nums;
}

/* Category strip (tier 2 bottom) */
.widget-731812 .wb-dash-cat-strip {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.widget-731812 .wb-dash-cat-tile {
  font-size: 10px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--stl-font);
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
}

/* ─── Tier 3: Config tree ────────────────────────────────── */
.widget-731812 .wb-dash-config-tree {
  flex: 6;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 8px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow: hidden;
}

.widget-731812 .wb-dash-tree-section {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.widget-731812 .wb-dash-tree-header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 2px;
}

.widget-731812 .wb-dash-tree-chevron {
  font-size: 8px;
  color: rgba(255, 255, 255, 0.4);
  flex-shrink: 0;
  font-style: normal;
}

.widget-731812 .wb-dash-tree-name {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--stl-font);
}

.widget-731812 .wb-dash-tree-child {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 4px 3px 16px;
  border-radius: 4px;
}

.widget-731812 .wb-dash-tree-child--gold {
  background: rgba(252, 198, 12, 0.06);
}

.widget-731812 .wb-dash-tree-child-name {
  font-size: 10px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--stl-font);
}

/* Toggle switches */
.widget-731812 .wb-dash-tree-toggle {
  width: 24px;
  height: 12px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.12);
  position: relative;
  flex-shrink: 0;
  display: inline-block;
}

.widget-731812 .wb-dash-tree-toggle::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  top: 2px;
  left: 2px;
  transition: transform 0.2s ease;
}

.widget-731812 .wb-dash-toggle--on {
  background: rgba(252, 198, 12, 0.3);
}

.widget-731812 .wb-dash-toggle--on::after {
  background: #FCC60C;
  transform: translateX(12px);
}

/* Gold pulse on custom category row */
@keyframes wbGoldGlow {
  0%, 100% {
    background: rgba(252, 198, 12, 0.06);
  }
  50% {
    background: rgba(252, 198, 12, 0.14);
  }
}
.widget-731812 .wb-dash-tree-child--gold {
  animation: wbGoldGlow 3s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .widget-731812 .wb-dash-tree-child--gold {
    animation: none;
    background: rgba(252, 198, 12, 0.1);
  }
}
/* Logo placeholder (tier 3 header) */
.widget-731812 .wb-dash-logo-mock {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 20px;
  background: rgba(252, 198, 12, 0.15);
  border: 1px solid rgba(252, 198, 12, 0.3);
  border-radius: 4px;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FCD34D;
  letter-spacing: 0.04em;
  font-family: var(--stl-font);
  flex-shrink: 0;
}

/* ─── Tier 4: Campbells badge ────────────────────────────── */
.widget-731812 .wb-dash-campbells-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  background: linear-gradient(90deg, #5B3FE6 0%, #E64E9B 100%);
  border-radius: 99px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #FFFFFF;
  font-family: var(--stl-font);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ─── Tier 4: Donut chart ─────────────────────────────────── */
.widget-731812 .wb-dash-donut-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.widget-731812 .wb-dash-donut {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  transform: rotate(-90deg);
}

.widget-731812 .wb-donut-seg {
  stroke-linecap: butt;
  transform-origin: 30px 30px;
  stroke-dashoffset: 119.4; /* fully hidden initially */
  transition: stroke-dashoffset 0.4s ease;
}

.widget-731812 .wb-donut-seg--1 {
  animation: donutIn 0.4s ease 0.1s forwards;
}

.widget-731812 .wb-donut-seg--2 {
  animation: donutIn2 0.4s ease 0.2s forwards;
}

.widget-731812 .wb-donut-seg--3 {
  animation: donutIn3 0.4s ease 0.3s forwards;
}

.widget-731812 .wb-donut-seg--4 {
  animation: donutIn4 0.4s ease 0.4s forwards;
}

/* Start segments invisible (dashoffset = full circumference 119.4) */
.widget-731812 .wb-donut-seg--1 {
  stroke-dasharray: 47.1 119.4;
  stroke-dashoffset: 119.4;
}

.widget-731812 .wb-donut-seg--2 {
  stroke-dasharray: 28.4 119.4;
  stroke-dashoffset: 119.4;
}

.widget-731812 .wb-donut-seg--3 {
  stroke-dasharray: 24 119.4;
  stroke-dashoffset: 119.4;
}

.widget-731812 .wb-donut-seg--4 {
  stroke-dasharray: 19.7 119.4;
  stroke-dashoffset: 119.4;
}

@keyframes donutIn {
  from {
    stroke-dashoffset: 119.4;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes donutIn2 {
  from {
    stroke-dashoffset: 119.4;
  }
  to {
    stroke-dashoffset: -47.1;
  }
}
@keyframes donutIn3 {
  from {
    stroke-dashoffset: 119.4;
  }
  to {
    stroke-dashoffset: -75.5;
  }
}
@keyframes donutIn4 {
  from {
    stroke-dashoffset: 119.4;
  }
  to {
    stroke-dashoffset: -99.5;
  }
}
.widget-731812 .wb-dash-legend {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.widget-731812 .wb-dash-legend-row {
  display: flex;
  align-items: center;
  gap: 5px;
}

.widget-731812 .wb-dash-legend-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.widget-731812 .wb-dash-legend-name {
  font-size: 9px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--stl-font);
  flex: 1;
}

.widget-731812 .wb-dash-legend-pct {
  font-size: 9px;
  font-weight: 700;
  color: #FFFFFF;
  font-family: var(--stl-font);
  font-variant-numeric: tabular-nums;
}

/* Reduced-motion: disable all dash animations */
@media (prefers-reduced-motion: reduce) {
  .widget-731812 .wb-fp-lm-line,
  .widget-731812 .wb-fp-area,
  .widget-731812 .wb-fp-dot {
    animation: none;
    stroke-dashoffset: 0;
    opacity: 1;
  }
  .widget-731812 .wb-donut-seg--1 {
    stroke-dashoffset: 0;
    animation: none;
  }
  .widget-731812 .wb-donut-seg--2 {
    stroke-dashoffset: -47.1;
    animation: none;
  }
  .widget-731812 .wb-donut-seg--3 {
    stroke-dashoffset: -75.5;
    animation: none;
  }
  .widget-731812 .wb-donut-seg--4 {
    stroke-dashoffset: -99.5;
    animation: none;
  }
}
/* ─── Responsive adjustments for dark mockup ────────────── */
@media (max-width: 1024px) {
  .widget-731812 .wb-mockup--dark {
    padding: 32px 24px;
  }
  .widget-731812 .wb-laptop-wrapper {
    max-width: 520px !important;
  }
}
@media (max-width: 900px) {
  .widget-731812 .wb-laptop-wrapper {
    max-width: 100% !important;
  }
  .widget-731812 .wb-dash-apptitle {
    font-size: 10px;
  }
  .widget-731812 .wb-dash-sidebar {
    width: 48px;
  }
}
@media (max-width: 768px) {
  .widget-731812 .wb-dash-sidebar {
    display: none;
  }
  .widget-731812 .wb-dash-topbar {
    height: 28px;
  }
  .widget-731812 .wb-dash-dot {
    width: 8px;
    height: 8px;
  }
  .widget-731812 .wb-dash-project-title {
    font-size: 12px;
  }
  .widget-731812 .wb-dash-stat-tiles {
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .widget-731812 .wb-dash-stat-tiles {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .widget-731812 .wb-dash-split {
    flex-direction: column;
  }
  .widget-731812 .wb-dash-floorplan {
    aspect-ratio: auto;
    height: 80px;
  }
  .widget-731812 .wb-dash-search {
    display: none;
  }
}
/* Mockup card — inner document */
.widget-731812 .wb-mockup-card {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 22px 20px;
  max-width: 380px;
  width: 100%;
  border: 1px solid rgba(16, 22, 38, 0.07);
  box-shadow: 0 4px 20px rgba(16, 22, 38, 0.06);
}

.widget-731812 .wb-mockup-card__top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.widget-731812 .wb-mockup-pill {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 4px 9px;
  border-radius: 4px;
  flex-shrink: 0;
}

.widget-731812 .wb-mockup-doctitle {
  font-size: 13px;
  font-weight: 600;
  color: #101626;
  font-family: var(--stl-font);
}

.widget-731812 .wb-mockup-logo-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 24px;
  background: rgba(16, 22, 38, 0.08);
  color: #6B7280;
  font-size: 11px;
  font-weight: 700;
  border-radius: 4px;
  flex-shrink: 0;
  font-family: var(--stl-font);
  letter-spacing: 0.04em;
}

.widget-731812 .wb-mockup-divider {
  height: 1px;
  background: rgba(16, 22, 38, 0.07);
  margin-bottom: 14px;
}

/* Categories + items */
.widget-731812 .wb-mockup-cat {
  margin-bottom: 10px;
}

.widget-731812 .wb-mockup-cat__row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

.widget-731812 .wb-mockup-cat__name {
  font-size: 12px;
  font-weight: 600;
  color: #101626;
  flex: 1;
  font-family: var(--stl-font);
}

.widget-731812 .wb-mockup-cat__subtotal {
  font-size: 12px;
  font-weight: 600;
  color: #101626;
  font-family: var(--stl-font);
  font-variant-numeric: tabular-nums;
}

.widget-731812 .wb-mockup-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-left: 20px;
  margin-bottom: 2px;
}

.widget-731812 .wb-mockup-item__dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #9CA3AF;
  flex-shrink: 0;
}

.widget-731812 .wb-mockup-item__name {
  font-size: 11px;
  color: #6B7280;
  flex: 1;
  font-family: var(--stl-font);
}

.widget-731812 .wb-mockup-item__price {
  font-size: 11px;
  color: #6B7280;
  font-family: var(--stl-font);
  font-variant-numeric: tabular-nums;
}

/* Metrics strip (Tier 2) */
.widget-731812 .wb-mockup-metrics {
  display: flex;
  gap: 16px;
  margin: 10px 0 8px;
  padding: 8px 10px;
  background: rgba(16, 22, 38, 0.03);
  border-radius: 6px;
}

.widget-731812 .wb-mockup-metric {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.widget-731812 .wb-mockup-metric__label {
  font-size: 9px;
  font-weight: 700;
  color: #9CA3AF;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-family: var(--stl-font);
}

.widget-731812 .wb-mockup-metric__val {
  font-size: 15px;
  font-weight: 700;
  color: #101626;
  font-family: var(--stl-font);
  font-variant-numeric: tabular-nums;
}

/* Total row */
.widget-731812 .wb-mockup-total {
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(16, 22, 38, 0.08);
  padding-top: 12px;
  margin-top: 14px;
  gap: 8px;
}

.widget-731812 .wb-mockup-total__label {
  font-size: 11px;
  font-weight: 700;
  color: #6B7280;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  flex: 1;
  font-family: var(--stl-font);
}

.widget-731812 .wb-mockup-total__value {
  font-size: 16px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  font-family: var(--stl-font);
}

/* Footer note (Tier 3) */
.widget-731812 .wb-mockup-footer-note {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6B7280;
  margin-top: 10px;
  font-family: var(--stl-font);
}

/* Campbells badge (Tier 4) */
.widget-731812 .wb-campbells-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(90deg, #5B3FE6 0%, #2D6CE0 100%);
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 99px;
  font-family: var(--stl-font);
  white-space: nowrap;
}

/* ─── Details block ────────────────────────────────────── */
.widget-731812 .wb-details {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 8px 0;
}

.widget-731812 .wb-details__heading {
  font-size: 20px;
  font-weight: 700;
  color: #101626;
  line-height: 1.25;
  font-family: var(--stl-font);
  margin: 0;
}

.widget-731812 .wb-details__body {
  font-size: 14px;
  font-weight: 400;
  color: #4B5563;
  line-height: 1.6;
  max-width: 520px;
  margin: 0;
  font-family: var(--stl-font);
}

/* Sub-tier chips (Tier 1) */
.widget-731812 .wb-subtier-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.widget-731812 .wb-subtier-chip {
  display: inline-block;
  font-size: 13px;
  padding: 8px 14px;
  border-radius: 99px;
  font-family: var(--stl-font);
}

.widget-731812 .wb-subtier-chip--plain {
  background: rgba(16, 22, 38, 0.06);
  color: #101626;
  font-weight: 600;
  border: 1px solid rgba(16, 22, 38, 0.08);
}

.widget-731812 .wb-subtier-chip--highlight {
  background: linear-gradient(135deg, rgba(91, 63, 230, 0.1) 0%, rgba(45, 108, 224, 0.08) 100%);
  color: #5B3FE6;
  font-weight: 700;
  border: 1px solid rgba(91, 63, 230, 0.25);
}

/* Coming-soon strip (Tier 2) */
.widget-731812 .wb-coming-soon {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(90deg, rgba(252, 198, 12, 0.15) 0%, rgba(230, 78, 155, 0.1) 100%);
  border: 1px solid rgba(252, 198, 12, 0.35);
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 600;
  color: #101626;
  font-family: var(--stl-font);
  background-size: 200% 100%;
  animation: wbComingSoonShimmer 6s ease-in-out infinite;
}

@keyframes wbComingSoonShimmer {
  0%, 100% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 0%;
  }
}
/* Inclusion bullets */
.widget-731812 .wb-checks {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.widget-731812 .wb-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.widget-731812 .wb-check svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.widget-731812 .wb-check span {
  font-size: 13px;
  font-weight: 500;
  color: #101626;
  line-height: 1.5;
  font-family: var(--stl-font);
}

/* Two-mode explainer (Tier 4) */
.widget-731812 .wb-mode-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 8px 0;
}

.widget-731812 .wb-mode-panel {
  background: #FFFFFF;
  border: 1px solid rgba(16, 22, 38, 0.1);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.widget-731812 .wb-mode-panel__header {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-family: var(--stl-font);
}

.widget-731812 .wb-mode-panel__body {
  font-size: 12px;
  font-weight: 400;
  color: #4B5563;
  line-height: 1.5;
  margin: 0;
  font-family: var(--stl-font);
}

/* ─── Card 1 inclusions: light mode restyle ────────────── */
.widget-731812 .stl-card--1 .stl-inclusions__label {
  color: #6B7280;
}

.widget-731812 .stl-card--1 .stl-inc-pill {
  background: rgba(16, 22, 38, 0.05);
  border: 1px solid rgba(16, 22, 38, 0.08);
  color: #4B5563;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
}

/* ─── Card 1 CTA — restyle secondary ──────────────────── */
.widget-731812 .stl-card--1 .stl-c1-cta--secondary {
  background: transparent;
  color: #101626;
  border: 1px solid rgba(16, 22, 38, 0.15);
  font-weight: 500;
}

.widget-731812 .stl-card--1 .stl-c1-cta--secondary:hover {
  border-color: rgba(16, 22, 38, 0.3);
  text-decoration: underline;
}

/* ─── Card 1 platform note ─────────────────────────────── */
.widget-731812 .stl-card--1 .stl-platform-note {
  color: #6B7280;
}

/* Tier cards container — legacy (card 2 + 3 still use it) */
.widget-731812 .stl-tiers {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 24px;
  position: relative;
  z-index: 2;
}

/* Individual tier card */
.widget-731812 .stl-tier {
  background: rgba(255, 255, 255, 0.06);
  border: 0.5px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 0.2s ease;
  cursor: default;
}

.widget-731812 .stl-tier:hover {
  background: rgba(255, 255, 255, 0.1);
}

.widget-731812 .stl-tier--featured {
  border: 1px solid rgba(99, 102, 241, 0.5);
}

.widget-731812 .stl-tier__left {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.widget-731812 .stl-tier__name {
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  font-family: var(--stl-font);
}

.widget-731812 .stl-tier__desc {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--stl-font);
  line-height: 1.4;
}

.widget-731812 .stl-tier__right {
  display: flex;
  align-items: center;
  gap: 0;
  flex-shrink: 0;
  margin-left: 12px;
}

.widget-731812 .stl-tier__arrow {
  color: rgba(255, 255, 255, 0.3);
  font-size: 16px;
  line-height: 1;
}

.widget-731812 .stl-tier__badge {
  background: rgba(99, 102, 241, 0.2);
  color: #a5b4fc;
  font-size: 9px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 99px;
  letter-spacing: 0.04em;
  margin-right: 8px;
  white-space: nowrap;
  font-family: var(--stl-font);
}

/* ── Card 2 featured tier border — indigo-pink ── */
.widget-731812 .stl-tier-featured-2 {
  border: 1px solid rgba(124, 42, 140, 0.6);
}

.widget-731812 .stl-tier-badge-2 {
  background: rgba(124, 42, 140, 0.25);
  color: #e879f9;
  font-size: 9px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 99px;
  letter-spacing: 0.04em;
  margin-right: 8px;
  white-space: nowrap;
  font-family: var(--stl-font);
}

/* ── Card 3 featured tier border — pink-magenta ── */
.widget-731812 .stl-tier-featured-3 {
  border: 1px solid rgba(194, 24, 91, 0.55);
}

.widget-731812 .stl-tier-badge-3 {
  background: rgba(194, 24, 91, 0.2);
  color: #f9a8d4;
  font-size: 9px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 99px;
  letter-spacing: 0.04em;
  margin-right: 8px;
  white-space: nowrap;
  font-family: var(--stl-font);
}

/* ── Systems primary CTA — indigo/purple ── */
.widget-731812 .stl-c2-cta-primary {
  background: #7c3aed;
  color: #fff;
}

.widget-731812 .stl-c2-cta-primary:hover {
  background: #6d28d9;
}

/* ── Estimating primary CTA — pink/magenta ── */
.widget-731812 .stl-c3-cta-primary {
  background: #be185d;
  color: #fff;
}

.widget-731812 .stl-c3-cta-primary:hover {
  background: #9d174d;
}

/* ── QBE detail box ── */
.widget-731812 .stl-qbe-box {
  background: rgba(255, 255, 255, 0.06);
  border: 0.5px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 16px 20px;
  margin-top: 20px;
  position: relative;
  z-index: 2;
}

.widget-731812 .stl-qbe-box__label {
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-bottom: 8px;
  font-family: var(--stl-font);
}

.widget-731812 .stl-qbe-box__body {
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  font-family: var(--stl-font);
}

.widget-731812 .stl-qbe-box__stat {
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  margin-top: 8px;
  margin-bottom: 0;
  font-family: var(--stl-font);
}

/* Inclusions row */
.widget-731812 .stl-inclusions {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}

.widget-731812 .stl-inclusions__label {
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 500;
  margin-bottom: 10px;
  font-family: var(--stl-font);
}

.widget-731812 .stl-inclusions__pills {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 2px;
}

.widget-731812 .stl-inclusions__pills::-webkit-scrollbar {
  display: none;
}

.widget-731812 .stl-inc-pill {
  background: rgba(255, 255, 255, 0.06);
  border: 0.5px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  padding: 5px 12px;
  border-radius: 99px;
  white-space: nowrap;
  flex-shrink: 0;
  font-family: var(--stl-font);
}

/* CTA row for card 1 new layout */
.widget-731812 .stl-c1-cta-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
  position: relative;
  z-index: 2;
}

.widget-731812 .stl-c1-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  height: 49px;
  padding: 0 24px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  font-family: var(--stl-font);
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
  white-space: nowrap;
}

.widget-731812 .stl-c1-cta--primary {
  background: #5B3FE6;
  color: #fff;
}

.widget-731812 .stl-c1-cta--primary:hover {
  background: #4b32d0;
  transform: translateY(-1px);
}

.widget-731812 .stl-c1-cta--secondary {
  background: transparent;
  color: #101626;
  border: 1px solid rgba(16, 22, 38, 0.15);
  font-weight: 500;
}

.widget-731812 .stl-c1-cta--secondary:hover {
  border-color: rgba(16, 22, 38, 0.3);
  text-decoration: underline;
}

/* Platform note */
.widget-731812 .stl-platform-note {
  color: rgba(255, 255, 255, 0.35);
  font-size: 11px;
  font-style: italic;
  margin-top: 12px;
  margin-bottom: 0;
  font-family: var(--stl-font);
  position: relative;
  z-index: 2;
}

/* Card 1 overrides platform-note colour in its own rule block above */
/* ── Entrance animations for card 1 sub-content ── */
.widget-731812 .stl-card--1.is-entering .stl-c1-kicker,
.widget-731812 .stl-card--1.is-entering .stl-subtabs {
  animation: stlSubIn 0.35s ease 0.1s both;
}

.widget-731812 .stl-card--1.is-entering .stl-c1-headline,
.widget-731812 .stl-card--1.is-entering .stl-c1-price,
.widget-731812 .stl-card--1.is-entering .stl-c1-body {
  animation: stlSubIn 0.35s ease 0.15s both;
}

.widget-731812 .stl-card--1.is-entering .stl-tiers .stl-tier:nth-child(1) {
  animation: stlSubIn 0.35s ease 0.2s both;
}

.widget-731812 .stl-card--1.is-entering .stl-tiers .stl-tier:nth-child(2) {
  animation: stlSubIn 0.35s ease 0.28s both;
}

.widget-731812 .stl-card--1.is-entering .stl-tiers .stl-tier:nth-child(3) {
  animation: stlSubIn 0.35s ease 0.36s both;
}

.widget-731812 .stl-card--1.is-entering .stl-tiers .stl-tier:nth-child(4) {
  animation: stlSubIn 0.35s ease 0.44s both;
}

.widget-731812 .stl-card--1.is-entering .stl-inclusions,
.widget-731812 .stl-card--1.is-entering .stl-c1-cta-row,
.widget-731812 .stl-card--1.is-entering .stl-platform-note {
  animation: stlSubIn 0.35s ease 0.5s both;
}

/* Also trigger on first-load via is-visible */
.widget-731812 .stl-card--1.stl-c1-animate .stl-c1-kicker,
.widget-731812 .stl-card--1.stl-c1-animate .stl-subtabs {
  animation: stlSubIn 0.35s ease 0.1s both;
}

.widget-731812 .stl-card--1.stl-c1-animate .stl-c1-headline,
.widget-731812 .stl-card--1.stl-c1-animate .stl-c1-price,
.widget-731812 .stl-card--1.stl-c1-animate .stl-c1-body {
  animation: stlSubIn 0.35s ease 0.15s both;
}

.widget-731812 .stl-card--1.stl-c1-animate .stl-tiers .stl-tier:nth-child(1) {
  animation: stlSubIn 0.35s ease 0.2s both;
}

.widget-731812 .stl-card--1.stl-c1-animate .stl-tiers .stl-tier:nth-child(2) {
  animation: stlSubIn 0.35s ease 0.28s both;
}

.widget-731812 .stl-card--1.stl-c1-animate .stl-tiers .stl-tier:nth-child(3) {
  animation: stlSubIn 0.35s ease 0.36s both;
}

.widget-731812 .stl-card--1.stl-c1-animate .stl-tiers .stl-tier:nth-child(4) {
  animation: stlSubIn 0.35s ease 0.44s both;
}

.widget-731812 .stl-card--1.stl-c1-animate .stl-inclusions,
.widget-731812 .stl-card--1.stl-c1-animate .stl-c1-cta-row,
.widget-731812 .stl-card--1.stl-c1-animate .stl-platform-note {
  animation: stlSubIn 0.35s ease 0.5s both;
}

@keyframes stlSubIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ─────────────────────────────────────────────────────────
   WUNDERBUILD SHIMMER ANIMATION
   ───────────────────────────────────────────────────────── */
/*
  Full cycle (12s total):
  0–8%    : idle white
  8–20%   : fade white → green gradient
  20–48%  : green, shimmer sweeps once (20–34%) then again (34–48%)
  48–60%  : fade green → white
  60–100% : idle white (5s rest before next cycle)

  Two animations share the same 12s duration and run together:
  1. wunderbuild-color  — controls white ↔ green via -webkit-text-fill-color
  2. wunderbuild-sweep  — slides the highlight band twice across the gradient
*/
.widget-731812 .wunderbuild-shimmer {
  display: inline;
  position: relative;
  /* Wide gradient: base green on the edges, bright yellow-green highlight band in centre */
  background: linear-gradient(90deg, #38c948 0%, #3dd44e 20%, #38c948 35%, #78f04e 46%, #c2ff60 50%, #78f04e 54%, #38c948 65%, #3dd44e 80%, #38c948 100%);
  background-size: 300% 100%;
  background-position: 200% 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: #ffffff;
  color: #ffffff;
  animation: wunderbuild-color 12s ease-in-out infinite, wunderbuild-sweep 12s ease-in-out infinite;
}

/* Phase 1: colour transition — white → green gradient → white */
@keyframes wunderbuild-color {
  /* 0–8%: idle white */
  0%, 8% {
    -webkit-text-fill-color: #ffffff;
    color: #ffffff;
  }
  /* 8–20%: fade to green (text-fill goes transparent to reveal gradient) */
  20% {
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  /* 20–48%: green with shimmer */
  48% {
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  /* 48–60%: fade back to white */
  60% {
    -webkit-text-fill-color: #ffffff;
    color: #ffffff;
  }
  /* 60–100%: idle white */
  100% {
    -webkit-text-fill-color: #ffffff;
    color: #ffffff;
  }
}
/* Phase 2: shimmer — highlight band sweeps twice during the green window */
@keyframes wunderbuild-sweep {
  /* idle / pre-green: highlight parked off to the right (invisible behind white) */
  0%, 20% {
    background-position: 200% 0;
  }
  /* first sweep: travels left */
  34% {
    background-position: -30% 0;
  }
  /* brief pause between sweeps */
  34.1% {
    background-position: 200% 0;
  }
  /* second sweep: travels left again */
  48% {
    background-position: -30% 0;
  }
  /* fade-out and idle: park off to the right */
  60%, 100% {
    background-position: 200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .widget-731812 .wunderbuild-shimmer {
    animation: none;
    -webkit-text-fill-color: #ffffff;
    color: #ffffff;
  }
  .widget-731812 .wb-tier-panel.wb-tier-panel--entering {
    animation: none;
  }
  .widget-731812 .wb-coming-soon {
    animation: none;
  }
}
/* ─────────────────────────────────────────────────────────
   WB-TITLE BRAND WORD — "Wunderbuild" shimmer animation
   ───────────────────────────────────────────────────────── */
/* Wrapper: contains both text layers and the shimmer pseudo-element */
.widget-731812 .brand-word {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  overflow: hidden;
  vertical-align: baseline;
  line-height: inherit;
}

/* Ensure the static text node after .brand-word stays dark —
   -webkit-text-fill-color must not inherit from the gradient span */
.widget-731812 .wb-title {
  -webkit-text-fill-color: #101626;
  color: #101626;
}

/* Dark layer — default visible state, matches static headline text */
.widget-731812 .word-dark {
  position: relative;
  display: block;
  color: #101626;
  -webkit-text-fill-color: #101626;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  z-index: 2;
  line-height: inherit;
  white-space: nowrap;
}

/* Gradient layer — default hidden, revealed during animation */
.widget-731812 .word-gradient {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #0FBE4F 0%, #A7F753 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
  z-index: 1;
  /* Match font metrics of .word-dark exactly so both layers align */
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  white-space: nowrap;
}

/* Glass shimmer sweep pseudo-element — JS-controlled via .shimmer-active */
.widget-731812 .word-gradient::after {
  content: "";
  position: absolute;
  top: -10%;
  height: 120%;
  width: 60%;
  left: -100%;
  background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, 0.5) 45%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.5) 55%, transparent 70%);
  opacity: 0;
  pointer-events: none;
  transition: none;
}

/* When .shimmer-active is added, run the glass sweep */
.widget-731812 .word-gradient.shimmer-active::after {
  animation: wbBrandGlassShine 1800ms ease-in-out forwards;
}

@keyframes wbBrandGlassShine {
  from {
    left: -100%;
    opacity: 1;
  }
  to {
    left: 200%;
    opacity: 1;
  }
}
/* Reduced-motion: skip animation, show green gradient immediately */
@media (prefers-reduced-motion: reduce) {
  .widget-731812 .word-dark {
    opacity: 0 !important;
    transition: none !important;
  }
  .widget-731812 .word-gradient {
    opacity: 1 !important;
    transition: none !important;
  }
  .widget-731812 .word-gradient.shimmer-active::after {
    animation: none;
  }
}
/* ─────────────────────────────────────────────────────────
   BX-TITLE BRAND WORD — "Buildxact" shimmer animation
   ───────────────────────────────────────────────────────── */
/* Design Panel custom properties — exposed as color pickers */
.widget-731812 {
  --headline-buildxact-base-color: #101626;
  --headline-buildxact-gradient-color-1: #FF8A00;
  --headline-buildxact-gradient-color-2: #FFB347;
  --headline-buildxact-gradient-color-3: #FFD27A;
  --headline-buildxact-animation-duration: 4s;
}

/* Wrapper: identical layout to .brand-word */
.widget-731812 .bx-brand-word {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  overflow: hidden;
  vertical-align: baseline;
  line-height: inherit;
}

/* Ensure static text after .bx-brand-word stays dark */
.widget-731812 .bx-title {
  -webkit-text-fill-color: var(--headline-buildxact-base-color);
  color: var(--headline-buildxact-base-color);
}

/* Dark layer — default visible state */
.widget-731812 .bx-word-dark {
  position: relative;
  display: block;
  color: var(--headline-buildxact-base-color);
  -webkit-text-fill-color: var(--headline-buildxact-base-color);
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  z-index: 2;
  line-height: inherit;
  white-space: nowrap;
}

/* Gradient layer — default hidden, revealed during animation */
.widget-731812 .bx-word-gradient {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, var(--headline-buildxact-gradient-color-1) 0%, var(--headline-buildxact-gradient-color-2) 40%, var(--headline-buildxact-gradient-color-3) 65%, var(--headline-buildxact-gradient-color-1) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
  z-index: 1;
  /* Match font metrics of .bx-word-dark exactly */
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  white-space: nowrap;
}

/* Glass shimmer sweep pseudo-element */
.widget-731812 .bx-word-gradient::after {
  content: "";
  position: absolute;
  top: -10%;
  height: 120%;
  width: 60%;
  left: -100%;
  background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, 0.5) 45%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.5) 55%, transparent 70%);
  opacity: 0;
  pointer-events: none;
  transition: none;
}

/* When .bx-shimmer-active is added, run the glass sweep */
.widget-731812 .bx-word-gradient.bx-shimmer-active::after {
  animation: bxBrandGlassShine 1800ms ease-in-out forwards;
}

@keyframes bxBrandGlassShine {
  from {
    left: -100%;
    opacity: 1;
  }
  to {
    left: 200%;
    opacity: 1;
  }
}
/* Reduced-motion: skip animation, show orange gradient immediately */
@media (prefers-reduced-motion: reduce) {
  .widget-731812 .bx-word-dark {
    opacity: 0 !important;
    transition: none !important;
  }
  .widget-731812 .bx-word-gradient {
    opacity: 1 !important;
    transition: none !important;
  }
  .widget-731812 .bx-word-gradient.bx-shimmer-active::after {
    animation: none;
  }
}
/* ─────────────────────────────────────────────────────────
   BUILDXACT PANEL — COLOR OVERRIDES (light background)
   ───────────────────────────────────────────────────────── */
/* Headline */
.widget-731812 .bx-title {
  font-size: 40px;
  font-weight: 700;
  color: var(--headline-buildxact-base-color, #101626);
  -webkit-text-fill-color: var(--headline-buildxact-base-color, #101626);
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 0 0 8px;
  font-family: var(--stl-font);
  position: relative;
  z-index: 2;
}

/* Price line */
#stl-subpanel-bx .stl-c1-price {
  color: #6B7280;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--stl-font);
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

/* Description */
#stl-subpanel-bx .stl-c1-body {
  color: #4B5563;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  max-width: 620px;
  font-family: var(--stl-font);
  position: relative;
  z-index: 2;
}

/* Tier rows — reset from white-on-dark to dark-on-light */
#stl-subpanel-bx .stl-tiers {
  position: relative;
  z-index: 2;
}

#stl-subpanel-bx .stl-tier {
  background: #FFFFFF;
  border: 1px solid rgba(16, 22, 38, 0.08);
}

#stl-subpanel-bx .stl-tier:hover {
  background: #F9FAFB;
  border-color: rgba(16, 22, 38, 0.15);
}

#stl-subpanel-bx .stl-tier__name {
  color: #101626;
}

#stl-subpanel-bx .stl-tier__desc {
  color: #6B7280;
}

#stl-subpanel-bx .stl-tier__arrow {
  color: rgba(16, 22, 38, 0.35);
}

/* Featured tier */
#stl-subpanel-bx .stl-tier--featured {
  border: 1px solid rgba(91, 63, 230, 0.3);
  background: #FFFFFF;
}

/* MOST POPULAR pill */
#stl-subpanel-bx .stl-tier__badge {
  background: rgba(91, 63, 230, 0.1);
  border: 1px solid rgba(91, 63, 230, 0.25);
  color: #5B3FE6;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 4px 10px;
  border-radius: 99px;
}

/* Benefit cards — already white-on-light but force label color */
#stl-subpanel-bx .wb-benefits__label {
  color: #101626;
}

#stl-subpanel-bx .wb-benefit-card__title {
  color: #101626;
}

#stl-subpanel-bx .wb-benefit-card__desc {
  color: #4B5563;
}

/* CTA secondary link — dark navy instead of inherited white */
#stl-subpanel-bx .stl-c1-cta--secondary {
  color: #101626;
  border: 1px solid rgba(16, 22, 38, 0.15);
  background: transparent;
}

#stl-subpanel-bx .stl-c1-cta--secondary:hover {
  border-color: rgba(16, 22, 38, 0.3);
  text-decoration: underline;
}

/* Platform note */
#stl-subpanel-bx .stl-platform-note {
  color: #6B7280;
}

/* ─────────────────────────────────────────────────────────
   BUILDXACT TWO-COLUMN TIER LAYOUT
   ───────────────────────────────────────────────────────── */
/* Header block */
.widget-731812 .bx-header {
  position: relative;
  z-index: 2;
  margin-bottom: 8px;
}

.widget-731812 .bx-price {
  font-size: 14px;
  font-weight: 500;
  color: #6B7280;
  margin-bottom: 10px;
  font-family: var(--stl-font);
}

.widget-731812 .bx-desc {
  font-size: 15px;
  font-weight: 400;
  color: #4B5563;
  line-height: 1.55;
  max-width: 620px;
  margin: 0;
  font-family: var(--stl-font);
}

/* Two-column body grid — mirrors .wb-body-grid */
.widget-731812 .bx-body-grid {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 32px;
  align-items: stretch;
  margin-top: 40px;
  margin-bottom: 32px;
  position: relative;
  z-index: 2;
}

/* LEFT: Tier tabs container */
.widget-731812 .bx-tier-tabs {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Individual tier tab — inherits wb-tier-tab styling base but scoped to bx */
.widget-731812 .bx-tier-tab {
  background: #FFFFFF;
  border: 1px solid rgba(16, 22, 38, 0.08);
  border-radius: 12px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  text-align: left;
  font-family: var(--stl-font);
  outline: none;
}

.widget-731812 .bx-tier-tab:hover:not(.bx-tier-tab--active) {
  border-color: rgba(16, 22, 38, 0.2);
  transform: translateX(2px);
}

.widget-731812 .bx-tier-tab:focus-visible {
  outline: 2px solid #F5651F;
  outline-offset: 2px;
}

.widget-731812 .bx-tier-tab__title {
  font-size: 15px;
  font-weight: 600;
  color: #101626;
  line-height: 1.3;
}

.widget-731812 .bx-tier-tab__subtitle {
  font-size: 12px;
  font-weight: 400;
  color: #6B7280;
  line-height: 1.4;
}

.widget-731812 .bx-tier-tab__price {
  font-size: 11px;
  font-weight: 600;
  color: #F5651F;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 4px;
}

.widget-731812 .bx-tier-tab__chevron {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s ease;
  flex-shrink: 0;
}

/* MOST POPULAR badge on tier tab */
.widget-731812 .bx-tier-tab__badge {
  position: absolute;
  top: -6px;
  right: 12px;
  background: rgba(245, 101, 31, 0.15);
  color: #F5651F;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
  font-family: var(--stl-font);
  line-height: 1.4;
}

/* Active tier tab — dark navy, same as WB */
.widget-731812 .bx-tier-tab--active {
  background: #101626;
  border-color: transparent;
}

.widget-731812 .bx-tier-tab--active .bx-tier-tab__title {
  color: #FFFFFF;
}

.widget-731812 .bx-tier-tab--active .bx-tier-tab__subtitle {
  color: rgba(255, 255, 255, 0.65);
}

.widget-731812 .bx-tier-tab--active .bx-tier-tab__price {
  color: #F9A8D4;
  font-weight: 700;
}

.widget-731812 .bx-tier-tab--active .bx-tier-tab__chevron {
  opacity: 1;
}

.widget-731812 .bx-tier-tab--active .bx-tier-tab__badge {
  background: rgba(249, 168, 212, 0.2);
  color: #F9A8D4;
}

/* RIGHT: Tier content */
.widget-731812 .bx-tier-content {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* BX tier panel — mirrors wb-tier-panel */
.widget-731812 .bx-tier-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  opacity: 1;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.widget-731812 .bx-tier-panel[hidden] {
  display: none !important;
}

.widget-731812 .bx-tier-panel.bx-tier-panel--entering {
  animation: bxPanelIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes bxPanelIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Tier 1: row fade-in stagger */
@keyframes bxRowFadeIn {
  from {
    opacity: 0;
    transform: translateX(-6px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.widget-731812 .bx-row-fadein {
  opacity: 0;
  animation: bxRowFadeIn 0.3s ease forwards;
}

/* Toolbar strip (Tier 1 bottom) */
.widget-731812 .bx-toolbar-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  flex-shrink: 0;
}

.widget-731812 .bx-toolbar-icons {
  display: flex;
  gap: 12px;
}

.widget-731812 .bx-toolbar-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

.widget-731812 .bx-toolbar-label {
  font-size: 8px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.35);
  font-family: var(--stl-font);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.widget-731812 .bx-toolbar-total {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.widget-731812 .bx-toolbar-total-label {
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  font-family: var(--stl-font);
  letter-spacing: 0.04em;
}

.widget-731812 .bx-toolbar-total-val {
  font-size: 12px;
  font-weight: 700;
  color: #FDBA74;
  font-family: var(--stl-font);
  font-variant-numeric: tabular-nums;
}

/* Buildxact tree toggle — orange tint (extends .wb-dash-tree-toggle base) */
.widget-731812 .bx-dash-toggle--on {
  background: rgba(245, 101, 31, 0.3);
}

.widget-731812 .bx-dash-toggle--on::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F5651F;
  top: 2px;
  left: 2px;
  transform: translateX(12px);
  transition: transform 0.2s ease;
}

.widget-731812 .bx-dash-tree-child--orange {
  background: rgba(245, 101, 31, 0.06);
}

/* Orange glow pulse on custom category row */
@keyframes bxOrangeGlow {
  0%, 100% {
    background: rgba(245, 101, 31, 0.06);
  }
  50% {
    background: rgba(245, 101, 31, 0.14);
  }
}
.widget-731812 .bx-dash-tree-child--orange {
  animation: bxOrangeGlow 3s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .widget-731812 .bx-dash-tree-child--orange {
    animation: none;
    background: rgba(245, 101, 31, 0.1);
  }
}
/* ── Responsive: BX two-column grid ── */
@media (min-width: 901px) and (max-width: 1024px) {
  .widget-731812 .bx-body-grid {
    grid-template-columns: 280px 1fr;
    gap: 24px;
  }
  .widget-731812 .bx-title {
    font-size: 34px;
  }
}
@media (max-width: 900px) {
  .widget-731812 .bx-body-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .widget-731812 .bx-tier-tabs {
    flex-direction: row;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 4px;
  }
  .widget-731812 .bx-tier-tabs::-webkit-scrollbar {
    display: none;
  }
  .widget-731812 .bx-tier-tab {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    flex-shrink: 0;
    min-width: 160px;
  }
  .widget-731812 .bx-tier-tab__price {
    margin-top: 0;
    margin-left: auto;
  }
  .widget-731812 .bx-tier-tab__badge {
    top: -6px;
    right: 8px;
  }
  .widget-731812 .bx-tier-tab__chevron {
    display: none;
  }
}
@media (max-width: 768px) {
  .widget-731812 .bx-title {
    font-size: 28px;
  }
  .widget-731812 .bx-tier-tab {
    padding: 14px 16px;
  }
}
@media (max-width: 599px) {
  .widget-731812 .bx-tier-tabs {
    flex-direction: column;
  }
  .widget-731812 .bx-tier-tab {
    flex-direction: column;
    min-width: unset;
    width: 100%;
  }
  .widget-731812 .bx-tier-tab__price {
    margin-left: 0;
  }
}
/* ─────────────────────────────────────────────────────────
   ATTRIBUTION ROW
   ───────────────────────────────────────────────────────── */
.widget-731812 .stl-attr-row {
  display: none !important;
}

/* Each panel sits in the same space; only one is visible at a time */
.widget-731812 .stl-attr-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
  overflow: visible;
}

.widget-731812 .stl-attr-panel--active {
  opacity: 1;
  pointer-events: auto;
}

/* Label */
.widget-731812 .stl-attr-label {
  color: #9ca3af;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: var(--stl-font);
}

/* Logo images */
.widget-731812 .stl-attr-logo {
  height: 36px;
  width: auto;
  object-fit: contain;
  object-position: center;
  vertical-align: middle;
  display: inline-block;
  flex-shrink: 0;
}

/* Separator dot/line between logos */
.widget-731812 .stl-attr-sep {
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #d1d5db;
  margin: 0 4px;
  vertical-align: middle;
  flex-shrink: 0;
}

/* ── Systems marquee ── */
.widget-731812 .stl-attr-panel--2 {
  gap: 12px;
  overflow: visible;
}

.widget-731812 .stl-attr-marquee {
  position: relative;
  overflow: hidden;
  width: 520px;
  max-width: 42vw;
  min-width: 260px;
  height: 68px;
  flex-shrink: 0;
}

/* Left fade mask */
.widget-731812 .stl-attr-marquee::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 100%;
  background: linear-gradient(to right, #ffffff, transparent);
  z-index: 1;
  pointer-events: none;
}

/* Right fade mask */
.widget-731812 .stl-attr-marquee::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 100%;
  background: linear-gradient(to left, #ffffff, transparent);
  z-index: 1;
  pointer-events: none;
}

.widget-731812 .stl-attr-track {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  height: 100%;
  will-change: transform;
}

.widget-731812 .stl-attr-marquee:hover .stl-attr-track {
  animation-play-state: paused;
}

/* Logos inside the marquee track */
.widget-731812 .stl-attr-logo--scroll {
  height: 44px;
  max-height: 44px;
  width: auto;
  max-width: 140px;
  margin-right: 36px;
  flex-shrink: 0;
  object-fit: contain;
  object-position: center;
  align-self: center;
}

.widget-731812 .stl-attr-logo--scroll.stl-attr-logo--lg {
  height: 52px;
  max-height: 52px;
}

/* Hide scroll logos with empty src — handled via JS */
/* Pause marquee when Systems tab is not active — handled via JS */
@keyframes stl-scroll-logos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(var(--stl-scroll-dist, -50%));
  }
}
/* ─────────────────────────────────────────────────────────
   WB BENEFITS STRIP — 5-card grid replacing chip row
   ───────────────────────────────────────────────────────── */
.widget-731812 .wb-benefits {
  margin-top: 40px;
  margin-bottom: 32px;
  position: relative;
  z-index: 2;
}

.widget-731812 .wb-benefits__label {
  font-size: 15px;
  font-weight: 700;
  color: #101626;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: var(--stl-font);
}

.widget-731812 .wb-benefits__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  width: 100%;
}

.widget-731812 .wb-benefit-card {
  background: #FFFFFF;
  border: 1px solid rgba(16, 22, 38, 0.08);
  border-top: 4px solid #5B3FE6;
  border-radius: 12px;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  min-height: 140px;
  transition: border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  /* entrance: starts hidden, JS adds .wb-benefit-card--visible */
  opacity: 0;
  transform: translateY(16px);
}

.widget-731812 .wb-benefit-card--visible {
  opacity: 1;
  transform: translateY(0);
}

.widget-731812 .wb-benefit-card:hover {
  border-color: rgba(91, 63, 230, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(16, 22, 38, 0.06);
}

/* Keep top border color on hover (shorthand overrides it) */
.widget-731812 .wb-benefit-card:hover {
  border-top-color: #5B3FE6;
}

.widget-731812 .wb-benefit-card__title {
  font-size: 14px;
  font-weight: 700;
  color: #101626;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.15;
  font-family: var(--stl-font);
}

.widget-731812 .wb-benefit-card__desc {
  font-size: 13px;
  font-weight: 400;
  color: #4B5563;
  line-height: 1.5;
  font-family: var(--stl-font);
}

/* Reduced-motion: show cards immediately, no stagger */
@media (prefers-reduced-motion: reduce) {
  .widget-731812 .wb-benefit-card {
    opacity: 1;
    transform: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
}
/* ─────────────────────────────────────────────────────────
   CARD 3 — ESTIMATING  TWO-COLUMN TABBED LAYOUT
   ───────────────────────────────────────────────────────── */
/* Header block */
.widget-731812 .est-header {
  position: relative;
  z-index: 2;
  margin-bottom: 8px;
}

.widget-731812 .est-kicker {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  /* color set via Design Panel — default white for dark card */
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 16px;
  font-family: var(--stl-font);
  position: relative;
  z-index: 2;
}

.widget-731812 .est-title {
  font-size: 40px;
  font-weight: 700;
  /* color set via Design Panel — default white for dark card */
  color: #FFFFFF;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 0 0 10px;
  font-family: var(--stl-font);
  position: relative;
  z-index: 2;
}

.widget-731812 .est-price {
  font-size: 14px;
  font-weight: 500;
  /* color set via Design Panel — default white for dark card */
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 10px;
  font-family: var(--stl-font);
  position: relative;
  z-index: 2;
}

.widget-731812 .est-desc {
  font-size: 15px;
  font-weight: 400;
  /* color set via Design Panel — default white for dark card */
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.55;
  max-width: 640px;
  margin: 0;
  font-family: var(--stl-font);
  position: relative;
  z-index: 2;
}

/* Two-column body grid */
.widget-731812 .est-body-grid {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 32px;
  align-items: stretch;
  margin-top: 40px;
  margin-bottom: 32px;
  position: relative;
  z-index: 2;
}

/* ─── LEFT: Tier tabs ─── */
.widget-731812 .est-tier-tabs {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.widget-731812 .est-tier-tab {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  text-align: left;
  font-family: var(--stl-font);
  outline: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.widget-731812 .est-tier-tab:hover:not(.est-tier-tab--active) {
  background: rgba(255, 255, 255, 0.14);
  transform: translateX(2px);
}

.widget-731812 .est-tier-tab:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}

/* Inactive state text */
.widget-731812 .est-tier-tab__title {
  font-size: 15px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.3;
}

.widget-731812 .est-tier-tab__subtitle {
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.4;
}

.widget-731812 .est-tier-tab__price {
  font-size: 11px;
  font-weight: 700;
  color: #FCC60C;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 4px;
}

.widget-731812 .est-tier-tab__chevron {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s ease;
  flex-shrink: 0;
}

/* MOST REQUESTED badge */
.widget-731812 .est-tier-tab__badge {
  position: absolute;
  top: -6px;
  right: 12px;
  background: linear-gradient(90deg, #FCC60C 0%, #FDBA74 100%);
  color: #101626;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
  font-family: var(--stl-font);
  line-height: 1.4;
  box-shadow: 0 2px 8px rgba(252, 198, 12, 0.3);
}

/* Active tier tab */
.widget-731812 .est-tier-tab--active {
  background: #FFFFFF;
  border-color: transparent;
}

.widget-731812 .est-tier-tab--active .est-tier-tab__title {
  color: #101626;
}

.widget-731812 .est-tier-tab--active .est-tier-tab__subtitle {
  color: #6B7280;
}

.widget-731812 .est-tier-tab--active .est-tier-tab__price {
  color: #E64E9B;
}

.widget-731812 .est-tier-tab--active .est-tier-tab__chevron {
  opacity: 1;
}

/* ─── RIGHT: Tier content ─── */
.widget-731812 .est-tier-content {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Panel base */
.widget-731812 .est-tier-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  opacity: 1;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.widget-731812 .est-tier-panel[hidden] {
  display: none !important;
}

.widget-731812 .est-tier-panel.est-tier-panel--entering {
  animation: estPanelIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes estPanelIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ─── Mockup container ─── */
.widget-731812 .est-mockup {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 40px 32px;
  min-height: 380px;
  position: relative;
  overflow: hidden;
  display: flex;
  /* Dashboard left-align layout */
  align-items: flex-start;
  justify-content: flex-start;
}

/* Pink radial glow */
.widget-731812 .est-mockup-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 60%, rgba(230, 78, 155, 0.25) 0%, transparent 65%);
  pointer-events: none;
  z-index: 0;
}

/* Grid pattern */
.widget-731812 .est-mockup-grid {
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
  z-index: 0;
}

/* ─── Range bar (Tier 1) ─── */
.widget-731812 .est-range-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.widget-731812 .est-range-label {
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.4);
  font-family: var(--stl-font);
}

.widget-731812 .est-range-bar-wrap {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.widget-731812 .est-range-bar-bg {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}

.widget-731812 .est-range-bar-fill {
  position: absolute;
  left: 30%;
  width: 48%;
  height: 100%;
  background: linear-gradient(90deg, #E64E9B 0%, #F9A8D4 100%);
  border-radius: 3px;
  animation: estRangePulse 5s ease-in-out infinite;
}

@keyframes estRangePulse {
  0% {
    left: 30%;
    width: 48%;
  }
  33% {
    left: 28%;
    width: 50%;
  }
  66% {
    left: 31%;
    width: 46%;
  }
  100% {
    left: 30%;
    width: 48%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .widget-731812 .est-range-bar-fill {
    animation: none;
  }
}
.widget-731812 .est-range-limits {
  display: flex;
  justify-content: space-between;
}

.widget-731812 .est-range-lo,
.widget-731812 .est-range-hi {
  font-size: 8px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
  font-family: var(--stl-font);
  font-variant-numeric: tabular-nums;
}

/* ─── Donut (Tier 2) ─── */
.widget-731812 .est-donut {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  transform: rotate(-90deg);
}

.widget-731812 .est-donut-seg {
  stroke-linecap: butt;
  transform-origin: 30px 30px;
}

.widget-731812 .est-donut-seg--1 {
  stroke-dasharray: 47.1 119.4;
  stroke-dashoffset: 119.4;
  animation: estDonutIn 0.4s ease 0.1s forwards;
}

.widget-731812 .est-donut-seg--2 {
  stroke-dasharray: 28.4 119.4;
  stroke-dashoffset: 119.4;
  animation: estDonutIn2 0.4s ease 0.2s forwards;
}

.widget-731812 .est-donut-seg--3 {
  stroke-dasharray: 24 119.4;
  stroke-dashoffset: 119.4;
  animation: estDonutIn3 0.4s ease 0.3s forwards;
}

.widget-731812 .est-donut-seg--4 {
  stroke-dasharray: 19.7 119.4;
  stroke-dashoffset: 119.4;
  animation: estDonutIn4 0.4s ease 0.4s forwards;
}

@keyframes estDonutIn {
  from {
    stroke-dashoffset: 119.4;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes estDonutIn2 {
  from {
    stroke-dashoffset: 119.4;
  }
  to {
    stroke-dashoffset: -47.1;
  }
}
@keyframes estDonutIn3 {
  from {
    stroke-dashoffset: 119.4;
  }
  to {
    stroke-dashoffset: -75.5;
  }
}
@keyframes estDonutIn4 {
  from {
    stroke-dashoffset: 119.4;
  }
  to {
    stroke-dashoffset: -99.5;
  }
}
@media (prefers-reduced-motion: reduce) {
  .widget-731812 .est-donut-seg--1 {
    stroke-dashoffset: 0;
    animation: none;
  }
  .widget-731812 .est-donut-seg--2 {
    stroke-dashoffset: -47.1;
    animation: none;
  }
  .widget-731812 .est-donut-seg--3 {
    stroke-dashoffset: -75.5;
    animation: none;
  }
  .widget-731812 .est-donut-seg--4 {
    stroke-dashoffset: -99.5;
    animation: none;
  }
}
/* ─── Details block ─── */
.widget-731812 .est-details {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 8px 0;
}

.widget-731812 .est-details__heading {
  font-size: 20px;
  font-weight: 700;
  /* default white for dark card — overridable via Design Panel */
  color: #FFFFFF;
  line-height: 1.25;
  font-family: var(--stl-font);
  margin: 0;
}

.widget-731812 .est-details__body {
  font-size: 14px;
  font-weight: 400;
  /* default white/80 for dark card — overridable via Design Panel */
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  max-width: 520px;
  margin: 0;
  font-family: var(--stl-font);
}

/* Inclusion bullets */
.widget-731812 .est-checks {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.widget-731812 .est-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.widget-731812 .est-check svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.widget-731812 .est-check span {
  font-size: 13px;
  font-weight: 500;
  /* default white for dark card — overridable via Design Panel */
  color: #FFFFFF;
  line-height: 1.5;
  font-family: var(--stl-font);
}

/* ─── Estimating inclusions: 5-card benefit grid ─── */
.widget-731812 .est-benefits {
  margin-top: 40px;
  margin-bottom: 32px;
  position: relative;
  z-index: 2;
}

.widget-731812 .est-benefits__label {
  font-size: 15px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: var(--stl-font);
}

.widget-731812 .est-benefits__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  width: 100%;
}

.widget-731812 .est-benefit-card {
  background: rgba(16, 10, 30, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 4px solid #5B3FE6;
  border-radius: 12px;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  min-height: 140px;
  transition: border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  /* entrance: starts hidden, JS adds .est-benefit-card--visible */
  opacity: 0;
  transform: translateY(16px);
}

.widget-731812 .est-benefit-card--visible {
  opacity: 1;
  transform: translateY(0);
}

.widget-731812 .est-benefit-card:hover {
  border-color: rgba(91, 63, 230, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Keep top border indigo on hover (shorthand overrides it) */
.widget-731812 .est-benefit-card:hover {
  border-top-color: #5B3FE6;
}

.widget-731812 .est-benefit-card__title {
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.15;
  font-family: var(--stl-font);
}

.widget-731812 .est-benefit-card__desc {
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  font-family: var(--stl-font);
}

/* Reduced-motion: show cards immediately, no stagger */
@media (prefers-reduced-motion: reduce) {
  .widget-731812 .est-benefit-card {
    opacity: 1;
    transform: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
}
/* ─── CTAs ─── */
.widget-731812 .est-cta-primary {
  background: linear-gradient(135deg, #c2185b 0%, #e91e8c 100%);
  color: #FFFFFF;
  height: 49px;
  border-radius: 7px;
}

.widget-731812 .est-cta-primary:hover {
  background: linear-gradient(135deg, #a01549 0%, #c2185b 100%);
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(233, 30, 140, 0.4);
}

.widget-731812 .est-cta-secondary {
  background: transparent;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-weight: 500;
  height: 49px;
  border-radius: 7px;
}

.widget-731812 .est-cta-secondary:hover {
  border-color: rgba(255, 255, 255, 0.6);
  text-decoration: underline;
}

/* Platform note */
.widget-731812 .est-platform-note {
  color: rgba(255, 255, 255, 0.55);
  font-size: 11px;
  font-style: italic;
  margin-top: 12px;
  margin-bottom: 0;
  font-family: var(--stl-font);
  position: relative;
  z-index: 2;
}

/* Laptop enter/exit on tier switch — reuse same classes as WB/BX */
@media (prefers-reduced-motion: reduce) {
  .widget-731812 .est-tier-panel.est-tier-panel--entering {
    animation: none;
  }
}
/* ── Responsive: EST two-column grid ── */
@media (min-width: 901px) and (max-width: 1024px) {
  .widget-731812 .est-body-grid {
    grid-template-columns: 260px 1fr;
    gap: 24px;
  }
  .widget-731812 .est-title {
    font-size: 34px;
  }
}
@media (max-width: 900px) {
  .widget-731812 .est-body-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .widget-731812 .est-tier-tabs {
    flex-direction: row;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 4px;
  }
  .widget-731812 .est-tier-tabs::-webkit-scrollbar {
    display: none;
  }
  .widget-731812 .est-tier-tab {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 14px 16px;
    flex-shrink: 0;
    min-width: 180px;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .widget-731812 .est-tier-tab__price {
    margin-top: 0;
    margin-left: auto;
  }
  .widget-731812 .est-tier-tab__badge {
    top: -6px;
    right: 8px;
  }
  .widget-731812 .est-tier-tab__chevron {
    display: none;
  }
  .widget-731812 .est-mockup {
    min-height: 300px;
    padding: 32px 24px;
  }
}
@media (max-width: 768px) {
  .widget-731812 .est-title {
    font-size: 28px;
  }
  .widget-731812 .est-tier-tab {
    padding: 12px 14px;
  }
  .widget-731812 .est-details__heading {
    font-size: 18px;
  }
  .widget-731812 .est-mockup {
    padding: 28px 20px;
  }
}
@media (max-width: 600px) {
  .widget-731812 .est-tier-tabs {
    flex-direction: column;
  }
  .widget-731812 .est-tier-tab {
    flex-direction: column;
    min-width: unset;
    width: 100%;
    align-items: flex-start;
  }
  .widget-731812 .est-tier-tab__price {
    margin-left: 0;
  }
  .widget-731812 .stl-c1-cta-row {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* ─── Responsive: est-benefits grid ─── */
@media (max-width: 1200px) {
  .widget-731812 .est-benefit-card {
    padding: 20px 16px;
  }
  .widget-731812 .est-benefit-card__title {
    font-size: 13px;
  }
  .widget-731812 .est-benefit-card__desc {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .widget-731812 .est-benefits__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }
}
@media (max-width: 768px) {
  .widget-731812 .est-benefits__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .widget-731812 .est-benefit-card {
    padding: 18px 16px;
    min-height: auto;
  }
}
@media (max-width: 600px) {
  .widget-731812 .est-benefits__grid {
    grid-template-columns: 1fr;
  }
  .widget-731812 .est-benefit-card {
    padding: 16px 20px;
    min-height: auto;
  }
  .widget-731812 .est-benefits__label {
    margin-bottom: 16px;
  }
}
/* ─────────────────────────────────────────────────────────
   RESPONSIVE
   ───────────────────────────────────────────────────────── */
@media (max-width: 1200px) {
  .widget-731812 .wb-benefit-card {
    padding: 20px 16px;
  }
  .widget-731812 .wb-benefit-card__title {
    font-size: 13px;
  }
  .widget-731812 .wb-benefit-card__desc {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .widget-731812 .wb-benefits__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }
}
@media (max-width: 768px) {
  .widget-731812 .wb-benefits__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .widget-731812 .wb-benefit-card {
    padding: 18px 16px;
    min-height: auto;
  }
}
@media (max-width: 600px) {
  .widget-731812 .wb-benefits__grid {
    grid-template-columns: 1fr;
  }
  .widget-731812 .wb-benefit-card {
    padding: 16px 20px;
    min-height: auto;
  }
  .widget-731812 .wb-benefits__label {
    margin-bottom: 16px;
  }
}
@media (min-width: 901px) and (max-width: 1024px) {
  .widget-731812 .stl-card {
    padding: 48px 40px;
  }
  .widget-731812 .stl-title {
    font-size: 44px;
  }
  .widget-731812 .stl-geo {
    transform: scale(0.8);
    transform-origin: right center;
  }
  .widget-731812 .stl-hero__headline {
    font-size: 38px;
  }
  .widget-731812 .stl-hero__subtext {
    font-size: 16px;
  }
  .widget-731812 .wb-title {
    font-size: 34px;
  }
  .widget-731812 .wb-body-grid {
    grid-template-columns: 280px 1fr;
    gap: 24px;
  }
}
@media (max-width: 900px) {
  .widget-731812 .wb-body-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .widget-731812 .wb-tier-tabs {
    flex-direction: row;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 4px;
  }
  .widget-731812 .wb-tier-tabs::-webkit-scrollbar {
    display: none;
  }
  .widget-731812 .wb-tier-tab {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    flex-shrink: 0;
    min-width: 160px;
  }
  .widget-731812 .wb-tier-tab__price {
    margin-top: 0;
    margin-left: auto;
  }
  .widget-731812 .wb-tier-tab__chevron {
    display: none;
  }
  .widget-731812 .wb-mockup {
    min-height: 240px;
  }
  .widget-731812 .wb-mockup-card {
    max-width: 100%;
  }
  .widget-731812 .wb-mode-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .widget-731812 .wb-title {
    font-size: 28px;
  }
  .widget-731812 .wb-tier-tab {
    padding: 14px 16px;
  }
  .widget-731812 .wb-details__heading {
    font-size: 18px;
  }
}
@media (max-width: 767px) and (min-width: 601px) {
  .widget-731812 .stl-attr-label {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .widget-731812 .stl-attr-label {
    font-size: 10px;
  }
  .widget-731812 .stl-attr-logo {
    height: 28px;
    max-height: 28px;
  }
  .widget-731812 .stl-attr-logo--scroll {
    height: 36px;
    max-height: 36px;
    margin-right: 24px;
  }
  .widget-731812 .stl-attr-logo--scroll.stl-attr-logo--lg {
    height: 44px;
    max-height: 44px;
  }
  .widget-731812 .stl-attr-marquee {
    width: 380px;
    max-width: 52vw;
    min-width: 200px;
    height: 56px;
  }
  .widget-731812 .stl-c1-headline {
    font-size: 24px;
  }
  .widget-731812 .stl-tabs-scroll {
    justify-content: stretch;
  }
  .widget-731812 .stl-tabs {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    padding: 0 16px;
  }
  .widget-731812 .stl-tab {
    width: 100%;
    text-align: center;
  }
  .widget-731812 .stl-card {
    padding: 36px 28px;
    min-height: 420px;
  }
  .widget-731812 .stl-title {
    font-size: 32px;
  }
  .widget-731812 .stl-desc {
    font-size: 15px;
  }
  .widget-731812 .stl-geo {
    width: 100%;
    opacity: 0.5;
  }
  .widget-731812 .stl-hero__headline {
    font-size: 30px;
  }
  .widget-731812 .stl-hero__subtext {
    font-size: 15px;
  }
  .widget-731812 .stl-hero {
    margin-bottom: 32px;
  }
}
@media (max-width: 480px) {
  .widget-731812 .stl-attr-panel {
    flex-wrap: wrap;
    justify-content: center;
  }
  .widget-731812 .stl-attr-marquee {
    width: 60vw;
  }
  .widget-731812 .stl-card--1 {
    padding: 28px 20px;
  }
  .widget-731812 .stl-subtabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    flex-wrap: nowrap;
    width: 100%;
  }
  .widget-731812 .stl-subtabs::-webkit-scrollbar {
    display: none;
  }
  .widget-731812 .stl-subtab {
    font-size: 13px;
    padding: 7px 16px;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .widget-731812 .stl-tier {
    padding: 12px 16px;
  }
  .widget-731812 .stl-c1-cta-row {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 599px) {
  .widget-731812 .stl-title {
    font-size: 28px;
  }
  .widget-731812 .stl-pills {
    flex-direction: column;
    align-items: flex-start;
  }
  .widget-731812 .stl-cta {
    width: auto;
    text-align: center;
    display: inline-block;
  }
  .widget-731812 .stl-geo {
    display: none;
  }
  .widget-731812 .stl-hero__headline {
    font-size: 26px;
  }
  /* Card 1 tier tabs: vertical on mobile */
  .widget-731812 .wb-tier-tabs {
    flex-direction: column;
  }
  .widget-731812 .wb-tier-tab {
    flex-direction: column;
    min-width: unset;
    width: 100%;
  }
  .widget-731812 .wb-tier-tab__price {
    margin-left: 0;
  }
  /* Chip row wraps */
  .widget-731812 .stl-card--1 .stl-inclusions__pills {
    flex-wrap: wrap;
    overflow-x: visible;
  }
  /* Mockup font size reduce */
  .widget-731812 .wb-mockup-item__name,
  .widget-731812 .wb-mockup-item__price {
    font-size: 10px;
  }
  .widget-731812 .wb-mockup-cat__name,
  .widget-731812 .wb-mockup-cat__subtotal {
    font-size: 11px;
  }
  /* Tab pill switch: reduce spacing below tabs on mobile */
  .widget-731812 .stl-tabs {
    margin-bottom: var(--tabs-to-headline-gap-mobile);
  }
}
/* ─────────────────────────────────────────────────────────
   DARK BOX CTA STACK — top-right inside dark mockup
   ───────────────────────────────────────────────────────── */
/* The dark mockup (wb-mockup--dark, est-mockup) already has
   position: relative from its existing declarations.       */
/* CTA stack: absolutely positioned top-right inside the dark box */
.widget-731812 .wb-dark-box-cta-stack {
  position: absolute;
  top: var(--dark-box-cta-stack-top-offset, 40px);
  right: var(--dark-box-cta-stack-right-offset, 32px);
  display: flex;
  flex-direction: column;
  gap: var(--dark-box-cta-stack-gap, 12px);
  z-index: 3;
  align-items: stretch;
  min-width: 148px;
}

/* Base dark CTA button */
.widget-731812 .wb-dark-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  height: 49px;
  padding: 0 20px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  font-family: var(--stl-font);
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

/* Wunderbuild primary — indigo/purple */
.widget-731812 .wb-dark-cta--primary {
  background: #5B3FE6;
  color: #fff;
}

.widget-731812 .wb-dark-cta--primary:hover {
  background: #4b32d0;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(91, 63, 230, 0.45);
}

/* Buildxact primary — orange */
.widget-731812 .wb-dark-cta--bx-primary {
  background: #F5651F;
  color: #fff;
}

.widget-731812 .wb-dark-cta--bx-primary:hover {
  background: #d9541a;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(245, 101, 31, 0.45);
}

/* Estimating primary — pink/magenta */
.widget-731812 .wb-dark-cta--est-primary {
  background: linear-gradient(135deg, #E64E9B 0%, #c2185b 100%);
  color: #fff;
}

.widget-731812 .wb-dark-cta--est-primary:hover {
  background: linear-gradient(135deg, #C43D84 0%, #a01549 100%);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(230, 78, 155, 0.45);
}

/* Secondary — ghost/outline on dark background */
.widget-731812 .wb-dark-cta--secondary {
  background: transparent;
  color: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.25);
  font-weight: 500;
}

.widget-731812 .wb-dark-cta--secondary:hover {
  border-color: rgba(255, 255, 255, 0.55);
  color: #fff;
}

/* ── Tablet: slightly narrower dashboard width ── */
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-731812 .wb-laptop-wrapper {
    width: var(--dashboard-width-tablet, 65%) !important;
  }
  /* Adjust CTA stack offsets for reduced padding on tablet */
  .widget-731812 .wb-dark-box-cta-stack {
    top: 32px;
    right: 24px;
    min-width: 130px;
  }
  .widget-731812 .wb-dark-cta {
    font-size: 12px;
    padding: 0 14px;
  }
}
/* ── Mobile: stack collapses — hide absolute CTA stack, revert dashboard width ── */
@media (max-width: 767px) {
  .widget-731812 .wb-dark-box-cta-stack {
    display: none;
  }
  .widget-731812 .wb-mockup--dark .wb-laptop-wrapper,
  .widget-731812 .est-mockup .wb-laptop-wrapper {
    width: 100% !important;
    align-self: center !important;
  }
}

@charset "UTF-8";
.widget-fde064 {
  /* ── CSS Custom Properties ── */
  --accent: #60A5FA;
  --glow-color: #60A5FA;
  --badge-color: #EF4444;
  --text-color: #FFFFFF;
  --number-font-size: 180px;
  --suffix-font-size: 36px;
  --headline-font-size: 24px;
  font-family: "Inter", "Geist-Regular", sans-serif;
  /* ── Element 1: Ambient Glow ── */
  /* ── Element 2: Kicker Label ── */
  /* ── Element 3: Rolling Number ── */
  /* Shimmer sweep overlay */
  /* ── Element 4: Inbox Burst ── */
  /* ── Element 5: Headline ── */
  /* ── Particles ── */
  /* ── Keyframes ── */
  /* ── Responsive ── */
}
.widget-fde064 .hero-wrapper {
  position: relative;
  width: 100%;
  max-width: 560px;
  padding: 60px 0;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: transparent;
  overflow: visible;
}
.widget-fde064 .ambient-glow {
  position: absolute;
  top: -100px;
  left: -150px;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(96, 165, 250, 0.18) 0%, transparent 65%);
  filter: blur(60px);
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  border-radius: 50%;
}
.widget-fde064 .kicker-label {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(96, 165, 250, 0.8);
  margin-bottom: 16px;
  opacity: 0;
}
.widget-fde064 .kicker-line {
  display: block;
  width: 0;
  height: 1px;
  background: #60A5FA;
  flex-shrink: 0;
}
.widget-fde064 .kicker-text {
  display: block;
}
.widget-fde064 .number-container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 24px;
}
.widget-fde064 .number-wrap {
  position: relative;
  display: inline-block;
}
.widget-fde064 .rolling-number {
  font-size: var(--number-font-size);
  font-weight: 200;
  line-height: 0.9;
  letter-spacing: -0.04em;
  color: transparent;
  background: linear-gradient(135deg, #FFFFFF 0%, #BFDBFE 50%, #60A5FA 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 2;
  display: block;
}
.widget-fde064 .number-ghost {
  font-size: var(--number-font-size);
  font-weight: 200;
  line-height: 0.9;
  letter-spacing: -0.04em;
  color: transparent;
  background: linear-gradient(135deg, #FFFFFF 0%, #BFDBFE 50%, #60A5FA 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: -4px;
  left: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  filter: blur(8px);
  display: block;
}
.widget-fde064 .number-shimmer {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.4) 50%, transparent 70%);
  background-size: 200% 100%;
  mix-blend-mode: overlay;
}
.widget-fde064 .number-suffix {
  font-size: var(--suffix-font-size);
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transform: translateX(-10px);
  transition: none;
  line-height: 1;
}
.widget-fde064 .inbox-burst {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
  margin-bottom: 32px;
  opacity: 0;
  transform: translateX(-20px);
}
.widget-fde064 .inbox-icon-wrap {
  position: relative;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.widget-fde064 .inbox-icon {
  width: 32px;
  height: 32px;
  color: #60A5FA;
  filter: drop-shadow(0 0 12px rgba(96, 165, 250, 0.6));
  display: block;
}
.widget-fde064 .notification-badge {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 12px;
  height: 12px;
  background: #EF4444;
  border-radius: 50%;
  transform: scale(0);
  display: block;
  box-shadow: 0 0 6px rgba(239, 68, 68, 0.6);
}
.widget-fde064 .inbox-text-wrap {
  display: flex;
  align-items: center;
  gap: 2px;
}
.widget-fde064 .inbox-text {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1;
}
.widget-fde064 .cursor-blink {
  display: inline-block;
  width: 2px;
  height: 14px;
  background: #60A5FA;
  margin-left: 2px;
  vertical-align: middle;
  animation: cursorBlink 1s step-end infinite;
  opacity: 0;
}
.widget-fde064 .headline-wrap {
  position: relative;
  z-index: 2;
  font-size: var(--headline-font-size);
  font-weight: 500;
  color: var(--text-color);
  line-height: 1.4;
  letter-spacing: -0.01em;
  max-width: 480px;
  margin-top: 8px;
}
.widget-fde064 .headline-word {
  display: inline-block;
  opacity: 0;
  transform: translateY(12px);
  margin-right: 0.28em;
}
.widget-fde064 .headline-word.highlight {
  background: linear-gradient(135deg, #60A5FA 0%, #BFDBFE 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.widget-fde064 .burst-particle {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform-origin: center;
}
@keyframes cursorBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes glowPulse {
  0%, 100% {
    opacity: 0.85;
  }
  50% {
    opacity: 1;
  }
}
@keyframes badgePulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
@keyframes shimmerSweep {
  0% {
    background-position: -200% 0;
    opacity: 1;
  }
  100% {
    background-position: 200% 0;
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .widget-fde064 {
    --number-font-size: 120px;
    --suffix-font-size: 24px;
    --headline-font-size: 20px;
  }
  .widget-fde064 .hero-wrapper {
    padding: 40px 0;
  }
}
@media (max-width: 479px) {
  .widget-fde064 {
    --number-font-size: 96px;
    --suffix-font-size: 20px;
    --headline-font-size: 18px;
  }
  .widget-fde064 .hero-wrapper {
    padding: 40px 0;
  }
}

@charset "UTF-8";
.widget-7d1971 {
  /* =============================================
     GLOBAL FOOTER STYLES
  ============================================= */
  /* ── Rounded dark box wrapping bands 3–5 ─── */
  /* =============================================
     BAND 1 — MARQUEE CTA
  ============================================= */
  /* ── Marquee container & track ─────────────── */
  /* ── Avatar clusters ────────────────────────── */
  /* ── Avatar placeholders ────────────────────── */
  /* ── CTA Buttons ────────────────────────────── */
  /* =============================================
     BAND 2 — TWO-CARD SHOWCASE
  ============================================= */
  /* Overlay activates on the left CTA card only when a custom image is set */
  /* ── LEFT CARD — CTA ─────────────────────── */
  /* ── RIGHT CARD — ROI MOCKUP ─────────────── */
  /* Frosted-glass chrome frame */
  /* ── DASHBOARD MOCKUP INTERNALS ─────────────── */
  /* Chrome / title bar */
  /* Body layout */
  /* Sidebar */
  /* Main content */
  /* Stat cards */
  /* Chart area */
  /* Deals bottom row */
  /* Column headers */
  /* =============================================
     BAND 3 — MAIN FOOTER
  ============================================= */
  /* Newsletter */
  /* Contact section */
  /* =============================================
     BAND 4 — WORDMARK
  ============================================= */
  /* =============================================
     BAND 5 — BOTTOM BAR
  ============================================= */
  /* =============================================
     TABLET STYLES (768px – 1023px)
  ============================================= */
  /* =============================================
     MOBILE STYLES (below 768px)
  ============================================= */
  /* =============================================
     ROI CALCULATOR LAPTOP SCREEN CONTENT
  ============================================= */
  /* Overall screen content wrapper */
  /* Browser chrome bar */
  /* App layout */
  /* Sidebar */
  /* Main content area */
  /* ROI calculator grid */
  /* Inputs panel */
  /* Results panel */
  /* Reclaim summary card */
  /* Footnote */
  /* =============================================
     REDUCED MOTION
  ============================================= */
}
.widget-7d1971 .cb-footer {
  background: #FFFFFF;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #FFFFFF;
  width: 100%;
  display: block;
  padding: 0 24px 24px;
  box-sizing: border-box;
}
.widget-7d1971 .footer-dark-box {
  background: #101626;
  border-radius: 24px;
  overflow: hidden;
}
.widget-7d1971 .footer-cta-marquee {
  background: #FFFFFF;
  padding: 96px 0 4px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.widget-7d1971 .marquee-container {
  width: 100%;
  overflow: hidden;
  margin-bottom: 64px;
}
@keyframes marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.widget-7d1971 .marquee-track {
  display: flex;
  width: max-content;
  animation: marquee-scroll 40s linear infinite;
  animation-play-state: paused;
}
.widget-7d1971 .marquee-track.marquee-running {
  animation-play-state: running;
}
.widget-7d1971 .marquee-segment {
  display: inline-flex;
  align-items: center;
  gap: 28px;
  padding-right: 28px;
}
.widget-7d1971 .marquee-text {
  font-size: 88px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #0D0D0D;
  white-space: nowrap;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.widget-7d1971 .avatar-cluster {
  display: inline-flex;
  align-items: center;
  margin: 0 16px;
  flex-shrink: 0;
}
.widget-7d1971 .avatar-cluster.circles {
  gap: 0;
}
.widget-7d1971 .avatar-cluster.circles .avatar:not(:first-child) {
  margin-left: -16px;
}
.widget-7d1971 .avatar-cluster.squares {
  gap: 0;
}
.widget-7d1971 .avatar-cluster.squares .avatar:not(:first-child) {
  margin-left: -16px;
}
.widget-7d1971 .avatar {
  width: 88px;
  height: 88px;
  object-fit: cover;
  flex-shrink: 0;
}
.widget-7d1971 .avatar.circle {
  border-radius: 50%;
  border: 4px solid #FFFFFF;
  box-shadow: 0 2px 8px rgba(13, 13, 13, 0.08);
}
.widget-7d1971 .avatar.square {
  border-radius: 18px;
  border: 4px solid #FFFFFF;
  box-shadow: 0 2px 8px rgba(13, 13, 13, 0.08);
}
.widget-7d1971 .avatar-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.widget-7d1971 .avatar-placeholder.circle-1 {
  background: linear-gradient(135deg, #5B3FE6, #E64E9B);
}
.widget-7d1971 .avatar-placeholder.circle-2 {
  background: linear-gradient(135deg, #2D6CE0, #9B45E6);
}
.widget-7d1971 .avatar-placeholder.circle-3 {
  background: linear-gradient(135deg, #E64E9B, #FCC60C);
}
.widget-7d1971 .avatar-placeholder.square-1 {
  background: linear-gradient(135deg, #FCC60C, #E64E9B);
}
.widget-7d1971 .avatar-placeholder.square-2 {
  background: linear-gradient(135deg, #5B3FE6, #2D6CE0);
}
.widget-7d1971 .avatar-placeholder.square-3 {
  background: linear-gradient(135deg, #9B45E6, #E64E9B);
}
.widget-7d1971 .footer-cta-marquee .cta-buttons {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 24px;
  margin-top: 0;
}
.widget-7d1971 .footer-cta-marquee .cta-buttons a {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.widget-7d1971 .cta-primary {
  background: linear-gradient(135deg, #5B3FE6 0%, #E64E9B 100%);
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  padding: 17px 34px;
  border-radius: 999px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  transition: transform 200ms ease, box-shadow 200ms ease;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.widget-7d1971 .cta-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(91, 63, 230, 0.3);
}
.widget-7d1971 .cta-secondary {
  background: transparent;
  color: #0D0D0D;
  font-size: 16px;
  font-weight: 500;
  padding: 17px 34px;
  border-radius: 999px;
  border: 0.5px solid rgba(13, 13, 13, 0.2);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  transition: background 200ms ease;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.widget-7d1971 .cta-secondary:hover {
  background: rgba(13, 13, 13, 0.04);
}
.widget-7d1971 .footer-showcase {
  background: #FFFFFF;
  padding: 24px 56px 80px;
}
.widget-7d1971 .showcase-grid {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: stretch;
}
.widget-7d1971 .showcase-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  min-height: 380px;
  display: flex;
  flex-direction: column;
}
.widget-7d1971 .card-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-size: cover;
  background-position: center;
}
.widget-7d1971 .card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(13, 13, 13, 0);
  transition: background 200ms ease;
  pointer-events: none;
}
.widget-7d1971 .cta-card[data-has-image=true] .card-overlay {
  background: rgba(13, 13, 13, 0.4);
}
.widget-7d1971 .cta-card .card-bg {
  background-color: #0D0D0D;
  background-image: radial-gradient(circle at 30% 70%, rgba(91, 63, 230, 0.2) 0%, transparent 60%);
}
.widget-7d1971 .cta-card .card-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 56px 48px;
  flex: 1;
}
.widget-7d1971 .card-headline {
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1 !important;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  max-width: 360px;
  margin: 0 0 56px;
}
.widget-7d1971 .cta-card a {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.widget-7d1971 .card-cta-button {
  background: #FFFFFF;
  color: #0D0D0D;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 14px 28px;
  border-radius: 999px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  transition: transform 200ms ease, box-shadow 200ms ease;
}
.widget-7d1971 .card-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(255, 255, 255, 0.15);
}
.widget-7d1971 .card-cta-button:active {
  transform: scale(0.98);
}
.widget-7d1971 .roi-card .card-bg {
  background: linear-gradient(140deg, #e0e7ff 0%, #f0e6ff 40%, #fce7f3 75%, #fff1e6 100%);
}
.widget-7d1971 .roi-card {
  padding: 40px 36px 0;
  justify-content: flex-start;
}
.widget-7d1971 .laptop-mockup {
  position: relative;
  z-index: 2;
  width: 96%;
  max-width: 520px;
  margin: auto auto 0;
}
.widget-7d1971 .laptop-frame {
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  padding: 6px 6px 0;
  box-shadow: 0 2px 0 rgba(255, 255, 255, 0.95) inset, 0 20px 56px rgba(80, 60, 180, 0.18), 0 4px 16px rgba(80, 60, 180, 0.1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.widget-7d1971 .laptop-screen {
  width: 100%;
  aspect-ratio: 16/10;
  background: #f8f9fc;
  border-radius: 8px 8px 0 0;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  overflow: hidden;
}
.widget-7d1971 .laptop-screen-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.widget-7d1971 .dmock-root {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #f7f8fb;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow: hidden;
}
.widget-7d1971 .dmock-chrome {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.85);
  border-bottom: 0.5px solid rgba(13, 13, 13, 0.07);
  flex-shrink: 0;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.widget-7d1971 .dmock-dots {
  display: flex;
  gap: 4px;
  align-items: center;
  flex-shrink: 0;
}
.widget-7d1971 .dmock-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: block;
  flex-shrink: 0;
}
.widget-7d1971 .dmock-dot-r {
  background: #ff5f57;
}
.widget-7d1971 .dmock-dot-y {
  background: #febc2e;
}
.widget-7d1971 .dmock-dot-g {
  background: #28c840;
}
.widget-7d1971 .dmock-chrome-nav {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: 6px;
}
.widget-7d1971 .dmock-chrome-spacer {
  flex: 1;
}
.widget-7d1971 .dmock-chrome-actions {
  display: flex;
  align-items: center;
  gap: 5px;
}
.widget-7d1971 .dmock-chrome-icon {
  width: 11px;
  height: 11px;
  color: rgba(13, 13, 13, 0.4);
  flex-shrink: 0;
}
.widget-7d1971 .dmock-body {
  display: flex;
  flex: 1;
  overflow: hidden;
  min-height: 0;
}
.widget-7d1971 .dmock-sidebar {
  width: 72px;
  background: rgba(255, 255, 255, 0.9);
  border-right: 0.5px solid rgba(13, 13, 13, 0.07);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  gap: 0;
  flex-shrink: 0;
}
.widget-7d1971 .dmock-sidebar-logo {
  margin-bottom: 12px;
}
.widget-7d1971 .dmock-sidebar-logo-icon {
  width: 22px;
  height: 22px;
}
.widget-7d1971 .dmock-sidebar-logo-icon svg {
  width: 22px;
  height: 22px;
  display: block;
}
.widget-7d1971 .dmock-nav {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1px;
  flex: 1;
}
.widget-7d1971 .dmock-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 5px 4px;
  cursor: pointer;
  color: rgba(13, 13, 13, 0.35);
  transition: color 150ms ease;
  position: relative;
}
.widget-7d1971 .dmock-nav-item svg {
  width: 12px;
  height: 12px;
}
.widget-7d1971 .dmock-nav-item span {
  font-size: 5.5px;
  font-weight: 400;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
.widget-7d1971 .dmock-nav-active {
  color: #4f46e5;
  background: rgba(79, 70, 229, 0.07);
  border-radius: 6px;
  margin: 0 6px;
}
.widget-7d1971 .dmock-sidebar-user {
  margin-top: auto;
  padding-top: 8px;
}
.widget-7d1971 .dmock-avatar {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6366f1, #a855f7);
}
.widget-7d1971 .dmock-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 10px 12px 6px;
  gap: 8px;
  min-width: 0;
}
.widget-7d1971 .dmock-content-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
}
.widget-7d1971 .dmock-content-title {
  font-size: 9px;
  font-weight: 600;
  color: #0d0d0d;
  line-height: 1.2;
}
.widget-7d1971 .dmock-content-sub {
  font-size: 6px;
  color: rgba(13, 13, 13, 0.45);
  margin-top: 1px;
}
.widget-7d1971 .dmock-header-actions {
  display: flex;
  gap: 5px;
  align-items: center;
  flex-shrink: 0;
}
.widget-7d1971 .dmock-btn-outline {
  font-size: 6px;
  font-weight: 500;
  color: #0d0d0d;
  border: 0.5px solid rgba(13, 13, 13, 0.2);
  border-radius: 4px;
  padding: 3px 7px;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.8);
}
.widget-7d1971 .dmock-btn-fill {
  font-size: 6px;
  font-weight: 500;
  color: #fff;
  background: #0d0d0d;
  border-radius: 4px;
  padding: 3px 7px;
  white-space: nowrap;
}
.widget-7d1971 .dmock-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  flex-shrink: 0;
}
.widget-7d1971 .dmock-stat-card {
  background: rgba(255, 255, 255, 0.85);
  border: 0.5px solid rgba(13, 13, 13, 0.07);
  border-radius: 6px;
  padding: 6px 7px 5px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  backdrop-filter: blur(4px);
}
.widget-7d1971 .dmock-stat-icon {
  width: 11px;
  height: 11px;
  color: rgba(13, 13, 13, 0.3);
  margin-bottom: 1px;
}
.widget-7d1971 .dmock-stat-label {
  font-size: 5.5px;
  color: rgba(13, 13, 13, 0.45);
  font-weight: 400;
}
.widget-7d1971 .dmock-stat-value {
  font-size: 7px;
  font-weight: 600;
  color: #0d0d0d;
  white-space: nowrap;
}
.widget-7d1971 .dmock-up {
  color: #16a34a;
  font-size: 5.5px;
  font-weight: 500;
}
.widget-7d1971 .dmock-down {
  color: #dc2626;
  font-size: 5.5px;
  font-weight: 500;
}
.widget-7d1971 .dmock-chart-area {
  background: rgba(255, 255, 255, 0.85);
  border: 0.5px solid rgba(13, 13, 13, 0.07);
  border-radius: 8px;
  padding: 8px 10px 4px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-height: 0;
  backdrop-filter: blur(4px);
}
.widget-7d1971 .dmock-chart-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
}
.widget-7d1971 .dmock-chart-label {
  font-size: 5.5px;
  color: rgba(13, 13, 13, 0.45);
}
.widget-7d1971 .dmock-chart-balance {
  font-size: 9px;
  font-weight: 700;
  color: #0d0d0d;
  margin-top: 1px;
}
.widget-7d1971 .dmock-chart-legend {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
}
.widget-7d1971 .dmock-legend-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}
.widget-7d1971 .dmock-legend-green {
  background: #22c55e;
}
.widget-7d1971 .dmock-legend-orange {
  background: #f97316;
}
.widget-7d1971 .dmock-legend-text {
  font-size: 5px;
  color: rgba(13, 13, 13, 0.5);
}
.widget-7d1971 .dmock-chart-tabs {
  display: flex;
  gap: 3px;
  align-items: center;
  flex-shrink: 0;
}
.widget-7d1971 .dmock-tab {
  font-size: 5.5px;
  color: rgba(13, 13, 13, 0.4);
  padding: 2px 5px;
  border-radius: 3px;
  cursor: pointer;
}
.widget-7d1971 .dmock-tab-active {
  background: #0d0d0d;
  color: #fff;
}
.widget-7d1971 .dmock-chart-svg-wrap {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.widget-7d1971 .dmock-chart-svg {
  width: 100%;
  height: 100%;
  display: block;
}
.widget-7d1971 .dmock-deals-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding-bottom: 2px;
}
.widget-7d1971 .dmock-deals-title {
  font-size: 7px;
  font-weight: 600;
  color: #0d0d0d;
  flex: 1;
}
.widget-7d1971 .dmock-search-mock,
.widget-7d1971 .dmock-filter-mock {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 5.5px;
  color: rgba(13, 13, 13, 0.45);
  border: 0.5px solid rgba(13, 13, 13, 0.12);
  border-radius: 4px;
  padding: 2px 6px;
  background: rgba(255, 255, 255, 0.8);
}
.widget-7d1971 .dmock-search-mock svg,
.widget-7d1971 .dmock-filter-mock svg {
  width: 8px;
  height: 8px;
  color: rgba(13, 13, 13, 0.35);
}
.widget-7d1971 .dmock-col-headers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  flex-shrink: 0;
  padding-bottom: 4px;
}
.widget-7d1971 .dmock-col-headers span {
  font-size: 5.5px;
  font-weight: 500;
  color: rgba(13, 13, 13, 0.4);
  background: rgba(255, 255, 255, 0.7);
  border: 0.5px solid rgba(13, 13, 13, 0.07);
  border-radius: 4px;
  padding: 3px 5px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-7d1971 .footer-main {
  background: transparent;
  padding: 64px 56px 32px;
}
.widget-7d1971 .footer-grid {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr 1.6fr;
  gap: 32px;
}
.widget-7d1971 .footer-col {
  display: flex;
  flex-direction: column;
}
.widget-7d1971 .footer-col-group + .footer-col-group {
  margin-top: 28px;
}
.widget-7d1971 .col-header {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4) !important;
  margin: 0 0 18px !important;
}
.widget-7d1971 .footer-col a,
.widget-7d1971 .footer-col-link {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  margin-bottom: 12px;
  transition: color 200ms ease;
  display: block;
  cursor: pointer;
}
.widget-7d1971 .footer-col a:hover,
.widget-7d1971 .footer-col a:hover .footer-col-link {
  color: #FFFFFF;
}
.widget-7d1971 .footer-col > a > .footer-col-link:hover {
  color: #FFFFFF;
}
.widget-7d1971 .footer-newsletter {
  display: flex;
  flex-direction: column;
}
.widget-7d1971 .newsletter-headline {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  margin: 0 0 8px !important;
  letter-spacing: 0.01em !important;
  word-spacing: 0.1em !important;
}
.widget-7d1971 .newsletter-subtext {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.6) !important;
  margin: 0 0 16px !important;
}
.widget-7d1971 .newsletter-form {
  display: flex;
  gap: 8px;
}
.widget-7d1971 .newsletter-input {
  flex: 1;
  background: rgba(255, 255, 255, 0.05);
  border: 0.5px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 13px;
  color: #FFFFFF;
  outline: none;
  transition: border-color 200ms ease;
}
.widget-7d1971 .newsletter-input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.widget-7d1971 .newsletter-input:focus {
  border-color: rgba(91, 63, 230, 0.6);
}
.widget-7d1971 .newsletter-button {
  background: linear-gradient(135deg, #5B3FE6, #E64E9B);
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 18px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: filter 200ms ease;
  white-space: nowrap;
}
.widget-7d1971 .newsletter-button:hover {
  filter: brightness(1.1);
}
.widget-7d1971 .newsletter-fineprint {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.4) !important;
  margin: 8px 0 0 !important;
}
.widget-7d1971 .contact-section {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.widget-7d1971 .contact-item {
  display: flex;
  flex-direction: column;
}
.widget-7d1971 .contact-label {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.4) !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0 0 2px !important;
}
.widget-7d1971 .contact-text {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.7) !important;
  line-height: 1.5;
  margin: 0 !important;
  text-decoration: none;
}
.widget-7d1971 .contact-link {
  text-decoration: none;
  transition: color 200ms ease;
}
.widget-7d1971 .contact-link:hover {
  color: #FFFFFF !important;
}
.widget-7d1971 .footer-wordmark-band {
  background: transparent;
  width: 100%;
  overflow: hidden;
  padding: 40px 0 0 0;
  line-height: 0.85;
  margin-top: 0;
}
.widget-7d1971 .footer-wordmark {
  --wordmark-font: "Geist", "Inter", sans-serif;
  --wordmark-weight: 700;
  --wordmark-size-min: 80px;
  --wordmark-size-max: 280px;
  --wordmark-letter-spacing: -0.04em;
  --wordmark-color-top: #FFFFFF;
  --wordmark-color-bottom: #FCC60C;
  font-family: var(--wordmark-font);
  font-weight: var(--wordmark-weight);
  font-size: clamp(var(--wordmark-size-min), 18vw, var(--wordmark-size-max));
  letter-spacing: var(--wordmark-letter-spacing);
  line-height: 0.85 !important;
  text-transform: none;
  white-space: nowrap;
  margin: 32px 0 0 0 !important;
  padding: 0 !important;
  display: block;
  background: linear-gradient(to top, #146ef5 0%, #FFFFFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.widget-7d1971 .footer-wordmark.wm-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 600px) {
  .widget-7d1971 .footer-wordmark {
    line-height: 0.9 !important;
  }
}
.widget-7d1971 .footer-bottom {
  background: transparent;
  border-top: 0.5px solid rgba(255, 255, 255, 0.06);
  padding: 24px 56px;
}
.widget-7d1971 .bottom-grid {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
}
.widget-7d1971 .bottom-logo {
  justify-self: flex-start;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.widget-7d1971 .bottom-logo a {
  display: inline-flex;
  align-items: center;
}
.widget-7d1971 .bottom-logo img {
  max-height: 28px;
  width: auto;
  display: block;
}
.widget-7d1971 .bottom-copyright {
  justify-self: center;
  text-align: center;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.35) !important;
  margin: 0 !important;
}
.widget-7d1971 .bottom-social {
  justify-self: flex-end;
  display: flex;
  gap: 16px;
  align-items: center;
}
.widget-7d1971 .bottom-social a {
  color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  transition: color 200ms ease, transform 200ms ease;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.widget-7d1971 .social-icon {
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.4);
  transition: color 200ms ease, transform 200ms ease;
  cursor: pointer;
}
.widget-7d1971 .social-icon svg {
  width: 20px;
  height: 20px;
}
.widget-7d1971 .bottom-social a:hover .social-icon {
  color: #FFFFFF;
  transform: scale(1.1);
}
.widget-7d1971 .bottom-social a:hover {
  color: #FFFFFF;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-7d1971 .cb-footer {
    padding: 0 16px 16px;
  }
  .widget-7d1971 .footer-dark-box {
    border-radius: 20px;
  }
  .widget-7d1971 .footer-cta-marquee {
    padding: 72px 0 4px;
  }
  .widget-7d1971 .marquee-text {
    font-size: 64px;
  }
  .widget-7d1971 .avatar,
  .widget-7d1971 .avatar-placeholder {
    width: 64px;
    height: 64px;
  }
  .widget-7d1971 .marquee-track {
    animation-duration: 32s;
  }
  .widget-7d1971 .marquee-container {
    margin-bottom: 48px;
  }
  .widget-7d1971 .footer-featured {
    padding: 32px 32px;
  }
  .widget-7d1971 .featured-grid {
    gap: 20px;
  }
  .widget-7d1971 .footer-showcase {
    padding: 20px 32px 64px;
  }
  .widget-7d1971 .card-headline {
    font-size: 26px;
  }
  .widget-7d1971 .laptop-mockup {
    max-width: 420px;
  }
  .widget-7d1971 .footer-main {
    padding: 48px 32px 24px;
  }
  .widget-7d1971 .footer-grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
  }
  .widget-7d1971 .footer-newsletter {
    grid-column: 3;
    grid-row: 1/span 2;
  }
  .widget-7d1971 .footer-col-group + .footer-col-group {
    margin-top: 20px;
  }
  .widget-7d1971 .footer-bottom {
    padding: 24px 32px;
  }
}
@media (max-width: 767px) {
  .widget-7d1971 .cb-footer {
    padding: 0 12px 12px;
  }
  .widget-7d1971 .footer-dark-box {
    border-radius: 16px;
  }
  .widget-7d1971 .footer-cta-marquee {
    padding: 48px 0 4px;
  }
  .widget-7d1971 .marquee-text {
    font-size: 40px;
  }
  .widget-7d1971 .avatar,
  .widget-7d1971 .avatar-placeholder {
    width: 40px;
    height: 40px;
  }
  .widget-7d1971 .avatar.circle {
    border-width: 2px;
  }
  .widget-7d1971 .avatar-placeholder svg {
    width: 18px;
    height: 18px;
  }
  .widget-7d1971 .marquee-track {
    animation-duration: 24s;
  }
  .widget-7d1971 .marquee-container {
    margin-bottom: 48px;
  }
  .widget-7d1971 .footer-cta-marquee .cta-buttons {
    flex-direction: column;
    width: 100%;
    align-items: stretch;
  }
  .widget-7d1971 .footer-cta-marquee .cta-primary,
  .widget-7d1971 .footer-cta-marquee .cta-secondary {
    width: 100%;
    justify-content: center;
  }
  .widget-7d1971 .footer-featured {
    padding: 32px 24px;
  }
  .widget-7d1971 .featured-grid {
    grid-template-columns: 1fr;
  }
  .widget-7d1971 .footer-showcase {
    padding: 16px 24px 56px;
  }
  .widget-7d1971 .showcase-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .widget-7d1971 .showcase-card {
    min-height: 320px;
  }
  .widget-7d1971 .cta-card .card-content {
    padding: 40px 28px;
  }
  .widget-7d1971 .card-headline {
    font-size: 24px;
  }
  .widget-7d1971 .roi-card {
    padding: 32px 20px 0;
  }
  .widget-7d1971 .laptop-mockup {
    max-width: 320px;
    width: 100%;
  }
  .widget-7d1971 .footer-main {
    padding: 48px 24px 24px;
  }
  .widget-7d1971 .footer-grid {
    grid-template-columns: 1fr;
  }
  .widget-7d1971 .footer-col-group {
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 4px;
  }
  .widget-7d1971 .footer-col-group + .footer-col-group {
    margin-top: 0;
  }
  .widget-7d1971 .col-header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    margin: 0 !important;
    user-select: none;
  }
  .widget-7d1971 .col-header::after {
    content: "+";
    font-size: 16px;
    color: rgba(255, 255, 255, 0.4);
    transition: transform 200ms ease;
  }
  .widget-7d1971 .footer-col-group.open .col-header::after {
    content: "−";
  }
  .widget-7d1971 .footer-col-group .footer-col-links-wrap {
    max-height: 0;
    overflow: hidden;
    transition: max-height 300ms ease;
  }
  .widget-7d1971 .footer-col-group.open .footer-col-links-wrap {
    max-height: 600px;
  }
  .widget-7d1971 .footer-newsletter {
    order: -1;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 24px;
    margin-bottom: 8px;
  }
  .widget-7d1971 .newsletter-form {
    flex-direction: column;
  }
  .widget-7d1971 .newsletter-button {
    width: 100%;
  }
  .widget-7d1971 .footer-bottom {
    padding: 24px 24px;
  }
  .widget-7d1971 .bottom-grid {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 16px;
  }
  .widget-7d1971 .bottom-logo {
    justify-self: center;
  }
  .widget-7d1971 .bottom-copyright {
    justify-self: center;
  }
  .widget-7d1971 .bottom-social {
    justify-self: center;
  }
}
.widget-7d1971 .laptop-screen-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #F5F4F1;
  overflow: hidden;
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.widget-7d1971 .browser-chrome {
  background: rgba(13, 13, 13, 0.04);
  border-bottom: 0.5px solid rgba(13, 13, 13, 0.08);
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  height: 18px;
  box-sizing: border-box;
}
.widget-7d1971 .traffic-dots {
  display: flex;
  gap: 3px;
  align-items: center;
  flex-shrink: 0;
}
.widget-7d1971 .traffic-dots .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: block;
  flex-shrink: 0;
}
.widget-7d1971 .traffic-dots .red {
  background: #FF5F57;
}
.widget-7d1971 .traffic-dots .yellow {
  background: #FEBC2E;
}
.widget-7d1971 .traffic-dots .green {
  background: #28C840;
}
.widget-7d1971 .url-bar {
  background: rgba(255, 255, 255, 0.9);
  border: 0.5px solid rgba(13, 13, 13, 0.08);
  border-radius: 4px;
  padding: 2px 8px;
  font: 400 8px Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: rgba(13, 13, 13, 0.55);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  max-width: 70%;
  margin-left: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.widget-7d1971 .url-bar svg {
  flex-shrink: 0;
}
.widget-7d1971 .url-bar span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-7d1971 .app-layout {
  flex: 1;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  min-height: 0;
}
.widget-7d1971 .app-sidebar {
  width: 14%;
  min-width: 30px;
  background: #FFFFFF;
  border-right: 0.5px solid rgba(13, 13, 13, 0.06);
  padding: 8px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  box-sizing: border-box;
}
.widget-7d1971 .sidebar-logo {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: linear-gradient(135deg, #5B3FE6, #E64E9B);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 600 9px Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin-bottom: 8px;
  flex-shrink: 0;
}
.widget-7d1971 .sidebar-item {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.widget-7d1971 .sidebar-item svg {
  color: rgba(13, 13, 13, 0.35);
  flex-shrink: 0;
}
.widget-7d1971 .sidebar-item.active {
  background: linear-gradient(135deg, rgba(91, 63, 230, 0.15), rgba(230, 78, 155, 0.15));
}
.widget-7d1971 .sidebar-item.active svg {
  color: #5B3FE6;
}
.widget-7d1971 .app-main {
  flex: 1;
  padding: 10px 12px;
  overflow: hidden;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  box-sizing: border-box;
}
.widget-7d1971 .roi-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.widget-7d1971 .roi-inputs {
  background: #FFFFFF;
  border: 0.5px solid rgba(13, 13, 13, 0.08);
  border-radius: 8px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
  box-sizing: border-box;
}
.widget-7d1971 .roi-kicker {
  font: 600 7px Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #5B3FE6;
  display: block;
}
.widget-7d1971 .roi-title {
  font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  color: #0D0D0D !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  text-transform: none !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  background-clip: unset !important;
}
.widget-7d1971 .slider-row {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.widget-7d1971 .slider-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.widget-7d1971 .slider-label {
  font: 500 8px Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: rgba(13, 13, 13, 0.75);
}
.widget-7d1971 .slider-value {
  font: 600 9px Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #5B3FE6;
}
.widget-7d1971 .slider-track {
  height: 3px;
  background: rgba(13, 13, 13, 0.1);
  border-radius: 999px;
  position: relative;
  margin: 2px 0;
}
.widget-7d1971 .slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #5B3FE6;
  border-radius: 999px;
}
.widget-7d1971 .slider-thumb {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5B3FE6;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 2px rgba(13, 13, 13, 0.15);
}
.widget-7d1971 .slider-range {
  display: flex;
  justify-content: space-between;
  font: 400 6px Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: rgba(13, 13, 13, 0.4);
}
.widget-7d1971 .reset-link {
  font: 400 7px Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: rgba(13, 13, 13, 0.5);
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.widget-7d1971 .roi-results {
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
  min-height: 0;
}
.widget-7d1971 .stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}
.widget-7d1971 .stat-card {
  background: rgba(13, 13, 13, 0.04);
  border-radius: 6px;
  padding: 6px 7px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  box-sizing: border-box;
}
.widget-7d1971 .stat-top {
  font: 500 6px Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(13, 13, 13, 0.5);
  line-height: 1.2;
}
.widget-7d1971 .stat-num {
  font: 700 12px/1 Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #5B3FE6;
  letter-spacing: -0.01em;
}
.widget-7d1971 .stat-desc {
  font: 400 6px/1.3 Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: rgba(13, 13, 13, 0.55);
}
.widget-7d1971 .reclaim-card {
  background: rgba(13, 13, 13, 0.04);
  border-radius: 6px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-shrink: 0;
  box-sizing: border-box;
}
.widget-7d1971 .reclaim-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.widget-7d1971 .reclaim-num {
  font: 700 15px/1 Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #5B3FE6;
  letter-spacing: -0.015em;
}
.widget-7d1971 .reclaim-sub {
  font: 400 5.5px Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: rgba(13, 13, 13, 0.4);
}
.widget-7d1971 .reclaim-btn {
  background: linear-gradient(135deg, #5B3FE6, #E64E9B);
  color: #FFFFFF;
  font: 600 7px Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  padding: 5px 9px;
  border-radius: 5px;
  border: none;
  box-shadow: 0 2px 6px rgba(91, 63, 230, 0.3);
  flex-shrink: 0;
  cursor: default;
  white-space: nowrap;
}
.widget-7d1971 .roi-footnote {
  font: 400 5.5px Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: rgba(13, 13, 13, 0.4) !important;
  text-align: center;
  margin: 0 !important;
  flex-shrink: 0;
}
@media (prefers-reduced-motion: reduce) {
  .widget-7d1971 .marquee-track,
  .widget-7d1971 .marquee-track.marquee-running {
    animation: none;
  }
  .widget-7d1971 .cta-primary,
  .widget-7d1971 .cta-secondary,
  .widget-7d1971 .featured-link,
  .widget-7d1971 .card-cta-button,
  .widget-7d1971 .footer-col a,
  .widget-7d1971 .newsletter-button,
  .widget-7d1971 .social-icon,
  .widget-7d1971 .bottom-social a,
  .widget-7d1971 .contact-link {
    transition: none;
  }
  .widget-7d1971 .cta-primary:hover {
    transform: none;
    box-shadow: none;
  }
  .widget-7d1971 .bottom-social a:hover .social-icon {
    transform: none;
  }
}

@charset "UTF-8";
.widget-face3e {
  /* ── Kicker ── */
  /* ── Stat Row ── */
  /* Vertical dividers between stat blocks via pseudo-elements */
  /* ── Stat Block ── */
  /* ── Top Label ── */
  /* ── Number Wrapper ── */
  /* ── Number ── */
  /* ── Digit animation ── */
  /* Static chars: prefix, suffix, comma, decimal — smaller than main digits */
  /* ── Unit Label ── */
  /* ── Descriptor ── */
  /* ── Circular Images ── */
  /* Reduced motion */
  /* ── Tablet (768px – 1023px) ── */
  /* ── Mobile (below 768px) ── */
}
.widget-face3e .stats-section {
  padding: 80px 56px;
  background: #ffffff;
  box-sizing: border-box;
  width: 100%;
}
.widget-face3e .stats-container {
  max-width: 1280px;
  margin: 0 auto;
}
.widget-face3e .stats-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 40px;
}
.widget-face3e .kicker-icon {
  color: #FCC60C;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.widget-face3e .kicker-text {
  font-family: "Geist-SemiBold", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #101626;
  letter-spacing: 0.02em;
}
.widget-face3e .stats-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: start;
  position: relative;
}
.widget-face3e .stat-block:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10%;
  height: 80%;
  width: 1px;
  background: rgba(13, 13, 13, 0.1);
}
.widget-face3e .stat-block {
  padding: 0 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.widget-face3e .stat-block:first-child {
  padding-left: 0;
}
.widget-face3e .stat-block:last-child {
  padding-right: 0;
}
.widget-face3e .stat-top-label {
  font-family: "Geist-SemiBold", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: #101626;
  margin: 0 0 12px;
}
.widget-face3e .stat-num-wrap {
  display: flex;
  align-items: baseline;
  margin: 0 0 6px;
  overflow: visible;
}
.widget-face3e .stat-num {
  display: flex;
  align-items: center;
  font-family: "Geist-Bold", sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.06em;
  color: #101626;
}
.widget-face3e .digit-window {
  display: inline-block;
  height: 1em;
  overflow: hidden;
  position: relative;
  vertical-align: baseline;
}
.widget-face3e .digit-strip {
  display: flex;
  flex-direction: column;
  transform: translateY(0);
  transition: transform 2000ms cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}
.widget-face3e .digit-strip span {
  display: block;
  height: 1em;
  line-height: 1;
  text-align: center;
}
.widget-face3e .stat-prefix,
.widget-face3e .stat-suffix {
  font-family: "Geist-SemiBold", sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #101626;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
}
.widget-face3e .stat-prefix {
  margin-right: 10px;
}
.widget-face3e .stat-suffix {
  margin-left: 10px;
}
.widget-face3e .stat-static-char {
  font-family: "Geist-Bold", sans-serif;
  font-size: 72px;
  font-weight: 700;
  color: #101626;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
}
.widget-face3e .stat-unit {
  font-family: "Geist-SemiBold", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #2D6CE0;
  margin: 40px 0 2px;
  line-height: 1.3;
}
.widget-face3e .stat-descriptor {
  font-family: "Geist-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: rgba(13, 13, 13, 0.6);
  margin: 0 0 20px;
  line-height: 1.4;
}
.widget-face3e .stat-images {
  display: flex;
  align-items: center;
}
.widget-face3e .stat-img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #ffffff;
  box-shadow: 0 1px 3px rgba(13, 13, 13, 0.08);
  display: block;
  flex-shrink: 0;
}
.widget-face3e .stat-img + .stat-img {
  margin-left: -12px;
}
.widget-face3e .stat-img-placeholder {
  background: rgba(13, 13, 13, 0.08);
}
@media (prefers-reduced-motion: reduce) {
  .widget-face3e .digit-strip {
    transition: none;
  }
}
@media (max-width: 1023px) {
  .widget-face3e {
    /* Remove pseudo dividers on tablet — handle manually */
    /* Right-column blocks get a left divider */
    /* Top-row bottom border */
  }
  .widget-face3e .stats-section {
    padding: 48px 32px;
  }
  .widget-face3e .stats-row {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0;
  }
  .widget-face3e .stat-block::before {
    display: none;
  }
  .widget-face3e .stat-block:nth-child(2n)::before {
    display: block;
  }
  .widget-face3e .stat-block:nth-child(1),
  .widget-face3e .stat-block:nth-child(2) {
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(13, 13, 13, 0.1);
  }
  .widget-face3e .stat-block:nth-child(3),
  .widget-face3e .stat-block:nth-child(4) {
    padding-top: 40px;
  }
  .widget-face3e .stat-num {
    font-size: 56px;
  }
  .widget-face3e .stat-block {
    padding: 0 24px;
  }
  .widget-face3e .stat-block:nth-child(odd) {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .widget-face3e .stats-section {
    padding: 48px 24px;
  }
  .widget-face3e .stats-row {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
  .widget-face3e .stat-block {
    padding: 32px 0;
    border-bottom: 1px solid rgba(13, 13, 13, 0.1);
  }
  .widget-face3e .stat-block:first-child {
    padding-top: 0;
  }
  .widget-face3e .stat-block:last-child {
    border-bottom: none;
  }
  .widget-face3e .stat-block::before {
    display: none !important;
  }
  .widget-face3e .stat-num {
    font-size: 48px;
  }
  .widget-face3e .stat-prefix,
  .widget-face3e .stat-suffix {
    font-size: 22px;
    vertical-align: middle;
  }
  .widget-face3e .stat-static-char {
    font-size: 48px;
  }
  .widget-face3e .stat-img {
    width: 36px;
    height: 36px;
  }
}

@charset "UTF-8";
.widget-bbe82a {
  /* ─── CSS custom properties ─── */
  --g1: #818CF8;
  --g2: #A855F7;
  --g3: #EC4899;
  --bg: #101626;
  --grad: linear-gradient(135deg, var(--g1) 0%, var(--g2) 50%, var(--g3) 100%);
  --grad-text: linear-gradient(90deg, var(--g1), var(--g2), var(--g3));
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  /* ─── Reset ─── */
  box-sizing: border-box;
  font-family: "Inter", "Geist-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* ─── Outer wrapper ─── */
  /* ─── CTA section ─── */
  /* ─── Preview window wrapper ─── */
  /* ─── Orbs wrapper ─── */
  /* ─── Inner container ─── */
  /* ─── Kicker pill wrapper ─── */
  /* ─── Kicker ─── */
  /* ─── Headline ─── */
  /* ─── CTA Button wrap ─── */
  /* ─── Preview Window ─── */
  /* ─── Edge glows ─── */
  /* ─── Top bar chrome ─── */
  /* ─── Media area ─── */
  /* ─── Placeholder ─── */
  /* ─── Preview play overlay ─── */
  /* ─── Preview inner top glow ─── */
  /* ─── Video Modal ─── */
  /* ════════════════════════════════
     KEYFRAMES
  ════════════════════════════════ */
  /* ════════════════════════════════
     RESPONSIVE — Tablet ≤ 1024px
  ════════════════════════════════ */
  /* ════════════════════════════════
     RESPONSIVE — Mobile ≤ 768px
  ════════════════════════════════ */
  /* ════════════════════════════════
     RESPONSIVE — Small mobile ≤ 600px
  ════════════════════════════════ */
}
.widget-bbe82a .cta-outer {
  position: relative;
  width: 100%;
  background: transparent;
  padding-bottom: 0;
}
.widget-bbe82a .cta-section {
  position: relative;
  width: 100%;
  background: transparent;
  padding: 100px 40px 80px;
  overflow: hidden;
  border-radius: 0;
}
.widget-bbe82a .preview-window-wrap {
  display: flex;
  justify-content: center;
  padding: 0 40px;
  margin-top: 60px;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}
.widget-bbe82a .orbs-wrapper {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.widget-bbe82a .orb {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  animation-fill-mode: forwards;
}
.widget-bbe82a .orb-indigo,
.widget-bbe82a .orb-purple,
.widget-bbe82a .orb-pink {
  display: none;
}
.widget-bbe82a .cta-inner {
  position: relative;
  z-index: 2;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.widget-bbe82a .cta-kicker-pill {
  display: inline-flex;
  align-items: center;
  margin: 0 0 20px;
  padding: 6px 18px;
  border-radius: 99px;
  background: transparent;
  position: relative;
  opacity: 0;
  transform: translateY(12px);
  animation: fade-up 600ms var(--ease-spring) 200ms forwards;
  /* 1px gradient border via pseudo-element */
}
.widget-bbe82a .cta-kicker-pill::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 99px;
  padding: 1px;
  background: var(--grad-text);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.widget-bbe82a .cta-kicker {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  background: var(--grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  line-height: 1.4;
}
.widget-bbe82a .cta-headline {
  font-size: 48px;
  font-weight: 700;
  color: inherit;
  line-height: 1 !important;
  letter-spacing: -0.025em;
  max-width: 800px;
  margin: 0 0 40px;
  overflow: visible;
  padding-bottom: 0;
  opacity: 0;
  transform: translateY(16px);
  animation: fade-up 700ms var(--ease-spring) 400ms forwards;
}
.widget-bbe82a .cta-headline .gradient-word {
  background: var(--grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  padding-bottom: 0;
  line-height: 1;
}
.widget-bbe82a .cta-button-wrap {
  margin-bottom: 0;
  opacity: 0;
  transform: translateY(14px);
  animation: fade-up 600ms var(--ease-spring) 700ms forwards;
}
.widget-bbe82a .cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 32px !important;
  border-radius: 99px !important;
  width: max-content !important;
  min-width: max-content !important;
  background: linear-gradient(135deg, #4f3a8a 0%, #6b28c0 50%, #9c1a6e 100%) !important;
  background-size: 200% 100% !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  border: none !important;
  box-shadow: 0 8px 24px rgba(107, 40, 192, 0.55), 0 2px 8px rgba(107, 40, 192, 0.3) !important;
  transition: all 400ms var(--ease-spring) !important;
  position: relative;
  text-decoration: none !important;
}
.widget-bbe82a .cta-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 99px;
  background: var(--grad);
  filter: blur(16px);
  opacity: 0.5;
  z-index: -1;
  transition: opacity 400ms var(--ease-spring);
}
.widget-bbe82a .cta-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 40px rgba(107, 40, 192, 0.7), 0 0 60px rgba(156, 26, 110, 0.4) !important;
  background-position: 100% 0 !important;
}
.widget-bbe82a .cta-btn:hover::before {
  opacity: 0.75;
}
.widget-bbe82a .preview-window {
  width: 100%;
  max-width: 960px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: #0A0E1A;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 8px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.04);
  opacity: 0;
  transform: translateY(30px);
  animation: fade-up 800ms var(--ease-spring) 900ms forwards;
}
.widget-bbe82a .edge-glow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  animation: edge-fade-in 600ms var(--ease-spring) 1200ms forwards, edge-pulse 4s ease-in-out 1800ms infinite;
}
.widget-bbe82a .edge-glow-left {
  left: 0;
  background: linear-gradient(180deg, transparent, rgba(129, 140, 248, 0.4), transparent);
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.3);
}
.widget-bbe82a .edge-glow-right {
  right: 0;
  background: linear-gradient(180deg, transparent, rgba(236, 72, 153, 0.4), transparent);
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.3);
}
.widget-bbe82a .preview-topbar {
  height: 44px;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 8px;
  position: relative;
}
.widget-bbe82a .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  opacity: 0.7;
  flex-shrink: 0;
}
.widget-bbe82a .dot-red {
  background: #FF5F57;
}
.widget-bbe82a .dot-yellow {
  background: #FEBC2E;
}
.widget-bbe82a .dot-green {
  background: #28C840;
}
.widget-bbe82a .preview-topbar-label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.widget-bbe82a .preview-media {
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
}
.widget-bbe82a .preview-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.widget-bbe82a .preview-placeholder {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #0F1628 0%, #1A1040 50%, #0F1628 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.widget-bbe82a .placeholder-shimmer {
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.03) 50%, transparent 70%);
  animation: shimmer-sweep 3s ease-in-out infinite;
}
.widget-bbe82a .placeholder-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.widget-bbe82a .play-circle {
  width: 64px;
  height: 64px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget-bbe82a .placeholder-label {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 500;
}
.widget-bbe82a .preview-play-overlay {
  position: absolute;
  inset: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: background 300ms ease;
}
.widget-bbe82a .preview-play-overlay:hover {
  background: rgba(0, 0, 0, 0.25);
}
.widget-bbe82a .preview-play-overlay:hover .preview-play-btn {
  transform: scale(1.1);
  box-shadow: 0 0 0 12px rgba(168, 85, 247, 0.18), 0 8px 32px rgba(107, 40, 192, 0.5);
}
.widget-bbe82a .preview-play-btn {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--g1) 0%, var(--g2) 50%, var(--g3) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 8px rgba(168, 85, 247, 0.15), 0 8px 32px rgba(107, 40, 192, 0.45);
  transition: transform 300ms var(--ease-spring), box-shadow 300ms var(--ease-spring);
  flex-shrink: 0;
}
.widget-bbe82a .preview-play-btn svg {
  margin-left: 4px; /* optical offset for play triangle */
}
.widget-bbe82a .preview-inner-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at top center, rgba(168, 85, 247, 0.1) 0%, transparent 60%);
  pointer-events: none;
  z-index: 3;
}
.widget-bbe82a .video-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 350ms var(--ease-spring);
}
.widget-bbe82a .video-modal.is-open {
  opacity: 1;
  pointer-events: all;
}
.widget-bbe82a .video-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 7, 20, 0.88);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
}
.widget-bbe82a .video-modal-box {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 960px;
  border-radius: 20px;
  overflow: hidden;
  background: #0A0E1A;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(168, 85, 247, 0.15);
  transform: scale(0.92) translateY(20px);
  transition: transform 400ms var(--ease-spring);
}
.is-open .widget-bbe82a .video-modal-box {
  transform: scale(1) translateY(0);
}
.widget-bbe82a .video-modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 10;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 200ms ease, transform 200ms ease;
}
.widget-bbe82a .video-modal-close:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(1.1);
}
.widget-bbe82a .video-modal-frame {
  aspect-ratio: 16/9;
  width: 100%;
  position: relative;
}
.widget-bbe82a .video-modal-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
@keyframes orb-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes orb-float-a {
  0% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@keyframes orb-float-b {
  0% {
    transform: translateY(20px);
  }
  50% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(20px);
  }
}
@keyframes orb-pulse {
  0% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(-50%) scale(1.06);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}
@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(var(--ty, 14px));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes edge-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.6;
  }
}
@keyframes edge-pulse {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes shimmer-sweep {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(200%);
  }
}
@media (max-width: 1024px) {
  .widget-bbe82a .cta-section {
    padding: 80px 32px 60px;
  }
  .widget-bbe82a .cta-headline {
    font-size: 42px;
  }
  .widget-bbe82a .preview-window {
    max-width: 100%;
  }
  .widget-bbe82a .preview-window-wrap {
    padding: 0 32px;
  }
}
@media (max-width: 768px) {
  .widget-bbe82a .cta-section {
    padding: 80px 32px 60px;
  }
  .widget-bbe82a .cta-headline {
    font-size: 32px;
  }
  .widget-bbe82a .cta-btn {
    padding: 14px 28px !important;
    width: max-content !important;
    min-width: max-content !important;
  }
  .widget-bbe82a .preview-window {
    border-radius: 14px;
  }
  .widget-bbe82a .preview-window-wrap {
    padding: 0 32px;
    margin-top: 48px;
  }
  .widget-bbe82a .orb-indigo {
    width: 490px;
    height: 490px;
  }
  .widget-bbe82a .orb-purple {
    width: 420px;
    height: 420px;
  }
  .widget-bbe82a .orb-pink {
    width: 630px;
    height: 350px;
  }
  .widget-bbe82a .preview-play-btn {
    width: 56px;
    height: 56px;
  }
  .widget-bbe82a .video-modal-box {
    border-radius: 14px;
  }
}
@media (max-width: 600px) {
  .widget-bbe82a .cta-section {
    padding: 60px 20px 48px;
  }
  .widget-bbe82a .cta-kicker {
    font-size: 13px;
  }
  .widget-bbe82a .cta-headline {
    font-size: 26px;
  }
  .widget-bbe82a .preview-window {
    border-radius: 12px;
  }
  .widget-bbe82a .preview-window-wrap {
    padding: 0 20px;
    margin-top: 40px;
  }
  .widget-bbe82a .dot {
    width: 10px;
    height: 10px;
  }
  .widget-bbe82a .edge-glow {
    display: none;
  }
  .widget-bbe82a .preview-play-btn {
    width: 48px;
    height: 48px;
  }
  .widget-bbe82a .video-modal {
    padding: 16px;
  }
  .widget-bbe82a .video-modal-box {
    border-radius: 12px;
  }
}

@charset "UTF-8";
.widget-d1e76a {
  font-family: "Inter", "Geist-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* ─── HEADER ROW ─── */
  /* ─── SLIDER ─── */
  /* ─── LOGO DOTS ─── */
  /* ─── TESTIMONIAL LAYOUT ─── */
  /* ─── LEFT COLUMN ─── */
  /* Video thumbnail — asymmetric radius: curved top-right + bottom-left, flat top-left + bottom-right */
  /* Photo-only thumb: no cursor change, no click effect */
  /* Play button */
  /* Story link */
  /* ─── RIGHT COLUMN ─── */
  /* ─── VIDEO MODAL ─── */
  /* ─── RESPONSIVE: 1024px ─── */
  /* ─── RESPONSIVE: 768px ─── */
  /* ─── RESPONSIVE: 600px ─── */
}
.widget-d1e76a .testimonials-outer {
  width: 100%;
  background: transparent;
  animation: tw-fadein 600ms ease both;
}
@keyframes tw-fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.widget-d1e76a .testimonials-wrapper {
  max-width: 1240px;
  margin: 0 auto;
  padding: 80px 40px;
}
.widget-d1e76a .tw-header-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
  margin-bottom: 48px;
}
.widget-d1e76a .tw-header-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.widget-d1e76a .tw-kicker {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6B7280;
  margin: 0;
}
.widget-d1e76a .tw-heading {
  font-size: 38px;
  font-weight: 700;
  color: #101626;
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: 0;
}
.widget-d1e76a .tw-subtext {
  font-size: 16px;
  font-weight: 400;
  color: #6B7280;
  line-height: 1.6;
  margin: 0;
  max-width: 340px;
}
.widget-d1e76a .tw-arrow-group {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.widget-d1e76a .tw-arrow-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1.5px solid rgba(16, 22, 38, 0.15);
  background: transparent;
  color: #101626;
  cursor: pointer;
  transition: background 250ms ease, border-color 250ms ease, transform 200ms ease;
  padding: 0;
  box-shadow: none;
}
.widget-d1e76a .tw-arrow-btn:hover {
  background: #101626;
  border-color: #101626;
  color: #fff;
  transform: scale(1.06);
}
.widget-d1e76a .tw-arrow-btn:active {
  transform: scale(0.96);
}
.widget-d1e76a .slider-viewport {
  overflow: clip;
  width: 100%;
  cursor: grab;
  user-select: none;
}
.widget-d1e76a .slider-viewport.is-dragging {
  cursor: grabbing;
}
.widget-d1e76a .slider-track {
  display: flex;
  transition: transform 900ms cubic-bezier(0.25, 0.1, 0.1, 1);
  will-change: transform;
}
.widget-d1e76a .slider-track.no-transition {
  transition: none;
}
.widget-d1e76a .testimonial-slide {
  flex-shrink: 0;
  min-width: 0;
  box-sizing: border-box;
}
.widget-d1e76a .slider-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 120px;
  margin-top: 48px;
}
.widget-d1e76a .dot {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  min-width: 120px;
  max-width: 260px;
  padding: 0;
  background: none !important;
  border: none;
  cursor: pointer;
  transition: all 300ms ease;
  opacity: 0.35;
  filter: grayscale(1);
  border-radius: 0;
  box-shadow: none !important;
  outline: none;
}
.widget-d1e76a .dot.active {
  opacity: 1;
  filter: grayscale(0);
  background: none !important;
  width: auto;
  border-radius: 0;
  box-shadow: none !important;
}
.widget-d1e76a .dot-logo-img {
  max-height: 81px;
  max-width: 270px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  pointer-events: none;
}
.widget-d1e76a .dot-logo-text {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #101626;
  white-space: nowrap;
}
.widget-d1e76a .testimonial-grid {
  display: grid;
  grid-template-columns: 480px 1fr;
  gap: 64px;
  align-items: center;
}
.widget-d1e76a .testimonial-left {
  display: flex;
  flex-direction: column;
}
.widget-d1e76a .thumb-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: 0 24px 0 24px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.04);
  transition: transform 400ms cubic-bezier(0.16, 1, 0.3, 1);
}
.widget-d1e76a .thumb-wrap:hover {
  transform: translateY(-4px);
}
.widget-d1e76a .thumb-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.widget-d1e76a .thumb-img--1 {
  background-image: url("https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=800&fit=crop");
}
.widget-d1e76a .thumb-img--2 {
  background-image: url("https://images.unsplash.com/photo-1541888946425-d81bb19240f5?w=800&fit=crop");
}
.widget-d1e76a .thumb-img--3 {
  background-image: url("https://images.unsplash.com/photo-1560250097-0b93528c311a?w=800&fit=crop");
}
.widget-d1e76a .thumb-img--4 {
  background-image: url("https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=800&fit=crop");
}
.widget-d1e76a .thumb-wrap--photo {
  cursor: default;
}
.widget-d1e76a .thumb-wrap--photo:hover {
  transform: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.widget-d1e76a .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  background: #FFD43B;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(255, 212, 59, 0.4), 0 2px 8px rgba(255, 212, 59, 0.2);
  transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1);
  padding: 0;
  padding-left: 2px;
  z-index: 2;
}
.widget-d1e76a .play-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFD43B;
  border-radius: 50%;
  pointer-events: none;
  animation: play-ripple 2s ease-out infinite;
  opacity: 0.5;
}
@keyframes play-ripple {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.widget-d1e76a .thumb-wrap:hover .play-btn {
  transform: translate(-50%, -50%) scale(1.08);
  box-shadow: 0 12px 40px rgba(255, 212, 59, 0.65), 0 0 60px rgba(255, 212, 59, 0.4);
}
.widget-d1e76a .story-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #101626;
  text-decoration: none;
  cursor: pointer;
  width: fit-content;
}
.widget-d1e76a .story-link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.widget-d1e76a .story-link:hover .arrow-icon {
  transform: translate(3px, -3px);
}
.widget-d1e76a .arrow-icon {
  flex-shrink: 0;
  transition: transform 200ms ease;
}
.widget-d1e76a .testimonial-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.widget-d1e76a .quote-text {
  font-size: 24px;
  font-weight: 400;
  color: #1F2937;
  line-height: 1.5;
  letter-spacing: -0.01em;
  margin: 0 0 32px 0;
  padding: 0;
  border: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.widget-d1e76a .quote-highlight {
  display: block;
  font-size: 26px;
  font-weight: 700;
  color: #101626;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.widget-d1e76a .highlight-gradient {
  background: linear-gradient(90deg, #101626 0%, #08163c 50%, #203f84 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.widget-d1e76a .quote-detail {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #6B7280;
  line-height: 1.6;
  letter-spacing: 0;
}
.widget-d1e76a .quote-text-wrap {
  position: relative;
}
.widget-d1e76a .quote-mark-bg {
  position: absolute;
  top: -70px;
  left: -10px;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
.widget-d1e76a .quote-mark-text {
  font-size: 180px;
  line-height: 1;
  font-family: "Geist", "Geist Bold", sans-serif;
  font-weight: 700;
  color: #E5E7EB;
  letter-spacing: -0.02em;
}
.widget-d1e76a .quote-mark-img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  display: block;
  opacity: 1;
}
.widget-d1e76a .quote-text-wrap .quote-text {
  position: relative;
  z-index: 1;
}
.widget-d1e76a .attribution {
  display: flex;
  align-items: center;
  gap: 14px;
}
.widget-d1e76a .avatar {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #E5E7EB, #9CA3AF);
  border: 1px solid rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.widget-d1e76a .avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.widget-d1e76a .attribution-text {
  font-size: 15px;
  color: #6B7280;
}
.widget-d1e76a .attr-name {
  font-weight: 600;
  color: #101626;
}
.widget-d1e76a .attr-sep {
  color: #6B7280;
}
.widget-d1e76a .attr-title {
  font-weight: 400;
  color: #6B7280;
}
.widget-d1e76a .tw-video-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
  align-items: center;
  justify-content: center;
}
.widget-d1e76a .tw-video-modal.open {
  display: flex;
}
.widget-d1e76a .tw-video-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  animation: tw-backdrop-in 250ms ease both;
}
@keyframes tw-backdrop-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.widget-d1e76a .tw-video-container {
  position: relative;
  z-index: 1;
  width: 90vw;
  max-width: 960px;
  animation: tw-modal-in 350ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes tw-modal-in {
  from {
    opacity: 0;
    transform: scale(0.92) translateY(20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.widget-d1e76a .tw-video-close {
  position: absolute;
  top: -44px;
  right: 0;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.15);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 200ms ease;
  padding: 0;
}
.widget-d1e76a .tw-video-close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.widget-d1e76a .tw-video-frame {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
}
.widget-d1e76a .tw-video-frame iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
@media (max-width: 1024px) {
  .widget-d1e76a .testimonial-grid {
    grid-template-columns: 380px 1fr;
    gap: 40px;
  }
  .widget-d1e76a .quote-highlight {
    font-size: 22px;
  }
  .widget-d1e76a .quote-detail {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .widget-d1e76a .testimonial-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .widget-d1e76a .tw-header-row {
    margin-bottom: 36px;
  }
  .widget-d1e76a .tw-heading {
    font-size: 28px;
  }
  .widget-d1e76a .testimonial-left {
    max-width: 480px;
    margin: 0 auto;
    width: 100%;
  }
  .widget-d1e76a .testimonial-right {
    align-items: center;
    text-align: center;
  }
  .widget-d1e76a .slide-logo {
    justify-content: center;
  }
  .widget-d1e76a .attribution {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
}
@media (max-width: 600px) {
  .widget-d1e76a .testimonials-wrapper {
    padding: 60px 20px;
  }
  .widget-d1e76a .tw-heading {
    font-size: 24px;
  }
  .widget-d1e76a .quote-highlight {
    font-size: 20px;
  }
  .widget-d1e76a .quote-detail {
    font-size: 14px;
  }
  .widget-d1e76a .play-btn {
    width: 56px;
    height: 56px;
  }
}

.widget-6074bb .headline-text {
  font-family: "Geist-SemiBold", sans-serif;
  font-size: 48px;
  font-weight: 600;
  color: var(--color_3);
  letter-spacing: -0.05em;
  line-height: 1;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.widget-6074bb .line-1,
.widget-6074bb .line-2 {
  display: block;
  line-height: 0.92;
}
.widget-6074bb .highlight-word {
  background: linear-gradient(90deg, #4F8EF7 0%, #7B5EA7 50%, #E040B8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline;
}
@media (max-width: 1024px) {
  .widget-6074bb .headline-text {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .widget-6074bb .headline-text {
    font-size: 28px;
  }
}

@charset "UTF-8";
.widget-2e2849 {
  --glow-gradient: linear-gradient(135deg, #ec4899, #a855f7, #6366f1, #3b82f6, #06b6d4, #10b981);
  --glow-blur: 16px;
  --glow-opacity: 0.55;
  --phone-width: 235px;
  --phone-height: 435px;
  /* ============================
     SECTION
  ============================ */
  /* ============================
     LEFT COLUMN
  ============================ */
  /* Label Pill */
  /* Headline */
  /* Body text */
  /* Buttons */
  /* Glow wrapper */
  /* Feature cards */
  /* ============================
     RIGHT COLUMN
  ============================ */
  /* BG image */
  /* ============================
     PHONE MOCKUP
  ============================ */
  /* White fade overlay inside phone */
  /* Status bar */
  /* Phone content area */
  /* Rounded image box inside phone */
  /* Phone label */
  /* Phone bottom text */
  /* ============================
     ENTRANCE ANIMATIONS
  ============================ */
  /* ============================
     TABLET (≤1024px)
  ============================ */
  /* ============================
     MOBILE (≤768px)
  ============================ */
  /* ============================
     SMALL MOBILE (≤480px)
  ============================ */
}
.widget-2e2849 .hero-section {
  background: transparent;
  padding: 80px 48px;
  width: 100%;
  box-sizing: border-box;
}
.widget-2e2849 .hero-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  gap: 48px;
}
.widget-2e2849 .hero-left {
  flex: 0 0 55%;
  min-width: 0;
}
.widget-2e2849 .hero-label-pill {
  display: inline-block;
  background: #f3f4f6;
  color: #374151;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 99px;
  font-family: inherit;
}
.widget-2e2849 .hero-headline {
  margin-top: 20px;
  color: #111 !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  max-width: 600px;
  font-family: inherit;
  letter-spacing: -0.02em;
}
.widget-2e2849 .hero-body {
  margin-top: 16px;
  color: #6b7280 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  max-width: 420px;
  font-family: inherit;
}
.widget-2e2849 .hero-buttons {
  margin-top: 28px;
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: nowrap;
}
.widget-2e2849 .btn-glow-wrapper {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
}
.widget-2e2849 .btn-glow-wrapper::before {
  content: "";
  position: absolute;
  top: 40%;
  left: 10%;
  right: 10%;
  bottom: -10px;
  border-radius: 99px;
  background: var(--glow-gradient);
  filter: blur(var(--glow-blur));
  opacity: var(--glow-opacity);
  z-index: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.widget-2e2849 .btn-glow-wrapper:hover::before {
  opacity: 0.8;
}
.widget-2e2849 .btn-primary {
  background: #111;
  color: #fff;
  border: none;
  border-radius: 99px;
  height: 49px;
  padding: 0 28px;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  width: auto;
  min-width: 0;
  position: relative;
  z-index: 1;
  cursor: pointer;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
  line-height: 1;
}
.widget-2e2849 .btn-secondary-hero {
  background: transparent;
  color: #374151;
  border: 1.5px solid #d1d5db;
  border-radius: 99px;
  height: 49px;
  padding: 0 28px;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  width: auto;
  min-width: 0;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
  line-height: 1;
}
.widget-2e2849 .btn-secondary-hero:hover {
  border-color: #9ca3af !important;
  color: #111 !important;
}
.widget-2e2849 .hero-cards {
  margin-top: 100px;
  display: flex;
  gap: 16px;
}
.widget-2e2849 .hero-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  flex: 1;
  min-width: 0;
}
.widget-2e2849 .hero-card-icon {
  width: 28px;
  height: 28px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.widget-2e2849 .hero-card-title {
  color: #111;
  font-size: 15px;
  font-weight: 600;
  font-family: inherit;
  line-height: 1.3;
}
.widget-2e2849 .hero-card-body {
  color: #6b7280;
  font-size: 13px;
  line-height: 1.4;
  margin-top: 6px;
  font-family: inherit;
}
.widget-2e2849 .hero-right {
  flex: 0 0 45%;
  min-width: 0;
  position: relative;
  min-height: 100%;
  height: auto;
  border-radius: 20px;
  overflow: hidden;
}
.widget-2e2849 .hero-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-color: #e2e8f0;
  z-index: 0;
}
.widget-2e2849 .hero-fade-left {
  display: none;
}
.widget-2e2849 .hero-fade-bottom {
  display: none;
}
.widget-2e2849 .phone-mockup {
  position: absolute;
  top: 50%;
  left: calc(50% - 120px);
  transform: translate(-50%, -50%);
  z-index: 2;
  width: var(--phone-width);
}
.widget-2e2849 .phone-frame {
  width: var(--phone-width);
  height: var(--phone-height);
  background: transparent;
  border-radius: 32px;
  border: 1.5px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  padding: 12px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.widget-2e2849 .phone-fade-overlay {
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0) 65%);
  border-radius: 28px;
  pointer-events: none;
  z-index: 0;
}
.widget-2e2849 .phone-status-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 8px;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}
.widget-2e2849 .phone-time {
  font-size: 10px;
  color: #374151;
  font-weight: 500;
  font-family: inherit;
}
.widget-2e2849 .phone-indicators {
  display: flex;
  align-items: center;
  gap: 4px;
}
.widget-2e2849 .phone-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  position: relative;
  z-index: 1;
}
.widget-2e2849 .phone-image-box {
  width: 100%;
  aspect-ratio: 1/1;
  max-width: 180px;
  background-size: cover;
  background-position: center;
  background-color: #dde4f0;
  border-radius: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
.widget-2e2849 .phone-label {
  margin-top: 12px;
  color: #111;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  font-family: inherit;
}
.widget-2e2849 .phone-bottom-text {
  margin-top: auto;
  padding: 12px 8px 0;
  color: #9ca3af;
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
  font-family: inherit;
}
.widget-2e2849 .animate-item {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.widget-2e2849 .animate-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.widget-2e2849 .animate-phone {
  opacity: 0;
  transform: translate(-50%, -50%) translateY(24px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.widget-2e2849 .animate-phone.is-visible {
  opacity: 1;
  transform: translate(-50%, -50%) translateY(0px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-2e2849 .hero-container {
    gap: 32px;
  }
  .widget-2e2849 .hero-headline {
    font-size: 36px !important;
  }
}
@media (max-width: 767px) {
  .widget-2e2849 .hero-section {
    padding: 60px 24px;
  }
  .widget-2e2849 .hero-container {
    flex-direction: column;
    gap: 0;
  }
  .widget-2e2849 .hero-left {
    flex: 0 0 100%;
    width: 100%;
  }
  .widget-2e2849 .hero-right {
    flex: 0 0 100%;
    width: 100%;
    min-height: 400px;
    margin-top: 32px;
  }
  .widget-2e2849 .hero-headline {
    font-size: 36px !important;
  }
  .widget-2e2849 .hero-cards {
    flex-direction: column;
  }
  .widget-2e2849 .phone-mockup {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    margin: 32px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .widget-2e2849 .phone-frame {
    width: 220px;
    height: 400px;
  }
  .widget-2e2849 .animate-phone {
    transform: translateY(0px);
  }
  .widget-2e2849 .animate-phone.is-visible {
    transform: translateY(0px);
  }
}
@media (max-width: 480px) {
  .widget-2e2849 .hero-section {
    padding: 40px 20px;
  }
  .widget-2e2849 .hero-headline {
    font-size: 30px !important;
  }
  .widget-2e2849 .phone-frame {
    width: 200px;
    height: 380px;
  }
}

.widget-b18a1f {
  --card-blur: 24px;
  --card-tint: 20, 42, 60;
  --card-tint-opacity: 0.4;
  /* ---- Section wrapper: fully transparent ---- */
  /* ---- Inner container ---- */
  /* ---- Card rows ---- */
  /* ---- Individual glass card ---- */
  /* ---- Card content ---- */
  /* ---- Responsive: 1100px ---- */
  /* ---- Responsive: 900px ---- */
  /* ---- Responsive: 600px ---- */
}
.widget-b18a1f .glass-section {
  width: 100%;
  padding: 60px 40px;
  background: transparent;
  position: relative;
  box-sizing: border-box;
  font-family: "Inter", "Geist-Regular", "Helvetica Neue", Arial, sans-serif;
}
.widget-b18a1f .glass-inner {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.widget-b18a1f .cards-top-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.widget-b18a1f .cards-bottom-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 66%;
  margin: 20px auto 0;
  gap: 20px;
}
.widget-b18a1f .glass-card {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  padding: 28px 24px;
  backdrop-filter: blur(var(--card-blur)) saturate(180%);
  -webkit-backdrop-filter: blur(var(--card-blur)) saturate(180%);
  position: relative;
  transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  /* Entrance animation initial state */
  opacity: 0;
  transform: translateY(20px);
}
.widget-b18a1f .glass-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.widget-b18a1f .glass-card:hover {
  border-color: rgba(160, 100, 255, 0.45);
  background: linear-gradient(135deg, rgba(20, 18, 60, 0.75) 0%, rgba(60, 30, 120, 0.55) 50%, rgba(120, 30, 90, 0.55) 100%);
  backdrop-filter: blur(32px) saturate(200%) brightness(1.15);
  -webkit-backdrop-filter: blur(32px) saturate(200%) brightness(1.15);
  transform: translateY(-4px);
  box-shadow: 0 0 0 1px rgba(140, 100, 255, 0.35), 0 8px 32px rgba(80, 40, 160, 0.45), 0 0 60px rgba(100, 60, 200, 0.35), 0 0 100px rgba(200, 80, 180, 0.18), 0 0 160px rgba(80, 100, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 0 24px rgba(200, 160, 255, 0.05);
}
.widget-b18a1f .glass-card:hover .card-title,
.widget-b18a1f .glass-card:hover .card-desc {
  color: #ffffff;
  text-shadow: 0 0 18px rgba(180, 150, 255, 0.65), 0 0 40px rgba(220, 100, 220, 0.35);
}
.widget-b18a1f .glass-card:hover .card-divider {
  background: linear-gradient(90deg, transparent, rgba(100, 120, 255, 0.5), rgba(200, 80, 200, 0.5), transparent);
  box-shadow: 0 0 8px rgba(160, 100, 255, 0.45);
}
.widget-b18a1f .card-title {
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  margin-bottom: 16px;
  line-height: 1.3;
  margin-top: 0;
}
.widget-b18a1f .card-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  margin-bottom: 16px;
}
.widget-b18a1f .card-desc {
  font-size: 17px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.5;
  text-align: center;
  margin: 0;
}
@media (max-width: 1100px) {
  .widget-b18a1f .cards-top-row {
    grid-template-columns: repeat(3, 1fr);
  }
  .widget-b18a1f .cards-bottom-row {
    max-width: 70%;
  }
}
@media (max-width: 900px) {
  .widget-b18a1f .cards-top-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .widget-b18a1f .cards-bottom-row {
    grid-template-columns: repeat(2, 1fr);
    max-width: 100%;
  }
}
@media (max-width: 600px) {
  .widget-b18a1f .glass-section {
    padding: 28px 14px;
  }
  .widget-b18a1f .cards-top-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .widget-b18a1f .cards-bottom-row {
    grid-template-columns: 1fr;
    max-width: 100%;
    margin-top: 12px;
    gap: 12px;
  }
  .widget-b18a1f .glass-card {
    padding: 16px 14px;
    border-radius: 12px;
  }
  .widget-b18a1f .card-title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .widget-b18a1f .card-divider {
    margin-bottom: 10px;
  }
  .widget-b18a1f .card-desc {
    font-size: 13px;
  }
}

@charset "UTF-8";
.widget-5a08b8 {
  --accent: #60A5FA;
  --orb-primary: #1E3A8A;
  --orb-secondary: #050B1F;
  --bg: #101626;
  /* ---- reset / scope ---- */
  /* ---- outer section ---- */
  /* ---- inner container ---- */
  /* ================================================================
     ORB CENTERPIECE
  ================================================================ */
  /* -- atmospheric halo behind orb -- */
  /* -- orb body -- */
  /* -- surface detail overlay -- */
  /* ================================================================
     KEYFRAMES
  ================================================================ */
  /* ================================================================
     HEADLINE BLOCK
  ================================================================ */
  /* ================================================================
     FEATURE CARDS
  ================================================================ */
  /* ================================================================
     CTA BUTTON
  ================================================================ */
  /* ================================================================
     RESPONSIVE — 1100px
  ================================================================ */
  /* ================================================================
     RESPONSIVE — 768px
  ================================================================ */
  /* ================================================================
     RESPONSIVE — 600px
  ================================================================ */
}
.widget-5a08b8 * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.widget-5a08b8 .fw-section {
  background: var(--bg);
  width: 100%;
  padding: 100px 40px 120px;
  position: relative;
  overflow: hidden;
  font-family: "Inter", "Geist-Regular", system-ui, -apple-system, sans-serif;
}
.widget-5a08b8 .fw-inner {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.widget-5a08b8 .fw-orb-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  height: 700px;
  z-index: 1;
  pointer-events: none;
  /* entrance animation start */
  opacity: 0;
  scale: 0.92;
  transition: opacity 1800ms cubic-bezier(0.16, 1, 0.3, 1), scale 1800ms cubic-bezier(0.16, 1, 0.3, 1);
}
.widget-5a08b8 .fw-orb-wrap.fw-visible {
  opacity: 1;
  scale: 1;
}
.widget-5a08b8 .fw-orb-container {
  position: relative;
  width: 700px;
  height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget-5a08b8 .fw-orb-container::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle, transparent 35%, rgba(96, 165, 250, 0.4) 42%, rgba(59, 130, 246, 0.6) 47%, rgba(96, 165, 250, 0.3) 55%, rgba(59, 130, 246, 0.15) 65%, transparent 80%);
  filter: blur(20px);
  z-index: 1;
  animation: fw-halo-pulse 4s ease-in-out infinite;
}
.widget-5a08b8 .fw-orb {
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #1E3A8A 0%, #1E40AF 30%, #0F1E4F 60%, #050B1F 90%);
  box-shadow: inset -40px -40px 80px rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 2;
  animation: fw-orb-rotate 80s linear infinite;
}
.widget-5a08b8 .fw-orb::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, transparent 0%, rgba(96, 165, 250, 0.08) 70%, transparent 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ccircle cx='20' cy='20' r='1.5' fill='rgba(96,165,250,0.25)'/%3E%3Ccircle cx='60' cy='10' r='1' fill='rgba(96,165,250,0.2)'/%3E%3Ccircle cx='100' cy='25' r='1.5' fill='rgba(96,165,250,0.25)'/%3E%3Ccircle cx='40' cy='60' r='1' fill='rgba(96,165,250,0.2)'/%3E%3Ccircle cx='90' cy='70' r='1.5' fill='rgba(96,165,250,0.25)'/%3E%3Ccircle cx='15' cy='90' r='1' fill='rgba(96,165,250,0.2)'/%3E%3Ccircle cx='70' cy='100' r='1.5' fill='rgba(96,165,250,0.25)'/%3E%3Ccircle cx='110' cy='90' r='1' fill='rgba(96,165,250,0.2)'/%3E%3Cline x1='20' y1='20' x2='60' y2='10' stroke='rgba(96,165,250,0.1)' stroke-width='0.5'/%3E%3Cline x1='60' y1='10' x2='100' y2='25' stroke='rgba(96,165,250,0.1)' stroke-width='0.5'/%3E%3Cline x1='20' y1='20' x2='40' y2='60' stroke='rgba(96,165,250,0.1)' stroke-width='0.5'/%3E%3Cline x1='40' y1='60' x2='90' y2='70' stroke='rgba(96,165,250,0.1)' stroke-width='0.5'/%3E%3Cline x1='100' y1='25' x2='90' y2='70' stroke='rgba(96,165,250,0.1)' stroke-width='0.5'/%3E%3Cline x1='40' y1='60' x2='15' y2='90' stroke='rgba(96,165,250,0.1)' stroke-width='0.5'/%3E%3Cline x1='90' y1='70' x2='70' y2='100' stroke='rgba(96,165,250,0.1)' stroke-width='0.5'/%3E%3Cline x1='70' y1='100' x2='110' y2='90' stroke='rgba(96,165,250,0.1)' stroke-width='0.5'/%3E%3C/svg%3E");
  background-size: 100%, 120px 120px;
  mix-blend-mode: screen;
}
@keyframes fw-halo-pulse {
  0%, 100% {
    opacity: 0.85;
  }
  50% {
    opacity: 1;
  }
}
@keyframes fw-orb-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes fw-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.widget-5a08b8 .fw-headline-block {
  position: relative;
  z-index: 3;
  text-align: center;
  padding-top: 60px;
  /* entrance */
  opacity: 0;
  transform: translateY(24px);
}
.widget-5a08b8 .fw-headline-block.fw-visible .fw-headline {
  animation: fw-fade-up 800ms cubic-bezier(0.16, 1, 0.3, 1) 200ms forwards;
}
.widget-5a08b8 .fw-headline-block.fw-visible .fw-subheader {
  animation: fw-fade-up 700ms cubic-bezier(0.16, 1, 0.3, 1) 400ms forwards;
}
.widget-5a08b8 .fw-headline {
  font-size: 72px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.05;
  letter-spacing: -0.03em;
  margin-bottom: 24px;
  opacity: 0;
  /* font override to match Inter aesthetic */
  font-family: "Inter", "Geist-SemiBold", system-ui, -apple-system, sans-serif;
}
.widget-5a08b8 .fw-subheader {
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.5;
  max-width: 640px;
  margin: 0 auto 80px;
  opacity: 0;
  font-family: "Inter", "Geist-Regular", system-ui, -apple-system, sans-serif;
  letter-spacing: normal;
}
.widget-5a08b8 .fw-cards-wrap {
  position: relative;
  z-index: 4;
}
.widget-5a08b8 .fw-cards-top {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.widget-5a08b8 .fw-cards-bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 66%;
  margin: 20px auto 0;
}
.widget-5a08b8 .fw-card {
  background: rgba(20, 30, 60, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  padding: 28px 24px;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  position: relative;
  transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1);
  /* entrance */
  opacity: 0;
  transform: translateY(24px);
}
.widget-5a08b8 .fw-card.fw-visible {
  opacity: 1;
  transform: translateY(0);
}
.widget-5a08b8 .fw-card:hover {
  border-color: rgba(96, 165, 250, 0.3);
  background: rgba(20, 30, 60, 0.6);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(59, 130, 246, 0.15);
}
.widget-5a08b8 .fw-card-title {
  font-size: 17px;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 16px;
  font-family: "Inter", "Geist-SemiBold", system-ui, -apple-system, sans-serif;
}
.widget-5a08b8 .fw-card-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
  margin-bottom: 16px;
}
.widget-5a08b8 .fw-card-desc {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.5;
  text-align: center;
  font-family: "Inter", "Geist-Regular", system-ui, -apple-system, sans-serif;
}
.widget-5a08b8 .fw-cta-wrap {
  position: relative;
  z-index: 5;
  margin-top: 60px;
  text-align: center;
  opacity: 0;
  transform: translateY(24px);
}
.widget-5a08b8 .fw-cta-wrap.fw-visible {
  animation: fw-fade-up 600ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.widget-5a08b8 .fw-cta-btn {
  background: #FFFFFF !important;
  color: #101626 !important;
  padding: 14px 32px !important;
  border-radius: 99px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border: none !important;
  cursor: pointer;
  display: inline-block;
  transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none;
  font-family: "Inter", "Geist-SemiBold", system-ui, -apple-system, sans-serif !important;
  letter-spacing: normal !important;
}
.widget-5a08b8 .fw-cta-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(255, 255, 255, 0.15) !important;
  background: #FFFFFF !important;
  color: #101626 !important;
}
@media (max-width: 1100px) {
  .widget-5a08b8 .fw-headline {
    font-size: 56px;
  }
  .widget-5a08b8 .fw-orb-wrap {
    width: 560px;
    height: 560px;
  }
  .widget-5a08b8 .fw-orb-container {
    width: 560px;
    height: 560px;
  }
  .widget-5a08b8 .fw-orb-container::after {
    width: 560px;
    height: 560px;
  }
  .widget-5a08b8 .fw-orb {
    width: 400px;
    height: 400px;
  }
}
@media (max-width: 768px) {
  .widget-5a08b8 .fw-section {
    padding: 80px 24px 100px;
  }
  .widget-5a08b8 .fw-headline {
    font-size: 40px;
    line-height: 1.1;
  }
  .widget-5a08b8 .fw-subheader {
    font-size: 16px;
    margin-bottom: 60px;
  }
  .widget-5a08b8 .fw-orb-wrap {
    width: 420px;
    height: 420px;
    top: 20px;
  }
  .widget-5a08b8 .fw-orb-container {
    width: 420px;
    height: 420px;
  }
  .widget-5a08b8 .fw-orb-container::after {
    width: 420px;
    height: 420px;
  }
  .widget-5a08b8 .fw-orb {
    width: 300px;
    height: 300px;
  }
  .widget-5a08b8 .fw-cards-top {
    grid-template-columns: repeat(2, 1fr);
  }
  .widget-5a08b8 .fw-cards-bottom {
    max-width: 100%;
  }
}
@media (max-width: 600px) {
  .widget-5a08b8 .fw-section {
    padding: 60px 20px 80px;
  }
  .widget-5a08b8 .fw-headline {
    font-size: 32px;
  }
  .widget-5a08b8 .fw-subheader {
    font-size: 15px;
  }
  .widget-5a08b8 .fw-cards-top {
    grid-template-columns: 1fr;
  }
  .widget-5a08b8 .fw-cards-bottom {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .widget-5a08b8 .fw-orb-wrap {
    width: 320px;
    height: 320px;
  }
  .widget-5a08b8 .fw-orb-container {
    width: 320px;
    height: 320px;
  }
  .widget-5a08b8 .fw-orb-container::after {
    width: 320px;
    height: 320px;
  }
  .widget-5a08b8 .fw-orb {
    width: 240px;
    height: 240px;
  }
}