:root {
      --lp-accent: #0891b2;
      --lp-navy-950: #020617;
      --lp-navy-900: #0f172a;
      --lp-cyan: #22d3ee;
      --lp-cyan-deep: #0891b2;
      --lp-font: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    html { scroll-behavior: smooth; overflow-x: clip; }

    body.lp-doc {
      font-family: var(--lp-font);
      line-height: 1.65;
      color: #1e293b;
      background: #fafbfc;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      position: relative;
      /* Full-bleed elements (100vw rows: testimonial carousel etc.) include
         the scrollbar width — clip so the page never scrolls sideways. */
      overflow-x: clip;
    }
    body.lp-doc::before {
      content: '';
      position: fixed;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      background:
        radial-gradient(1000px 520px at 8% -8%, color-mix(in srgb, var(--lp-accent) 12%, transparent), transparent 55%),
        radial-gradient(900px 480px at 92% 12%, rgba(34, 211, 238, 0.06), transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 45%, #f1f5f9 100%);
      animation: lp-doc-bg-drift 28s ease-in-out infinite alternate;
    }
    @keyframes lp-doc-bg-drift {
      0% { filter: hue-rotate(0deg) saturate(1); opacity: 1; }
      100% { filter: hue-rotate(12deg) saturate(1.08); opacity: 0.96; }
    }
    @media (prefers-reduced-motion: reduce) {
      body.lp-doc::before { animation: none !important; }
    }
    :where(img) { max-width: 100%; height: auto; border-radius: 8px; }

    /* ---- Layout (Signity-style wider marketing rhythm) ---- */
    :where(.lp-container) { max-width: 1180px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 40px); }
    :where(.lp-section) { padding: clamp(56px, 8vw, 96px) 0; }
    :where(.lp-centered) { text-align: center; max-width: 720px; margin: 0 auto; }

    /* ---- Premium section system (every wireframe section + trust bar) ---- */
    .lp-section--premium { position: relative; isolation: isolate; }
    .lp-section--premium .lp-section__inner { position: relative; z-index: 2; }
    .lp-section--premium::before {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      opacity: 0.55;
      background: radial-gradient(900px 480px at 12% 0%, color-mix(in srgb, var(--lp-accent) 14%, transparent), transparent 58%);
    }
    .section--dark.lp-section--premium::before {
      opacity: 0.35;
      background: radial-gradient(800px 400px at 80% 20%, rgba(56, 189, 248, 0.12), transparent 55%);
    }
    .lp-section--premium::after {
      content: '';
      position: absolute;
      left: 0; right: 0; top: 0;
      height: 2px;
      z-index: 3;
      pointer-events: none;
      background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--lp-accent) 55%, transparent), transparent);
    }
    .section--dark.lp-section--premium::after {
      background: linear-gradient(90deg, transparent, rgba(147, 197, 253, 0.5), transparent);
    }
    .section--problem.lp-section--premium::before {
      background: radial-gradient(880px 440px at 10% 0%, rgba(251, 146, 60, 0.09), transparent 55%);
    }
    /* Deterministic problem widget: symmetric padding + centered headline (matches API widget). */
    .lp-doc .section--problem .pw-content {
      box-sizing: border-box;
      padding-left: clamp(20px, 4vw, 48px);
      padding-right: clamp(20px, 4vw, 48px);
    }
    .lp-doc .section--problem .lp-section__inner > .pw-header-title {
      padding-left: clamp(20px, 4vw, 48px);
      padding-right: clamp(20px, 4vw, 48px);
      box-sizing: border-box;
    }
    .lp-doc .section--problem .pw-header-title {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      max-width: min(920px, 100%);
      margin: 0 auto 48px;
      width: 100%;
      box-sizing: border-box;
    }
    .lp-doc .section--problem .pw-head.section-title {
      margin: 0 auto 48px !important;
      text-align: center;
      max-width: min(920px, 100%);
    }
    .lp-doc .section--problem .pw-header-title h2,
    .lp-doc .section--problem h2.st-heading-2,
    .lp-doc .section--problem .pw-head h2.st-heading.pw-h2,
    .lp-doc .section--problem h2.st-heading.pw-h2,
    .lp-doc .section--problem h2.pw-h2 {
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      max-width: min(920px, 100%) !important;
      letter-spacing: -0.04em;
      line-height: 1.12;
      font-weight: 800 !important;
      font-size: clamp(1.65rem, 3.6vw, 2.55rem) !important;
      color: #0f172a;
    }
    .lp-doc .section--problem .pw-header-title p,
    .lp-doc .section--problem .pw-header-title .st-content,
    .lp-doc .section--problem .pw-head p.st-content.pw-intro,
    .lp-doc .section--problem .pw-head .pw-intro {
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      max-width: min(760px, 100%) !important;
    }
    .lp-doc .section--problem .pw-content > .pw-ba-grid {
      margin-left: auto !important;
      margin-right: auto !important;
    }
    @media (max-width: 640px) {
      .lp-doc .section--problem .pw-content {
        padding-left: 16px;
        padding-right: 16px;
      }
      .lp-doc .section--problem .lp-section__inner > .pw-header-title {
        padding-left: 16px;
        padding-right: 16px;
      }
    }
    .lp-doc .section--problem .pw-head,
    .lp-doc .section--problem .pw-head .pw-eyebrow {
      text-align: center !important;
    }
    .lp-doc .section--problem .pw-head .pw-eyebrow {
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .lp-doc .section--problem h2 .pw-h2-accent,
    .lp-doc .section--problem h2.st-heading.pw-h2 .pw-h2-accent {
      color: color-mix(in srgb, var(--lp-accent) 78%, #0066cc) !important;
      -webkit-text-fill-color: color-mix(in srgb, var(--lp-accent) 78%, #0066cc) !important;
    }
    .lp-doc :is(.section--services_overview, .section--features, .section--benefits, .section--usp, .section--process, .section--methodology, .section--use_cases, .section--industries_served, .section--case_study, .section--social_proof, .section--stats_strip, .section--comparison, .section--integrations, .section--trust, .section--team, .section--pricing, .section--faq, .section--resources, .section--lead_capture, .section--cta) .sov-head,
    .lp-doc :is(.section--services_overview, .section--features, .section--benefits, .section--usp, .section--process, .section--methodology, .section--use_cases, .section--industries_served, .section--case_study, .section--social_proof, .section--stats_strip, .section--comparison, .section--integrations, .section--trust, .section--team, .section--pricing, .section--faq, .section--resources, .section--lead_capture, .section--cta) .sov-h2,
    .lp-doc :is(.section--services_overview, .section--features, .section--benefits, .section--usp, .section--process, .section--methodology, .section--use_cases, .section--industries_served, .section--case_study, .section--social_proof, .section--stats_strip, .section--comparison, .section--integrations, .section--trust, .section--team, .section--pricing, .section--faq, .section--resources, .section--lead_capture, .section--cta) .sov-lead {
      text-align: center !important;
      color: #475569;
    }
    .lp-doc :is(.section--services_overview, .section--features, .section--benefits, .section--usp, .section--process, .section--methodology, .section--use_cases, .section--industries_served, .section--case_study, .section--social_proof, .section--stats_strip, .section--comparison, .section--integrations, .section--trust, .section--team, .section--pricing, .section--faq, .section--resources, .section--lead_capture, .section--cta) .sov-kicker {
      margin-left: auto !important;
      margin-right: auto !important;
      color: color-mix(in srgb, var(--lp-accent) 48%, #0f172a);
    }
    .lp-doc :is(.section--services_overview, .section--features, .section--benefits, .section--usp, .section--process, .section--methodology, .section--use_cases, .section--industries_served, .section--case_study, .section--social_proof, .section--stats_strip, .section--comparison, .section--integrations, .section--trust, .section--team, .section--pricing, .section--faq, .section--resources, .section--lead_capture, .section--cta) h2.sov-h2 {
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
      max-width: min(920px, 100%) !important;
      font-size: clamp(1.65rem, 3.6vw, 2.55rem) !important;
      font-weight: 800 !important;
      color: #0f172a;
    }
    .lp-doc :is(.section--services_overview, .section--features, .section--benefits, .section--usp, .section--process, .section--methodology, .section--use_cases, .section--industries_served, .section--case_study, .section--social_proof, .section--stats_strip, .section--comparison, .section--integrations, .section--trust, .section--team, .section--pricing, .section--faq, .section--resources, .section--lead_capture, .section--cta) h2 .sov-h2-accent,
    .lp-doc :is(.section--services_overview, .section--features, .section--benefits, .section--usp, .section--process, .section--methodology, .section--use_cases, .section--industries_served, .section--case_study, .section--social_proof, .section--stats_strip, .section--comparison, .section--integrations, .section--trust, .section--team, .section--pricing, .section--faq, .section--resources, .section--lead_capture, .section--cta) h2.sov-h2 .sov-h2-accent {
      color: color-mix(in srgb, var(--lp-accent) 78%, #0066cc);
      -webkit-text-fill-color: color-mix(in srgb, var(--lp-accent) 78%, #0066cc);
    }
    :is(.section--services_overview, .section--features, .section--benefits, .section--usp, .section--process, .section--methodology, .section--use_cases, .section--industries_served, .section--case_study, .section--social_proof, .section--stats_strip, .section--comparison, .section--integrations, .section--trust, .section--team, .section--pricing, .section--faq, .section--resources, .section--lead_capture, .section--cta).lp-section--premium::before {
      background: radial-gradient(
        900px 440px at 85% 0%,
        color-mix(in srgb, var(--lp-accent) 10%, transparent),
        transparent 58%
      );
    }
    .lp-doc :is(.section--services_overview, .section--features, .section--benefits, .section--usp, .section--process, .section--methodology, .section--use_cases, .section--industries_served, .section--case_study, .section--social_proof, .section--stats_strip, .section--comparison, .section--integrations, .section--trust, .section--team, .section--pricing, .section--faq, .section--resources, .section--lead_capture, .section--cta) .sov-wrap {
      box-sizing: border-box;
      padding-left: clamp(20px, 4vw, 48px);
      padding-right: clamp(20px, 4vw, 48px);
    }
    @media (max-width: 640px) {
      .lp-doc :is(.section--services_overview, .section--features, .section--benefits, .section--usp, .section--process, .section--methodology, .section--use_cases, .section--industries_served, .section--case_study, .section--social_proof, .section--stats_strip, .section--comparison, .section--integrations, .section--trust, .section--team, .section--pricing, .section--faq, .section--resources, .section--lead_capture, .section--cta) .sov-wrap {
        padding-left: 16px;
        padding-right: 16px;
      }
    }
    .section--trust_bar.lp-section--premium::before {
      opacity: 0.25;
      background: radial-gradient(600px 200px at 50% 50%, color-mix(in srgb, var(--lp-accent) 10%, transparent), transparent 70%);
    }
    .lp-doc .section--trust_bar h2.tbw-h2 .tbw-h2-accent {
      color: color-mix(in srgb, var(--lp-accent) 78%, #0066cc) !important;
      -webkit-text-fill-color: color-mix(in srgb, var(--lp-accent) 78%, #0066cc) !important;
    }
    .lp-doc .section--trust_bar h2.tbw-h2 .tbw-h2-pre,
    .lp-doc .section--trust_bar h2.tbw-h2 .tbw-h2-suf,
    .lp-doc .section--trust_bar h2.tbw-h2 .tbw-h2-plain {
      color: #0f172a !important;
      -webkit-text-fill-color: #0f172a !important;
    }
    .lp-doc .section--trust_bar .tbw-sub {
      color: #475569 !important;
    }
    .lp-doc .section--trust_bar .tbw-footline {
      color: #475569 !important;
      opacity: 1 !important;
    }
    .lp-doc .section--trust_bar .tbw-eyebrow {
      color: #0f172a !important;
    }
    .lp-doc .section--trust_bar .tbw-brand-chip {
      color: #fff !important;
      -webkit-text-fill-color: #fff !important;
    }
    .lp-doc .section--trust_bar .tbw-brand-chip--ghost {
      color: #0f172a !important;
      -webkit-text-fill-color: #0f172a !important;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] h1 .hero-h1-accent {
      color: color-mix(in srgb, var(--lp-accent) 88%, #fde68a) !important;
      -webkit-text-fill-color: color-mix(in srgb, var(--lp-accent) 88%, #fde68a) !important;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] h1 .hero-h1-pre,
    .lp-doc .lp-section--premium[class*='hero-widget'] h1 .hero-h1-suf,
    .lp-doc .lp-section--premium[class*='hero-widget'] h1 .hero-h1-plain {
      color: inherit !important;
    }
    /* API hero widgets (minimal / split / etc.): no lp-hero-shell — mirror shell read */
    .lp-doc .lp-section--premium[class*='hero-widget'] {
      position: relative;
      overflow: hidden;
      isolation: isolate;
      padding: clamp(56px, 10vw, 112px) clamp(18px, 4vw, 40px) !important;
      background: radial-gradient(900px 520px at 12% 0%, color-mix(in srgb, var(--lp-accent) 28%, transparent), transparent 58%),
        radial-gradient(700px 480px at 88% 20%, rgba(56, 189, 248, 0.14), transparent 55%),
        linear-gradient(165deg, var(--lp-navy-950) 0%, var(--lp-navy-900) 42%, var(--lp-navy-950) 100%) !important;
      color: #f8fafc !important;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] .hero-widget__inner {
      max-width: 1180px;
      margin: 0 auto;
      text-align: center;
    }
    /* Split-family heroes (visual / form / video): copy column is left-aligned,
       matching reference marketing heroes — centering is only for centered layouts. */
    .lp-doc .lp-section--premium[class*='hero-widget'] .hero-widget__inner.hero-widget__split {
      text-align: left;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] .hero-widget__split h1,
    .lp-doc .lp-section--premium[class*='hero-widget'] .hero-widget__split .st-heading {
      max-width: none;
      font-size: clamp(1.8rem, 2.9vw, 2.55rem);
      line-height: 1.14;
      letter-spacing: -0.03em;
      text-wrap: balance;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] .hero-widget__split .hero-widget__sub {
      margin: 18px 0 0;
      max-width: 600px;
      font-size: 1.05rem;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] .hero-widget__split .hero-widget__bullets li {
      font-size: 1rem;
      line-height: 1.6;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] .hero-widget__split .hero-widget__trust--row {
      justify-content: flex-start;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] h1,
    .lp-doc .lp-section--premium[class*='hero-widget'] .st-heading {
      font-size: clamp(2.1rem, 4vw, 3.15rem);
      font-weight: 800;
      letter-spacing: -0.035em;
      line-height: 1.08;
      margin: 0 0 18px;
      color: #fff !important;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] .st-content,
    .lp-doc .lp-section--premium[class*='hero-widget'] p,
    .lp-doc .lp-section--premium[class*='hero-widget'] li {
      color: rgba(248, 250, 252, 0.88) !important;
      font-size: 1.12rem;
      line-height: 1.65;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] .hero-widget__sub {
      margin: 16px auto 0;
      max-width: 760px;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] a {
      color: #7dd3fc !important;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] .hero-widget__cta-row {
      margin-top: 24px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      justify-content: center;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] .hero-widget__split .hero-widget__cta-row {
      justify-content: flex-start;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 0;
      border-radius: 999px;
      text-decoration: none !important;
      font-weight: 700;
      padding: 12px 22px;
      font-size: 15px;
      line-height: 1.2;
      letter-spacing: 0.01em;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] .btn--primary {
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 82%, #22d3ee), var(--lp-accent)) !important;
      color: #0f172a !important;
      box-shadow: 0 8px 22px color-mix(in srgb, var(--lp-accent) 38%, transparent);
      min-width: 208px;
    }
    .lp-doc .lp-section--premium[class*='hero-widget'] .btn--secondary {
      border: 1px solid rgba(248, 250, 252, 0.28);
      color: rgba(248, 250, 252, 0.92) !important;
      background: transparent;
    }
    .section--lead_capture.lp-section--premium .lp-section__inner {
      margin-top: 8px;
      margin-bottom: 8px;
      padding: 36px 32px !important;
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.72);
      border: 1px solid rgba(255, 255, 255, 0.95);
      box-shadow: 0 24px 64px rgba(15, 23, 42, 0.08);
      backdrop-filter: blur(12px);
    }
    .section--dark.lp-section--premium .lp-section__inner {
      background: rgba(15, 23, 42, 0.35);
      border-color: rgba(148, 163, 184, 0.2);
    }

    @keyframes lp-prem-reveal {
      from { opacity: 0; transform: translateY(18px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .lp-section--premium:not(.lp-hero-shell) .lp-card-grid--premium > *,
    .lp-section--premium:not(.lp-hero-shell) .lp-split--premium,
    .lp-section--premium:not(.lp-hero-shell) .lp-centered--premium,
    .lp-section--premium:not(.lp-hero-shell) .lp-usp-check-list--premium,
    .lp-section--premium:not(.lp-hero-shell) .lp-service-steps--premium,
    .lp-section--premium:not(.lp-hero-shell) .lp-usp-numbered-list--premium,
    .lp-section--premium:not(.lp-hero-shell) .lp-numbered-pains--premium,
    .lp-section--premium:not(.lp-hero-shell) .lp-marquee--premium {
      animation: lp-prem-reveal 0.62s cubic-bezier(0.22, 1, 0.36, 1) both;
      opacity: 0;
    }
    .lp-section--premium:not(.lp-hero-shell) .lp-card-grid--premium > *:nth-child(1) { animation-delay: 0.04s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-card-grid--premium > *:nth-child(2) { animation-delay: 0.1s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-card-grid--premium > *:nth-child(3) { animation-delay: 0.16s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-card-grid--premium > *:nth-child(4) { animation-delay: 0.22s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-card-grid--premium > *:nth-child(5) { animation-delay: 0.28s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-card-grid--premium > *:nth-child(6) { animation-delay: 0.34s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-timeline--premium .lp-timeline__step:nth-child(1) { animation-delay: 0.05s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-timeline--premium .lp-timeline__step:nth-child(2) { animation-delay: 0.12s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-timeline--premium .lp-timeline__step:nth-child(3) { animation-delay: 0.18s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-timeline--premium .lp-timeline__step:nth-child(4) { animation-delay: 0.24s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-timeline--premium .lp-timeline__step:nth-child(5) { animation-delay: 0.3s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-timeline--premium .lp-timeline__step:nth-child(6) { animation-delay: 0.36s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-timeline--premium .lp-timeline__step {
      animation: lp-prem-reveal 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
      opacity: 0;
    }
    .lp-section--premium:not(.lp-hero-shell) .lp-accordion--premium .lp-accordion__item:nth-child(1) { animation-delay: 0.04s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-accordion--premium .lp-accordion__item:nth-child(2) { animation-delay: 0.09s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-accordion--premium .lp-accordion__item:nth-child(3) { animation-delay: 0.14s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-accordion--premium .lp-accordion__item:nth-child(4) { animation-delay: 0.19s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-accordion--premium .lp-accordion__item:nth-child(5) { animation-delay: 0.24s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-accordion--premium .lp-accordion__item:nth-child(6) { animation-delay: 0.29s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-accordion--premium .lp-accordion__item {
      animation: lp-prem-reveal 0.52s cubic-bezier(0.22, 1, 0.36, 1) both;
      opacity: 0;
    }
    .lp-section--premium:not(.lp-hero-shell) .lp-hsteps--premium .lp-hstep { animation: lp-prem-reveal 0.5s ease both; opacity: 0; }
    .lp-section--premium:not(.lp-hero-shell) .lp-hsteps--premium .lp-hstep:nth-child(1) { animation-delay: 0.04s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-hsteps--premium .lp-hstep:nth-child(2) { animation-delay: 0.1s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-hsteps--premium .lp-hstep:nth-child(3) { animation-delay: 0.16s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-hsteps--premium .lp-hstep:nth-child(4) { animation-delay: 0.22s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-hsteps--premium .lp-hstep:nth-child(5) { animation-delay: 0.28s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-hsteps--premium .lp-hstep:nth-child(6) { animation-delay: 0.34s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-kanban--premium .lp-kanban-col { animation: lp-prem-reveal 0.55s ease both; opacity: 0; }
    .lp-section--premium:not(.lp-hero-shell) .lp-kanban--premium .lp-kanban-col:nth-child(1) { animation-delay: 0.06s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-kanban--premium .lp-kanban-col:nth-child(2) { animation-delay: 0.14s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-kanban--premium .lp-kanban-col:nth-child(3) { animation-delay: 0.22s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-flowchart--premium .lp-flow-step { animation: lp-prem-reveal 0.55s ease both; opacity: 0; }
    .lp-section--premium:not(.lp-hero-shell) .lp-flowchart--premium .lp-flow-step:nth-child(1) { animation-delay: 0.05s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-flowchart--premium .lp-flow-step:nth-child(2) { animation-delay: 0.12s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-flowchart--premium .lp-flow-step:nth-child(3) { animation-delay: 0.19s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-flowchart--premium .lp-flow-step:nth-child(4) { animation-delay: 0.26s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-flowchart--premium .lp-flow-step:nth-child(5) { animation-delay: 0.33s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-flowchart--premium .lp-flow-step:nth-child(6) { animation-delay: 0.4s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-faq-grid--premium .lp-faq-item { animation: lp-prem-reveal 0.5s ease both; opacity: 0; }
    .lp-section--premium:not(.lp-hero-shell) .lp-faq-grid--premium .lp-faq-item:nth-child(odd) { animation-delay: 0.05s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-faq-grid--premium .lp-faq-item:nth-child(even) { animation-delay: 0.12s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-alt-row--premium { animation: lp-prem-reveal 0.58s ease both; opacity: 0; }
    .lp-section--premium:not(.lp-hero-shell) .lp-alt-row--premium:nth-of-type(1) { animation-delay: 0.04s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-alt-row--premium:nth-of-type(2) { animation-delay: 0.12s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-alt-row--premium:nth-of-type(3) { animation-delay: 0.2s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-alt-row--premium:nth-of-type(4) { animation-delay: 0.28s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-alt-row--premium:nth-of-type(5) { animation-delay: 0.36s; }
    .lp-section--premium:not(.lp-hero-shell) .lp-alt-row--premium:nth-of-type(6) { animation-delay: 0.44s; }

    .lp-split--premium {
      align-items: stretch;
    }
    .lp-split--premium .lp-img-placeholder .lp-img-box,
    .lp-split--premium .lp-split__col img {
      border-radius: 18px;
      box-shadow: 0 22px 50px rgba(15, 23, 42, 0.14);
    }
    .section--dark .lp-split--premium .lp-img-placeholder .lp-img-box {
      box-shadow: 0 22px 50px rgba(0, 0, 0, 0.35);
    }
    .lp-alt-row--premium .lp-img-box {
      transition: transform 0.35s ease, box-shadow 0.35s ease;
    }
    .lp-alt-row--premium:hover .lp-img-box {
      transform: scale(1.02);
      box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
    }
    .lp-marquee--premium {
      mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
      border-radius: 14px;
      border: 1px solid rgba(148, 163, 184, 0.18);
      background: rgba(255, 255, 255, 0.45);
      padding: 8px 0;
    }
    .section--dark .lp-marquee--premium {
      background: rgba(255, 255, 255, 0.04);
      border-color: rgba(255, 255, 255, 0.1);
    }
    .lp-timeline--premium .lp-timeline__marker {
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }
    .lp-timeline--premium .lp-timeline__step:hover .lp-timeline__marker {
      transform: scale(1.08);
      box-shadow: 0 0 0 4px color-mix(in srgb, var(--lp-accent) 25%, transparent);
    }
    .section--stats_strip.lp-section--premium {
      position: relative;
      overflow: hidden;
    }
    .section--stats_strip.lp-section--premium::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse 100% 140% at 50% 50%, rgba(56, 189, 248, 0.14), transparent 62%);
      pointer-events: none;
      z-index: 0;
      animation: lp-stats-ambient 8s ease-in-out infinite alternate;
    }
    @keyframes lp-stats-ambient {
      from { opacity: 0.85; transform: scale(1); }
      to { opacity: 1; transform: scale(1.03); }
    }
    .section--stats_strip.lp-section--premium .lp-centered--premium {
      position: relative;
      z-index: 1;
    }
    .section--stats_strip.lp-section--premium .lp-centered--premium p {
      text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
    }
    .section--stats_strip.lp-section--premium .lp-centered--premium strong {
      font-size: clamp(1.85rem, 3.5vw, 2.65rem);
      font-weight: 800;
      letter-spacing: -0.03em;
      background: linear-gradient(135deg, #ffffff 0%, #bae6fd 45%, #7dd3fc 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
      filter: drop-shadow(0 0 20px rgba(56, 189, 238, 0.4));
      animation: lp-stat-pulse 5s ease-in-out infinite alternate;
    }
    @keyframes lp-stat-pulse {
      from { filter: drop-shadow(0 0 14px rgba(56, 189, 238, 0.3)); }
      to { filter: drop-shadow(0 0 36px rgba(56, 189, 238, 0.55)); }
    }
    .section--cta.lp-section--premium::before {
      opacity: 0.45;
      background:
        radial-gradient(700px 360px at 50% 120%, color-mix(in srgb, var(--lp-accent) 22%, transparent), transparent 55%),
        radial-gradient(500px 280px at 20% 0%, rgba(56, 189, 248, 0.12), transparent 50%);
    }
    .section--social_proof.lp-section--premium blockquote,
    .section--case_study.lp-section--premium blockquote {
      border-radius: 12px;
      transition: box-shadow 0.25s ease, transform 0.25s ease;
    }
    .section--social_proof.lp-section--premium blockquote:hover,
    .section--case_study.lp-section--premium blockquote:hover {
      box-shadow: 0 12px 36px rgba(15, 23, 42, 0.08);
      transform: translateY(-2px);
    }
    .lp-section--premium .lp-trust-logos span {
      transition: transform 0.2s ease, background 0.2s ease;
    }
    .lp-section--premium .lp-trust-logos span:hover {
      transform: translateY(-2px);
      background: color-mix(in srgb, var(--lp-accent) 12%, #e2e8f0) !important;
    }
    .lp-section table { transition: box-shadow 0.2s ease; }
    .lp-section--premium .lp-section__inner tbody tr { transition: background 0.15s ease; }
    .lp-section--premium .lp-section__inner tbody tr:hover { background: color-mix(in srgb, var(--lp-accent) 6%, transparent); }

    @media (prefers-reduced-motion: reduce) {
      .lp-section--premium:not(.lp-hero-shell) .lp-card-grid--premium > *,
      .lp-section--premium:not(.lp-hero-shell) .lp-split--premium,
      .lp-section--premium:not(.lp-hero-shell) .lp-centered--premium,
      .lp-section--premium:not(.lp-hero-shell) .lp-timeline--premium .lp-timeline__step,
      .lp-section--premium:not(.lp-hero-shell) .lp-accordion--premium .lp-accordion__item,
      .lp-section--premium:not(.lp-hero-shell) .lp-usp-check-list--premium,
      .lp-section--premium:not(.lp-hero-shell) .lp-service-steps--premium,
      .lp-section--premium:not(.lp-hero-shell) .lp-usp-numbered-list--premium,
      .lp-section--premium:not(.lp-hero-shell) .lp-numbered-pains--premium,
      .lp-section--premium:not(.lp-hero-shell) .lp-faq-grid--premium .lp-faq-item,
      .lp-section--premium:not(.lp-hero-shell) .lp-hsteps--premium .lp-hstep,
      .lp-section--premium:not(.lp-hero-shell) .lp-kanban--premium .lp-kanban-col,
      .lp-section--premium:not(.lp-hero-shell) .lp-flowchart--premium .lp-flow-step,
      .lp-section--premium:not(.lp-hero-shell) .lp-marquee--premium,
      .lp-section--premium:not(.lp-hero-shell) .lp-alt-row--premium {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
      }
      .lp-alt-row--premium:hover .lp-img-box { transform: none !important; }
      .section--stats_strip.lp-section--premium::before,
      .section--stats_strip.lp-section--premium .lp-centered--premium strong {
        animation: none !important;
      }
    }

    /* ---- Typography (Signity-style scale) ---- */
    /* :where() zeroes specificity so AI-synthesized section CSS always wins */
    :where(.lp-doc .lp-section) h1 {
      font-size: clamp(2.1rem, 4.2vw, 3rem);
      font-weight: 800;
      line-height: 1.1;
      margin-bottom: 18px;
      letter-spacing: -0.04em;
      color: #0f172a;
    }
    :where(.lp-doc .lp-section) h2 {
      font-size: clamp(1.5rem, 2.4vw, 2.05rem);
      font-weight: 800;
      line-height: 1.18;
      margin-bottom: 16px;
      letter-spacing: -0.032em;
      color: #0f172a;
    }
    /* Deterministic premium widgets: generic h2 block above must not flatten accent spans or shrink headline */
    .lp-doc .section--problem h2.st-heading.pw-h2 .pw-h2-pre,
    .lp-doc .section--problem h2.st-heading.pw-h2 .pw-h2-suf,
    .lp-doc .section--problem h2.st-heading.pw-h2 .pw-h2-plain,
    .lp-doc :is(.section--services_overview, .section--features, .section--benefits, .section--usp, .section--process, .section--methodology, .section--use_cases, .section--industries_served, .section--case_study, .section--social_proof, .section--stats_strip, .section--comparison, .section--integrations, .section--trust, .section--team, .section--pricing, .section--faq, .section--resources, .section--lead_capture, .section--cta) h2.sov-h2 .sov-h2-pre,
    .lp-doc :is(.section--services_overview, .section--features, .section--benefits, .section--usp, .section--process, .section--methodology, .section--use_cases, .section--industries_served, .section--case_study, .section--social_proof, .section--stats_strip, .section--comparison, .section--integrations, .section--trust, .section--team, .section--pricing, .section--faq, .section--resources, .section--lead_capture, .section--cta) h2.sov-h2 .sov-h2-suf,
    .lp-doc :is(.section--services_overview, .section--features, .section--benefits, .section--usp, .section--process, .section--methodology, .section--use_cases, .section--industries_served, .section--case_study, .section--social_proof, .section--stats_strip, .section--comparison, .section--integrations, .section--trust, .section--team, .section--pricing, .section--faq, .section--resources, .section--lead_capture, .section--cta) h2.sov-h2 .sov-h2-plain {
      color: #0f172a !important;
      -webkit-text-fill-color: #0f172a !important;
    }
    .lp-doc .section--dark h1,
    .lp-doc .section--dark h2,
    .lp-doc .section--dark h3,
    .lp-doc .section--dark h4,
    .lp-doc .section--dark p,
    .lp-doc .section--dark li,
    .lp-doc .section--dark span,
    .lp-doc .section--dark label,
    .lp-doc .section--dark td,
    .lp-doc .section--dark th,
    .lp-doc .section--dark .sov-h2,
    .lp-doc .section--dark .sov-lead,
    .lp-doc .section--dark .sov-head,
    .lp-doc .section--dark .sov-h2-pre,
    .lp-doc .section--dark .sov-h2-suf,
    .lp-doc .section--dark .sov-h2-plain,
    .lp-doc .section--dark .sov-kicker,
    .lp-doc .section--dark [class*="title"],
    .lp-doc .section--dark [class*="heading"],
    .lp-doc .section--dark [class*="desc"],
    .lp-doc .section--dark [class*="lead"],
    .lp-doc .section--dark [class*="sub"] {
      color: #f8fafc !important;
      -webkit-text-fill-color: #f8fafc !important;
    }
    .lp-doc .section--dark .sov-h2-accent {
      color: #22d3ee !important;
      -webkit-text-fill-color: #22d3ee !important;
    }
    :where(.lp-section) h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 6px; margin-top: 0; }
    :where(.lp-section) p  { margin-bottom: 12px; }
    :where(.lp-section) ul, :where(.lp-section) ol { margin: 10px 0; padding-left: 22px; }
    :where(.lp-section) li { margin-bottom: 5px; }
    :where(.lp-section) strong { font-weight: 700; }
    :where(.lp-doc .lp-section) a {
      color: color-mix(in srgb, var(--lp-cyan-deep) 40%, var(--lp-accent));
      font-weight: 600;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px;
    }
    :where(.lp-doc .lp-section) a:hover { color: var(--lp-cyan-deep); }

    /* De-pill: AI sections sometimes wrap body text in oversized pill-shaped
       spans. Scoped to sections — footer/chrome spans must keep their layout. */
    .lp-doc .lp-section p span,
    .lp-doc .lp-section li span {
      display: inline !important;
      padding: 2px 8px !important;
      border-radius: 6px !important;
    }

    /* Catalog "Split (image + metrics)" / CTA split: inline widget CSS used to stack
       below 900px, which made the Visual iframe (~600–800px) show image under copy.
       Keep two columns until very narrow viewports. */
    .lp-doc .lp-section .fb-split {
      display: grid;
      grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
      gap: 32px;
      align-items: start;
    }
    @media (max-width: 520px) {
      .lp-doc .lp-section .fb-split {
        grid-template-columns: 1fr;
      }
    }

    /* ---- Card grid ---- */
    .lp-card-grid {
      display: grid;
      gap: 24px;
      margin-top: 24px;
    }
    .lp-card {
      background: #fff;
      border: 1px solid #e8edf4;
      border-radius: 18px;
      padding: 28px;
      position: relative;
      overflow: hidden;
      transition: box-shadow 0.28s cubic-bezier(0.22,1,0.36,1), transform 0.28s cubic-bezier(0.22,1,0.36,1), border-color 0.2s ease;
    }
    .lp-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--lp-accent), color-mix(in srgb, var(--lp-accent) 55%, #22d3ee));
      opacity: 0;
      transition: opacity 0.25s ease;
      border-radius: 18px 18px 0 0;
    }
    .lp-card:hover {
      box-shadow: 0 20px 52px rgba(15, 23, 42, 0.10), 0 4px 12px rgba(15, 23, 42, 0.05);
      transform: translateY(-4px);
      border-color: color-mix(in srgb, var(--lp-accent) 25%, #e8edf4);
    }
    .lp-card:hover::before { opacity: 1; }
    .lp-card h3 { color: #0891b2; margin-bottom: 8px; font-size: 1.05rem; }
    .section--dark .lp-card {
      background: rgba(255,255,255,.07);
      border-color: rgba(255,255,255,.11);
      color: #e2e8f0;
      backdrop-filter: blur(4px);
    }
    .section--dark .lp-card::before {
      background: linear-gradient(90deg, rgba(56,189,248,0.7), rgba(34,211,238,0.4));
    }
    .section--dark .lp-card h3 { color: #93c5fd; }

    /* ---- Service cards (professional) ---- */
    .lp-service-card { padding: 28px; }
    .lp-service-card__header {
      display: flex; align-items: center; gap: 14px; margin-bottom: 16px;
    }
    .lp-service-card__icon {
      width: 52px; height: 52px; border-radius: 14px; flex-shrink: 0;
      display: flex; align-items: center; justify-content: center;
      font-size: 24px;
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 16%, #fff), color-mix(in srgb, var(--lp-accent) 7%, #f0f9ff));
      box-shadow: 0 4px 14px color-mix(in srgb, var(--lp-accent) 22%, transparent), inset 0 1px 0 rgba(255,255,255,0.9);
      border: 1px solid color-mix(in srgb, var(--lp-accent) 20%, #e0f2fe);
      transition: transform 0.28s cubic-bezier(0.22,1,0.36,1), box-shadow 0.28s ease;
    }
    .lp-service-card:hover .lp-service-card__icon {
      transform: scale(1.1) rotate(-4deg);
      box-shadow: 0 8px 24px color-mix(in srgb, var(--lp-accent) 34%, transparent);
    }
    .lp-service-card h3 { margin-bottom: 6px; }
    .lp-service-card p { font-size: 0.95rem; color: #475569; line-height: 1.7; }
    .section--dark .lp-service-card__icon {
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 32%, rgba(15,23,42,0.8)), rgba(15,23,42,0.55));
      border-color: color-mix(in srgb, var(--lp-accent) 38%, rgba(255,255,255,0.1));
      box-shadow: 0 4px 16px color-mix(in srgb, var(--lp-accent) 30%, transparent);
    }

    /* ---- Split (two-column) ---- */
    .lp-split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      align-items: center;
    }
    .lp-split--hero { gap: 48px; }
    .lp-split__label { font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 12px; }
    .lp-split__label--before { color: #dc2626; }
    .lp-split__label--after  { color: #16a34a; }

    /* Image placeholder */
    .lp-img-box {
      width: 100%;
      padding-top: 75%;
      background: linear-gradient(135deg, #e8edf4 0%, #f1f5f9 50%, #e4ebf4 100%);
      border-radius: 16px;
      position: relative;
      overflow: hidden;
      box-shadow: inset 0 0 0 1px rgba(148,163,184,0.18);
    }
    .lp-img-box::before {
      content: '';
      position: absolute; inset: 0;
      background-image: linear-gradient(rgba(148,163,184,0.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148,163,184,0.09) 1px, transparent 1px);
      background-size: 22px 22px;
    }
    .lp-img-box::after {
      content: '\1F5BC';
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2.5rem;
      opacity: .18;
      z-index: 1;
    }
    .lp-img-inline {
      padding-top: 56.25%;
      margin: 16px 0;
    }

    /* Form placeholder */
    .lp-form-card {
      background: #fff;
      border: 1px solid #e8edf4;
      border-radius: 20px;
      padding: 30px 28px;
      display: flex;
      flex-direction: column;
      gap: 14px;
      box-shadow: 0 4px 24px rgba(15,23,42,0.06), 0 1px 4px rgba(15,23,42,0.04);
    }
    .section--dark .lp-form-card {
      background: rgba(255,255,255,.07);
      border-color: rgba(255,255,255,.14);
      backdrop-filter: blur(8px);
      box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    }
    .lp-form-field {
      height: 44px;
      border-radius: 10px;
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      transition: border-color 0.2s ease, background 0.2s ease;
    }
    .lp-form-field:focus-within { border-color: color-mix(in srgb, var(--lp-accent) 55%, #e2e8f0); background: #fff; }
    .section--dark .lp-form-field { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.1); }
    .lp-form-btn {
      height: 46px;
      border: none;
      border-radius: 10px;
      font-weight: 700;
      font-size: .95rem;
      cursor: pointer;
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 80%, #22d3ee), var(--lp-accent));
      color: #fff;
      box-shadow: 0 6px 20px color-mix(in srgb, var(--lp-accent) 36%, transparent);
      transition: transform 0.2s ease, filter 0.2s ease;
    }
    .lp-form-btn:hover { transform: translateY(-1px); filter: brightness(1.06); }

    /* ---- Alternating rows ---- */
    .lp-alt-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      align-items: center;
      margin: 32px 0;
    }
    .lp-alt-row--reversed { direction: rtl; }
    .lp-alt-row--reversed > * { direction: ltr; }
    .lp-alt-row .lp-img-box {
      transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.35s ease;
    }
    .lp-alt-row:hover .lp-img-box {
      transform: translateY(-4px) scale(1.01);
      box-shadow: 0 20px 48px rgba(15,23,42,0.10);
    }

    /* ---- Timeline ---- */
    .lp-timeline { position: relative; padding-left: 54px; margin-top: 24px; }
    .lp-timeline::before {
      content: '';
      position: absolute;
      left: 19px;
      top: 0;
      bottom: 0;
      width: 2px;
      background: linear-gradient(180deg, color-mix(in srgb, var(--lp-accent) 65%, transparent) 0%, color-mix(in srgb, var(--lp-accent) 25%, #e2e8f0) 60%, #e2e8f0 100%);
    }
    .section--dark .lp-timeline::before {
      background: linear-gradient(180deg, rgba(56,189,248,0.65), rgba(56,189,248,0.2), rgba(255,255,255,0.08));
    }
    .lp-timeline__step { position: relative; margin-bottom: 32px; }
    .lp-timeline__marker {
      position: absolute;
      left: -54px;
      top: 2px;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 82%, #22d3ee), var(--lp-accent));
      color: #fff;
      font-weight: 800;
      font-size: .85rem;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 16px color-mix(in srgb, var(--lp-accent) 42%, transparent), 0 0 0 4px color-mix(in srgb, var(--lp-accent) 14%, transparent);
    }

    /* ---- Horizontal process steps ---- */
    .lp-hsteps {
      display: flex; gap: 0; justify-content: center; margin-top: 28px;
      overflow-x: auto; padding-bottom: 12px;
    }
    .lp-hstep {
      flex: 1; min-width: 160px; max-width: 240px; text-align: center;
      padding: 28px 16px 24px; position: relative;
    }
    .lp-hstep__num {
      width: 54px; height: 54px; border-radius: 50%; font-weight: 800; font-size: 18px;
      display: inline-flex; align-items: center; justify-content: center;
      margin-bottom: 16px;
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 88%, #22d3ee), var(--lp-accent));
      color: #fff;
      box-shadow: 0 6px 20px color-mix(in srgb, var(--lp-accent) 36%, transparent), 0 0 0 5px color-mix(in srgb, var(--lp-accent) 12%, transparent);
      position: relative; z-index: 1;
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }
    .lp-hstep:hover .lp-hstep__num {
      transform: scale(1.08);
      box-shadow: 0 10px 28px color-mix(in srgb, var(--lp-accent) 46%, transparent), 0 0 0 6px color-mix(in srgb, var(--lp-accent) 16%, transparent);
    }
    .lp-hstep__arrow {
      position: absolute; right: -10px; top: 38px;
      font-size: 20px; font-weight: 700; z-index: 1;
      color: color-mix(in srgb, var(--lp-accent) 55%, #94a3b8);
    }
    .lp-hstep h3 { font-size: 0.95rem; margin-bottom: 8px; color: #0891b2; }
    .lp-hstep p { font-size: 0.85rem; color: #64748b; line-height: 1.6; }
    .section--dark .lp-hstep__num {
      background: linear-gradient(135deg, rgba(56,189,248,0.8), color-mix(in srgb, var(--lp-accent) 70%, #22d3ee));
      box-shadow: 0 6px 22px rgba(56,189,248,0.4), 0 0 0 5px rgba(56,189,248,0.12);
    }
    .section--dark .lp-hstep__arrow { color: rgba(56,189,248,0.6); }

    /* ---- Kanban columns ---- */
    .lp-kanban {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 24px;
    }
    .lp-kanban-col {
      background: #fff; border: 1px solid #e2e8f0; border-radius: 16px;
      overflow: hidden; transition: box-shadow .25s cubic-bezier(0.22,1,0.36,1), transform .25s cubic-bezier(0.22,1,0.36,1);
    }
    .lp-kanban-col:hover { box-shadow: 0 14px 40px rgba(15,23,42,.09); transform: translateY(-3px); }
    .lp-kanban-col__header {
      padding: 16px 20px; font-weight: 700; font-size: 0.95rem;
      display: flex; align-items: center; gap: 10px;
      position: relative;
    }
    .lp-kanban-col__header::after {
      content: '';
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(90deg, rgba(255,255,255,0.35), rgba(255,255,255,0.08));
    }
    .lp-kanban-col__num {
      width: 28px; height: 28px; border-radius: 50%;
      background: rgba(255,255,255,.28); font-size: 0.8rem; font-weight: 800;
      display: inline-flex; align-items: center; justify-content: center;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.45);
    }
    .lp-kanban-col__body { padding: 18px 20px; }
    .lp-kanban-col__body li { margin-bottom: 10px; }

    /* ---- Process numbered cards ---- */
    .lp-process-ncard { position: relative; padding-top: 52px; }
    .lp-process-ncard__num {
      position: absolute; top: 16px; left: 24px;
      font-size: 2.2rem; font-weight: 900; line-height: 1;
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 50%, transparent), color-mix(in srgb, var(--lp-accent) 22%, transparent));
      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .lp-process-ncard h3 { color: #0891b2; margin-bottom: 8px; }

    /* ---- Flowchart steps ---- */
    .lp-flowchart { display: flex; flex-direction: column; align-items: center; gap: 0; margin-top: 24px; }
    .lp-flow-step { text-align: center; width: 100%; max-width: 600px; }
    .lp-flow-step__box {
      border: 2px solid color-mix(in srgb, var(--lp-accent) 28%, #e2e8f0); border-radius: 18px; padding: 28px 32px;
      background: linear-gradient(160deg, #fff 78%, color-mix(in srgb, var(--lp-accent) 5%, #f8fafc));
      position: relative; text-align: left;
      box-shadow: 0 4px 20px color-mix(in srgb, var(--lp-accent) 10%, rgba(15,23,42,0.04));
      transition: box-shadow 0.28s ease, border-color 0.28s ease, transform 0.28s cubic-bezier(0.22,1,0.36,1);
    }
    .lp-flow-step__box:hover {
      box-shadow: 0 12px 36px color-mix(in srgb, var(--lp-accent) 16%, rgba(15,23,42,0.08));
      border-color: color-mix(in srgb, var(--lp-accent) 48%, #e2e8f0);
      transform: translateY(-2px);
    }
    .lp-flow-step__num {
      position: absolute; top: -18px; left: 50%; transform: translateX(-50%);
      width: 36px; height: 36px; border-radius: 50%; font-weight: 800; font-size: 14px;
      display: flex; align-items: center; justify-content: center;
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 88%, #22d3ee), var(--lp-accent));
      color: #fff;
      box-shadow: 0 4px 14px color-mix(in srgb, var(--lp-accent) 42%, transparent);
    }
    .lp-flow-step__box h3 { color: #0891b2; margin-bottom: 8px; }
    .lp-flow-step__connector { font-size: 22px; padding: 8px 0; color: color-mix(in srgb, var(--lp-accent) 55%, #94a3b8); }

    /* ---- Accordion FAQ (card rows) ---- */
    .lp-accordion { margin-top: 20px; display: flex; flex-direction: column; gap: 10px; }
    .lp-accordion__item {
      border: 1px solid #e8edf4;
      border-radius: 14px;
      padding: 0 20px;
      background: #fff;
      box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
      transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.2s ease;
      overflow: hidden;
    }
    .lp-accordion__item:hover {
      box-shadow: 0 10px 32px rgba(15, 23, 42, 0.08);
      border-color: color-mix(in srgb, #0891b2 28%, #e2e8f0);
      transform: translateY(-1px);
    }
    .section--dark .lp-accordion__item {
      background: rgba(255, 255, 255, 0.07);
      border-color: rgba(255, 255, 255, 0.13);
    }
    .lp-accordion__q {
      cursor: pointer;
      padding: 18px 0;
      font-size: 1.02rem;
      font-weight: 700;
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .lp-accordion__q::-webkit-details-marker { display: none; }
    .lp-accordion__q::after {
      content: '+';
      flex-shrink: 0;
      width: 26px; height: 26px;
      border-radius: 50%;
      background: color-mix(in srgb, var(--lp-accent) 12%, #f1f5f9);
      border: 1px solid color-mix(in srgb, var(--lp-accent) 20%, #e2e8f0);
      color: var(--lp-accent);
      font-size: 1.1rem; font-weight: 700;
      display: flex; align-items: center; justify-content: center;
      transition: transform .25s ease, background .2s ease;
    }
    details[open] .lp-accordion__q::after { content: '−'; transform: rotate(180deg); background: color-mix(in srgb, var(--lp-accent) 18%, #e0f2fe); }
    .lp-accordion__a { padding: 0 0 18px; color: #475569; line-height: 1.72; }
    .section--dark .lp-accordion__a { color: #cbd5e1; }
    .section--dark .lp-accordion__q::after {
      background: rgba(56,189,248,0.15);
      border-color: rgba(56,189,248,0.3);
      color: #7dd3fc;
    }

    /* ---- Two-column FAQ ---- */
    .lp-faq-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px 28px;
      margin-top: 20px;
    }
    .lp-faq-item {
      padding: 18px 20px;
      border-radius: 14px;
      border: 1px solid #e8edf4;
      background: #fff;
      transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.2s ease;
    }
    .lp-faq-item:hover {
      box-shadow: 0 8px 28px rgba(15,23,42,0.07);
      transform: translateY(-2px);
      border-color: color-mix(in srgb, var(--lp-accent) 22%, #e8edf4);
    }
    .section--dark .lp-faq-item {
      background: rgba(255,255,255,0.06);
      border-color: rgba(255,255,255,0.1);
    }
    .lp-faq-item h3 { font-size: 0.95rem; color: #0891b2; margin-bottom: 6px; }
    .section--dark .lp-faq-item h3 { color: #93c5fd; }

    /* ---- Blockquote (testimonials) ---- */
    .lp-section blockquote {
      border-left: 4px solid var(--lp-accent);
      padding: 20px 22px;
      margin: 18px 0;
      background: linear-gradient(160deg, color-mix(in srgb, var(--lp-accent) 5%, #fff), color-mix(in srgb, var(--lp-accent) 3%, #f8fafc));
      border-radius: 0 14px 14px 0;
      font-style: italic;
      position: relative;
      overflow: hidden;
      box-shadow: 0 2px 12px color-mix(in srgb, var(--lp-accent) 8%, rgba(15,23,42,0.04));
      transition: box-shadow 0.25s ease, transform 0.25s ease;
    }
    .lp-section blockquote:hover {
      box-shadow: 0 8px 28px color-mix(in srgb, var(--lp-accent) 14%, rgba(15,23,42,0.07));
      transform: translateY(-1px);
    }
    .section--dark blockquote {
      background: rgba(255,255,255,.06);
      border-left-color: #7dd3fc;
      box-shadow: 0 2px 12px rgba(56,189,248,0.08);
    }
    .section--dark blockquote:hover {
      box-shadow: 0 8px 28px rgba(56,189,248,0.12);
    }

    /* ---- Tables (pricing, comparison) ---- */
    .lp-section table {
      width: 100%; border-collapse: collapse; margin: 24px 0; font-size: .95rem;
      border-radius: 14px; overflow: hidden;
      box-shadow: 0 1px 4px rgba(15,23,42,0.05), 0 0 0 1px #e8edf4;
    }
    .lp-section th, .lp-section td { padding: 13px 18px; text-align: left; border-bottom: 1px solid #e8edf4; }
    .lp-section th {
      background: linear-gradient(160deg, color-mix(in srgb, var(--lp-accent) 8%, #f8fafc), #f1f5f9);
      font-weight: 700; font-size: .82rem; text-transform: uppercase; letter-spacing: .04em;
      color: color-mix(in srgb, var(--lp-accent) 55%, #475569);
    }
    .lp-section tbody tr { transition: background 0.15s ease; }
    .lp-section tbody tr:hover { background: color-mix(in srgb, var(--lp-accent) 5%, transparent); }
    .lp-section tbody tr:last-child td { border-bottom: none; }
    .section--dark th {
      background: rgba(255,255,255,.08);
      color: rgba(56,189,248,0.9);
    }
    .section--dark td { border-bottom-color: rgba(255,255,255,.08); }
    .section--dark tbody tr:hover { background: rgba(255,255,255,0.04); }

    /* ---- Hero (legacy + premium shells) ---- */
    .section--hero:not(.lp-hero-shell) { padding: 80px 0 64px; }
    .section--hero:not(.lp-hero-shell) h1 { font-size: 2.8rem; letter-spacing: -0.03em; }
    .section--hero:not(.lp-hero-shell) p { font-size: 1.15rem; opacity: .92; }
    .section--hero:not(.lp-hero-shell) .lp-centered h1 { max-width: 700px; margin-left: auto; margin-right: auto; }
    .section--hero:not(.lp-hero-shell) .lp-centered p { max-width: 560px; margin-left: auto; margin-right: auto; }

    .lp-hero-shell.section--hero {
      position: relative;
      overflow: hidden;
      padding: 0 !important;
      background: radial-gradient(900px 520px at 12% 0%, color-mix(in srgb, var(--lp-accent) 28%, transparent), transparent 58%),
        radial-gradient(700px 480px at 88% 20%, rgba(56, 189, 248, 0.14), transparent 55%),
        linear-gradient(165deg, var(--lp-navy-950) 0%, var(--lp-navy-900) 42%, var(--lp-navy-950) 100%) !important;
      color: #f8fafc !important;
    }
    .lp-hero-shell .lp-container { position: relative; z-index: 2; }
    .lp-hero-shell h1 {
      font-size: clamp(2.1rem, 4vw, 3.15rem);
      font-weight: 800;
      letter-spacing: -0.035em;
      line-height: 1.08;
      margin: 0 0 18px;
      color: #fff !important;
    }
    .lp-hero-shell .lp-hero-inner--center { text-align: center; max-width: 820px; margin: 0 auto; padding: 88px 0 72px; }
    .lp-hero-shell.lp-hero-shell--split .lp-hero-inner--center { padding: 72px 0 56px; }
    .lp-hero-shell p, .lp-hero-shell li { color: rgba(248, 250, 252, 0.88); font-size: 1.12rem; line-height: 1.65; }
    .lp-hero-shell ul { margin: 16px 0 20px; padding-left: 1.1em; }
    .lp-hero-shell a { color: #7dd3fc !important; }

    .lp-hero-aurora {
      position: absolute;
      inset: -40% -20%;
      background: conic-gradient(from 120deg at 50% 50%, color-mix(in srgb, var(--lp-accent) 35%, transparent), transparent 40%, rgba(34, 211, 238, 0.15), transparent 70%);
      opacity: 0.45;
      animation: lp-hero-aurora 18s ease-in-out infinite;
      pointer-events: none;
    }
    @keyframes lp-hero-aurora {
      0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0.38; }
      50% { transform: translate3d(4%, 2%, 0) rotate(8deg); opacity: 0.52; }
    }
    .lp-hero-noise {
      position: absolute;
      inset: 0;
      opacity: 0.04;
      pointer-events: none;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    }
    .lp-hero-grid-bg {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(148, 163, 184, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.07) 1px, transparent 1px);
      background-size: 48px 48px;
      mask-image: radial-gradient(ellipse 80% 65% at 50% 40%, #000 20%, transparent 75%);
      animation: lp-hero-grid 22s linear infinite;
      pointer-events: none;
    }
    @keyframes lp-hero-grid {
      0% { background-position: 0 0, 0 0; }
      100% { background-position: 48px 48px, 48px 48px; }
    }
    .lp-hero-bgimg {
      position: absolute;
      inset: 0;
      z-index: 1;
      opacity: 0.32;
      pointer-events: none;
    }
    .lp-hero-bgimg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      filter: saturate(1.05) contrast(1.05);
    }
    .lp-hero-bgimg::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(2, 6, 23, 0.2) 0%, rgba(15, 23, 42, 0.85) 100%);
    }

    /* hero_fullbg — full-bleed background image, left-aligned text.
       Height tracks the 21:9 render: a shorter band forces object-fit:cover
       to crop the artwork's top/bottom (heads and icons get cut). */
    .lp-hero-shell--fullbg {
      position: relative;
      /* Match the 21:9 render exactly so object-fit:cover has nothing to
         crop; the max-height clamp only trims atmosphere on very wide
         screens (>1680px). */
      aspect-ratio: 21 / 9;
      height: auto;
      min-height: 480px;
      max-height: 780px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .lp-hero-fullbg-img {
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
    }
    .lp-hero-fullbg-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .lp-hero-fullbg-overlay {
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(90deg, rgba(10,25,41,0.92) 0%, rgba(10,25,41,0.75) 40%, rgba(10,25,41,0.35) 70%, rgba(10,25,41,0.15) 100%);
    }
    .lp-hero-shell--fullbg .lp-hero-inner--left {
      position: relative;
      z-index: 2;
      text-align: left;
      padding: 48px 0 24px;
    }
    .lp-hero-shell--fullbg .lp-hero-inner--left .lp-hero-fade {
      max-width: 680px;
    }
    @media (max-width: 768px) {
      .lp-hero-fullbg-overlay {
        background: linear-gradient(180deg, rgba(10,25,41,0.88) 0%, rgba(10,25,41,0.6) 100%);
      }
    }

    .lp-hero-split {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
      gap: clamp(28px, 4vw, 56px);
      align-items: center;
      padding: 72px 0 64px;
    }
    @media (max-width: 900px) {
      .lp-hero-split { grid-template-columns: 1fr; padding-top: 56px; }
      .lp-hero-shell.lp-hero-shell--split .lp-hero-col--visual { order: -1; }
    }
    .lp-hero-col--copy { min-width: 0; }
    .lp-hero-col--visual { min-width: 0; }
    .lp-hero-float .lp-img-box,
    .lp-hero-float img {
      border-radius: 20px;
      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
      animation: lp-hero-float 7s ease-in-out infinite;
    }
    .lp-hero-float img { width: 100%; height: auto; display: block; }
    @keyframes lp-hero-float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }
    .lp-hero-visual-placeholder { border-radius: 20px !important; box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.2); }

    .lp-hero-video {
      position: relative;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
    }
    .lp-hero-video .lp-img-box { padding-top: 56% !important; border-radius: 20px !important; }
    .lp-hero-video img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
    .lp-hero-play {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 72px;
      height: 72px;
      border-radius: 50%;
      border: none;
      cursor: pointer;
      background: rgba(255, 255, 255, 0.92);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .lp-hero-play:hover { transform: translate(-50%, -50%) scale(1.06); box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3); }
    .lp-hero-play__tri {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 0 10px 16px;
      border-color: transparent transparent transparent #0f172a;
      margin-left: 4px;
    }

    .lp-hero-form-pro {
      background: rgba(15, 23, 42, 0.65);
      border: 1px solid rgba(148, 163, 184, 0.25);
      border-radius: 20px;
      padding: 28px 26px;
      backdrop-filter: blur(12px);
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
    }
    .lp-hero-form-pro__head {
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #94a3b8;
      margin-bottom: 18px;
    }
    .lp-hero-form-pro__fields {
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-bottom: 16px;
    }
    .lp-hero-form-pro__fields span {
      display: block;
      height: 44px;
      border-radius: 10px;
      background: rgba(248, 250, 252, 0.06);
      border: 1px solid rgba(148, 163, 184, 0.2);
    }
    .lp-hero-form-pro__btn {
      width: 100%;
      height: 48px;
      border: none;
      border-radius: 12px;
      font-weight: 700;
      font-size: 1rem;
      color: #fff;
      cursor: pointer;
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 82%, #22d3ee), var(--lp-accent));
      box-shadow: 0 10px 28px color-mix(in srgb, var(--lp-accent) 38%, transparent);
      transition: transform 0.18s ease, filter 0.18s ease;
    }
    .lp-hero-form-pro__btn:hover { transform: translateY(-1px); filter: brightness(1.05); }
    .lp-hero-form-pro__fineprint {
      margin: 12px 0 0;
      font-size: 0.75rem !important;
      color: rgba(148, 163, 184, 0.95) !important;
      text-align: center;
    }

    .lp-hero-radial {
      position: absolute;
      inset: -20% 10% auto 10%;
      height: 70%;
      background: radial-gradient(ellipse at center, color-mix(in srgb, var(--lp-accent) 22%, transparent), transparent 70%);
      pointer-events: none;
      animation: lp-hero-pulse 10s ease-in-out infinite;
    }
    @keyframes lp-hero-pulse {
      0%, 100% { opacity: 0.55; transform: scale(1); }
      50% { opacity: 0.85; transform: scale(1.04); }
    }
    .lp-hero-shell--minimal .lp-hero-inner--center { padding: 110px 0 96px; }
    .lp-hero-shell--minimal h1 { font-size: clamp(2.4rem, 5vw, 3.6rem); }

    .lp-hero-fade > * {
      animation: lp-hero-fade-up 0.8s ease both;
    }
    .lp-hero-fade > *:nth-child(1) { animation-delay: 0.05s; }
    .lp-hero-fade > *:nth-child(2) { animation-delay: 0.12s; }
    .lp-hero-fade > *:nth-child(3) { animation-delay: 0.18s; }
    .lp-hero-fade > *:nth-child(4) { animation-delay: 0.24s; }
    .lp-hero-fade--slow > * { animation-duration: 1.1s; }
    @keyframes lp-hero-fade-up {
      from { opacity: 0; transform: translateY(18px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .lp-hero-truststrip {
      position: relative;
      z-index: 2;
      padding: 10px 0 20px;
    }
    .lp-hero-truststrip__inner {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 12px 28px;
      font-size: 0.8rem;
      font-weight: 600;
      letter-spacing: 0.02em;
      color: rgba(248, 250, 252, 0.92);
      /* Compact pill hugging its content instead of a full-width band
         painted across the hero artwork. */
      width: max-content;
      max-width: calc(100% - 96px);
      margin-inline: auto;
      background: rgba(2, 6, 23, 0.45);
      border: 1px solid rgba(148, 163, 184, 0.16);
      border-radius: 999px;
      padding: 8px 20px;
      backdrop-filter: blur(6px);
    }
    .lp-hero-truststrip__item {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 18px;
      border-radius: 999px;
      border: 1px solid rgba(148, 163, 184, 0.35);
      background: rgba(15, 23, 42, 0.45);
      backdrop-filter: blur(8px);
      transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
    }
    .lp-hero-truststrip__item:hover {
      border-color: rgba(125, 211, 252, 0.55);
      background: rgba(15, 23, 42, 0.65);
      transform: translateY(-1px);
    }
    .lp-hero-truststrip__tick {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: color-mix(in srgb, var(--lp-accent) 35%, transparent);
      color: #e0f2fe;
      font-size: 11px;
      font-weight: 800;
    }

    .lp-hero-shell strong {
      display: inline-block;
      margin-top: 18px;
      padding: 15px 32px;
      border-radius: 999px;
      font-weight: 700;
      font-size: 1rem;
      color: #fff !important;
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 75%, #22d3ee), var(--lp-accent)) !important;
      box-shadow: 0 14px 36px color-mix(in srgb, var(--lp-accent) 42%, transparent);
      border: none;
      cursor: default;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .lp-hero-shell strong:hover {
      transform: translateY(-2px);
      box-shadow: 0 18px 44px color-mix(in srgb, var(--lp-accent) 48%, transparent);
    }

    @media (prefers-reduced-motion: reduce) {
      .lp-hero-aurora, .lp-hero-grid-bg, .lp-hero-float .lp-img-box, .lp-hero-float img, .lp-hero-radial { animation: none !important; }
      .lp-hero-fade > * { animation: none !important; opacity: 1 !important; transform: none !important; }
      .section--stats_strip.lp-section--premium::before,
      .section--stats_strip.lp-section--premium .lp-centered--premium strong {
        animation: none !important;
      }
      .section--stats_strip.lp-section--premium .lp-centered--premium strong {
        color: #e0f2fe !important;
        -webkit-text-fill-color: #e0f2fe !important;
        background: none !important;
        filter: none !important;
      }
    }

    /* ---- CTA buttons (Signity-style: cyan → brand gradient, pill) ---- */
    .lp-section:not([class*="section--cs_"]) p > strong:only-child,
    .section--hero:not(.lp-hero-shell) strong,
    .section--cta:not(.section--cs_cta) strong,
    .section--lead_capture strong {
      display: inline-block;
      background: linear-gradient(135deg, var(--lp-cyan-deep) 0%, var(--lp-accent) 100%);
      color: #fff;
      padding: 16px 38px;
      border-radius: 999px;
      font-weight: 700;
      font-size: 1rem;
      margin-top: 10px;
      text-decoration: none;
      cursor: pointer;
      box-shadow: 0 14px 36px color-mix(in srgb, var(--lp-accent) 38%, transparent), 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
      transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    }
    .lp-section:not([class*="section--cs_"]) p > strong:only-child:hover,
    .section--hero:not(.lp-hero-shell) strong:hover,
    .section--cta:not(.section--cs_cta) strong:hover,
    .section--lead_capture strong:hover {
      transform: translateY(-2px);
      filter: brightness(1.06);
      box-shadow: 0 20px 48px color-mix(in srgb, var(--lp-accent) 48%, transparent);
    }
    .section--dark:not([class*="section--cs_"]) p > strong:only-child,
    .section--dark:not(.lp-hero-shell):not([class*="section--cs_"]) .lp-centered strong {
      background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%);
      color: #0f172a !important;
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
    }

    /* ---- Stats strip ---- */
    .section--stats_strip { padding: clamp(40px, 6vw, 72px) 0; text-align: center; }
    .section--stats_strip p { font-size: clamp(1.1rem, 2vw, 1.35rem); font-weight: 600; letter-spacing: 0.01em; }
    .section--stats_strip strong {
      font-size: 1.5rem; font-weight: 800;
      background: linear-gradient(135deg, #bae6fd 0%, color-mix(in srgb, var(--lp-accent) 55%, #e0f2fe) 100%);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
      background-clip: text;
      display: inline-block;
      filter: drop-shadow(0 0 12px rgba(56,189,238,0.35));
    }

    /* ---- Trust bar ---- */
    .section--trust_bar { padding: 24px 0; text-align: center; }
    .section--trust_bar p { letter-spacing: .02em; font-size: .95rem; color: #64748b; margin-bottom: 16px; }
    .lp-trust-logos {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
      padding: 12px 0;
    }
    .lp-trust-logos span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 44px;
      min-width: 120px;
      padding: 0 20px;
      border-radius: 10px;
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      font-size: 12px;
      font-weight: 700;
      color: #94a3b8;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    }
    .lp-trust-logos span:hover {
      background: color-mix(in srgb, var(--lp-accent) 8%, #fff);
      border-color: color-mix(in srgb, var(--lp-accent) 30%, #e2e8f0);
      color: color-mix(in srgb, var(--lp-accent) 70%, #64748b);
      transform: translateY(-2px);
    }
    .section--dark .lp-trust-logos span {
      background: rgba(255,255,255,0.06);
      border-color: rgba(255,255,255,0.14);
      color: rgba(248,250,252,0.55);
    }
    .section--dark .lp-trust-logos span:hover {
      background: rgba(56,189,248,0.12);
      border-color: rgba(56,189,248,0.3);
      color: rgba(248,250,252,0.85);
    }
    .lp-marquee {
      overflow: hidden;
      position: relative;
      padding: 14px 0;
    }
    .lp-marquee::before,
    .lp-marquee::after {
      content: '';
      position: absolute;
      top: 0; bottom: 0;
      width: 80px;
      z-index: 1;
      pointer-events: none;
    }
    .lp-marquee::before { left: 0; background: linear-gradient(90deg, white, transparent); }
    .lp-marquee::after  { right: 0; background: linear-gradient(-90deg, white, transparent); }
    .section--dark .lp-marquee::before { background: linear-gradient(90deg, var(--lp-navy-950, #020617), transparent); }
    .section--dark .lp-marquee::after  { background: linear-gradient(-90deg, var(--lp-navy-950, #020617), transparent); }
    .lp-marquee-track {
      display: flex;
      gap: 20px;
      align-items: center;
      animation: marquee-scroll 24s linear infinite;
      width: max-content;
    }
    @keyframes marquee-scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    /* ---- Service left-border cards ---- */
    .lp-service-border-card {
      background: linear-gradient(160deg, #fff 72%, color-mix(in srgb, var(--lp-accent) 4%, #f8fafc));
      border: 1px solid #e2e8f0;
      border-left: 3px solid var(--lp-accent);
      border-radius: 0 14px 14px 0; padding: 24px 28px;
      transition: box-shadow .25s cubic-bezier(0.22,1,0.36,1), transform .25s cubic-bezier(0.22,1,0.36,1);
    }
    .lp-service-border-card:hover {
      box-shadow: 0 10px 32px rgba(15,23,42,.08);
      transform: translateX(3px);
    }
    .lp-service-border-card h3 { color: #0891b2; margin-bottom: 8px; }

    /* ---- Service numbered steps ---- */
    .lp-service-steps { display: flex; flex-direction: column; gap: 20px; margin-top: 24px; }
    .lp-service-step {
      display: flex; gap: 24px; align-items: flex-start;
      padding: 28px 32px; background: #fff;
      border-radius: 18px; border: 1px solid #e8edf4;
      transition: box-shadow .28s cubic-bezier(0.22,1,0.36,1), transform .28s cubic-bezier(0.22,1,0.36,1), border-color .2s ease;
    }
    .lp-service-step:hover {
      box-shadow: 0 14px 40px rgba(15,23,42,.09);
      transform: translateX(4px);
      border-color: color-mix(in srgb, var(--lp-accent) 22%, #e8edf4);
    }
    .lp-service-step__num {
      flex-shrink: 0; width: 52px; height: 52px;
      border-radius: 50%; font-weight: 800; font-size: 18px;
      display: flex; align-items: center; justify-content: center;
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 88%, #22d3ee), var(--lp-accent));
      color: #fff;
      box-shadow: 0 6px 18px color-mix(in srgb, var(--lp-accent) 36%, transparent);
      transition: transform 0.28s ease, box-shadow 0.28s ease;
    }
    .lp-service-step:hover .lp-service-step__num {
      transform: scale(1.08);
      box-shadow: 0 10px 28px color-mix(in srgb, var(--lp-accent) 46%, transparent);
    }
    .lp-service-step__body { flex: 1; }
    .lp-service-step__body h3 { color: #0891b2; margin-bottom: 8px; }

    /* ---- USP / Why Choose Us cards ---- */
    .lp-usp-card { padding: 28px; }
    .lp-usp-card__header {
      display: flex; align-items: center; gap: 14px; margin-bottom: 16px;
    }
    .lp-usp-card__icon {
      width: 52px; height: 52px; border-radius: 50%; flex-shrink: 0;
      display: flex; align-items: center; justify-content: center;
      font-size: 22px;
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 18%, #fff), color-mix(in srgb, var(--lp-accent) 8%, #f0f9ff));
      box-shadow: 0 4px 14px color-mix(in srgb, var(--lp-accent) 22%, transparent);
      border: 1.5px solid color-mix(in srgb, var(--lp-accent) 22%, #e0f2fe);
      transition: transform 0.28s cubic-bezier(0.22,1,0.36,1), box-shadow 0.28s ease;
    }
    .lp-usp-card:hover .lp-usp-card__icon {
      transform: scale(1.1) rotate(5deg);
      box-shadow: 0 8px 24px color-mix(in srgb, var(--lp-accent) 34%, transparent);
    }
    .lp-usp-card h3 { margin-bottom: 6px; }
    .lp-usp-card p { font-size: 0.95rem; color: #475569; line-height: 1.7; }
    .section--dark .lp-usp-card__icon {
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 34%, rgba(15,23,42,0.7)), rgba(15,23,42,0.5));
      border-color: color-mix(in srgb, var(--lp-accent) 42%, rgba(255,255,255,0.1));
      box-shadow: 0 4px 16px color-mix(in srgb, var(--lp-accent) 32%, transparent);
    }

    .lp-usp-numbered-list { display: flex; flex-direction: column; gap: 16px; margin-top: 24px; }
    .lp-usp-numbered {
      display: flex; gap: 20px; align-items: flex-start;
      padding: 24px 28px; background: #fff;
      border-radius: 16px; border: 1px solid #e8edf4;
      transition: box-shadow .28s cubic-bezier(0.22,1,0.36,1), transform .28s cubic-bezier(0.22,1,0.36,1), border-color .2s ease;
    }
    .lp-usp-numbered:hover {
      box-shadow: 0 12px 36px rgba(15,23,42,.09);
      transform: translateY(-2px);
      border-color: color-mix(in srgb, var(--lp-accent) 22%, #e8edf4);
    }
    .lp-usp-numbered__num {
      flex-shrink: 0; width: 46px; height: 46px;
      border-radius: 50%; font-weight: 800; font-size: 17px;
      display: flex; align-items: center; justify-content: center;
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 88%, #22d3ee), var(--lp-accent));
      color: #fff;
      box-shadow: 0 4px 14px color-mix(in srgb, var(--lp-accent) 36%, transparent);
    }
    .lp-usp-numbered__body { flex: 1; }
    .lp-usp-numbered__body h3 { margin-bottom: 6px; }

    .lp-usp-border-card {
      background: linear-gradient(160deg, #fff 72%, color-mix(in srgb, var(--lp-accent) 4%, #f8fafc));
      border: 1px solid #e2e8f0;
      border-left: 3px solid var(--lp-accent);
      border-radius: 0 14px 14px 0; padding: 24px 28px;
      transition: box-shadow .25s cubic-bezier(0.22,1,0.36,1), transform .25s cubic-bezier(0.22,1,0.36,1);
    }
    .lp-usp-border-card:hover {
      box-shadow: 0 10px 32px rgba(15,23,42,.08);
      transform: translateX(3px);
    }
    .lp-usp-border-card h3 { margin-bottom: 8px; color: #0891b2; }
    .lp-usp-border-card p { font-size: 0.95rem; color: #475569; line-height: 1.7; }

    .lp-usp-stat-card {
      background: #fff; border: 1px solid #e8edf4; border-radius: 18px;
      padding: 32px 28px; text-align: center;
      position: relative; overflow: hidden;
      transition: box-shadow .28s cubic-bezier(0.22,1,0.36,1), transform .28s cubic-bezier(0.22,1,0.36,1);
    }
    .lp-usp-stat-card::before {
      content: '';
      position: absolute;
      top: 0; left: 50%; transform: translateX(-50%);
      width: 55%; height: 2px;
      background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--lp-accent) 60%, #22d3ee), transparent);
      border-radius: 0 0 4px 4px;
    }
    .lp-usp-stat-card:hover {
      box-shadow: 0 20px 52px rgba(15,23,42,.10);
      transform: translateY(-5px);
    }
    .lp-usp-stat-card__number {
      font-size: 2.6rem; font-weight: 900; line-height: 1; margin-bottom: 10px;
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 88%, #0f172a), color-mix(in srgb, var(--lp-accent) 60%, #22d3ee));
      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
      background-clip: text; display: inline-block;
    }
    .lp-usp-stat-card h3 { margin-bottom: 8px; font-size: 0.95rem; }
    .lp-usp-stat-card p { font-size: 0.88rem; color: #64748b; }
    .section--dark .lp-usp-stat-card {
      background: rgba(255,255,255,0.07); border-color: rgba(255,255,255,0.11);
    }
    .section--dark .lp-usp-stat-card__number {
      background: linear-gradient(135deg, #bae6fd, #e0f2fe);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    }

    .lp-usp-check-list { display: flex; flex-direction: column; gap: 12px; margin-top: 24px; }
    .lp-usp-check {
      display: flex; gap: 16px; align-items: flex-start;
      padding: 18px 22px; background: #fff;
      border-radius: 14px; border: 1px solid #e8edf4;
      transition: box-shadow .25s ease, transform .25s ease, border-color .2s ease;
    }
    .lp-usp-check:hover {
      box-shadow: 0 8px 24px rgba(15,23,42,.07);
      transform: translateX(4px);
      border-color: color-mix(in srgb, var(--lp-accent) 20%, #e8edf4);
    }
    .lp-usp-check__icon {
      flex-shrink: 0; width: 34px; height: 34px;
      border-radius: 50%; font-size: 15px; font-weight: 800;
      display: flex; align-items: center; justify-content: center;
      background: linear-gradient(135deg, color-mix(in srgb, var(--lp-accent) 88%, #22d3ee), var(--lp-accent));
      color: #fff;
      box-shadow: 0 3px 10px color-mix(in srgb, var(--lp-accent) 36%, transparent);
    }
    .lp-usp-check__body { flex: 1; }
    .lp-usp-check__body h3 { margin-bottom: 4px; font-size: 0.97rem; }

    /* ---- Problem section cards ---- */
    .lp-problem-card { text-align: left; }
    .lp-problem-card__icon {
      width: 50px; height: 50px; border-radius: 14px;
      display: flex; align-items: center; justify-content: center;
      font-size: 22px; margin-bottom: 14px;
      background: linear-gradient(135deg, rgba(220,38,38,0.11), rgba(239,68,68,0.05));
      border: 1px solid rgba(220,38,38,0.18);
      box-shadow: 0 3px 12px rgba(220,38,38,0.1);
    }
    .section--dark .lp-problem-card__icon {
      background: linear-gradient(135deg, rgba(220,38,38,0.25), rgba(239,68,68,0.12));
      border-color: rgba(220,38,38,0.32);
    }
    .lp-problem-card h3 { margin-bottom: 8px; }

    .lp-numbered-pains { display: flex; flex-direction: column; gap: 16px; margin-top: 20px; }
    .lp-numbered-pain {
      display: flex; gap: 20px; align-items: flex-start;
      padding: 20px 24px; background: #fff;
      border-radius: 14px; border: 1px solid #fee2e2;
      transition: box-shadow .22s ease, border-color .22s ease, transform .22s ease;
    }
    .lp-numbered-pain:hover {
      box-shadow: 0 8px 28px rgba(220,38,38,0.07);
      border-color: rgba(220,38,38,0.28);
      transform: translateY(-1px);
    }
    .section--dark .lp-numbered-pain {
      background: rgba(220,38,38,0.07);
      border-color: rgba(220,38,38,0.22);
    }
    .lp-numbered-pain__num {
      flex-shrink: 0; width: 44px; height: 44px;
      border-radius: 50%; border: 2px solid rgba(220,38,38,0.4); font-weight: 800; font-size: 17px;
      display: flex; align-items: center; justify-content: center;
      color: #dc2626;
      background: rgba(220,38,38,0.06);
    }
    .lp-numbered-pain__body h3 { margin-bottom: 6px; }

    .lp-stat-pain {
      background: #fff; border: 1px solid #e8edf4; border-radius: 16px;
      padding: 28px 24px; text-align: center;
      position: relative; overflow: hidden;
      transition: box-shadow .25s ease, transform .25s ease;
    }
    .lp-stat-pain::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, #dc2626, #ef4444, #dc2626);
      opacity: 0.65;
    }
    .lp-stat-pain:hover {
      box-shadow: 0 12px 36px rgba(220,38,38,0.09);
      transform: translateY(-3px);
    }
    .section--dark .lp-stat-pain {
      background: rgba(220,38,38,0.08);
      border-color: rgba(220,38,38,0.2);
    }
    .lp-stat-pain__number {
      font-size: 2.6rem; font-weight: 900; line-height: 1; margin-bottom: 8px;
      color: #dc2626;
    }
    .lp-stat-pain h3 { margin-bottom: 6px; }

    /* ---- CTA section ---- */
    .section--cta { text-align: center; padding: 80px 0; }
    .section--cta h2 { font-size: 2.2rem; letter-spacing: -0.03em; }
    .section--cta p { font-size: 1.12rem; opacity: .9; max-width: 560px; margin-left: auto; margin-right: auto; }
    .section--cta .lp-container a {
      display: inline-block;
      margin: 14px 8px 0;
      padding: 15px 32px;
      border-radius: 999px;
      font-weight: 700;
      font-size: 0.98rem;
      text-decoration: none;
      border: 1px solid rgba(255, 255, 255, 0.48);
      background: rgba(255, 255, 255, 0.14);
      color: #fff !important;
      backdrop-filter: blur(6px);
      transition: background 0.2s ease, transform 0.2s cubic-bezier(0.22,1,0.36,1), box-shadow 0.2s ease;
    }
    .section--cta .lp-container a:hover {
      background: rgba(255, 255, 255, 0.24);
      transform: translateY(-2px);
      box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22);
    }
    .section--cta .lp-container a + a {
      margin-left: 12px;
      background: transparent;
      border-color: rgba(255, 255, 255, 0.38);
    }
    .section--cta .lp-container a + a:hover {
      background: rgba(255, 255, 255, 0.10);
    }

    /* ---- Dark sections ---- */
    .section--dark a { color: #93c5fd; }

    /* ---- Built-in landing footers (Settings preset) ---- */
    .lp-built-footer {
      clear: both;
      font-size: 14px;
      line-height: 1.65;
      color: #cbd5e1;
      background: #0b1220;
      border-top: 1px solid #1e293b;
    }
    .lp-built-footer--minimal {
      padding: 22px 0 28px;
      text-align: center;
    }
    .lp-built-footer--minimal .lp-built-footer__legal {
      margin: 0;
      font-size: 13px;
      color: #94a3b8;
    }
    .lp-built-footer--extended {
      padding: 0;
    }
    .lp-built-footer__grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 24px 36px;
      padding: 38px 32px 30px;
      max-width: 1180px;
      margin: 0 auto;
      align-items: start;
    }
    .lp-built-footer__social {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      margin-top: 16px;
    }
    .lp-built-footer__social-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      color: #94a3b8;
      background: transparent;
      border: none;
      transition: color 0.15s ease, transform 0.15s ease;
    }
    .lp-built-footer__social-link:hover {
      color: #f8fafc;
      transform: translateY(-1px);
    }
    .lp-built-footer__social-ico {
      display: block;
      flex-shrink: 0;
      width: 17px;
      height: 17px;
    }
    .lp-built-footer__col {
      min-width: 0;
    }
    .lp-built-footer__heading {
      font-size: 14.5px;
      font-weight: 700;
      text-transform: none;
      letter-spacing: -0.01em;
      color: #f8fafc;
      margin: 0 0 12px;
    }
    .lp-built-footer__col--brand .lp-built-footer__heading {
      font-size: 1.12rem;
      font-weight: 800;
      letter-spacing: -0.02em;
      text-transform: none;
      color: #f8fafc;
    }
    .lp-built-footer__tagline {
      margin: 0 0 14px;
      color: #94a3b8;
      font-size: 14px;
      max-width: 40ch;
      line-height: 1.6;
    }
    .lp-built-footer__website {
      display: inline-block;
      font-weight: 600;
      color: color-mix(in srgb, var(--lp-accent) 72%, #93c5fd);
      text-decoration: none;
    }
    .lp-built-footer__website:hover {
      text-decoration: underline;
      text-underline-offset: 3px;
      color: #e0f2fe;
    }
    .lp-built-footer__cta-wrap {
      margin: 18px 0 0;
    }
    .lp-built-footer__cta-pill {
      display: inline-block;
      padding: 8px 18px;
      border-radius: 999px;
      background: color-mix(in srgb, var(--lp-accent) 18%, rgba(255, 255, 255, 0.06));
      border: 1px solid color-mix(in srgb, var(--lp-accent) 42%, rgba(148, 163, 184, 0.35));
      color: #f1f5f9;
      font-size: 12px;
      font-weight: 700;
    }
    .lp-built-footer__list {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .lp-built-footer__list li {
      margin-bottom: 8px;
    }
    /* Labels must WRAP, never clip mid-word ("AI Strategy and Consulti…") */
    .lp-built-footer__link {
      color: #94a3b8;
      font-size: 13px;
      font-weight: 500;
      text-decoration: none;
      transition: color 0.15s ease;
      display: block;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .lp-built-footer__link:hover {
      color: #e2e8f0;
    }
    .lp-built-footer__linklike {
      color: #94a3b8;
      font-size: 13px;
      display: block;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .lp-built-footer__bar {
      border-top: 1px solid rgba(148, 163, 184, 0.18);
      padding: 14px 32px 16px;
      background: #070d18;
    }
    .lp-built-footer__legal {
      margin: 0;
      font-size: 12px;
      color: #94a3b8;
      text-align: center;
    }
    .lp-built-footer--extended .lp-built-footer__bar .lp-built-footer__legal {
      text-align: center;
    }

    /* ---- Appended site chrome (Settings footer / nav HTML) — outside .lp-section ---- */
    .lp-shared-site-chrome--below-footer {
      margin-top: 0;
      border-top: 1px solid rgba(226, 232, 240, 0.95);
    }
    .lp-shared-site-chrome {
      width: 100%;
      clear: both;
      max-width: 1140px;
      margin: 0 auto;
      padding: 44px 32px 52px;
      box-sizing: border-box;
      border-top: 1px solid rgba(226, 232, 240, 0.95);
      background: linear-gradient(188deg, #f8fafc 0%, #eef2f7 45%, #e8edf3 100%);
      color: #475569;
      font-size: 14px;
      line-height: 1.65;
    }
    .lp-shared-site-chrome a {
      color: #334155;
      text-decoration: none;
      font-weight: 500;
      transition: color 0.16s ease, border-color 0.16s ease;
      border-bottom: 1px solid transparent;
    }
    .lp-shared-site-chrome a:hover {
      color: var(--lp-accent);
      border-bottom-color: color-mix(in srgb, var(--lp-accent) 40%, transparent);
    }
    .lp-shared-site-chrome h1,
    .lp-shared-site-chrome h2,
    .lp-shared-site-chrome h3 {
      color: #0f172a;
      font-weight: 800;
      letter-spacing: -0.02em;
      font-size: 1.1rem;
      margin: 0 0 14px;
    }
    .lp-shared-site-chrome h4,
    .lp-shared-site-chrome h5,
    .lp-shared-site-chrome h6 {
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #64748b;
      margin: 28px 0 10px;
    }
    .lp-shared-site-chrome h4:first-child,
    .lp-shared-site-chrome h5:first-child,
    .lp-shared-site-chrome h6:first-child {
      margin-top: 0;
    }
    .lp-shared-site-chrome p {
      margin: 0 0 12px;
      max-width: 72ch;
      color: #64748b;
    }
    .lp-shared-site-chrome ul,
    .lp-shared-site-chrome ol {
      list-style: none;
      padding: 0;
      margin: 0 0 14px;
    }
    .lp-shared-site-chrome li {
      margin-bottom: 8px;
      padding-left: 0;
    }
    .lp-shared-site-chrome > div:first-child,
    .lp-shared-site-chrome > footer:first-child,
    .lp-shared-site-chrome > section:first-child {
      display: flex;
      flex-wrap: wrap;
      gap: 28px 48px;
      align-items: flex-start;
      justify-content: flex-start;
    }
    .lp-shared-site-chrome > a {
      display: inline-block;
      margin: 0 18px 10px 0;
    }
    .lp-persona-chrome {
      font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }
    .lp-persona-chrome a:hover {
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    /* ---- Case-study hero background ---- */
    .lp-hero-shell.section--cs_hero {
      position: relative;
      overflow: hidden;
      padding: 0 !important;
      background: linear-gradient(160deg, #070d1c 0%, #0f172a 45%, #111b30 100%);
    }
    .lp-hero-shell.section--cs_hero h1 {
      color: #f8fafc;
      font-size: clamp(2.2rem, 4vw, 2.8rem);
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: -0.03em;
      margin-bottom: 20px;
    }
    .lp-hero-shell.section--cs_hero h2 {
      color: #e2e8f0;
      font-size: 1.35rem;
      font-weight: 600;
      line-height: 1.4;
      letter-spacing: -0.01em;
      margin-bottom: 16px;
    }
    .lp-hero-shell.section--cs_hero p {
      color: rgba(203, 213, 225, 0.92);
      font-size: 1.08rem;
      line-height: 1.75;
    }
    .lp-hero-shell.section--cs_hero li {
      color: rgba(226, 232, 240, 0.95);
      font-size: 1.05rem;
      line-height: 1.7;
    }
    .lp-hero-shell h2 span[style*="color"] { color: #7dd3fc !important; }

    /* — Dark Split variant — */
    .variant--cs_hero_dark_split.section--cs_hero {
      background:
        radial-gradient(ellipse 55% 55% at 5% 5%, rgba(56, 189, 248, 0.07), transparent 60%),
        radial-gradient(ellipse 40% 40% at 95% 85%, rgba(99, 102, 241, 0.05), transparent 55%),
        linear-gradient(160deg, #070d1c 0%, #0f172a 45%, #111b30 100%);
    }
    .variant--cs_hero_dark_split .lp-hero-split {
      gap: clamp(36px, 5vw, 64px);
      padding: 80px 0 72px;
    }
    .variant--cs_hero_dark_split h1 {
      font-size: clamp(2rem, 3.5vw, 2.65rem);
    }
    .variant--cs_hero_dark_split ul {
      list-style: none;
      padding-left: 0;
      margin: 22px 0 28px;
    }
    .variant--cs_hero_dark_split li {
      position: relative;
      padding-left: 22px;
      margin-bottom: 12px;
    }
    .variant--cs_hero_dark_split li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 10px;
      width: 7px;
      height: 7px;
      border-radius: 2px;
      background: #38bdf8;
      box-shadow: 0 0 8px rgba(56, 189, 248, 0.4);
    }
    .variant--cs_hero_dark_split .lp-hero-visual-placeholder {
      background: linear-gradient(135deg, rgba(15, 23, 42, 0.6), rgba(30, 41, 59, 0.4));
      border: 1px solid rgba(56, 189, 248, 0.12);
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08), 0 20px 60px rgba(0, 0, 0, 0.4);
    }

    /* — Centered Gradient variant — */
    .variant--cs_hero_centered.section--cs_hero {
      background: linear-gradient(180deg, #050a16 0%, #0b1222 35%, #0f172a 100%);
    }
    .variant--cs_hero_centered .lp-hero-inner--center {
      padding: 100px 0 84px;
    }
    .variant--cs_hero_centered h1 {
      font-size: clamp(2.4rem, 5vw, 3.4rem);
      max-width: 740px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
    }
    .variant--cs_hero_centered p {
      max-width: 620px;
      margin-left: auto;
      margin-right: auto;
      font-size: 1.12rem;
      color: rgba(148, 163, 184, 0.88);
    }
    .variant--cs_hero_centered ul {
      display: inline-flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px 24px;
      list-style: none;
      padding: 0;
      margin: 24px auto 8px;
    }
    .variant--cs_hero_centered li {
      position: relative;
      padding-left: 16px;
    }
    .variant--cs_hero_centered li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #38bdf8;
      box-shadow: 0 0 10px rgba(56, 189, 248, 0.5);
    }

    /* — Minimal Editorial variant — */
    .variant--cs_hero_minimal.section--cs_hero {
      background: linear-gradient(180deg, #0a1120 0%, #0e1729 100%);
    }
    .variant--cs_hero_minimal .lp-hero-inner--center {
      padding: 130px 0 110px;
    }
    .variant--cs_hero_minimal h1 {
      font-size: clamp(2.8rem, 5.5vw, 4.2rem);
      font-weight: 700;
      letter-spacing: -0.04em;
      line-height: 1.06;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 28px;
    }
    .variant--cs_hero_minimal h1::after {
      content: '';
      display: block;
      width: 48px;
      height: 2px;
      background: linear-gradient(90deg, #38bdf8, rgba(56, 189, 248, 0.2));
      border-radius: 2px;
      margin: 28px auto 0;
    }
    .variant--cs_hero_minimal p {
      font-size: 1.15rem;
      max-width: 540px;
      margin-left: auto;
      margin-right: auto;
      color: rgba(148, 163, 184, 0.82);
      line-height: 1.8;
      font-weight: 400;
    }

    /* ---- CS hero decorative elements ---- */
    .cs-hero-label {
      display: inline-block;
      font-size: 0.7rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      color: #38bdf8;
      padding: 6px 16px;
      border: 1px solid rgba(56, 189, 248, 0.3);
      border-radius: 999px;
      margin-bottom: 20px;
      background: rgba(56, 189, 248, 0.06);
      backdrop-filter: blur(4px);
    }

    .cs-hero-decor {
      position: absolute;
      pointer-events: none;
      z-index: 0;
    }
    .cs-hero-decor--orb {
      width: 320px;
      height: 320px;
      border-radius: 50%;
      border: 1px solid rgba(56, 189, 248, 0.08);
      background: radial-gradient(circle at center, rgba(56, 189, 248, 0.04), transparent 70%);
    }
    .cs-hero-decor--orb.cs-hero-decor--tl {
      top: -120px;
      left: -80px;
      animation: cs-decor-float 14s ease-in-out infinite;
    }
    .cs-hero-decor--orb.cs-hero-decor--br {
      bottom: -100px;
      right: -60px;
      width: 260px;
      height: 260px;
      border-color: rgba(99, 102, 241, 0.08);
      background: radial-gradient(circle at center, rgba(99, 102, 241, 0.04), transparent 70%);
      animation: cs-decor-float 18s ease-in-out infinite reverse;
    }
    @keyframes cs-decor-float {
      0%, 100% { transform: translate(0, 0) scale(1); }
      50% { transform: translate(8px, -12px) scale(1.04); }
    }

    .cs-hero-decor--dots {
      width: 80px;
      height: 80px;
      background-image: radial-gradient(circle, rgba(56, 189, 248, 0.25) 1.5px, transparent 1.5px);
      background-size: 14px 14px;
      opacity: 0.6;
    }
    .cs-hero-decor--dots.cs-hero-decor--tr {
      top: 40px;
      right: 50px;
    }
    .cs-hero-decor--dots.cs-hero-decor--bl {
      bottom: 40px;
      left: 50px;
    }

    .cs-hero-decor--line {
      width: 120px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.25), transparent);
    }
    .cs-hero-decor--line.cs-hero-decor--tl {
      top: 60px;
      left: 40px;
      transform: rotate(-25deg);
    }
    .cs-hero-decor--line.cs-hero-decor--br {
      bottom: 60px;
      right: 40px;
      transform: rotate(-25deg);
    }

    /* Split variant — visual frame with ring accents */
    .cs-hero-visual-frame {
      position: relative;
    }
    .cs-hero-frame-ring {
      position: absolute;
      border-radius: 24px;
      border: 1px solid rgba(56, 189, 248, 0.12);
      pointer-events: none;
    }
    .cs-hero-frame-ring--outer {
      inset: -16px;
      border-radius: 28px;
      animation: cs-ring-pulse 6s ease-in-out infinite;
    }
    .cs-hero-frame-ring--inner {
      inset: -8px;
      border-radius: 26px;
      border-color: rgba(56, 189, 248, 0.06);
      animation: cs-ring-pulse 6s ease-in-out infinite 1s;
    }
    @keyframes cs-ring-pulse {
      0%, 100% { opacity: 0.5; transform: scale(1); }
      50% { opacity: 1; transform: scale(1.01); }
    }

    /* Centered variant label position */
    .variant--cs_hero_centered .cs-hero-label,
    .variant--cs_hero_minimal .cs-hero-label {
      margin-bottom: 24px;
    }

    /* Minimal variant — subtle accent lines */
    .variant--cs_hero_minimal .cs-hero-decor--line {
      width: 160px;
      background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.15), transparent);
    }

    @media (prefers-reduced-motion: reduce) {
      .cs-hero-decor--orb,
      .cs-hero-frame-ring { animation: none !important; }
    }
    @media print {
      .cs-hero-decor, .cs-hero-frame-ring { display: none !important; }
    }

    /* CS hero image placeholder — dashboard mockup */
    .section--cs_hero .lp-img-box {
      background: linear-gradient(165deg, #0c1629 0%, #131f38 45%, #0f1a2e 100%);
      border: 1px solid rgba(56, 189, 248, 0.12);
      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04);
      border-radius: 16px;
    }
    .section--cs_hero .lp-img-box::before {
      background-image: none;
      background: none;
      inset: 12px 12px auto 12px;
      height: 28px;
      border-radius: 6px;
      background: rgba(255, 255, 255, 0.03);
      border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    }
    .section--cs_hero .lp-img-box::after {
      content: '';
      position: absolute;
      top: 48px;
      left: 12px;
      right: 12px;
      bottom: 12px;
      border-radius: 8px;
      opacity: 1;
      background:
        linear-gradient(180deg, rgba(56, 189, 248, 0.06) 0%, transparent 40%),
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.02) 0px, rgba(255, 255, 255, 0.02) 1px, transparent 1px, transparent 24px),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.015) 0px, rgba(255, 255, 255, 0.015) 1px, transparent 1px, transparent 33.33%);
      font-size: 0;
    }

    /* CS hero background effect overrides */
    .section--cs_hero .lp-hero-aurora {
      background: conic-gradient(from 140deg at 50% 45%,
        rgba(56, 189, 248, 0.25), transparent 35%,
        rgba(99, 102, 241, 0.12), transparent 55%,
        rgba(34, 211, 238, 0.1), transparent 75%);
      opacity: 0.5;
    }
    .section--cs_hero .lp-hero-grid-bg {
      background-image:
        linear-gradient(rgba(148, 163, 184, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.05) 1px, transparent 1px);
      background-size: 56px 56px;
      mask-image: radial-gradient(ellipse 70% 60% at 50% 35%, #000 15%, transparent 70%);
    }
    .section--cs_hero .lp-hero-radial {
      background: radial-gradient(ellipse at 50% 30%, rgba(56, 189, 248, 0.14), transparent 65%);
      opacity: 0.6;
    }

    /* CS strong reset — no pill buttons in case-study sections */
    .lp-section[class*="section--cs_"] strong,
    .lp-section[class*="section--cs_"] p > strong,
    .lp-section[class*="section--cs_"] p > strong:only-child,
    .lp-section[class*="section--cs_"] .lp-card strong {
      display: inline !important;
      padding: 0 !important;
      background: none !important;
      border-radius: 0 !important;
      font-weight: 700;
      color: inherit !important;
      box-shadow: none !important;
      cursor: inherit;
      margin-top: 0;
      font-size: inherit;
    }
    .section--cs_hero li strong { color: #7dd3fc !important; }
    .section--dark[class*="section--cs_"] strong { color: inherit !important; }

    /* IUC strong reset — no pill buttons in industry use-case sections */
    .lp-section[class*="section--iuc_"] strong,
    .lp-section[class*="section--iuc_"] p > strong,
    .lp-section[class*="section--iuc_"] p > strong:only-child,
    .lp-section[class*="section--iuc_"] .lp-card strong {
      display: inline !important;
      padding: 0 !important;
      background: none !important;
      border-radius: 0 !important;
      font-weight: 700;
      color: inherit !important;
      box-shadow: none !important;
      cursor: inherit;
      margin-top: 0;
      font-size: inherit;
    }
    .section--dark[class*="section--iuc_"] strong { color: inherit !important; }
    .section--iuc_hero li strong,
    .section--dark[class*="section--iuc_"] li strong { color: #7dd3fc !important; }

    /* ---- Industry Use Case hero ---- */
    .lp-hero-shell.section--iuc_hero {
      position: relative;
      overflow: hidden;
      padding: 0 !important;
      background: linear-gradient(160deg, #070d1c 0%, #0f172a 45%, #111b30 100%);
      color: #f8fafc !important;
    }
    .lp-hero-shell.section--iuc_hero h1 {
      color: #f8fafc;
      font-size: clamp(2.2rem, 4vw, 3rem);
      font-weight: 800;
      line-height: 1.12;
      letter-spacing: -0.025em;
      margin-bottom: 18px;
    }
    .lp-hero-shell.section--iuc_hero h2 {
      color: #e2e8f0;
      font-size: 1.3rem;
      font-weight: 600;
      line-height: 1.4;
      letter-spacing: -0.01em;
      margin-bottom: 14px;
    }
    .lp-hero-shell.section--iuc_hero h2 span[style*="color"] { color: #7dd3fc !important; }
    .lp-hero-shell.section--iuc_hero p {
      color: rgba(203, 213, 225, 0.92);
      font-size: 1.1rem;
      line-height: 1.72;
    }
    .lp-hero-shell.section--iuc_hero li {
      color: rgba(226, 232, 240, 0.95);
      font-size: 1.05rem;
      line-height: 1.65;
    }
    .lp-hero-shell.section--iuc_hero a { color: #7dd3fc !important; }
    .section--iuc_hero .lp-hero-aurora {
      background: conic-gradient(from 140deg at 50% 45%,
        rgba(56, 189, 248, 0.22), transparent 35%,
        rgba(34, 211, 238, 0.12), transparent 55%,
        rgba(14, 165, 233, 0.1), transparent 75%);
      opacity: 0.45;
    }
    .section--iuc_hero .lp-hero-grid-bg {
      background-image:
        linear-gradient(rgba(148, 163, 184, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.06) 1px, transparent 1px);
      background-size: 56px 56px;
      mask-image: radial-gradient(ellipse 70% 60% at 50% 35%, #000 15%, transparent 70%);
    }
    .section--iuc_hero .lp-hero-radial {
      background: radial-gradient(ellipse at 50% 30%, rgba(56, 189, 248, 0.14), transparent 65%);
      opacity: 0.55;
    }
    .section--iuc_hero .cs-hero-label {
      display: inline-block;
      padding: 6px 18px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #7dd3fc;
      background: rgba(56, 189, 248, 0.1);
      border: 1px solid rgba(56, 189, 248, 0.2);
      margin-bottom: 20px;
    }
    .section--iuc_hero .lp-img-box {
      background: linear-gradient(165deg, #0c1629 0%, #131f38 45%, #0f1a2e 100%);
      border: 1px solid rgba(56, 189, 248, 0.12);
      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
      border-radius: 16px;
    }
    .section--iuc_hero strong {
      display: inline !important;
      padding: 0 !important;
      background: none !important;
      border-radius: 0 !important;
      font-weight: 700;
      color: inherit !important;
      box-shadow: none !important;
      cursor: inherit;
    }
    .section--iuc_hero li strong { color: #7dd3fc !important; }

    /* IUC hero split variant */
    .variant--iuc_hero_split .lp-hero-split { gap: clamp(36px, 5vw, 64px); padding: 80px 0 72px; }
    .variant--iuc_hero_split li { position: relative; padding-left: 22px; margin-bottom: 10px; }
    .variant--iuc_hero_split li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 10px;
      width: 7px;
      height: 7px;
      border-radius: 2px;
      background: #38bdf8;
      box-shadow: 0 0 8px rgba(56, 189, 248, 0.4);
    }

    /* IUC hero centered variant */
    .variant--iuc_hero_centered.section--iuc_hero {
      background: linear-gradient(180deg, #050a16 0%, #0b1222 35%, #0f172a 100%);
    }
    .variant--iuc_hero_centered .lp-hero-inner--center { padding: 100px 0 84px; }

    /* IUC hero minimal variant */
    .variant--iuc_hero_minimal.section--iuc_hero {
      background: linear-gradient(175deg, #050a16, #0f172a);
    }
    .variant--iuc_hero_minimal h1 { font-size: clamp(2.4rem, 5vw, 3.4rem); }

    /* ---- Case-study component styles ---- */

    /* Section label — "✨ ABOUT THIS PROJECT" style */
    .lp-cs-section-label {
      display: block;
      text-align: center;
      font-size: 0.75rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: var(--lp-accent, #0ea5e9);
      margin-bottom: 12px;
    }
    .lp-cs-section-label__icon {
      font-size: 0.85rem;
      vertical-align: middle;
    }
    .lp-cs-label {
      display: block;
      text-align: center;
      font-size: 0.75rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: var(--lp-accent, #0ea5e9);
      margin-bottom: 12px;
    }
    .lp-cs-label--dark { color: #38bdf8; }

    /* Global CS section typography */
    [class*="section--cs_"]:not(.section--cs_hero) {
      padding: 56px 0;
    }
    [class*="section--cs_"] p,
    [class*="section--cs_"] li {
      line-height: 1.75;
      font-size: 1rem;
      color: #374151;
    }
    [class*="section--cs_"] h2 {
      font-size: 1.75rem;
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: -0.02em;
      color: #111827;
      text-align: center;
      margin-bottom: 12px;
    }
    [class*="section--cs_"] h3 {
      font-size: 1.1rem;
      font-weight: 700;
      color: #111827;
      margin: 0 0 6px;
    }
    .section--dark[class*="section--cs_"] p,
    .section--dark[class*="section--cs_"] li { color: rgba(226,232,240,0.9); }
    .section--dark[class*="section--cs_"] h2,
    .section--dark[class*="section--cs_"] h3 { color: #f1f5f9; }

    /* About section */
    .lp-cs-about {
      max-width: 780px;
      margin: 0 auto;
      line-height: 1.8;
      font-size: 1.05rem;
      text-align: center;
      color: #374151;
    }

    /* Stat sidebar */
    .lp-cs-stat-sidebar {
      display: flex;
      flex-direction: column;
      gap: 24px;
      padding: 28px;
      background: #f8fafc;
      border-radius: 16px;
      border: 1px solid #e5e7eb;
    }
    .lp-cs-stat-item__value {
      font-size: 2rem;
      font-weight: 800;
      line-height: 1.15;
    }
    .lp-cs-stat-item__label {
      font-size: 0.85rem;
      color: #6b7280;
      margin-top: 4px;
    }
    .section--dark .lp-cs-stat-sidebar {
      background: rgba(255,255,255,0.06);
      border-color: rgba(255,255,255,0.08);
    }

    /* Metric strip */
    .lp-cs-metric-strip {
      display: flex;
      justify-content: center;
      gap: 48px;
      flex-wrap: wrap;
      padding: 28px 0;
    }
    .lp-cs-metric-pill {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      min-width: 120px;
    }
    .lp-cs-metric-pill__value {
      font-size: 2.4rem;
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: -0.02em;
    }
    .lp-cs-metric-pill__label {
      font-size: 0.82rem;
      color: #6b7280;
      text-align: center;
      font-weight: 500;
    }

    /* Metric cards */
    .lp-cs-metric-card {
      text-align: center;
      padding: 32px 24px;
      background: #fff;
      border: 1px solid #e5e7eb;
      border-radius: 14px;
    }
    .lp-cs-metric-card__value {
      font-size: 2.4rem;
      font-weight: 800;
      line-height: 1.1;
      margin-bottom: 8px;
      letter-spacing: -0.02em;
    }
    .lp-cs-metric-card__label {
      font-size: 0.88rem;
      color: #6b7280;
      font-weight: 500;
    }
    .section--dark .lp-cs-metric-card {
      background: rgba(255,255,255,0.04);
      border-color: rgba(255,255,255,0.08);
    }
    .section--dark .lp-cs-metric-card__label { color: #94a3b8; }

    .lp-cs-metric-inline strong { font-size: 1.4rem; }
    .lp-cs-metric-sep { margin: 0 16px; opacity: 0.25; font-size: 1.2rem; }
    .lp-cs-metrics-band { font-size: 1.1rem; }

    /* Deliverable cards */
    .lp-cs-deliverable-card {
      text-align: center;
      padding: 28px 20px;
    }
    .lp-cs-deliverable-card__icon {
      width: 52px;
      height: 52px;
      border-radius: 14px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      margin-bottom: 14px;
      background: color-mix(in srgb, var(--lp-accent, #0ea5e9) 10%, transparent);
      transition: transform 0.3s;
    }
    .lp-cs-deliverable-card:hover .lp-cs-deliverable-card__icon {
      transform: scale(1.08);
    }

    /* Challenge / Solution / Impact blocks */
    .lp-cs-csi-block {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 20px 24px;
      margin-bottom: 20px;
      border-radius: 12px;
      background: #fff;
      border: 1px solid #e5e7eb;
      border-left: 4px solid var(--csi-color, #64748b);
      transition: box-shadow 0.25s;
    }
    .lp-cs-csi-block:hover {
      box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    }
    .lp-cs-csi-icon {
      flex-shrink: 0;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      color: #fff;
    }
    .lp-cs-csi-body { flex: 1; min-width: 0; }
    .lp-cs-csi-body h3 { margin: 0 0 6px; }
    .lp-cs-csi-block--full { max-width: 780px; }
    .lp-cs-csi-stack {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    .section--dark .lp-cs-csi-block {
      background: rgba(255,255,255,0.04);
      border-color: rgba(255,255,255,0.08);
      border-left-color: var(--csi-color, #64748b);
    }

    /* Tech stack — table */
    .lp-cs-tech-table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 16px;
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid #e5e7eb;
    }
    .lp-cs-tech-table tr { border-bottom: 1px solid #e5e7eb; }
    .lp-cs-tech-table tr:last-child { border-bottom: none; }
    .lp-cs-tech-table td { padding: 14px 20px; }
    .lp-cs-tech-table tr:hover { background: #f9fafb; }
    .section--dark .lp-cs-tech-table { border-color: rgba(255,255,255,0.08); }
    .section--dark .lp-cs-tech-table tr { border-bottom-color: rgba(255,255,255,0.06); }
    .section--dark .lp-cs-tech-table tr:hover { background: rgba(255,255,255,0.03); }

    /* Tech stack — icon grid */
    .lp-cs-tech-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 28px;
      margin-top: 20px;
    }
    .lp-cs-tech-group {
      background: #f9fafb;
      border-radius: 12px;
      padding: 20px;
      border: 1px solid #e5e7eb;
    }
    .lp-cs-tech-group h3 {
      font-size: 0.9rem;
      margin-bottom: 12px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }
    .lp-cs-tech-pills { display: flex; flex-wrap: wrap; gap: 8px; }
    .lp-cs-tech-pill {
      display: inline-block;
      padding: 6px 16px;
      background: #fff;
      border: 1px solid #e5e7eb;
      border-radius: 999px;
      font-size: 0.82rem;
      font-weight: 600;
      color: #374151;
      transition: border-color 0.2s, background 0.2s;
    }
    .lp-cs-tech-pill:hover {
      border-color: var(--lp-accent, #0ea5e9);
      background: color-mix(in srgb, var(--lp-accent, #0ea5e9) 5%, #fff);
    }
    .section--dark .lp-cs-tech-group {
      background: rgba(255,255,255,0.04);
      border-color: rgba(255,255,255,0.08);
    }
    .section--dark .lp-cs-tech-pill {
      background: rgba(255,255,255,0.06);
      border-color: rgba(255,255,255,0.1);
      color: #e2e8f0;
    }

    /* Why Us / USP cards */
    .lp-cs-usp-card {
      text-align: left;
      padding: 24px;
    }
    .lp-cs-usp-card__icon {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      color: #fff;
      margin-bottom: 14px;
    }

    /* Card system */
    [class*="section--cs_"] .lp-card {
      background: #fff;
      border: 1px solid #e5e7eb;
      border-radius: 14px;
      transition: box-shadow 0.25s, transform 0.25s;
    }
    [class*="section--cs_"] .lp-card:hover {
      box-shadow: 0 8px 32px rgba(0,0,0,0.08);
      transform: translateY(-2px);
    }
    .section--dark[class*="section--cs_"] .lp-card {
      background: rgba(255,255,255,0.04);
      border-color: rgba(255,255,255,0.08);
    }

    .lp-split--reversed { direction: rtl; }
    .lp-split--reversed > * { direction: ltr; }

    @media (prefers-reduced-motion: reduce) {
      [class*="section--cs_"] .lp-card { transition: none; }
      .lp-cs-deliverable-card__icon { transition: none; }
    }

    /* ---- Responsive ---- */
    @media (max-width: 768px) {
      .lp-section { padding: 40px 0; }
      .lp-container { padding: 0 18px; }
      .section--hero { padding: 52px 0 40px; }
      .section--hero h1 { font-size: 1.8rem; }
      .lp-section h2 { font-size: 1.3rem; }
      .lp-card-grid { grid-template-columns: 1fr !important; }
      .lp-split { grid-template-columns: 1fr; gap: 24px; }
      .lp-alt-row { grid-template-columns: 1fr; }
      .lp-alt-row--reversed { direction: ltr; }
      .lp-faq-grid { grid-template-columns: 1fr; }
      .lp-timeline { padding-left: 40px; }
      .lp-timeline__marker { left: -40px; width: 28px; height: 28px; font-size: .75rem; }
      .lp-hsteps { flex-direction: column; align-items: center; }
      .lp-hstep__arrow { display: none; }
      .lp-kanban { grid-template-columns: 1fr; }
      .section--cs_hero h1, .section--cs_hero h2 { font-size: 1.6rem; }
      .lp-cs-metric-strip { gap: 16px; }
      .lp-cs-metric-pill__value { font-size: 1.4rem; }
      .lp-cs-tech-grid { grid-template-columns: 1fr; }
      .lp-split--reversed { direction: ltr; }
      .lp-shared-site-chrome {
        padding: 32px 18px 40px;
      }
      .lp-shared-site-chrome > div:first-child,
      .lp-shared-site-chrome > footer:first-child,
      .lp-shared-site-chrome > section:first-child {
        flex-direction: column;
        gap: 20px;
      }
      .lp-built-footer__grid {
        grid-template-columns: 1fr;
        padding: 36px 18px 24px;
        gap: 28px;
      }
      .lp-built-footer__rest {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
        gap: 22px 16px;
      }
      .lp-built-footer__social-wrap {
        padding: 0 18px 28px;
      }
      .lp-built-footer--extended .lp-built-footer__bar .lp-built-footer__legal {
        text-align: center;
      }
    }

    /* ---- Print ---- */
    @media print {
      .lp-section { padding: 20px 0; break-inside: avoid; }
      .section--dark { background: #fff !important; color: #000 !important; }
    }

.hero-widget--fullbg-wrap {
  position: relative;
  overflow: hidden;
  /* Match the 21:9 hero render; max-height trims empty atmosphere so the next
     section (trust bar) sits right under the hero content, reference-style.
     width MUST be explicit: with auto width, max-height transfers through the
     aspect-ratio into a max-WIDTH (620 * 21/9 = 1447px) and the hero stops
     short of the right edge on wide screens. */
  width: 100%;
  aspect-ratio: 21 / 9;
  height: auto;
  min-height: 460px;
  max-height: 620px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0;
}
.hero-widget--fullbg-wrap .hero-fullbg__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.hero-widget--fullbg-wrap .hero-fullbg__img[src=""],
.hero-widget--fullbg-wrap .hero-fullbg__img[src="about:blank"] {
  display: none;
}
.hero-widget--fullbg-wrap .hero-fullbg__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(10, 25, 41, 0.85) 0%,
    rgba(10, 25, 41, 0.62) 40%,
    rgba(10, 25, 41, 0.28) 70%,
    rgba(10, 25, 41, 0.12) 100%
  );
  z-index: 1;
}
/* Frosted-glass text zone: the image stays softly VISIBLE (blurred) behind the
   headline instead of a flat dark void — the blur itself guarantees legibility,
   so the dark gradient above can be lighter. Fades out toward the visual side. */
.hero-widget--fullbg-wrap .hero-fullbg__overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(16px) saturate(1.05);
  -webkit-backdrop-filter: blur(16px) saturate(1.05);
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 38%, transparent 64%);
  mask-image: linear-gradient(90deg, #000 0%, #000 38%, transparent 64%);
}
.hero-widget--fullbg-wrap .hero-fullbg__content {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
  padding: 48px 48px 24px;
  width: 100%;
}
.hero-widget--fullbg-wrap .hero-fullbg__content h1 {
  font-family: var(--hero-font-heading, Poppins, sans-serif);
  font-size: clamp(1.8rem, 4.5vw, 2.8rem);
  font-weight: 800;
  line-height: 1.15;
  color: #fff;
  margin: 0 0 14px;
  max-width: 640px;
}
.hero-widget--fullbg-wrap .hero-fullbg__content h1 .hero-h1-accent {
  color: #0891b2;
}
.hero-widget--fullbg-wrap .hero-fullbg__sub {
  font-family: var(--hero-font-body, Inter, sans-serif);
  font-size: 16px;
  line-height: 1.6;
  color: rgba(248, 250, 252, 0.88);
  max-width: 580px;
  margin: 0 0 22px;
}
.hero-widget--fullbg-wrap .hero-fullbg__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  border-radius: 8px;
  background: #0891b2;
  color: #0a1929 !important;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  border: 0;
  box-shadow: 0 8px 24px color-mix(in srgb, #0891b2 40%, transparent 60%);
  transition: transform 0.2s, box-shadow 0.2s;
}
.hero-widget--fullbg-wrap .hero-fullbg__cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px color-mix(in srgb, #0891b2 50%, transparent 50%);
}
.hero-widget--fullbg-wrap .hero-fullbg__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  align-items: center;
  width: fit-content;
  max-width: min(1084px, calc(100% - 96px));
  /* Left edge aligned with the heading: centered 1180px column + 48px padding */
  margin: 0 auto 0 max(48px, calc((100% - 1180px) / 2 + 48px));
  padding: 14px 32px;
  background: rgba(10, 25, 41, 0.65);
  backdrop-filter: blur(8px);
  border-radius: 12px;
  position: relative;
  z-index: 2;
}
.hero-widget--fullbg-wrap .hero-fullbg__trust-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  color: rgba(248, 250, 252, 0.92);
  letter-spacing: 0.02em;
}
.hero-widget--fullbg-wrap .hero-fullbg__trust-check {
  color: #0891b2;
  font-size: 15px;
}
@media (max-width: 768px) {
  .hero-widget--fullbg-wrap .hero-fullbg__content {
    padding: 48px 24px 24px;
  }
  .hero-widget--fullbg-wrap .hero-fullbg__trust {
    padding: 14px 24px;
    justify-content: center;
    margin: 0 auto;
    max-width: calc(100% - 48px);
  }
  .hero-widget--fullbg-wrap .hero-fullbg__overlay {
    background: linear-gradient(
      180deg,
      rgba(10, 25, 41, 0.88) 0%,
      rgba(10, 25, 41, 0.6) 100%
    );
  }
}

.tbw-marquee{--tb-accent:#0891b2;--tb-heading:#14425B;--tb-muted:#475569;--tb-font-heading:Poppins, sans-serif;--tb-font-body:Inter, sans-serif;}

.tbw-marquee {
  --tb-accent: #0891b2;
  --tb-heading: #14425B;
  --tb-muted: #475569;
  --tb-bg-soft: color-mix(in srgb, var(--tb-accent) 10%, white 90%);
  --tb-ease: cubic-bezier(0.22, 1, 0.36, 1);
  font-family: var(--tb-font-body);
  background: #fff;
  overflow: hidden;
  position: relative;
}
.tbw-marquee * { box-sizing: border-box; }
.tbw-marquee .tbw-inner {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 56px 24px;
}
.tbw-marquee .st-heading {
  font-family: var(--tb-font-heading);
  font-weight: 600;
  color: var(--tb-heading);
  margin: 0;
  line-height: 1.25;
}
.tbw-marquee .st-content {
  font-family: var(--tb-font-body);
  color: var(--tb-muted);
  font-size: 16px;
  line-height: 1.75;
}
.tbw-marquee .st-content em {
  font-style: normal;
  color: var(--tb-accent);
  font-weight: 600;
}
.tbw-marquee .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--tb-accent);
  color: #0f172a;
  font-family: var(--tb-font-heading);
  font-size: 15px;
  font-weight: 600;
  padding: 14px 24px;
  border-radius: 999px;
  border: 2px solid transparent;
  text-decoration: none;
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
.tbw-marquee .btn:hover {
  background: #0f172a;
  color: var(--tb-accent);
  box-shadow: 0 8px 28px color-mix(in srgb, var(--tb-accent) 35%, transparent 65%);
  transform: translateY(-2px);
}
.tbw-marquee .btn:focus-visible { outline: 3px solid var(--tb-accent); outline-offset: 3px; }
@media (max-width: 767px) {
  .tbw-marquee .tbw-inner { padding: 40px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .tbw-marquee .tbw-track { animation: none !important; }
  .tbw-marquee .tbw-logo-card:hover { transform: none; }
}

.tbw-marquee::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 72% 160% at 50% 50%, color-mix(in srgb, var(--tb-accent) 12%, transparent) 0%, transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--tb-accent) 8%, white) 0%, #fff 100%);
  pointer-events: none;
  z-index: 0;
}
.tbw-marquee .tbw-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: color-mix(in srgb, var(--tb-accent) 12%, white);
  border: 1px solid color-mix(in srgb, var(--tb-accent) 28%, white);
  border-radius: 999px;
  padding: 6px 14px 6px 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--tb-accent);
  margin-bottom: 16px;
}
.tbw-marquee .tbw-header { text-align: center; margin-bottom: 40px; }
.tbw-marquee .tbw-h2 {
  font-size: clamp(22px, 4vw, 36px);
  letter-spacing: -0.02em;
  max-width: 720px;
  margin: 0 auto 12px;
}
.tbw-marquee .tbw-h2 .tbw-h2-line { display: inline; }
.tbw-marquee .tbw-h2 .tbw-h2-pre,
.tbw-marquee .tbw-h2 .tbw-h2-suf,
.tbw-marquee .tbw-h2 .tbw-h2-plain { color: var(--tb-heading); font-weight: 800; }
.tbw-marquee .tbw-h2 .tbw-h2-accent {
  color: color-mix(in srgb, var(--tb-accent) 72%, #0066cc);
  font-weight: 800;
}
.tbw-marquee .tbw-trust-rail {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 900px;
  margin: 8px auto 28px;
}
.tbw-marquee .tbw-rail-line {
  flex: 1 1 48px;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--tb-heading) 28%, #cbd5e1));
  position: relative;
}
.tbw-marquee .tbw-rail-line:last-child {
  background: linear-gradient(270deg, transparent, color-mix(in srgb, var(--tb-heading) 28%, #cbd5e1));
}
.tbw-marquee .tbw-rail-line::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--tb-accent);
  opacity: 0.85;
}
.tbw-marquee .tbw-rail-line:first-child::after { right: 0; }
.tbw-marquee .tbw-rail-line:last-child::after { left: 0; }
.tbw-marquee .tbw-rail-text {
  flex: 0 1 auto;
  margin: 0;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--tb-muted);
  max-width: min(520px, 92vw);
  line-height: 1.45;
}
.tbw-marquee .tbw-sub { max-width: 560px; margin: 0 auto; font-size: 15px; }
/* Compact reference mode: thin band hugging the hero — caption + logo rail only */
.tbw-marquee.tbw--compact { padding: 22px 0 20px; }
.tbw-marquee.tbw--compact::before { background: #fff; }
.tbw-marquee.tbw--compact::after { display: none; }
.tbw-marquee.tbw--compact .tbw-inner { padding: 0 24px; }
.tbw-marquee.tbw--compact .tbw-trust-rail { margin: 0 auto 16px; }
.tbw-marquee .tbw-rail-text--h {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #1e293b;
  margin: 0;
}
.tbw-marquee .tbw-footline {
  text-align: center;
  margin-top: 22px;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: color-mix(in srgb, var(--tb-heading) 42%, #334155);
  opacity: 1;
}
.tbw-marquee .tbw-brand-chip {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 5px;
  padding: 4px 14px 5px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 0.92em;
  letter-spacing: 0.01em;
  white-space: nowrap;
  max-width: min(260px, 78vw);
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  -webkit-text-fill-color: #fff;
  background: linear-gradient(
    118deg,
    var(--tb-chip-bg, var(--tb-accent)),
    color-mix(in srgb, var(--tb-chip-bg, var(--tb-accent)) 68%, #1d4ed8)
  );
  box-shadow: 0 8px 22px color-mix(in srgb, var(--tb-chip-bg, var(--tb-accent)) 36%, transparent);
}
.tbw-marquee .tbw-brand-chip--ghost {
  color: var(--tb-heading);
  -webkit-text-fill-color: var(--tb-heading);
  background: #e2e8f0;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}
.tbw-marquee .tbw-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 44px;
  background: var(--tb-bg-soft);
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--tb-accent) 18%, white);
  padding: 22px 12px;
}
.tbw-marquee .tbw-stat {
  flex: 1 1 140px;
  text-align: center;
  padding: 10px 16px;
  position: relative;
}
.tbw-marquee .tbw-stat-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 72px;
}
.tbw-marquee .tbw-stat + .tbw-stat::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22%;
  height: 56%;
  width: 1px;
  background: color-mix(in srgb, var(--tb-accent) 22%, white);
}
.tbw-marquee .tbw-stat-num {
  display: block;
  font-size: clamp(24px, 3.5vw, 36px);
  font-weight: 700;
  color: var(--tb-heading);
  line-height: 1.15;
  word-break: break-word;
}
.tbw-marquee .tbw-stat-num span { color: var(--tb-accent); }
.tbw-marquee .tbw-stat-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: var(--tb-muted);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.35;
  max-width: 140px;
}
.tbw-marquee .tbw-track-wrap {
  position: relative;
  overflow: hidden;
}
.tbw-marquee .tbw-track-wrap::before,
.tbw-marquee .tbw-track-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
  z-index: 2;
  pointer-events: none;
}
.tbw-marquee .tbw-track-wrap::before {
  left: 0;
  background: linear-gradient(to right, #fff, transparent);
}
.tbw-marquee .tbw-track-wrap::after {
  right: 0;
  background: linear-gradient(to left, #fff, transparent);
}
.tbw-marquee .tbw-track {
  display: flex;
  width: max-content;
  /* The widget-wide `.lp-section * { max-width: 100% }` guard must NOT clamp
     the marquee track — it needs to overflow (duplicated sets) to scroll. */
  max-width: none;
  animation: tbw-scroll 32s linear infinite;
}
.tbw-marquee .tbw-logo-set { display: flex; align-items: center; max-width: none; flex-shrink: 0; }
.tbw-marquee .tbw-logo-card {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  margin: 0 12px;
  padding: 14px 18px;
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--tb-accent) 20%, white);
  border-radius: 14px;
  box-shadow: 0 2px 12px rgba(20, 66, 91, 0.06);
  min-width: 168px;
  max-width: 280px;
  min-height: 72px;
  height: auto;
  transition: transform 0.28s var(--tb-ease), box-shadow 0.28s ease;
}
.tbw-marquee .tbw-logo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--tb-accent) 22%, transparent);
}
/* Real parsed logos: clean reference-style rail — no card chrome, just logos */
.tbw-marquee .tbw-logo-card--imgonly {
  background: transparent;
  border: none;
  box-shadow: none;
  min-width: 0;
  min-height: 0;
  padding: 10px 8px;
  margin: 0 62px;
  flex-shrink: 0;
}
.tbw-marquee .tbw-logo-card--imgonly:hover {
  transform: none;
  box-shadow: none;
}
.tbw-marquee .tbw-logo-full {
  height: 28px;
  max-width: 180px;
  object-fit: contain;
  display: block;
}
.tbw-marquee .tbw-logo-inner {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}
.tbw-marquee .tbw-logo-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tbw-marquee .tbw-logo-icon--img {
  padding: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--tb-accent) 22%, #e2e8f0);
  background: #fff !important;
}
.tbw-marquee .tbw-logo-icon--img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.tbw-marquee .tbw-logo-name {
  font-size: 13px;
  font-weight: 700;
  color: var(--tb-heading);
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  min-width: 0;
}
.tbw-marquee .tbw-logo-name small {
  display: block;
  font-size: 9px;
  font-weight: 600;
  color: var(--tb-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-top: 4px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.tbw-marquee .tbw-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--tb-accent) 35%, white);
  flex-shrink: 0;
  align-self: center;
  margin: 0 4px;
}
.tbw-marquee .tbw-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
}
.tbw-marquee .tbw-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--tb-bg-soft);
  border: 1px solid color-mix(in srgb, var(--tb-accent) 22%, white);
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 600;
  color: var(--tb-heading);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.tbw-marquee .tbw-cta-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin-top: 36px;
}
.tbw-marquee .tbw-cta-row .btn {
  color: #0f172a !important;
  min-height: 48px;
  min-width: min(100%, 260px);
  max-width: 100%;
  white-space: normal;
  line-height: 1.35;
  text-align: center;
  box-sizing: border-box;
}
.tbw-marquee .tbw-ghost {
  font-size: 14px;
  font-weight: 600;
  color: var(--tb-heading);
  text-decoration: none;
  position: relative;
  padding-bottom: 2px;
}
.tbw-marquee .tbw-ghost::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: var(--tb-accent);
  transition: width 0.3s var(--tb-ease);
}
.tbw-marquee .tbw-ghost:hover { color: var(--tb-accent); }
.tbw-marquee .tbw-ghost:hover::after { width: 100%; }
@keyframes tbw-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (max-width: 767px) {
  .tbw-marquee .tbw-stat + .tbw-stat::before { display: none; }
  .tbw-marquee .tbw-stat { border-top: 1px solid color-mix(in srgb, var(--tb-accent) 14%, white); flex: 1 1 42%; }
  .tbw-marquee .tbw-stat:nth-child(-n+2) { border-top: none; }
  .tbw-marquee .tbw-track-wrap::before,
  .tbw-marquee .tbw-track-wrap::after { width: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .tbw-marquee .tbw-track { animation-play-state: paused; }
}

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}

.pw-before_after{--pw-accent:#0891b2;--pw-heading:#0f172a;--pw-muted:#475569;--pw-font-heading:'Plus Jakarta Sans', Inter, system-ui, sans-serif;--pw-font-body:Inter, system-ui, sans-serif;}

.pw-before_after {{
  --pw-accent: #0891b2;
  --pw-heading: #0f172a;
  --pw-muted: #475569;
  --pw-headline-accent: color-mix(in srgb, var(--pw-accent) 82%, #0052d4);
  --pw-surface: #ffffff;
  --pw-surface-2: color-mix(in srgb, var(--pw-accent, #6366f1) 6%, #f8fafc);
  --pw-border: color-mix(in srgb, var(--pw-accent, #6366f1) 16%, #e2e8f0);
  --pw-glow: color-mix(in srgb, var(--pw-accent, #6366f1) 24%, transparent);
  font-family: var(--pw-font-body);
  background: transparent;
  color: #0f172a;
  position: relative;
  overflow: visible;
}}
.pw-before_after * {{ box-sizing: border-box; }}
.pw-before_after .pw-content {{
  position: relative;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}}
/* Centered headline band (matches services / trust pattern) */
section.section--problem.pw-before_after .pw-head {{
  display: flex;
  flex-direction: column;
  align-items: center !important;
  text-align: center !important;
  max-width: min(920px, 100%);
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto 48px;
  padding-bottom: 6px;
  position: relative;
}}
section.section--problem.pw-before_after .pw-head::after {{
  content: "";
  display: block;
  width: min(96px, 16vw);
  height: 4px;
  border-radius: 999px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, var(--pw-accent), color-mix(in srgb, var(--pw-accent) 38%, transparent));
}}
section.section--problem.pw-before_after .pw-eyebrow {{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-family: var(--pw-font-body);
  color: #64748b;
  margin: 0 auto 16px;
  padding: 7px 16px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--pw-accent) 22%, #e2e8f0);
  background: color-mix(in srgb, var(--pw-accent) 8%, #ffffff);
}}
section.section--problem.pw-before_after h2.pw-h2,
section.section--problem.pw-before_after h2.st-heading.pw-h2 {{
  font-family: var(--pw-font-heading) !important;
  color: var(--pw-heading) !important;
  font-size: clamp(1.65rem, 3.6vw, 2.55rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.042em !important;
  line-height: 1.12 !important;
  text-align: center !important;
  text-wrap: balance;
  max-width: min(920px, 100%) !important;
  width: 100%;
  margin: 0 auto 18px !important;
  text-rendering: geometricPrecision;
}}
section.section--problem.pw-before_after .pw-h2-line {{ display: inline; }}
section.section--problem.pw-before_after .pw-h2-pre,
section.section--problem.pw-before_after .pw-h2-suf {{
  color: var(--pw-heading) !important;
  font-weight: 800 !important;
}}
section.section--problem.pw-before_after .pw-h2-accent {{
  color: var(--pw-headline-accent) !important;
  font-weight: 800 !important;
  letter-spacing: -0.045em !important;
}}
section.section--problem.pw-before_after .pw-h2-plain {{
  color: var(--pw-heading) !important;
  font-weight: 800 !important;
}}
section.section--problem.pw-before_after .pw-intro,
section.section--problem.pw-before_after p.st-content.pw-intro {{
  font-family: var(--pw-font-body) !important;
  font-size: clamp(15px, 1.75vw, 18px) !important;
  line-height: 1.72 !important;
  color: #64748b !important;
  text-align: center !important;
  margin: 0 auto !important;
  max-width: min(760px, 100%) !important;
  text-wrap: pretty;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
}}
section.section--problem.pw-before_after .st-heading {{
  font-family: var(--pw-font-heading) !important;
  color: var(--pw-heading) !important;
}}
section.section--problem.pw-before_after .st-content {{
  font-family: var(--pw-font-body) !important;
  color: var(--pw-muted) !important;
}}
@keyframes pw-in {{
  from {{ opacity: 0; transform: translateY(16px); }}
  to {{ opacity: 1; transform: translateY(0); }}
}}
@media (prefers-reduced-motion: reduce) {{
  .pw-before_after .pw-ba-col,
  .pw-before_after .pw-pain-card,
  .pw-before_after .pw-stat-card,
  .pw-before_after .pw-icon-cell,
  .pw-before_after .pw-num-body,
  .pw-before_after .pw-quote-wrap,
  .pw-before_after .pw-sub-card {{ animation: none !important; transition: none !important; }}
}}
@media (max-width: 640px) {{
  .pw-before_after .pw-content {{
    padding-left: 16px;
    padding-right: 16px;
  }}
}}

.pw-before_after .pw-flip { max-width: 860px; margin: 0 auto; }
.pw-before_after .pw-flip-toggle {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: min(420px, 100%);
  margin: 0 auto 26px;
  padding: 5px;
  border-radius: 999px;
  background: #eef2f7;
  border: 1px solid #e2e8f0;
}
.pw-before_after .pw-flip-knob {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  width: calc(50% - 5px);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.14);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), background 0.4s ease;
}
.pw-before_after .pw-flip-tab {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 700;
  color: #64748b;
  cursor: pointer;
  transition: color 0.3s ease;
  user-select: none;
}
.pw-before_after #pw-before_after-flip-a:checked ~ .pw-flip-toggle .pw-flip-tab--a { color: #0f172a; }
.pw-before_after #pw-before_after-flip-b:checked ~ .pw-flip-toggle .pw-flip-tab--b { color: #fff; }
.pw-before_after #pw-before_after-flip-b:checked ~ .pw-flip-toggle .pw-flip-knob {
  transform: translateX(100%);
  background: var(--pw-accent);
}
.pw-before_after .pw-flip-stage { display: grid; }
.pw-before_after .pw-flip-panel {
  grid-area: 1 / 1;
  border-radius: 18px;
  padding: 30px 32px 28px;
  opacity: 0;
  transform: translateY(14px) scale(0.985);
  transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}
.pw-before_after .pw-flip-panel--a {
  background: linear-gradient(165deg, #fff, #fef5f4);
  border: 1px solid #fbdcd7;
}
.pw-before_after .pw-flip-panel--b {
  background: linear-gradient(165deg, #fff, color-mix(in srgb, var(--pw-accent) 7%, #fff));
  border: 1px solid color-mix(in srgb, var(--pw-accent) 26%, #e2e8f0);
  box-shadow: 0 18px 44px color-mix(in srgb, var(--pw-accent) 14%, transparent);
}
.pw-before_after #pw-before_after-flip-a:checked ~ .pw-flip-stage .pw-flip-panel--a,
.pw-before_after #pw-before_after-flip-b:checked ~ .pw-flip-stage .pw-flip-panel--b {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.pw-before_after .pw-flip-title {
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 800;
  color: var(--pw-heading);
}
.pw-before_after .pw-flip-body {
  margin: 0 0 14px;
  font-size: 14.5px;
  line-height: 1.68;
  color: #475569;
}
.pw-before_after .pw-flip-row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.55;
  color: #475569;
}
.pw-before_after .pw-flip-mark {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
}
.pw-before_after .pw-flip-row--x .pw-flip-mark { background: #fee2e2; color: #dc2626; }
.pw-before_after .pw-flip-row--ok .pw-flip-mark {
  background: color-mix(in srgb, var(--pw-accent) 14%, #fff);
  color: var(--pw-accent);
}
@media (prefers-reduced-motion: reduce) {
  .pw-before_after .pw-flip-knob, .pw-before_after .pw-flip-panel { transition: none; }
}

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}

.sov-grid_6{--sov-accent:#0891b2;--sov-heading:#0f172a;--sov-muted:#475569;--sov-font-heading:'Plus Jakarta Sans', Inter, system-ui, sans-serif;--sov-font-body:Inter, system-ui, sans-serif;}

.sov-grid_6 {{
  --sov-accent: #0891b2;
  --sov-heading: #0f172a;
  --sov-muted: #475569;
  --sov-headline-accent: color-mix(in srgb, var(--sov-accent) 82%, #0052d4);
  --sov-surface: #ffffff;
  --sov-surface-2: color-mix(in srgb, var(--sov-accent, #6366f1) 5%, #f8fafc);
  --sov-border: color-mix(in srgb, var(--sov-accent, #6366f1) 14%, #e2e8f0);
  --sov-glow: color-mix(in srgb, var(--sov-accent, #6366f1) 22%, transparent);
  font-family: var(--sov-font-body);
  background: transparent;
  color: #0f172a;
}}
.sov-grid_6 * {{ box-sizing: border-box; }}
.sov-grid_6 .sov-wrap {{
  width: 100%;
  position: relative;
  z-index: 2;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}}
.sov-grid_6 .sov-head {{
  text-align: center;
  max-width: min(920px, 100%);
  width: 100%;
  margin: 0 auto 48px;
  position: relative;
  padding-bottom: 6px;
}}
.sov-grid_6 .sov-head::after {{
  content: "";
  display: block;
  width: min(96px, 16vw);
  height: 4px;
  border-radius: 999px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 35%, transparent));
}}
.sov-grid_6 .sov-kicker {{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--sov-accent) 58%, #0f172a);
  margin: 0 auto 16px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--sov-border);
  background: color-mix(in srgb, var(--sov-accent) 6%, #ffffff);
}}
.sov-grid_6 .sov-h2 {{
  font-family: var(--sov-font-heading);
  font-size: clamp(1.55rem, 3.2vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.042em;
  line-height: 1.14;
  color: var(--sov-heading);
  margin: 0 auto 18px;
  text-align: center;
  text-wrap: balance;
  font-feature-settings: "kern" 1, "liga" 1;
  max-width: min(920px, 100%);
}}
.sov-grid_6 .sov-h2-line {{
  display: inline;
}}
.sov-grid_6 .sov-h2-pre,
.sov-grid_6 .sov-h2-suf {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.sov-grid_6 .sov-h2-accent {{
  color: var(--sov-headline-accent);
  font-weight: 800;
  letter-spacing: -0.045em;
}}
.sov-grid_6 .sov-h2-plain {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.sov-grid_6 .sov-lead {{
  font-size: clamp(15px, 1.75vw, 18px);
  line-height: 1.72;
  color: var(--sov-muted);
  margin: 0 auto;
  max-width: min(760px, 100%);
  text-align: center;
  text-wrap: pretty;
  font-weight: 400;
  letter-spacing: 0.01em;
}}
@keyframes sov-rise {{
  from {{ opacity: 0; transform: translateY(22px); }}
  to {{ opacity: 1; transform: translateY(0); }}
}}
@media (max-width: 640px) {{
  .sov-grid_6 .sov-wrap {{ padding-left: 16px; padding-right: 16px; }}
}}
@media (prefers-reduced-motion: reduce) {{
  .sov-grid_6 .sov-card,
  .sov-grid_6 .sov-row,
  .sov-grid_6 .sov-li,
  .sov-grid_6 .sov-lb,
  .sov-grid_6 .sov-step,
  .sov-grid_6 .sov-step-body,
  .sov-grid_6 .sov-alt-row,
  .sov-grid_6 .sov-alt-visual,
  .sov-grid_6 .sov-ico,
  .sov-grid_6 .sov-num {{ animation: none !important; transition: none !important; }}
}}

.sov-grid_6 .sov-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  max-width: 1180px;
  margin: 0 auto;
}
.sov-grid_6 .sov-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 24px 22px 26px;
  border: 1px solid var(--sov-border);
  background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--sov-accent) 4%, #fafbfc));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.8) inset,
    0 18px 48px rgba(15, 23, 42, 0.075);
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease, border-color 0.22s ease;
  animation: sov-rise 0.58s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.sov-grid_6 .sov-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(420px 120px at 10% 0%, color-mix(in srgb, var(--sov-accent) 12%, transparent), transparent 55%);
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}
.sov-grid_6 .sov-card:nth-child(1) { animation-delay: 0.05s; }
.sov-grid_6 .sov-card:nth-child(2) { animation-delay: 0.11s; }
.sov-grid_6 .sov-card:nth-child(3) { animation-delay: 0.17s; }
.sov-grid_6 .sov-card:nth-child(4) { animation-delay: 0.23s; }
.sov-grid_6 .sov-card:nth-child(5) { animation-delay: 0.29s; }
.sov-grid_6 .sov-card:nth-child(6) { animation-delay: 0.35s; }
.sov-grid_6 .sov-card:hover {
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--sov-accent) 28%, var(--sov-border));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 26px 58px rgba(15, 23, 42, 0.12);
}
.sov-grid_6 .sov-card:hover::after { opacity: 1; }
.sov-grid_6 .sov-card-top,
.sov-grid_6 .sov-card-body {
  position: relative;
  z-index: 1;
}
.sov-grid_6 .sov-card-top {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
.sov-grid_6 .sov-card-body { margin-top: 6px; }
.sov-grid_6 .sov-ico {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  flex-shrink: 0;
  background: color-mix(in srgb, var(--sov-accent) 11%, white);
  border: 1px solid color-mix(in srgb, var(--sov-accent) 20%, #e2e8f0);
  color: var(--sov-accent);
  box-shadow: 0 5px 16px color-mix(in srgb, var(--sov-accent) 12%, transparent);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), background 0.26s ease, box-shadow 0.26s ease;
}
.sov-grid_6 .sov-card:hover .sov-ico {
  transform: scale(1.06);
  background: color-mix(in srgb, var(--sov-accent) 18%, white);
  box-shadow: 0 8px 22px color-mix(in srgb, var(--sov-accent) 18%, transparent);
}
.sov-grid_6 .sov-ico svg { width: 20px; height: 20px; }
.sov-grid_6 .sov-card-top h3 {
  font-family: var(--sov-font-heading);
  font-size: 1.04rem;
  font-weight: 700;
  margin: 0;
  color: var(--sov-heading);
  line-height: 1.28;
}
.sov-grid_6 .sov-card-body p {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.68;
  color: #64748b;
}
.sov-grid_6 .sov-card-body .sov-out { font-size: 13px; font-weight: 700; color: var(--sov-accent); }
@media (max-width: 900px) {
  .sov-grid_6 .sov-grid { grid-template-columns: 1fr; }
}

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}

.cat-stats-strip-dark_stats{--sov-accent:#0891b2;--sov-heading:#0f172a;--sov-muted:#475569;--sov-headline-accent: color-mix(in srgb, #0891b2 82%, #0052d4);--sov-surface: #ffffff;--sov-surface-2: color-mix(in srgb, #0891b2 5%, #f8fafc);--sov-border: color-mix(in srgb, #0891b2 14%, #e2e8f0);--sov-glow: color-mix(in srgb, #0891b2 22%, transparent);--sov-font-heading:'Plus Jakarta Sans', Inter, system-ui, sans-serif;--sov-font-body:Inter, system-ui, sans-serif;}

.cat-stats-strip-dark_stats {{
  --sov-accent: #0891b2;
  --sov-heading: #0f172a;
  --sov-muted: #475569;
  --sov-headline-accent: color-mix(in srgb, var(--sov-accent) 82%, #0052d4);
  --sov-surface: #ffffff;
  --sov-surface-2: color-mix(in srgb, var(--sov-accent, #6366f1) 5%, #f8fafc);
  --sov-border: color-mix(in srgb, var(--sov-accent, #6366f1) 14%, #e2e8f0);
  --sov-glow: color-mix(in srgb, var(--sov-accent, #6366f1) 22%, transparent);
  font-family: var(--sov-font-body);
  background: transparent;
  color: #0f172a;
}}
.cat-stats-strip-dark_stats * {{ box-sizing: border-box; }}
.cat-stats-strip-dark_stats .sov-wrap {{
  width: 100%;
  position: relative;
  z-index: 2;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}}
.cat-stats-strip-dark_stats .sov-head {{
  text-align: center;
  max-width: min(920px, 100%);
  width: 100%;
  margin: 0 auto 48px;
  position: relative;
  padding-bottom: 6px;
}}
.cat-stats-strip-dark_stats .sov-head::after {{
  content: "";
  display: block;
  width: min(96px, 16vw);
  height: 4px;
  border-radius: 999px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 35%, transparent));
}}
.cat-stats-strip-dark_stats .sov-kicker {{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--sov-accent) 58%, #0f172a);
  margin: 0 auto 16px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--sov-border);
  background: color-mix(in srgb, var(--sov-accent) 6%, #ffffff);
}}
.cat-stats-strip-dark_stats .sov-h2 {{
  font-family: var(--sov-font-heading);
  font-size: clamp(1.55rem, 3.2vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.042em;
  line-height: 1.14;
  color: var(--sov-heading);
  margin: 0 auto 18px;
  text-align: center;
  text-wrap: balance;
  font-feature-settings: "kern" 1, "liga" 1;
  max-width: min(920px, 100%);
}}
.cat-stats-strip-dark_stats .sov-h2-line {{
  display: inline;
}}
.cat-stats-strip-dark_stats .sov-h2-pre,
.cat-stats-strip-dark_stats .sov-h2-suf {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-stats-strip-dark_stats .sov-h2-accent {{
  color: var(--sov-headline-accent);
  font-weight: 800;
  letter-spacing: -0.045em;
}}
.cat-stats-strip-dark_stats .sov-h2-plain {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-stats-strip-dark_stats .sov-lead {{
  font-size: clamp(15px, 1.75vw, 18px);
  line-height: 1.72;
  color: var(--sov-muted);
  margin: 0 auto;
  max-width: min(760px, 100%);
  text-align: center;
  text-wrap: pretty;
  font-weight: 400;
  letter-spacing: 0.01em;
}}
@keyframes sov-rise {{
  from {{ opacity: 0; transform: translateY(22px); }}
  to {{ opacity: 1; transform: translateY(0); }}
}}
@media (max-width: 640px) {{
  .cat-stats-strip-dark_stats .sov-wrap {{ padding-left: 16px; padding-right: 16px; }}
}}
@media (prefers-reduced-motion: reduce) {{
  .cat-stats-strip-dark_stats .sov-card,
  .cat-stats-strip-dark_stats .sov-row,
  .cat-stats-strip-dark_stats .sov-li,
  .cat-stats-strip-dark_stats .sov-lb,
  .cat-stats-strip-dark_stats .sov-step,
  .cat-stats-strip-dark_stats .sov-step-body,
  .cat-stats-strip-dark_stats .sov-alt-row,
  .cat-stats-strip-dark_stats .sov-alt-visual,
  .cat-stats-strip-dark_stats .sov-ico,
  .cat-stats-strip-dark_stats .sov-num {{ animation: none !important; transition: none !important; }}
}}

.cat-stats-strip-dark_stats {
  padding: 42px 0 38px;
  background:
    radial-gradient(900px 420px at 80% 0%, color-mix(in srgb, var(--sov-accent) 18%, transparent), transparent 58%),
    linear-gradient(140deg, #0b2436 0%, #0f2f43 55%, #0b2436 100%);
}
/* White header on the dark band. `section.lp-section.cat-stats-strip-dark_stats` outranks the
   doc-level `.lp-doc :is(...) h2.sov-h2` color rule regardless of order. */
section.lp-section.cat-stats-strip-dark_stats h2.sov-h2,
section.lp-section.cat-stats-strip-dark_stats h2.sov-h2 .sov-h2-pre,
section.lp-section.cat-stats-strip-dark_stats h2.sov-h2 .sov-h2-suf,
section.lp-section.cat-stats-strip-dark_stats h2.sov-h2 .sov-h2-plain {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
section.lp-section.cat-stats-strip-dark_stats h2.sov-h2 .sov-h2-accent {
  color: color-mix(in srgb, var(--sov-accent) 65%, #7dd3fc) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--sov-accent) 65%, #7dd3fc) !important;
}
section.lp-section.cat-stats-strip-dark_stats .sov-lead { color: #fff  !important; }
section.lp-section.cat-stats-strip-dark_stats .sov-kicker { color: #fff; }
.cat-stats-strip-dark_stats .sov-head { margin-bottom: 6px; }
.cat-stats-strip-dark_stats .cat-dark {
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: #e2e8f0;
  box-shadow: none;
}
.cat-stats-strip-dark_stats .cat-dark-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.cat-stats-strip-dark_stats .cat-dark-grid strong {
  display: block;
  font-family: var(--sov-font-heading);
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.03em;
}
.cat-stats-strip-dark_stats .cat-dark-grid span { display: block; margin-top: 8px; font-size: 13px; color: #94a3b8; line-height: 1.45; }
/* Real parsed stats: rotating caption ring behind each number (reference style) */
.cat-stats-strip-dark_stats .cat-dark-cell {
  position: relative;
  min-height: 168px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cat-stats-strip-dark_stats .cat-dark-cell strong { position: relative; z-index: 2; }
.cat-stats-strip-dark_stats .cat-dark-cell span { position: relative; z-index: 2; max-width: 160px; }
.cat-stats-strip-dark_stats .cat-dark-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 168px;
  height: 168px;
  transform: translate(-50%, -50%);
  animation: cat-dark-spin 34s linear infinite;
  opacity: 0.5;
  pointer-events: none;
}
.cat-stats-strip-dark_stats .cat-dark-ring text {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  fill: rgba(148, 163, 184, 0.55);
}
@keyframes cat-dark-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .cat-stats-strip-dark_stats .cat-dark-ring { animation: none; }
}

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}

.fband-features-feature_tabs_pro{--sov-accent:#0891b2;--sov-heading:#0f172a;--sov-muted:#475569;--sov-headline-accent: color-mix(in srgb, #0891b2 82%, #0052d4);--sov-surface: #ffffff;--sov-surface-2: color-mix(in srgb, #0891b2 5%, #f8fafc);--sov-border: color-mix(in srgb, #0891b2 14%, #e2e8f0);--sov-glow: color-mix(in srgb, #0891b2 22%, transparent);--sov-font-heading:'Plus Jakarta Sans', Inter, system-ui, sans-serif;--sov-font-body:Inter, system-ui, sans-serif;}

.fband-features-feature_tabs_pro {{
  --sov-accent: #0891b2;
  --sov-heading: #0f172a;
  --sov-muted: #475569;
  --sov-headline-accent: color-mix(in srgb, var(--sov-accent) 82%, #0052d4);
  --sov-surface: #ffffff;
  --sov-surface-2: color-mix(in srgb, var(--sov-accent, #6366f1) 5%, #f8fafc);
  --sov-border: color-mix(in srgb, var(--sov-accent, #6366f1) 14%, #e2e8f0);
  --sov-glow: color-mix(in srgb, var(--sov-accent, #6366f1) 22%, transparent);
  font-family: var(--sov-font-body);
  background: transparent;
  color: #0f172a;
}}
.fband-features-feature_tabs_pro * {{ box-sizing: border-box; }}
.fband-features-feature_tabs_pro .sov-wrap {{
  width: 100%;
  position: relative;
  z-index: 2;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}}
.fband-features-feature_tabs_pro .sov-head {{
  text-align: center;
  max-width: min(920px, 100%);
  width: 100%;
  margin: 0 auto 48px;
  position: relative;
  padding-bottom: 6px;
}}
.fband-features-feature_tabs_pro .sov-head::after {{
  content: "";
  display: block;
  width: min(96px, 16vw);
  height: 4px;
  border-radius: 999px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 35%, transparent));
}}
.fband-features-feature_tabs_pro .sov-kicker {{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--sov-accent) 58%, #0f172a);
  margin: 0 auto 16px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--sov-border);
  background: color-mix(in srgb, var(--sov-accent) 6%, #ffffff);
}}
.fband-features-feature_tabs_pro .sov-h2 {{
  font-family: var(--sov-font-heading);
  font-size: clamp(1.55rem, 3.2vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.042em;
  line-height: 1.14;
  color: var(--sov-heading);
  margin: 0 auto 18px;
  text-align: center;
  text-wrap: balance;
  font-feature-settings: "kern" 1, "liga" 1;
  max-width: min(920px, 100%);
}}
.fband-features-feature_tabs_pro .sov-h2-line {{
  display: inline;
}}
.fband-features-feature_tabs_pro .sov-h2-pre,
.fband-features-feature_tabs_pro .sov-h2-suf {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.fband-features-feature_tabs_pro .sov-h2-accent {{
  color: var(--sov-headline-accent);
  font-weight: 800;
  letter-spacing: -0.045em;
}}
.fband-features-feature_tabs_pro .sov-h2-plain {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.fband-features-feature_tabs_pro .sov-lead {{
  font-size: clamp(15px, 1.75vw, 18px);
  line-height: 1.72;
  color: var(--sov-muted);
  margin: 0 auto;
  max-width: min(760px, 100%);
  text-align: center;
  text-wrap: pretty;
  font-weight: 400;
  letter-spacing: 0.01em;
}}
@keyframes sov-rise {{
  from {{ opacity: 0; transform: translateY(22px); }}
  to {{ opacity: 1; transform: translateY(0); }}
}}
@media (max-width: 640px) {{
  .fband-features-feature_tabs_pro .sov-wrap {{ padding-left: 16px; padding-right: 16px; }}
}}
@media (prefers-reduced-motion: reduce) {{
  .fband-features-feature_tabs_pro .sov-card,
  .fband-features-feature_tabs_pro .sov-row,
  .fband-features-feature_tabs_pro .sov-li,
  .fband-features-feature_tabs_pro .sov-lb,
  .fband-features-feature_tabs_pro .sov-step,
  .fband-features-feature_tabs_pro .sov-step-body,
  .fband-features-feature_tabs_pro .sov-alt-row,
  .fband-features-feature_tabs_pro .sov-alt-visual,
  .fband-features-feature_tabs_pro .sov-ico,
  .fband-features-feature_tabs_pro .sov-num {{ animation: none !important; transition: none !important; }}
}}

.fband-features-feature_tabs_pro .fb-tp { max-width: 920px; margin: 0 auto; }
.fband-features-feature_tabs_pro .fb-tp-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding: 6px;
  border-radius: 999px;
  background: #eef2f7;
  border: 1px solid #e2e8f0;
  width: fit-content;
  margin: 0 auto 26px;
}
.fband-features-feature_tabs_pro .fb-tp-tab {
  padding: 10px 20px;
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 700;
  color: #64748b;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  user-select: none;
}
.fband-features-feature_tabs_pro .fb-tp-tab:hover { color: #0f172a; }
.fband-features-feature_tabs_pro .fb-tp-stage { display: grid; }
.fband-features-feature_tabs_pro .fb-tp-panel {
  grid-area: 1 / 1;
  position: absolute;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
  border-radius: 18px;
  padding: 30px 34px;
  background: linear-gradient(170deg, #fff, color-mix(in srgb, var(--sov-accent) 5%, #f8fafc));
  border: 1px solid var(--sov-border);
  overflow: hidden;
}
.fband-features-feature_tabs_pro .fb-tp-ghost {
  position: absolute;
  top: 2px;
  right: 16px;
  font-size: 74px;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: color-mix(in srgb, var(--sov-accent) 10%, #eef2f7);
  line-height: 1;
}
.fband-features-feature_tabs_pro .fb-tp-panel h3 { margin: 0 0 10px; font-size: 18px; font-weight: 800; color: var(--sov-heading); }
.fband-features-feature_tabs_pro .fb-tp-panel p { margin: 0; font-size: 14px; line-height: 1.7; color: #475569; max-width: 640px; }
.fband-features-feature_tabs_pro .fb-tp-out {
  display: inline-block;
  margin-top: 14px;
  padding: 6px 14px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--sov-accent) 10%, #fff);
  border: 1px solid color-mix(in srgb, var(--sov-accent) 26%, var(--sov-border));
  font-size: 12px;
  font-weight: 700;
  color: color-mix(in srgb, var(--sov-accent) 80%, #0f172a);
}
.fband-features-feature_tabs_pro #fbp_fband_features_feature_tabs_pro0:checked ~ .fb-tp-tabs .fb-tp-tab:nth-child(1) { background: var(--sov-accent); color: #fff; box-shadow: 0 8px 20px color-mix(in srgb, var(--sov-accent) 35%, transparent); }
.fband-features-feature_tabs_pro #fbp_fband_features_feature_tabs_pro0:checked ~ .fb-tp-stage .fb-tp-panel:nth-child(1) { opacity: 1; transform: translateY(0); position: relative; pointer-events: auto; }
.fband-features-feature_tabs_pro #fbp_fband_features_feature_tabs_pro1:checked ~ .fb-tp-tabs .fb-tp-tab:nth-child(2) { background: var(--sov-accent); color: #fff; box-shadow: 0 8px 20px color-mix(in srgb, var(--sov-accent) 35%, transparent); }
.fband-features-feature_tabs_pro #fbp_fband_features_feature_tabs_pro1:checked ~ .fb-tp-stage .fb-tp-panel:nth-child(2) { opacity: 1; transform: translateY(0); position: relative; pointer-events: auto; }
.fband-features-feature_tabs_pro #fbp_fband_features_feature_tabs_pro2:checked ~ .fb-tp-tabs .fb-tp-tab:nth-child(3) { background: var(--sov-accent); color: #fff; box-shadow: 0 8px 20px color-mix(in srgb, var(--sov-accent) 35%, transparent); }
.fband-features-feature_tabs_pro #fbp_fband_features_feature_tabs_pro2:checked ~ .fb-tp-stage .fb-tp-panel:nth-child(3) { opacity: 1; transform: translateY(0); position: relative; pointer-events: auto; }
.fband-features-feature_tabs_pro #fbp_fband_features_feature_tabs_pro3:checked ~ .fb-tp-tabs .fb-tp-tab:nth-child(4) { background: var(--sov-accent); color: #fff; box-shadow: 0 8px 20px color-mix(in srgb, var(--sov-accent) 35%, transparent); }
.fband-features-feature_tabs_pro #fbp_fband_features_feature_tabs_pro3:checked ~ .fb-tp-stage .fb-tp-panel:nth-child(4) { opacity: 1; transform: translateY(0); position: relative; pointer-events: auto; }
.fband-features-feature_tabs_pro #fbp_fband_features_feature_tabs_pro4:checked ~ .fb-tp-tabs .fb-tp-tab:nth-child(5) { background: var(--sov-accent); color: #fff; box-shadow: 0 8px 20px color-mix(in srgb, var(--sov-accent) 35%, transparent); }
.fband-features-feature_tabs_pro #fbp_fband_features_feature_tabs_pro4:checked ~ .fb-tp-stage .fb-tp-panel:nth-child(5) { opacity: 1; transform: translateY(0); position: relative; pointer-events: auto; }
@media (prefers-reduced-motion: reduce) {
  .fband-features-feature_tabs_pro .fb-tp-panel, .fband-features-feature_tabs_pro .fb-tp-tab { transition: none; }
}

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}

.fband-usp-grid_4{--sov-accent:#0891b2;--sov-heading:#0f172a;--sov-muted:#475569;--sov-headline-accent: color-mix(in srgb, #0891b2 82%, #0052d4);--sov-surface: #ffffff;--sov-surface-2: color-mix(in srgb, #0891b2 5%, #f8fafc);--sov-border: color-mix(in srgb, #0891b2 14%, #e2e8f0);--sov-glow: color-mix(in srgb, #0891b2 22%, transparent);--sov-font-heading:'Plus Jakarta Sans', Inter, system-ui, sans-serif;--sov-font-body:Inter, system-ui, sans-serif;}

.fband-usp-grid_4 {{
  --sov-accent: #0891b2;
  --sov-heading: #0f172a;
  --sov-muted: #475569;
  --sov-headline-accent: color-mix(in srgb, var(--sov-accent) 82%, #0052d4);
  --sov-surface: #ffffff;
  --sov-surface-2: color-mix(in srgb, var(--sov-accent, #6366f1) 5%, #f8fafc);
  --sov-border: color-mix(in srgb, var(--sov-accent, #6366f1) 14%, #e2e8f0);
  --sov-glow: color-mix(in srgb, var(--sov-accent, #6366f1) 22%, transparent);
  font-family: var(--sov-font-body);
  background: transparent;
  color: #0f172a;
}}
.fband-usp-grid_4 * {{ box-sizing: border-box; }}
.fband-usp-grid_4 .sov-wrap {{
  width: 100%;
  position: relative;
  z-index: 2;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}}
.fband-usp-grid_4 .sov-head {{
  text-align: center;
  max-width: min(920px, 100%);
  width: 100%;
  margin: 0 auto 48px;
  position: relative;
  padding-bottom: 6px;
}}
.fband-usp-grid_4 .sov-head::after {{
  content: "";
  display: block;
  width: min(96px, 16vw);
  height: 4px;
  border-radius: 999px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 35%, transparent));
}}
.fband-usp-grid_4 .sov-kicker {{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--sov-accent) 58%, #0f172a);
  margin: 0 auto 16px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--sov-border);
  background: color-mix(in srgb, var(--sov-accent) 6%, #ffffff);
}}
.fband-usp-grid_4 .sov-h2 {{
  font-family: var(--sov-font-heading);
  font-size: clamp(1.55rem, 3.2vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.042em;
  line-height: 1.14;
  color: var(--sov-heading);
  margin: 0 auto 18px;
  text-align: center;
  text-wrap: balance;
  font-feature-settings: "kern" 1, "liga" 1;
  max-width: min(920px, 100%);
}}
.fband-usp-grid_4 .sov-h2-line {{
  display: inline;
}}
.fband-usp-grid_4 .sov-h2-pre,
.fband-usp-grid_4 .sov-h2-suf {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.fband-usp-grid_4 .sov-h2-accent {{
  color: var(--sov-headline-accent);
  font-weight: 800;
  letter-spacing: -0.045em;
}}
.fband-usp-grid_4 .sov-h2-plain {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.fband-usp-grid_4 .sov-lead {{
  font-size: clamp(15px, 1.75vw, 18px);
  line-height: 1.72;
  color: var(--sov-muted);
  margin: 0 auto;
  max-width: min(760px, 100%);
  text-align: center;
  text-wrap: pretty;
  font-weight: 400;
  letter-spacing: 0.01em;
}}
@keyframes sov-rise {{
  from {{ opacity: 0; transform: translateY(22px); }}
  to {{ opacity: 1; transform: translateY(0); }}
}}
@media (max-width: 640px) {{
  .fband-usp-grid_4 .sov-wrap {{ padding-left: 16px; padding-right: 16px; }}
}}
@media (prefers-reduced-motion: reduce) {{
  .fband-usp-grid_4 .sov-card,
  .fband-usp-grid_4 .sov-row,
  .fband-usp-grid_4 .sov-li,
  .fband-usp-grid_4 .sov-lb,
  .fband-usp-grid_4 .sov-step,
  .fband-usp-grid_4 .sov-step-body,
  .fband-usp-grid_4 .sov-alt-row,
  .fband-usp-grid_4 .sov-alt-visual,
  .fband-usp-grid_4 .sov-ico,
  .fband-usp-grid_4 .sov-num {{ animation: none !important; transition: none !important; }}
}}

.fband-usp-grid_4 .sov-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  max-width: 1180px;
  margin: 0 auto;
}
.fband-usp-grid_4 .sov-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 24px 22px 26px;
  border: 1px solid var(--sov-border);
  background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--sov-accent) 4%, #fafbfc));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.8) inset,
    0 18px 48px rgba(15, 23, 42, 0.075);
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease, border-color 0.22s ease;
  animation: sov-rise 0.58s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.fband-usp-grid_4 .sov-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(420px 120px at 10% 0%, color-mix(in srgb, var(--sov-accent) 12%, transparent), transparent 55%);
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}
.fband-usp-grid_4 .sov-card:nth-child(1) { animation-delay: 0.05s; }
.fband-usp-grid_4 .sov-card:nth-child(2) { animation-delay: 0.11s; }
.fband-usp-grid_4 .sov-card:nth-child(3) { animation-delay: 0.17s; }
.fband-usp-grid_4 .sov-card:nth-child(4) { animation-delay: 0.23s; }
.fband-usp-grid_4 .sov-card:nth-child(5) { animation-delay: 0.29s; }
.fband-usp-grid_4 .sov-card:nth-child(6) { animation-delay: 0.35s; }
.fband-usp-grid_4 .sov-card:hover {
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--sov-accent) 28%, var(--sov-border));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 26px 58px rgba(15, 23, 42, 0.12);
}
.fband-usp-grid_4 .sov-card:hover::after { opacity: 1; }
.fband-usp-grid_4 .sov-card-top,
.fband-usp-grid_4 .sov-card-body {
  position: relative;
  z-index: 1;
}
.fband-usp-grid_4 .sov-card-top {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
.fband-usp-grid_4 .sov-card-body { margin-top: 6px; }
.fband-usp-grid_4 .sov-ico {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  flex-shrink: 0;
  background: color-mix(in srgb, var(--sov-accent) 11%, white);
  border: 1px solid color-mix(in srgb, var(--sov-accent) 20%, #e2e8f0);
  color: var(--sov-accent);
  box-shadow: 0 5px 16px color-mix(in srgb, var(--sov-accent) 12%, transparent);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), background 0.26s ease, box-shadow 0.26s ease;
}
.fband-usp-grid_4 .sov-card:hover .sov-ico {
  transform: scale(1.06);
  background: color-mix(in srgb, var(--sov-accent) 18%, white);
  box-shadow: 0 8px 22px color-mix(in srgb, var(--sov-accent) 18%, transparent);
}
.fband-usp-grid_4 .sov-ico svg { width: 20px; height: 20px; }
.fband-usp-grid_4 .sov-card-top h3 {
  font-family: var(--sov-font-heading);
  font-size: 1.04rem;
  font-weight: 700;
  margin: 0;
  color: var(--sov-heading);
  line-height: 1.28;
}
.fband-usp-grid_4 .sov-card-body p {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.68;
  color: #64748b;
}
.fband-usp-grid_4 .sov-card-body .sov-out { font-size: 13px; font-weight: 700; color: var(--sov-accent); }
@media (max-width: 900px) {
  .fband-usp-grid_4 .sov-grid { grid-template-columns: 1fr; }
}

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}

.cat-process-steps_center_image{--sov-accent:#0891b2;--sov-heading:#0f172a;--sov-muted:#475569;--sov-headline-accent: color-mix(in srgb, #0891b2 82%, #0052d4);--sov-surface: #ffffff;--sov-surface-2: color-mix(in srgb, #0891b2 5%, #f8fafc);--sov-border: color-mix(in srgb, #0891b2 14%, #e2e8f0);--sov-glow: color-mix(in srgb, #0891b2 22%, transparent);--sov-font-heading:'Plus Jakarta Sans', Inter, system-ui, sans-serif;--sov-font-body:Inter, system-ui, sans-serif;}

.cat-process-steps_center_image {{
  --sov-accent: #0891b2;
  --sov-heading: #0f172a;
  --sov-muted: #475569;
  --sov-headline-accent: color-mix(in srgb, var(--sov-accent) 82%, #0052d4);
  --sov-surface: #ffffff;
  --sov-surface-2: color-mix(in srgb, var(--sov-accent, #6366f1) 5%, #f8fafc);
  --sov-border: color-mix(in srgb, var(--sov-accent, #6366f1) 14%, #e2e8f0);
  --sov-glow: color-mix(in srgb, var(--sov-accent, #6366f1) 22%, transparent);
  font-family: var(--sov-font-body);
  background: transparent;
  color: #0f172a;
}}
.cat-process-steps_center_image * {{ box-sizing: border-box; }}
.cat-process-steps_center_image .sov-wrap {{
  width: 100%;
  position: relative;
  z-index: 2;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}}
.cat-process-steps_center_image .sov-head {{
  text-align: center;
  max-width: min(920px, 100%);
  width: 100%;
  margin: 0 auto 48px;
  position: relative;
  padding-bottom: 6px;
}}
.cat-process-steps_center_image .sov-head::after {{
  content: "";
  display: block;
  width: min(96px, 16vw);
  height: 4px;
  border-radius: 999px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 35%, transparent));
}}
.cat-process-steps_center_image .sov-kicker {{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--sov-accent) 58%, #0f172a);
  margin: 0 auto 16px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--sov-border);
  background: color-mix(in srgb, var(--sov-accent) 6%, #ffffff);
}}
.cat-process-steps_center_image .sov-h2 {{
  font-family: var(--sov-font-heading);
  font-size: clamp(1.55rem, 3.2vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.042em;
  line-height: 1.14;
  color: var(--sov-heading);
  margin: 0 auto 18px;
  text-align: center;
  text-wrap: balance;
  font-feature-settings: "kern" 1, "liga" 1;
  max-width: min(920px, 100%);
}}
.cat-process-steps_center_image .sov-h2-line {{
  display: inline;
}}
.cat-process-steps_center_image .sov-h2-pre,
.cat-process-steps_center_image .sov-h2-suf {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-process-steps_center_image .sov-h2-accent {{
  color: var(--sov-headline-accent);
  font-weight: 800;
  letter-spacing: -0.045em;
}}
.cat-process-steps_center_image .sov-h2-plain {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-process-steps_center_image .sov-lead {{
  font-size: clamp(15px, 1.75vw, 18px);
  line-height: 1.72;
  color: var(--sov-muted);
  margin: 0 auto;
  max-width: min(760px, 100%);
  text-align: center;
  text-wrap: pretty;
  font-weight: 400;
  letter-spacing: 0.01em;
}}
@keyframes sov-rise {{
  from {{ opacity: 0; transform: translateY(22px); }}
  to {{ opacity: 1; transform: translateY(0); }}
}}
@media (max-width: 640px) {{
  .cat-process-steps_center_image .sov-wrap {{ padding-left: 16px; padding-right: 16px; }}
}}
@media (prefers-reduced-motion: reduce) {{
  .cat-process-steps_center_image .sov-card,
  .cat-process-steps_center_image .sov-row,
  .cat-process-steps_center_image .sov-li,
  .cat-process-steps_center_image .sov-lb,
  .cat-process-steps_center_image .sov-step,
  .cat-process-steps_center_image .sov-step-body,
  .cat-process-steps_center_image .sov-alt-row,
  .cat-process-steps_center_image .sov-alt-visual,
  .cat-process-steps_center_image .sov-ico,
  .cat-process-steps_center_image .sov-num {{ animation: none !important; transition: none !important; }}
}}

.cat-process-steps_center_image .cat-pcs {
  display: grid;
  grid-template-columns: 1fr minmax(250px, 290px) 1fr;
  gap: 34px 44px;
  max-width: 1180px;
  margin: 0 auto;
  align-items: stretch;
}
.cat-process-steps_center_image .cat-pcs-col {
  display: flex;
  flex-direction: column;
  /* space-evenly keeps 2-3 steps balanced against the image height instead
     of pinning them to the extreme top/bottom corners */
  justify-content: space-evenly;
  gap: 30px;
}
.cat-process-steps_center_image .cat-pcs-step {
  position: relative;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.cat-process-steps_center_image .cat-pcs-step--l {
  flex-direction: row-reverse;
  text-align: right;
}
.cat-process-steps_center_image .cat-pcs-mark {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--sov-accent) 14%, #fff);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--sov-accent) 6%, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Dotted connector from one check down to the next */
.cat-process-steps_center_image .cat-pcs-step:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 42px;
  bottom: -30px;
  left: 15px;
  border-left: 2px dashed color-mix(in srgb, var(--sov-accent) 35%, #dbeafe);
}
.cat-process-steps_center_image .cat-pcs-step--l:not(:last-child)::before {
  left: auto;
  right: 15px;
}
.cat-process-steps_center_image .cat-pcs-copy h3 {
  margin: 0 0 6px;
  font-size: 16.5px;
  font-weight: 700;
  color: var(--sov-heading);
  line-height: 1.3;
}
.cat-process-steps_center_image .cat-pcs-copy p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.62;
  color: #475569;
}
.cat-process-steps_center_image .cat-pcs-visual {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(160deg, #eef2f7, #e2e8f0);
  min-height: 460px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}
.cat-process-steps_center_image .cat-pcs-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cat-process-steps_center_image .cat-pcs-img[src=""],
.cat-process-steps_center_image .cat-pcs-img[src="about:blank"] { display: none; }
@media (max-width: 940px) {
  .cat-process-steps_center_image .cat-pcs { grid-template-columns: 1fr; }
  .cat-process-steps_center_image .cat-pcs-visual { order: -1; min-height: 300px; max-width: 420px; margin: 0 auto; width: 100%; }
  .cat-process-steps_center_image .cat-pcs-step--l { flex-direction: row; text-align: left; }
  .cat-process-steps_center_image .cat-pcs-step--l:not(:last-child)::before { left: 15px; right: auto; }
}

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}

.cat-social-proof-photo_carousel{--sov-accent:#0891b2;--sov-heading:#0f172a;--sov-muted:#475569;--sov-headline-accent: color-mix(in srgb, #0891b2 82%, #0052d4);--sov-surface: #ffffff;--sov-surface-2: color-mix(in srgb, #0891b2 5%, #f8fafc);--sov-border: color-mix(in srgb, #0891b2 14%, #e2e8f0);--sov-glow: color-mix(in srgb, #0891b2 22%, transparent);--sov-font-heading:'Plus Jakarta Sans', Inter, system-ui, sans-serif;--sov-font-body:Inter, system-ui, sans-serif;}

.cat-social-proof-photo_carousel {{
  --sov-accent: #0891b2;
  --sov-heading: #0f172a;
  --sov-muted: #475569;
  --sov-headline-accent: color-mix(in srgb, var(--sov-accent) 82%, #0052d4);
  --sov-surface: #ffffff;
  --sov-surface-2: color-mix(in srgb, var(--sov-accent, #6366f1) 5%, #f8fafc);
  --sov-border: color-mix(in srgb, var(--sov-accent, #6366f1) 14%, #e2e8f0);
  --sov-glow: color-mix(in srgb, var(--sov-accent, #6366f1) 22%, transparent);
  font-family: var(--sov-font-body);
  background: transparent;
  color: #0f172a;
}}
.cat-social-proof-photo_carousel * {{ box-sizing: border-box; }}
.cat-social-proof-photo_carousel .sov-wrap {{
  width: 100%;
  position: relative;
  z-index: 2;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}}
.cat-social-proof-photo_carousel .sov-head {{
  text-align: center;
  max-width: min(920px, 100%);
  width: 100%;
  margin: 0 auto 48px;
  position: relative;
  padding-bottom: 6px;
}}
.cat-social-proof-photo_carousel .sov-head::after {{
  content: "";
  display: block;
  width: min(96px, 16vw);
  height: 4px;
  border-radius: 999px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 35%, transparent));
}}
.cat-social-proof-photo_carousel .sov-kicker {{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--sov-accent) 58%, #0f172a);
  margin: 0 auto 16px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--sov-border);
  background: color-mix(in srgb, var(--sov-accent) 6%, #ffffff);
}}
.cat-social-proof-photo_carousel .sov-h2 {{
  font-family: var(--sov-font-heading);
  font-size: clamp(1.55rem, 3.2vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.042em;
  line-height: 1.14;
  color: var(--sov-heading);
  margin: 0 auto 18px;
  text-align: center;
  text-wrap: balance;
  font-feature-settings: "kern" 1, "liga" 1;
  max-width: min(920px, 100%);
}}
.cat-social-proof-photo_carousel .sov-h2-line {{
  display: inline;
}}
.cat-social-proof-photo_carousel .sov-h2-pre,
.cat-social-proof-photo_carousel .sov-h2-suf {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-social-proof-photo_carousel .sov-h2-accent {{
  color: var(--sov-headline-accent);
  font-weight: 800;
  letter-spacing: -0.045em;
}}
.cat-social-proof-photo_carousel .sov-h2-plain {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-social-proof-photo_carousel .sov-lead {{
  font-size: clamp(15px, 1.75vw, 18px);
  line-height: 1.72;
  color: var(--sov-muted);
  margin: 0 auto;
  max-width: min(760px, 100%);
  text-align: center;
  text-wrap: pretty;
  font-weight: 400;
  letter-spacing: 0.01em;
}}
@keyframes sov-rise {{
  from {{ opacity: 0; transform: translateY(22px); }}
  to {{ opacity: 1; transform: translateY(0); }}
}}
@media (max-width: 640px) {{
  .cat-social-proof-photo_carousel .sov-wrap {{ padding-left: 16px; padding-right: 16px; }}
}}
@media (prefers-reduced-motion: reduce) {{
  .cat-social-proof-photo_carousel .sov-card,
  .cat-social-proof-photo_carousel .sov-row,
  .cat-social-proof-photo_carousel .sov-li,
  .cat-social-proof-photo_carousel .sov-lb,
  .cat-social-proof-photo_carousel .sov-step,
  .cat-social-proof-photo_carousel .sov-step-body,
  .cat-social-proof-photo_carousel .sov-alt-row,
  .cat-social-proof-photo_carousel .sov-alt-visual,
  .cat-social-proof-photo_carousel .sov-ico,
  .cat-social-proof-photo_carousel .sov-num {{ animation: none !important; transition: none !important; }}
}}

/* Full-width rail: the wrap is a direct section child (outside .lp-container),
   so 100% here is the full page width — no viewport-unit overflow risk. */
.cat-social-proof-photo_carousel { overflow-x: clip; }
.cat-social-proof-photo_carousel .cat-pc-wrap {
  position: relative;
  width: 100%;
  padding: 8px 0 4px;
  container-type: inline-size;
}
.cat-social-proof-photo_carousel .cat-pc-viewport {
  overflow: hidden;
  max-width: 100%;
  padding: 4px 0 14px;
}
.cat-social-proof-photo_carousel .cat-pc-track {
  display: flex;
  width: max-content;
  max-width: none;
  /* Cards start on the 1180px container line and bleed toward the right edge */
  padding-inline: max(16px, calc((100cqw - 1180px) / 2)) 16px;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.cat-social-proof-photo_carousel .cat-pc-set {
  display: flex;
  gap: 22px;
  padding-right: 22px;
  max-width: none;
  flex-shrink: 0;
}
.cat-social-proof-photo_carousel .cat-pc-btn {
  display: none;
  position: absolute;
  top: 128px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.16);
  color: var(--sov-accent);
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  user-select: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.cat-social-proof-photo_carousel .cat-pc-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.22);
}
.cat-social-proof-photo_carousel .cat-pc-btn--prev { left: 18px; }
.cat-social-proof-photo_carousel .cat-pc-btn--next { right: 18px; }
.cat-social-proof-photo_carousel #cat-social-proof-photo_carousel-pc-0:checked ~ .cat-pc-viewport .cat-pc-track { transform: translateX(0); }
.cat-social-proof-photo_carousel #cat-social-proof-photo_carousel-pc-0:checked ~ .cat-pc-btn.cat-pc-show-0 { display: flex; }
.cat-social-proof-photo_carousel #cat-social-proof-photo_carousel-pc-1:checked ~ .cat-pc-viewport .cat-pc-track { transform: translateX(-254px); }
.cat-social-proof-photo_carousel #cat-social-proof-photo_carousel-pc-1:checked ~ .cat-pc-btn.cat-pc-show-1 { display: flex; }
.cat-social-proof-photo_carousel #cat-social-proof-photo_carousel-pc-2:checked ~ .cat-pc-viewport .cat-pc-track { transform: translateX(-508px); }
.cat-social-proof-photo_carousel #cat-social-proof-photo_carousel-pc-2:checked ~ .cat-pc-btn.cat-pc-show-2 { display: flex; }
.cat-social-proof-photo_carousel #cat-social-proof-photo_carousel-pc-3:checked ~ .cat-pc-viewport .cat-pc-track { transform: translateX(-762px); }
.cat-social-proof-photo_carousel #cat-social-proof-photo_carousel-pc-3:checked ~ .cat-pc-btn.cat-pc-show-3 { display: flex; }
.cat-social-proof-photo_carousel #cat-social-proof-photo_carousel-pc-4:checked ~ .cat-pc-viewport .cat-pc-track { transform: translateX(-1016px); }
.cat-social-proof-photo_carousel #cat-social-proof-photo_carousel-pc-4:checked ~ .cat-pc-btn.cat-pc-show-4 { display: flex; }
@media (prefers-reduced-motion: reduce) {
  .cat-social-proof-photo_carousel .cat-pc-track { transition: none; }
}
.cat-social-proof-photo_carousel .cat-pc-card {
  flex: 0 0 auto;
  width: 232px;
}
.cat-social-proof-photo_carousel .cat-pc-photo {
  width: 100%;
  aspect-ratio: 1 / 1.14;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  background: #f1f5f9;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.10);
}
.cat-social-proof-photo_carousel .cat-pc-photo--fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 52px;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(145deg, color-mix(in srgb, var(--sov-accent) 78%, #0f172a), color-mix(in srgb, var(--sov-accent) 40%, #0f172a));
}
.cat-social-proof-photo_carousel .cat-pc-name {
  margin-top: 12px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--sov-heading);
}
.cat-social-proof-photo_carousel .cat-pc-role {
  margin-top: 1px;
  font-size: 11.5px;
  color: #94a3b8;
}
.cat-social-proof-photo_carousel .cat-pc-quote {
  margin: 8px 0 0;
  font-size: 12.5px;
  line-height: 1.6;
  color: #475569;
}
/* Reference header scale: tighter heading than the default section clamp
   (element+class selector outranks the doc-level rule regardless of order) */
section.lp-section.cat-social-proof-photo_carousel h2.sov-h2 { font-size: clamp(1.5rem, 2.6vw, 2.1rem) !important; }

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}

.cat-cta-cta_banner{--sov-accent:#0891b2;--sov-heading:#0f172a;--sov-muted:#475569;--sov-headline-accent: color-mix(in srgb, #0891b2 82%, #0052d4);--sov-surface: #ffffff;--sov-surface-2: color-mix(in srgb, #0891b2 5%, #f8fafc);--sov-border: color-mix(in srgb, #0891b2 14%, #e2e8f0);--sov-glow: color-mix(in srgb, #0891b2 22%, transparent);--sov-font-heading:'Plus Jakarta Sans', Inter, system-ui, sans-serif;--sov-font-body:Inter, system-ui, sans-serif;}

.cat-cta-cta_banner {{
  --sov-accent: #0891b2;
  --sov-heading: #0f172a;
  --sov-muted: #475569;
  --sov-headline-accent: color-mix(in srgb, var(--sov-accent) 82%, #0052d4);
  --sov-surface: #ffffff;
  --sov-surface-2: color-mix(in srgb, var(--sov-accent, #6366f1) 5%, #f8fafc);
  --sov-border: color-mix(in srgb, var(--sov-accent, #6366f1) 14%, #e2e8f0);
  --sov-glow: color-mix(in srgb, var(--sov-accent, #6366f1) 22%, transparent);
  font-family: var(--sov-font-body);
  background: transparent;
  color: #0f172a;
}}
.cat-cta-cta_banner * {{ box-sizing: border-box; }}
.cat-cta-cta_banner .sov-wrap {{
  width: 100%;
  position: relative;
  z-index: 2;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}}
.cat-cta-cta_banner .sov-head {{
  text-align: center;
  max-width: min(920px, 100%);
  width: 100%;
  margin: 0 auto 48px;
  position: relative;
  padding-bottom: 6px;
}}
.cat-cta-cta_banner .sov-head::after {{
  content: "";
  display: block;
  width: min(96px, 16vw);
  height: 4px;
  border-radius: 999px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 35%, transparent));
}}
.cat-cta-cta_banner .sov-kicker {{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--sov-accent) 58%, #0f172a);
  margin: 0 auto 16px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--sov-border);
  background: color-mix(in srgb, var(--sov-accent) 6%, #ffffff);
}}
.cat-cta-cta_banner .sov-h2 {{
  font-family: var(--sov-font-heading);
  font-size: clamp(1.55rem, 3.2vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.042em;
  line-height: 1.14;
  color: var(--sov-heading);
  margin: 0 auto 18px;
  text-align: center;
  text-wrap: balance;
  font-feature-settings: "kern" 1, "liga" 1;
  max-width: min(920px, 100%);
}}
.cat-cta-cta_banner .sov-h2-line {{
  display: inline;
}}
.cat-cta-cta_banner .sov-h2-pre,
.cat-cta-cta_banner .sov-h2-suf {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-cta-cta_banner .sov-h2-accent {{
  color: var(--sov-headline-accent);
  font-weight: 800;
  letter-spacing: -0.045em;
}}
.cat-cta-cta_banner .sov-h2-plain {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-cta-cta_banner .sov-lead {{
  font-size: clamp(15px, 1.75vw, 18px);
  line-height: 1.72;
  color: var(--sov-muted);
  margin: 0 auto;
  max-width: min(760px, 100%);
  text-align: center;
  text-wrap: pretty;
  font-weight: 400;
  letter-spacing: 0.01em;
}}
@keyframes sov-rise {{
  from {{ opacity: 0; transform: translateY(22px); }}
  to {{ opacity: 1; transform: translateY(0); }}
}}
@media (max-width: 640px) {{
  .cat-cta-cta_banner .sov-wrap {{ padding-left: 16px; padding-right: 16px; }}
}}
@media (prefers-reduced-motion: reduce) {{
  .cat-cta-cta_banner .sov-card,
  .cat-cta-cta_banner .sov-row,
  .cat-cta-cta_banner .sov-li,
  .cat-cta-cta_banner .sov-lb,
  .cat-cta-cta_banner .sov-step,
  .cat-cta-cta_banner .sov-step-body,
  .cat-cta-cta_banner .sov-alt-row,
  .cat-cta-cta_banner .sov-alt-visual,
  .cat-cta-cta_banner .sov-ico,
  .cat-cta-cta_banner .sov-num {{ animation: none !important; transition: none !important; }}
}}

.cat-cta-cta_banner { overflow-x: clip; }
.cat-cta-cta_banner .cat-ctab {
  position: relative;
  width: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(700px 320px at 85% 20%, color-mix(in srgb, var(--sov-accent) 22%, transparent), transparent 60%),
    linear-gradient(120deg, #0b2436 0%, #10394f 55%, #0b2436 100%);
}
.cat-cta-cta_banner .cat-ctab-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 46%;
  object-fit: cover;
  border-radius: 0;
  /* Blend the photo into the band: fade out toward the copy side */
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 34%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 34%);
}
.cat-cta-cta_banner .cat-ctab-img[src=""],
.cat-cta-cta_banner .cat-ctab-img[src="about:blank"] { display: none; }
.cat-cta-cta_banner .cat-ctab-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 56px clamp(20px, 4vw, 40px);
  text-align: left;
}
.cat-cta-cta_banner .cat-ctab-h {
  margin: 0;
  max-width: 620px;
  font-size: clamp(1.6rem, 2.8vw, 2.3rem);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #fff;
}
.cat-cta-cta_banner .cat-ctab-h .cat-ctab-h-pre { color: #fff; }
.cat-cta-cta_banner .cat-ctab-h .cat-ctab-h-accent { color: color-mix(in srgb, var(--sov-accent) 70%, #7dd3fc); }
.cat-cta-cta_banner .cat-ctab-sub {
  margin: 14px 0 0;
  max-width: 520px;
  font-size: 1.05rem;
  line-height: 1.6;
  color: rgba(241, 245, 249, 0.88);
}
.cat-cta-cta_banner .cat-ctab-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 26px;
  padding: 13px 26px;
  border-radius: 8px;
  background: var(--sov-accent);
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--sov-accent) 38%, transparent);
}
@media (max-width: 860px) {
  .cat-cta-cta_banner .cat-ctab-img {
    position: relative;
    width: 100%;
    height: 220px;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 30%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 30%);
  }
  .cat-cta-cta_banner .cat-ctab { flex-direction: column-reverse; }
}

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}

.cat-use-cases-sticky_list{--sov-accent:#0891b2;--sov-heading:#0f172a;--sov-muted:#475569;--sov-headline-accent: color-mix(in srgb, #0891b2 82%, #0052d4);--sov-surface: #ffffff;--sov-surface-2: color-mix(in srgb, #0891b2 5%, #f8fafc);--sov-border: color-mix(in srgb, #0891b2 14%, #e2e8f0);--sov-glow: color-mix(in srgb, #0891b2 22%, transparent);--sov-font-heading:'Plus Jakarta Sans', Inter, system-ui, sans-serif;--sov-font-body:Inter, system-ui, sans-serif;}

.cat-use-cases-sticky_list {{
  --sov-accent: #0891b2;
  --sov-heading: #0f172a;
  --sov-muted: #475569;
  --sov-headline-accent: color-mix(in srgb, var(--sov-accent) 82%, #0052d4);
  --sov-surface: #ffffff;
  --sov-surface-2: color-mix(in srgb, var(--sov-accent, #6366f1) 5%, #f8fafc);
  --sov-border: color-mix(in srgb, var(--sov-accent, #6366f1) 14%, #e2e8f0);
  --sov-glow: color-mix(in srgb, var(--sov-accent, #6366f1) 22%, transparent);
  font-family: var(--sov-font-body);
  background: transparent;
  color: #0f172a;
}}
.cat-use-cases-sticky_list * {{ box-sizing: border-box; }}
.cat-use-cases-sticky_list .sov-wrap {{
  width: 100%;
  position: relative;
  z-index: 2;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}}
.cat-use-cases-sticky_list .sov-head {{
  text-align: center;
  max-width: min(920px, 100%);
  width: 100%;
  margin: 0 auto 48px;
  position: relative;
  padding-bottom: 6px;
}}
.cat-use-cases-sticky_list .sov-head::after {{
  content: "";
  display: block;
  width: min(96px, 16vw);
  height: 4px;
  border-radius: 999px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 35%, transparent));
}}
.cat-use-cases-sticky_list .sov-kicker {{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--sov-accent) 58%, #0f172a);
  margin: 0 auto 16px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--sov-border);
  background: color-mix(in srgb, var(--sov-accent) 6%, #ffffff);
}}
.cat-use-cases-sticky_list .sov-h2 {{
  font-family: var(--sov-font-heading);
  font-size: clamp(1.55rem, 3.2vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.042em;
  line-height: 1.14;
  color: var(--sov-heading);
  margin: 0 auto 18px;
  text-align: center;
  text-wrap: balance;
  font-feature-settings: "kern" 1, "liga" 1;
  max-width: min(920px, 100%);
}}
.cat-use-cases-sticky_list .sov-h2-line {{
  display: inline;
}}
.cat-use-cases-sticky_list .sov-h2-pre,
.cat-use-cases-sticky_list .sov-h2-suf {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-use-cases-sticky_list .sov-h2-accent {{
  color: var(--sov-headline-accent);
  font-weight: 800;
  letter-spacing: -0.045em;
}}
.cat-use-cases-sticky_list .sov-h2-plain {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-use-cases-sticky_list .sov-lead {{
  font-size: clamp(15px, 1.75vw, 18px);
  line-height: 1.72;
  color: var(--sov-muted);
  margin: 0 auto;
  max-width: min(760px, 100%);
  text-align: center;
  text-wrap: pretty;
  font-weight: 400;
  letter-spacing: 0.01em;
}}
@keyframes sov-rise {{
  from {{ opacity: 0; transform: translateY(22px); }}
  to {{ opacity: 1; transform: translateY(0); }}
}}
@media (max-width: 640px) {{
  .cat-use-cases-sticky_list .sov-wrap {{ padding-left: 16px; padding-right: 16px; }}
}}
@media (prefers-reduced-motion: reduce) {{
  .cat-use-cases-sticky_list .sov-card,
  .cat-use-cases-sticky_list .sov-row,
  .cat-use-cases-sticky_list .sov-li,
  .cat-use-cases-sticky_list .sov-lb,
  .cat-use-cases-sticky_list .sov-step,
  .cat-use-cases-sticky_list .sov-step-body,
  .cat-use-cases-sticky_list .sov-alt-row,
  .cat-use-cases-sticky_list .sov-alt-visual,
  .cat-use-cases-sticky_list .sov-ico,
  .cat-use-cases-sticky_list .sov-num {{ animation: none !important; transition: none !important; }}
}}

.cat-use-cases-sticky_list .cat-ucs {
  display: grid;
  grid-template-columns: minmax(320px, 430px) 1fr;
  gap: 40px clamp(48px, 6vw, 96px);
  max-width: 1180px;
  margin: 0 auto;
  align-items: start;
}
.cat-use-cases-sticky_list .cat-ucs-left {
  position: sticky;
  top: 88px;
}
.cat-use-cases-sticky_list .cat-ucs-h {
  margin: 0;
  font-size: clamp(1.7rem, 2.8vw, 2.35rem);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -0.03em;
}
.cat-use-cases-sticky_list .cat-ucs-h .cat-ucs-h-pre { color: var(--sov-heading); }
.cat-use-cases-sticky_list .cat-ucs-h .cat-ucs-h-accent { color: var(--sov-accent); display: block; }
.cat-use-cases-sticky_list .cat-ucs-intro {
  margin: 14px 0 0;
  font-size: 14.5px;
  line-height: 1.65;
  color: #475569;
  max-width: 380px;
}
.cat-use-cases-sticky_list .cat-ucs-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding: 12px 22px;
  border-radius: 8px;
  background: var(--sov-accent);
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--sov-accent) 34%, transparent);
}
.cat-use-cases-sticky_list .cat-ucs-visual {
  position: relative;
  margin-top: 26px;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: linear-gradient(160deg, #eef2f7, #e2e8f0);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
}
.cat-use-cases-sticky_list .cat-ucs-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cat-use-cases-sticky_list .cat-ucs-img[src=""],
.cat-use-cases-sticky_list .cat-ucs-img[src="about:blank"] { display: none; }
.cat-use-cases-sticky_list .cat-ucs-list {
  display: flex;
  flex-direction: column;
}
.cat-use-cases-sticky_list .cat-ucs-item {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 4px 14px;
  padding: 20px 0 22px;
  border-bottom: 1px solid color-mix(in srgb, var(--sov-accent) 8%, #eef2f7);
}
.cat-use-cases-sticky_list .cat-ucs-item:last-child { border-bottom: none; }
.cat-use-cases-sticky_list .cat-ucs-num {
  font-size: 15px;
  font-weight: 700;
  color: #b6c2d0;
  letter-spacing: 0.04em;
  padding-top: 2px;
}
.cat-use-cases-sticky_list .cat-ucs-body h3 {
  margin: 0 0 7px;
  font-size: 17.5px;
  font-weight: 700;
  color: var(--sov-heading);
  line-height: 1.3;
}
.cat-use-cases-sticky_list .cat-ucs-body p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.7;
  color: #475569;
  max-width: 640px;
}
/* Scroll-driven reveal (progressive: browsers without support just show items) */
@supports (animation-timeline: view()) {
  .cat-use-cases-sticky_list .cat-ucs-item {
    animation: cat-use-cases-sticky_list-ucs-in 1ms linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 55%;
  }
  @keyframes cat-use-cases-sticky_list-ucs-in {
    from { opacity: 0.15; transform: translateY(26px); }
    to { opacity: 1; transform: translateY(0); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .cat-use-cases-sticky_list .cat-ucs-item { animation: none !important; }
}
@media (max-width: 940px) {
  .cat-use-cases-sticky_list .cat-ucs { grid-template-columns: 1fr; }
  .cat-use-cases-sticky_list .cat-ucs-left { position: static; }
  .cat-use-cases-sticky_list .cat-ucs-h .cat-ucs-h-accent { display: inline; }
}

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}

.cat-case-study-case_spotlight{--sov-accent:#0891b2;--sov-heading:#0f172a;--sov-muted:#475569;--sov-headline-accent: color-mix(in srgb, #0891b2 82%, #0052d4);--sov-surface: #ffffff;--sov-surface-2: color-mix(in srgb, #0891b2 5%, #f8fafc);--sov-border: color-mix(in srgb, #0891b2 14%, #e2e8f0);--sov-glow: color-mix(in srgb, #0891b2 22%, transparent);--sov-font-heading:'Plus Jakarta Sans', Inter, system-ui, sans-serif;--sov-font-body:Inter, system-ui, sans-serif;}

.cat-case-study-case_spotlight {{
  --sov-accent: #0891b2;
  --sov-heading: #0f172a;
  --sov-muted: #475569;
  --sov-headline-accent: color-mix(in srgb, var(--sov-accent) 82%, #0052d4);
  --sov-surface: #ffffff;
  --sov-surface-2: color-mix(in srgb, var(--sov-accent, #6366f1) 5%, #f8fafc);
  --sov-border: color-mix(in srgb, var(--sov-accent, #6366f1) 14%, #e2e8f0);
  --sov-glow: color-mix(in srgb, var(--sov-accent, #6366f1) 22%, transparent);
  font-family: var(--sov-font-body);
  background: transparent;
  color: #0f172a;
}}
.cat-case-study-case_spotlight * {{ box-sizing: border-box; }}
.cat-case-study-case_spotlight .sov-wrap {{
  width: 100%;
  position: relative;
  z-index: 2;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}}
.cat-case-study-case_spotlight .sov-head {{
  text-align: center;
  max-width: min(920px, 100%);
  width: 100%;
  margin: 0 auto 48px;
  position: relative;
  padding-bottom: 6px;
}}
.cat-case-study-case_spotlight .sov-head::after {{
  content: "";
  display: block;
  width: min(96px, 16vw);
  height: 4px;
  border-radius: 999px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 35%, transparent));
}}
.cat-case-study-case_spotlight .sov-kicker {{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--sov-accent) 58%, #0f172a);
  margin: 0 auto 16px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--sov-border);
  background: color-mix(in srgb, var(--sov-accent) 6%, #ffffff);
}}
.cat-case-study-case_spotlight .sov-h2 {{
  font-family: var(--sov-font-heading);
  font-size: clamp(1.55rem, 3.2vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.042em;
  line-height: 1.14;
  color: var(--sov-heading);
  margin: 0 auto 18px;
  text-align: center;
  text-wrap: balance;
  font-feature-settings: "kern" 1, "liga" 1;
  max-width: min(920px, 100%);
}}
.cat-case-study-case_spotlight .sov-h2-line {{
  display: inline;
}}
.cat-case-study-case_spotlight .sov-h2-pre,
.cat-case-study-case_spotlight .sov-h2-suf {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-case-study-case_spotlight .sov-h2-accent {{
  color: var(--sov-headline-accent);
  font-weight: 800;
  letter-spacing: -0.045em;
}}
.cat-case-study-case_spotlight .sov-h2-plain {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-case-study-case_spotlight .sov-lead {{
  font-size: clamp(15px, 1.75vw, 18px);
  line-height: 1.72;
  color: var(--sov-muted);
  margin: 0 auto;
  max-width: min(760px, 100%);
  text-align: center;
  text-wrap: pretty;
  font-weight: 400;
  letter-spacing: 0.01em;
}}
@keyframes sov-rise {{
  from {{ opacity: 0; transform: translateY(22px); }}
  to {{ opacity: 1; transform: translateY(0); }}
}}
@media (max-width: 640px) {{
  .cat-case-study-case_spotlight .sov-wrap {{ padding-left: 16px; padding-right: 16px; }}
}}
@media (prefers-reduced-motion: reduce) {{
  .cat-case-study-case_spotlight .sov-card,
  .cat-case-study-case_spotlight .sov-row,
  .cat-case-study-case_spotlight .sov-li,
  .cat-case-study-case_spotlight .sov-lb,
  .cat-case-study-case_spotlight .sov-step,
  .cat-case-study-case_spotlight .sov-step-body,
  .cat-case-study-case_spotlight .sov-alt-row,
  .cat-case-study-case_spotlight .sov-alt-visual,
  .cat-case-study-case_spotlight .sov-ico,
  .cat-case-study-case_spotlight .sov-num {{ animation: none !important; transition: none !important; }}
}}

.cat-case-study-case_spotlight .cat-cs {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr);
  gap: 36px;
  max-width: 1180px;
  margin: 0 auto;
  border-radius: 22px;
  padding: 40px 42px;
  background:
    radial-gradient(700px 340px at 85% 10%, color-mix(in srgb, var(--sov-accent) 22%, transparent), transparent 60%),
    linear-gradient(140deg, #0b2436, #10394f 60%, #0b2436);
  box-shadow: 0 26px 60px rgba(11, 36, 54, 0.35);
}
.cat-case-study-case_spotlight .cat-cs-story { position: relative; padding: 8px 0 8px 22px; align-self: center; }
.cat-case-study-case_spotlight .cat-cs-bar {
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 25%, transparent));
}
.cat-case-study-case_spotlight .cat-cs-story h3 { margin: 0 0 14px; font-size: clamp(1.3rem, 2.2vw, 1.6rem); font-weight: 800; color: #fff; line-height: 1.32; }
.cat-case-study-case_spotlight .cat-cs-story p { margin: 0; font-size: 15.5px; line-height: 1.8; color: rgba(226, 232, 240, 0.88); max-width: 560px; }
.cat-case-study-case_spotlight .cat-cs-chips { display: flex; flex-direction: column; gap: 14px; justify-content: center; }
.cat-case-study-case_spotlight .cat-cs-chip--row { display: flex; gap: 12px; align-items: flex-start; }
.cat-case-study-case_spotlight .cat-cs-check {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  background: color-mix(in srgb, var(--sov-accent) 55%, #0b2436);
}
.cat-case-study-case_spotlight .cat-cs-out { font-size: 13px; line-height: 1.6; color: rgba(203, 213, 225, 0.88); }
.cat-case-study-case_spotlight .cat-cs-out b { display: block; color: #fff; font-size: 13.5px; margin-bottom: 2px; }
.cat-case-study-case_spotlight .cat-cs-chip {
  border-radius: 14px;
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(6px);
  animation: cat-case-study-case_spotlight-cs-glow 4s ease-in-out infinite;
  animation-delay: calc(var(--cs-i, 0) * 700ms);
}
.cat-case-study-case_spotlight .cat-cs-chip strong {
  display: block;
  font-size: clamp(1.45rem, 2.4vw, 1.9rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: color-mix(in srgb, var(--sov-accent) 55%, #7dd3fc);
}
.cat-case-study-case_spotlight .cat-cs-chip span { display: block; margin-top: 3px; font-size: 12.5px; color: rgba(203, 213, 225, 0.85); }
@keyframes cat-case-study-case_spotlight-cs-glow {
  0%, 100% { box-shadow: 0 0 0 0 transparent; }
  50% { box-shadow: 0 0 30px 0 color-mix(in srgb, var(--sov-accent) 24%, transparent); }
}
@media (max-width: 860px) {
  .cat-case-study-case_spotlight .cat-cs { grid-template-columns: 1fr; padding: 30px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .cat-case-study-case_spotlight .cat-cs-chip { animation: none; }
}

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}

.cat-trust-cert_flip{--sov-accent:#0891b2;--sov-heading:#0f172a;--sov-muted:#475569;--sov-headline-accent: color-mix(in srgb, #0891b2 82%, #0052d4);--sov-surface: #ffffff;--sov-surface-2: color-mix(in srgb, #0891b2 5%, #f8fafc);--sov-border: color-mix(in srgb, #0891b2 14%, #e2e8f0);--sov-glow: color-mix(in srgb, #0891b2 22%, transparent);--sov-font-heading:'Plus Jakarta Sans', Inter, system-ui, sans-serif;--sov-font-body:Inter, system-ui, sans-serif;}

.cat-trust-cert_flip {{
  --sov-accent: #0891b2;
  --sov-heading: #0f172a;
  --sov-muted: #475569;
  --sov-headline-accent: color-mix(in srgb, var(--sov-accent) 82%, #0052d4);
  --sov-surface: #ffffff;
  --sov-surface-2: color-mix(in srgb, var(--sov-accent, #6366f1) 5%, #f8fafc);
  --sov-border: color-mix(in srgb, var(--sov-accent, #6366f1) 14%, #e2e8f0);
  --sov-glow: color-mix(in srgb, var(--sov-accent, #6366f1) 22%, transparent);
  font-family: var(--sov-font-body);
  background: transparent;
  color: #0f172a;
}}
.cat-trust-cert_flip * {{ box-sizing: border-box; }}
.cat-trust-cert_flip .sov-wrap {{
  width: 100%;
  position: relative;
  z-index: 2;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}}
.cat-trust-cert_flip .sov-head {{
  text-align: center;
  max-width: min(920px, 100%);
  width: 100%;
  margin: 0 auto 48px;
  position: relative;
  padding-bottom: 6px;
}}
.cat-trust-cert_flip .sov-head::after {{
  content: "";
  display: block;
  width: min(96px, 16vw);
  height: 4px;
  border-radius: 999px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 35%, transparent));
}}
.cat-trust-cert_flip .sov-kicker {{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--sov-accent) 58%, #0f172a);
  margin: 0 auto 16px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--sov-border);
  background: color-mix(in srgb, var(--sov-accent) 6%, #ffffff);
}}
.cat-trust-cert_flip .sov-h2 {{
  font-family: var(--sov-font-heading);
  font-size: clamp(1.55rem, 3.2vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.042em;
  line-height: 1.14;
  color: var(--sov-heading);
  margin: 0 auto 18px;
  text-align: center;
  text-wrap: balance;
  font-feature-settings: "kern" 1, "liga" 1;
  max-width: min(920px, 100%);
}}
.cat-trust-cert_flip .sov-h2-line {{
  display: inline;
}}
.cat-trust-cert_flip .sov-h2-pre,
.cat-trust-cert_flip .sov-h2-suf {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-trust-cert_flip .sov-h2-accent {{
  color: var(--sov-headline-accent);
  font-weight: 800;
  letter-spacing: -0.045em;
}}
.cat-trust-cert_flip .sov-h2-plain {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-trust-cert_flip .sov-lead {{
  font-size: clamp(15px, 1.75vw, 18px);
  line-height: 1.72;
  color: var(--sov-muted);
  margin: 0 auto;
  max-width: min(760px, 100%);
  text-align: center;
  text-wrap: pretty;
  font-weight: 400;
  letter-spacing: 0.01em;
}}
@keyframes sov-rise {{
  from {{ opacity: 0; transform: translateY(22px); }}
  to {{ opacity: 1; transform: translateY(0); }}
}}
@media (max-width: 640px) {{
  .cat-trust-cert_flip .sov-wrap {{ padding-left: 16px; padding-right: 16px; }}
}}
@media (prefers-reduced-motion: reduce) {{
  .cat-trust-cert_flip .sov-card,
  .cat-trust-cert_flip .sov-row,
  .cat-trust-cert_flip .sov-li,
  .cat-trust-cert_flip .sov-lb,
  .cat-trust-cert_flip .sov-step,
  .cat-trust-cert_flip .sov-step-body,
  .cat-trust-cert_flip .sov-alt-row,
  .cat-trust-cert_flip .sov-alt-visual,
  .cat-trust-cert_flip .sov-ico,
  .cat-trust-cert_flip .sov-num {{ animation: none !important; transition: none !important; }}
}}

.cat-trust-cert_flip .cat-cf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 18px;
  max-width: 1180px;
  margin: 0 auto;
}
.cat-trust-cert_flip .cat-cf-card { perspective: 900px; min-height: 168px; }
.cat-trust-cert_flip .cat-cf-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 168px;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  will-change: transform;
  transition: transform 0.85s cubic-bezier(0.3, 1.1, 0.35, 1) 70ms;
}
.cat-trust-cert_flip .cat-cf-card:hover .cat-cf-inner { transform: rotateY(180deg); }
.cat-trust-cert_flip .cat-cf-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 20px 18px;
  text-align: center;
}
.cat-trust-cert_flip .cat-cf-front {
  background: linear-gradient(170deg, #fff, #f6f9fc);
  border: 1px solid #e4eaf1;
}
.cat-trust-cert_flip .cat-cf-front h3 { margin: 4px 0 0; font-size: 15px; font-weight: 800; color: var(--sov-heading); }
.cat-trust-cert_flip .cat-cf-hint { font-size: 10.5px; color: #94a3b8; letter-spacing: 0.02em; }
.cat-trust-cert_flip .cat-cf-back {
  transform: rotateY(180deg);
  background: linear-gradient(170deg, color-mix(in srgb, var(--sov-accent) 10%, #fff), #fff);
  border: 1px solid color-mix(in srgb, var(--sov-accent) 30%, #e4eaf1);
  box-shadow: 0 14px 34px color-mix(in srgb, var(--sov-accent) 14%, transparent);
}
.cat-trust-cert_flip .cat-cf-back p { margin: 0; font-size: 12.5px; line-height: 1.6; color: #475569; }
@media (prefers-reduced-motion: reduce) {
  .cat-trust-cert_flip .cat-cf-inner { transition: none; }
}

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}

.cat-faq-faq_cta{--sov-accent:#0891b2;--sov-heading:#0f172a;--sov-muted:#475569;--sov-headline-accent: color-mix(in srgb, #0891b2 82%, #0052d4);--sov-surface: #ffffff;--sov-surface-2: color-mix(in srgb, #0891b2 5%, #f8fafc);--sov-border: color-mix(in srgb, #0891b2 14%, #e2e8f0);--sov-glow: color-mix(in srgb, #0891b2 22%, transparent);--sov-font-heading:'Plus Jakarta Sans', Inter, system-ui, sans-serif;--sov-font-body:Inter, system-ui, sans-serif;}

.cat-faq-faq_cta {{
  --sov-accent: #0891b2;
  --sov-heading: #0f172a;
  --sov-muted: #475569;
  --sov-headline-accent: color-mix(in srgb, var(--sov-accent) 82%, #0052d4);
  --sov-surface: #ffffff;
  --sov-surface-2: color-mix(in srgb, var(--sov-accent, #6366f1) 5%, #f8fafc);
  --sov-border: color-mix(in srgb, var(--sov-accent, #6366f1) 14%, #e2e8f0);
  --sov-glow: color-mix(in srgb, var(--sov-accent, #6366f1) 22%, transparent);
  font-family: var(--sov-font-body);
  background: transparent;
  color: #0f172a;
}}
.cat-faq-faq_cta * {{ box-sizing: border-box; }}
.cat-faq-faq_cta .sov-wrap {{
  width: 100%;
  position: relative;
  z-index: 2;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}}
.cat-faq-faq_cta .sov-head {{
  text-align: center;
  max-width: min(920px, 100%);
  width: 100%;
  margin: 0 auto 48px;
  position: relative;
  padding-bottom: 6px;
}}
.cat-faq-faq_cta .sov-head::after {{
  content: "";
  display: block;
  width: min(96px, 16vw);
  height: 4px;
  border-radius: 999px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 35%, transparent));
}}
.cat-faq-faq_cta .sov-kicker {{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--sov-accent) 58%, #0f172a);
  margin: 0 auto 16px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--sov-border);
  background: color-mix(in srgb, var(--sov-accent) 6%, #ffffff);
}}
.cat-faq-faq_cta .sov-h2 {{
  font-family: var(--sov-font-heading);
  font-size: clamp(1.55rem, 3.2vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.042em;
  line-height: 1.14;
  color: var(--sov-heading);
  margin: 0 auto 18px;
  text-align: center;
  text-wrap: balance;
  font-feature-settings: "kern" 1, "liga" 1;
  max-width: min(920px, 100%);
}}
.cat-faq-faq_cta .sov-h2-line {{
  display: inline;
}}
.cat-faq-faq_cta .sov-h2-pre,
.cat-faq-faq_cta .sov-h2-suf {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-faq-faq_cta .sov-h2-accent {{
  color: var(--sov-headline-accent);
  font-weight: 800;
  letter-spacing: -0.045em;
}}
.cat-faq-faq_cta .sov-h2-plain {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-faq-faq_cta .sov-lead {{
  font-size: clamp(15px, 1.75vw, 18px);
  line-height: 1.72;
  color: var(--sov-muted);
  margin: 0 auto;
  max-width: min(760px, 100%);
  text-align: center;
  text-wrap: pretty;
  font-weight: 400;
  letter-spacing: 0.01em;
}}
@keyframes sov-rise {{
  from {{ opacity: 0; transform: translateY(22px); }}
  to {{ opacity: 1; transform: translateY(0); }}
}}
@media (max-width: 640px) {{
  .cat-faq-faq_cta .sov-wrap {{ padding-left: 16px; padding-right: 16px; }}
}}
@media (prefers-reduced-motion: reduce) {{
  .cat-faq-faq_cta .sov-card,
  .cat-faq-faq_cta .sov-row,
  .cat-faq-faq_cta .sov-li,
  .cat-faq-faq_cta .sov-lb,
  .cat-faq-faq_cta .sov-step,
  .cat-faq-faq_cta .sov-step-body,
  .cat-faq-faq_cta .sov-alt-row,
  .cat-faq-faq_cta .sov-alt-visual,
  .cat-faq-faq_cta .sov-ico,
  .cat-faq-faq_cta .sov-num {{ animation: none !important; transition: none !important; }}
}}

.cat-faq-faq_cta .cat-acc {
  max-width: 1020px;
  margin: 0 auto;
  border-top: 1px solid #e2e8f0;
}
.cat-faq-faq_cta .cat-acc details {
  border-bottom: 1px solid #e2e8f0;
  /* Lets block-size animate to `auto` in supporting browsers. */
  interpolate-size: allow-keywords;
}
.cat-faq-faq_cta .cat-acc summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 4px;
  cursor: pointer;
  list-style: none;
}
.cat-faq-faq_cta .cat-acc summary::-webkit-details-marker { display: none; }
.cat-faq-faq_cta .cat-acc-q {
  font-family: var(--sov-font-heading);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.45;
  color: var(--sov-heading);
}
.cat-faq-faq_cta .cat-acc-ico {
  flex-shrink: 0;
  display: inline-flex;
  color: #94a3b8;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), color 0.35s ease;
}
.cat-faq-faq_cta .cat-acc details[open] .cat-acc-ico {
  /* "+" rotates into an "x" */
  transform: rotate(45deg);
  color: #334155;
}
.cat-faq-faq_cta .cat-acc summary:hover .cat-acc-q { color: var(--sov-accent); }
.cat-faq-faq_cta .cat-acc .cat-acc-body {
  padding: 0 4px 22px;
  max-width: 94%;
  font-size: 14.5px;
  line-height: 1.75;
  color: #475569;
}
/* Smooth expand/collapse — pure CSS via ::details-content (modern browsers);
   older browsers simply toggle instantly. */
.cat-faq-faq_cta .cat-acc details::details-content {
  opacity: 0;
  block-size: 0;
  overflow-y: clip;
  transition: content-visibility 0.35s allow-discrete, opacity 0.35s ease, block-size 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.cat-faq-faq_cta .cat-acc details[open]::details-content {
  opacity: 1;
  block-size: auto;
}

.cat-faq-faq_cta .cat-cta {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
}
.cat-faq-faq_cta .cat-cta .cat-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  padding: 14px 26px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 15px;
  color: #fff;
  background: linear-gradient(135deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 65%, #0f172a));
  box-shadow: 0 16px 40px color-mix(in srgb, var(--sov-accent) 28%, transparent);
  text-decoration: none;
  border: none;
  cursor: default;
}
.cat-faq-faq_cta .cat-cta .cat-secondary {
  display: inline-flex;
  margin-left: 12px;
  padding: 14px 20px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 14px;
  color: var(--sov-heading);
  border: 1px solid var(--sov-border);
  background: #fff;
}

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}

.lp-lead-brand{background:linear-gradient(135deg,#f4f9ff 0%,#e8f2fb 100%);}
.lp-lead-brand .llb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;max-width:1180px;margin:0 auto;align-items:start;}
.lp-lead-brand .llb h2{margin:0 0 22px;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#0f172a;line-height:1.25;}
.lp-lead-brand .llb-step{display:flex;gap:12px;margin-bottom:18px;}
.lp-lead-brand .llb-sico{flex-shrink:0;width:26px;color:var(--lp-accent);font-size:18px;line-height:1.3;}
.lp-lead-brand .llb-step h3{margin:0 0 6px;font-size:15.5px;font-weight:800;color:#0f172a;}
.lp-lead-brand .llb-step p{margin:0;font-size:14px;line-height:1.6;color:#475569;}
.lp-lead-brand .llb-contact{margin-top:26px;}
.lp-lead-brand .llb-contact h3{margin:0 0 12px;font-size:1.15rem;font-weight:800;color:#0f172a;}
.lp-lead-brand .llb-crow{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:14.5px;font-weight:600;}
.lp-lead-brand .llb-crow a{color:#0f172a;text-decoration:none;}
.lp-lead-brand .llb-cico{font-size:15px;}
.lp-lead-brand .llb-form{background:#fff;border-radius:14px;padding:26px;box-shadow:0 14px 40px rgba(15,23,42,0.08);display:flex;flex-direction:column;gap:14px;}
.lp-lead-brand .llb-form input,.lp-lead-brand .llb-form textarea{width:100%;border:1px solid #d7dfe9;border-radius:8px;padding:12px 14px;font-size:14px;font-family:inherit;color:#0f172a;background:#fff;box-sizing:border-box;}
.lp-lead-brand .llb-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.lp-lead-brand .llb-form textarea{min-height:110px;resize:vertical;}
.lp-lead-brand .llb-lbl{display:block;font-size:13px;font-weight:700;color:#0f172a;margin-bottom:6px;}
.lp-lead-brand .llb-phone{display:grid;grid-template-columns:150px 1fr;gap:12px;}
.lp-lead-brand .llb-form select{border:1px solid #d7dfe9;border-radius:8px;padding:12px 10px;font-size:14px;font-family:inherit;color:#0f172a;background:#fff;}
.lp-lead-brand .llb-submit{align-self:center;min-width:180px;border:0;border-radius:8px;background:var(--lp-accent);color:#fff;font-weight:700;font-size:15px;padding:13px 30px;cursor:pointer;}
@media (max-width:760px){.lp-lead-brand .llb{grid-template-columns:1fr;}}

.cat-cta-cta_banner{--sov-accent:#0891b2;--sov-heading:#0f172a;--sov-muted:#475569;--sov-headline-accent: color-mix(in srgb, #0891b2 82%, #0052d4);--sov-surface: #ffffff;--sov-surface-2: color-mix(in srgb, #0891b2 5%, #f8fafc);--sov-border: color-mix(in srgb, #0891b2 14%, #e2e8f0);--sov-glow: color-mix(in srgb, #0891b2 22%, transparent);--sov-font-heading:'Plus Jakarta Sans', Inter, system-ui, sans-serif;--sov-font-body:Inter, system-ui, sans-serif;}

.cat-cta-cta_banner {{
  --sov-accent: #0891b2;
  --sov-heading: #0f172a;
  --sov-muted: #475569;
  --sov-headline-accent: color-mix(in srgb, var(--sov-accent) 82%, #0052d4);
  --sov-surface: #ffffff;
  --sov-surface-2: color-mix(in srgb, var(--sov-accent, #6366f1) 5%, #f8fafc);
  --sov-border: color-mix(in srgb, var(--sov-accent, #6366f1) 14%, #e2e8f0);
  --sov-glow: color-mix(in srgb, var(--sov-accent, #6366f1) 22%, transparent);
  font-family: var(--sov-font-body);
  background: transparent;
  color: #0f172a;
}}
.cat-cta-cta_banner * {{ box-sizing: border-box; }}
.cat-cta-cta_banner .sov-wrap {{
  width: 100%;
  position: relative;
  z-index: 2;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}}
.cat-cta-cta_banner .sov-head {{
  text-align: center;
  max-width: min(920px, 100%);
  width: 100%;
  margin: 0 auto 48px;
  position: relative;
  padding-bottom: 6px;
}}
.cat-cta-cta_banner .sov-head::after {{
  content: "";
  display: block;
  width: min(96px, 16vw);
  height: 4px;
  border-radius: 999px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, var(--sov-accent), color-mix(in srgb, var(--sov-accent) 35%, transparent));
}}
.cat-cta-cta_banner .sov-kicker {{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--sov-accent) 58%, #0f172a);
  margin: 0 auto 16px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--sov-border);
  background: color-mix(in srgb, var(--sov-accent) 6%, #ffffff);
}}
.cat-cta-cta_banner .sov-h2 {{
  font-family: var(--sov-font-heading);
  font-size: clamp(1.55rem, 3.2vw, 2.45rem);
  font-weight: 800;
  letter-spacing: -0.042em;
  line-height: 1.14;
  color: var(--sov-heading);
  margin: 0 auto 18px;
  text-align: center;
  text-wrap: balance;
  font-feature-settings: "kern" 1, "liga" 1;
  max-width: min(920px, 100%);
}}
.cat-cta-cta_banner .sov-h2-line {{
  display: inline;
}}
.cat-cta-cta_banner .sov-h2-pre,
.cat-cta-cta_banner .sov-h2-suf {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-cta-cta_banner .sov-h2-accent {{
  color: var(--sov-headline-accent);
  font-weight: 800;
  letter-spacing: -0.045em;
}}
.cat-cta-cta_banner .sov-h2-plain {{
  color: var(--sov-heading);
  font-weight: 800;
}}
.cat-cta-cta_banner .sov-lead {{
  font-size: clamp(15px, 1.75vw, 18px);
  line-height: 1.72;
  color: var(--sov-muted);
  margin: 0 auto;
  max-width: min(760px, 100%);
  text-align: center;
  text-wrap: pretty;
  font-weight: 400;
  letter-spacing: 0.01em;
}}
@keyframes sov-rise {{
  from {{ opacity: 0; transform: translateY(22px); }}
  to {{ opacity: 1; transform: translateY(0); }}
}}
@media (max-width: 640px) {{
  .cat-cta-cta_banner .sov-wrap {{ padding-left: 16px; padding-right: 16px; }}
}}
@media (prefers-reduced-motion: reduce) {{
  .cat-cta-cta_banner .sov-card,
  .cat-cta-cta_banner .sov-row,
  .cat-cta-cta_banner .sov-li,
  .cat-cta-cta_banner .sov-lb,
  .cat-cta-cta_banner .sov-step,
  .cat-cta-cta_banner .sov-step-body,
  .cat-cta-cta_banner .sov-alt-row,
  .cat-cta-cta_banner .sov-alt-visual,
  .cat-cta-cta_banner .sov-ico,
  .cat-cta-cta_banner .sov-num {{ animation: none !important; transition: none !important; }}
}}

.cat-cta-cta_banner { overflow-x: clip; }
.cat-cta-cta_banner .cat-ctab {
  position: relative;
  width: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(700px 320px at 85% 20%, color-mix(in srgb, var(--sov-accent) 22%, transparent), transparent 60%),
    linear-gradient(120deg, #0b2436 0%, #10394f 55%, #0b2436 100%);
}
.cat-cta-cta_banner .cat-ctab-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 46%;
  object-fit: cover;
  border-radius: 0;
  /* Blend the photo into the band: fade out toward the copy side */
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 34%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 34%);
}
.cat-cta-cta_banner .cat-ctab-img[src=""],
.cat-cta-cta_banner .cat-ctab-img[src="about:blank"] { display: none; }
.cat-cta-cta_banner .cat-ctab-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 56px clamp(20px, 4vw, 40px);
  text-align: left;
}
.cat-cta-cta_banner .cat-ctab-h {
  margin: 0;
  max-width: 620px;
  font-size: clamp(1.6rem, 2.8vw, 2.3rem);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #fff;
}
.cat-cta-cta_banner .cat-ctab-h .cat-ctab-h-pre { color: #fff; }
.cat-cta-cta_banner .cat-ctab-h .cat-ctab-h-accent { color: color-mix(in srgb, var(--sov-accent) 70%, #7dd3fc); }
.cat-cta-cta_banner .cat-ctab-sub {
  margin: 14px 0 0;
  max-width: 520px;
  font-size: 1.05rem;
  line-height: 1.6;
  color: rgba(241, 245, 249, 0.88);
}
.cat-cta-cta_banner .cat-ctab-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 26px;
  padding: 13px 26px;
  border-radius: 8px;
  background: var(--sov-accent);
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--sov-accent) 38%, transparent);
}
@media (max-width: 860px) {
  .cat-cta-cta_banner .cat-ctab-img {
    position: relative;
    width: 100%;
    height: 220px;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 30%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 30%);
  }
  .cat-cta-cta_banner .cat-ctab { flex-direction: column-reverse; }
}

.lp-section, .lp-section *{max-width:100%;}.lp-section svg{max-width:100%;height:auto;}.lp-section [aria-hidden='true']{overflow:visible;}