@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700;800;900&family=STIX+Two+Text:ital,wght@1,600;1,700&display=swap');

.crh-pay-figma{
      --navy: #140058;
      --navy-2: #1b0362;
      --purple: #4822f4;
      --lime: #d6fd6a;
      --lime-soft: #eefcc8;
      --lavender: #f6f4fe;
      --ink: #1a1a1a;
      --muted: #5e5a73;
      --line: rgba(20, 0, 88, .12);
      --white: #ffffff;
      --font-body: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      --font-display: 'Familjen Grotesk', Inter, sans-serif;
      --shadow: 0 24px 70px rgba(20,0,88,.16);
      --soft-shadow: 0 18px 48px rgba(20,0,88,.09);
    }.crh-pay-figma, .crh-pay-figma *{ box-sizing: border-box; }.crh-pay-figma{ scroll-behavior: smooth; }.crh-pay-figma{
      margin: 0;
      background: #fff;
      color: var(--navy);
      font-family: var(--font-body);
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      text-rendering: geometricPrecision;
    }.crh-pay-figma a{ color: inherit; text-decoration: none; }.crh-pay-figma img, .crh-pay-figma svg{ display: block; max-width: 100%; height: auto; }.crh-pay-figma p, .crh-pay-figma h1, .crh-pay-figma h2, .crh-pay-figma h3, .crh-pay-figma ul, .crh-pay-figma ol, .crh-pay-figma dl, .crh-pay-figma dd{ margin: 0; }.crh-pay-figma .wrap{ width: min(1200px, calc(100% - 48px)); margin: 0 auto; }.crh-pay-figma .section{ position: relative; padding: 108px 0; overflow: hidden; }.crh-pay-figma .top-launch{
      min-height: 42px;
      background: var(--lime);
      color: var(--navy);
      display: flex;
      align-items: center;
      font-size: 15px;
      line-height: 1.2;
    }.crh-pay-figma .top-launch .wrap{
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 22px;
      text-align: center;
    }.crh-pay-figma .top-launch p{ font-weight: 500; }.crh-pay-figma .top-launch a{ font-weight: 800; white-space: nowrap; }.crh-pay-figma .nav{
      min-height: 93px;
      background: var(--navy);
      color: #fff;
      display: flex;
      align-items: center;
      position: relative;
      z-index: 20;
    }.crh-pay-figma .nav .wrap{ display: flex; align-items: center; justify-content: space-between; gap: 28px; }.crh-pay-figma .brand{ width: 151px; flex: 0 0 auto; }.crh-pay-figma .nav-links{ display: flex; align-items: center; justify-content: center; gap: 32px; font-size: 15px; font-weight: 500; color: rgba(255,255,255,.82); }.crh-pay-figma .nav-links a:hover{ color: #fff; }.crh-pay-figma .button{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 0 28px;
      border-radius: 999px;
      background: var(--lime);
      color: var(--navy) !important;
      font-size: 16px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: -0.01em;
      border: 0;
      box-shadow: 0 14px 30px rgba(0,0,0,.18);
      transition: transform .2s ease, box-shadow .2s ease;
      white-space: nowrap;
    }.crh-pay-figma .button:hover{ transform: translateY(-1px); box-shadow: 0 18px 36px rgba(0,0,0,.22); }.crh-pay-figma .button--purple{ background: var(--purple); color: #fff !important; box-shadow: 0 12px 26px rgba(72,34,244,.24); }.crh-pay-figma .hero{
      min-height: 1049px;
      background: var(--navy);
      color: #fff;
      position: relative;
      overflow: hidden;
      padding: 92px 0 100px;
      isolation: isolate;
    }.crh-pay-figma .hero::before{
      content: '';
      position: absolute;
      inset: 0;
      z-index: 0;
      background:
        radial-gradient(900px 680px at 62% 34%, rgba(255,92,34,.34), rgba(255,92,34,0) 62%),
        radial-gradient(680px 520px at 72% 56%, rgba(72,34,244,.55), rgba(72,34,244,0) 66%);
      pointer-events: none;
    }.crh-pay-figma .hero-photo{
      position: absolute;
      z-index: 0;
      left: 26.4%;
      bottom: 0;
      width: min(900px, 70vw);
      height: 100%;
      object-fit: cover;
      object-position: center bottom;
      opacity: .98;
      pointer-events: none;
    }.crh-pay-figma .hero::after{
      content: '';
      position: absolute;
      inset: 0;
      z-index: 0;
      background: linear-gradient(90deg, var(--navy) 0%, rgba(20,0,88,.97) 24%, rgba(20,0,88,.55) 50%, rgba(20,0,88,.94) 100%);
      pointer-events: none;
    }.crh-pay-figma .hero-grid{
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: minmax(0, 610px) minmax(390px, 430px);
      justify-content: space-between;
      gap: 72px;
      align-items: start;
    }.crh-pay-figma .eyebrow{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--purple);
      background: rgba(72,34,244,.10);
      border-radius: 999px;
      padding: 6px 13px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      line-height: 1.2;
    }.crh-pay-figma .hero .eyebrow, .crh-pay-figma .ai .eyebrow, .crh-pay-figma .benefit .eyebrow{ color: var(--lime); background: rgba(214,253,106,.14); }.crh-pay-figma h1, .crh-pay-figma h2, .crh-pay-figma h3{ font-family: var(--font-display); letter-spacing: -.04em; }.crh-pay-figma .hero h1{
      margin-top: 28px;
      max-width: 600px;
      color: #fff;
      font-size: clamp(46px, 4.05vw, 58px);
      line-height: 1.04;
      font-weight: 600;
      text-wrap: balance;
    }.crh-pay-figma .hero-kicker{
      margin-top: 86px;
      color: var(--lime);
      font-family: var(--font-display);
      font-size: 42px;
      font-weight: 500;
      line-height: 1.25;
      letter-spacing: -.04em;
      text-wrap: balance;
    }.crh-pay-figma .hero-lead{
      margin-top: 28px;
      max-width: 600px;
      color: rgba(255,255,255,.88);
      font-size: 19px;
      line-height: 1.55;
    }.crh-pay-figma .launch-pill{
      margin-top: 52px;
      width: min(510px, 100%);
      padding: 24px 28px 25px 82px;
      border-radius: 26px;
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(214,253,106,.34);
      position: relative;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
    }.crh-pay-figma .launch-pill::before{
      content: '';
      position: absolute;
      left: 29px;
      top: 31px;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: var(--lime);
      box-shadow: 0 0 0 10px rgba(214,253,106,.12);
    }.crh-pay-figma .launch-pill span{ display: block; color: var(--lime); font-size: 12px; font-weight: 800; letter-spacing: .04em; }.crh-pay-figma .launch-pill strong{ display: block; margin-top: 5px; color: #fff; font-size: 19px; line-height: 1.22; font-weight: 700; }.crh-pay-figma .hero-actions{ margin-top: 48px; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }.crh-pay-figma .hero-badges{ width: 500px; max-width: 100%; margin-top: 50px; }.crh-pay-figma .form-card{
      background: #fff;
      color: var(--ink);
      border-radius: 28px;
      padding: 36px;
      box-shadow: 0 32px 90px rgba(0,0,0,.28);
      scroll-margin-top: 110px;
    }.crh-pay-figma .form-card h2{
      color: var(--navy);
      font-size: 28px;
      font-weight: 600;
      line-height: 1.25;
      letter-spacing: -.03em;
    }.crh-pay-figma .form-card > p{ margin-top: 14px; color: var(--muted); font-size: 15px; line-height: 1.5; }.crh-pay-figma .pardot-form-slot{ min-height: 560px; margin-top: 30px; }.crh-pay-figma .pardot-form-slot form, .crh-pay-figma .pardot-form-slot .form, .crh-pay-figma .pardot-form-slot .hs-form{
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 16px 12px !important;
      margin: 0 !important;
    }.crh-pay-figma .pardot-form-slot p, .crh-pay-figma .pardot-form-slot .form-field, .crh-pay-figma .pardot-form-slot .hs-form-field{ margin: 0 !important; }.crh-pay-figma .pardot-form-slot .form-field, .crh-pay-figma .pardot-form-slot .hs-form-field, .crh-pay-figma .pardot-form-slot .submit, .crh-pay-figma .pardot-form-slot .hs-submit, .crh-pay-figma .pardot-form-slot .errors, .crh-pay-figma .pardot-form-slot .legal-consent-container{ grid-column: 1 / -1 !important; }.crh-pay-figma .pardot-form-slot .first_name, .crh-pay-figma .pardot-form-slot .last_name, .crh-pay-figma .pardot-form-slot .firstname, .crh-pay-figma .pardot-form-slot .lastname, .crh-pay-figma .pardot-form-slot .hs_firstname, .crh-pay-figma .pardot-form-slot .hs_lastname{ grid-column: auto !important; }.crh-pay-figma .pardot-form-slot label{ display: block !important; margin: 0 0 10px !important; color: var(--ink) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; }.crh-pay-figma .pardot-form-slot input:not([type='checkbox']):not([type='radio']):not([type='submit']), .crh-pay-figma .pardot-form-slot select, .crh-pay-figma .pardot-form-slot textarea{
      width: 100% !important;
      min-height: 46px !important;
      border: 1px solid rgba(20,0,88,.14) !important;
      border-radius: 12px !important;
      background: #fff !important;
      color: var(--ink) !important;
      padding: 0 14px !important;
      font-family: var(--font-body) !important;
      font-size: 15px !important;
      box-shadow: none !important;
      outline: none !important;
      appearance: auto;
    }.crh-pay-figma .pardot-form-slot textarea{ min-height: 88px !important; padding-top: 12px !important; }.crh-pay-figma .pardot-form-slot .submit, .crh-pay-figma .pardot-form-slot p.submit, .crh-pay-figma .pardot-form-slot .hs-submit{ display: flex !important; justify-content: center !important; }.crh-pay-figma .pardot-form-slot input[type='submit'], .crh-pay-figma .pardot-form-slot button[type='submit'], .crh-pay-figma .pardot-form-slot .hs-button{
      width: 100% !important;
      min-height: 48px !important;
      border: 0 !important;
      border-radius: 999px !important;
      background: var(--lime) !important;
      color: var(--navy) !important;
      font-family: var(--font-body) !important;
      font-size: 16px !important;
      font-weight: 800 !important;
      cursor: pointer !important;
      padding: 0 24px !important;
      box-shadow: none !important;
    }.crh-pay-figma .pardot-form-slot .description, .crh-pay-figma .pardot-form-slot .error, .crh-pay-figma .pardot-form-slot .errors, .crh-pay-figma .pardot-form-slot .legal-consent-container, .crh-pay-figma .pardot-form-slot .legal-consent-container p, .crh-pay-figma .pardot-form-slot .hs-richtext{ color: var(--muted) !important; font-size: 12px !important; line-height: 1.35 !important; }.crh-pay-figma .form-note{ margin-top: 18px !important; color: var(--muted) !important; font-size: 12px !important; line-height: 1.25 !important; }.crh-pay-figma .logos{ min-height: 146px; background: #fff; display: flex; align-items: center; text-align: center; }.crh-pay-figma .logos p{ color: var(--muted); font-size: 15px; font-weight: 500; line-height: 1.2; }.crh-pay-figma .logo-row{ margin-top: 28px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 28px 44px; }.crh-pay-figma .logo-row span{ color: var(--navy); font-family: var(--font-display); font-size: 22px; font-weight: 700; line-height: 1.25; letter-spacing: -.02em; }.crh-pay-figma .section-head{ max-width: 850px; margin: 0 auto 68px; text-align: center; position: relative; z-index: 1; }.crh-pay-figma .section-head h2{ margin-top: 22px; color: var(--navy); font-size: 44px; font-weight: 600; line-height: 1.1; text-wrap: balance; }.crh-pay-figma .section-head p:not(.eyebrow){ margin: 18px auto 0; max-width: 780px; color: var(--muted); font-size: 18px; line-height: 1.5; }.crh-pay-figma .differentials{ min-height: 1087px; background: #ecfac8; }.crh-pay-figma .differentials::before{ content: ''; position: absolute; inset: 0; background: radial-gradient(720px 480px at 84% 20%, rgba(214,253,106,.72), rgba(214,253,106,0) 64%); pointer-events: none; }.crh-pay-figma .diff-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; position: relative; z-index: 1; }.crh-pay-figma .diff-card{
      background: #fff;
      border: 1px solid rgba(20,0,88,.08);
      border-radius: 28px;
      padding: 32px;
      min-height: 415px;
      box-shadow: var(--soft-shadow);
      display: flex;
      flex-direction: column;
    }.crh-pay-figma .diff-number{ color: var(--purple); font-family: var(--font-display); font-size: 40px; line-height: 1.25; font-weight: 700; }.crh-pay-figma .diff-card h3{ margin-top: 34px; color: var(--navy); font-size: 28px; line-height: 1.12; font-weight: 600; }.crh-pay-figma .diff-card p{ margin-top: 22px; color: var(--muted); font-size: 16px; line-height: 1.55; }.crh-pay-figma .diff-shot{ margin-top: auto; padding-top: 28px; }.crh-pay-figma .diff-shot img{ width: 100%; border-radius: 14px; box-shadow: 0 14px 34px rgba(20,0,88,.12); }.crh-pay-figma .proof-note{ position: relative; z-index: 1; margin-top: 30px; text-align: center; color: var(--muted); font-size: 12px; }.crh-pay-figma .benefit{ min-height: 735px; background: var(--navy); color: #fff; display: flex; align-items: center; padding: 92px 0; }.crh-pay-figma .benefit-grid{ display: grid; grid-template-columns: 340px minmax(0, 1fr) 420px; gap: 54px; align-items: center; }.crh-pay-figma .benefit-photo{ border-radius: 24px; overflow: hidden; box-shadow: 0 24px 70px rgba(0,0,0,.3); }.crh-pay-figma .benefit h2{ margin-top: 28px; color: #fff; font-size: 54px; line-height: 1.06; font-weight: 600; text-wrap: balance; }.crh-pay-figma .benefit p:not(.eyebrow){ margin-top: 32px; color: rgba(255,255,255,.86); font-size: 19px; line-height: 1.55; }.crh-pay-figma .benefit .button{ margin-top: 36px; }.crh-pay-figma .benefit small{ display: block; margin-top: 28px; color: rgba(255,255,255,.68); font-size: 13px; }.crh-pay-figma .steps{ background: #fff; color: var(--navy); border-radius: 28px; padding: 34px; box-shadow: 0 28px 80px rgba(0,0,0,.26); }.crh-pay-figma .steps h3{ font-size: 24px; line-height: 1.25; font-weight: 600; }.crh-pay-figma .steps ol{ list-style: none; padding: 0; display: grid; gap: 14px; margin-top: 26px; }.crh-pay-figma .steps li{ min-height: 58px; display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 14px; padding: 13px 16px; background: var(--lavender); border-radius: 16px; color: var(--ink); font-size: 15px; font-weight: 600; line-height: 1.2; }.crh-pay-figma .steps span{ width: 28px; height: 28px; border-radius: 50%; background: var(--purple); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; }.crh-pay-figma .steps strong{ color: var(--purple); font-size: 13px; font-weight: 800; }.crh-pay-figma .features{ min-height: 1962px; background: #fff; }.crh-pay-figma .screen-shell{ position: relative; width: min(1120px, 100%); margin: 0 auto 54px; border-radius: 18px; background: var(--purple); padding: 18px; box-shadow: 0 30px 90px rgba(20,0,88,.16); }.crh-pay-figma .screen-shell img{ border-radius: 12px; width: 100%; }.crh-pay-figma .feature-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }.crh-pay-figma .feature-card{ min-height: 220px; padding: 25px 22px; border-radius: 20px; background: #fff; border: 1px solid var(--line); box-shadow: 0 14px 36px rgba(20,0,88,.055); }.crh-pay-figma .icon-dot{ width: 30px; height: 30px; border-radius: 10px; background: var(--purple); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; margin-bottom: 22px; }.crh-pay-figma .feature-card h3{ color: var(--navy); font-size: 20px; line-height: 1.25; font-weight: 600; letter-spacing: -.025em; }.crh-pay-figma .feature-card p{ margin-top: 16px; color: var(--muted); font-size: 14px; line-height: 1.55; }.crh-pay-figma .center-cta{ display: flex; justify-content: center; margin-top: 64px; }.crh-pay-figma .ai{ min-height: 1002px; background: var(--navy); color: #fff; display: flex; align-items: center; padding: 110px 0; }.crh-pay-figma .ai::before{ content: ''; position: absolute; inset: 0; background: radial-gradient(780px 520px at 82% 50%, rgba(255,92,34,.32), rgba(255,92,34,0) 68%); pointer-events: none; }.crh-pay-figma .ai-grid{ position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 720px) 440px; gap: 72px; align-items: center; }.crh-pay-figma .ai h2{ margin-top: 24px; color: #fff; font-size: 48px; line-height: 1.08; font-weight: 600; text-wrap: balance; }.crh-pay-figma .ai-lead{ margin-top: 18px; color: rgba(255,255,255,.82); font-size: 18px; line-height: 1.5; }.crh-pay-figma .ai-card-grid{ margin-top: 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }.crh-pay-figma .ai-card{ min-height: 176px; padding: 28px; border-radius: 24px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); }.crh-pay-figma .ai-card h3{ color: #fff; font-size: 20px; line-height: 1.25; font-weight: 600; }.crh-pay-figma .ai-card p{ margin-top: 14px; color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.55; }.crh-pay-figma .scout-img{ width: 440px; border-radius: 28px; box-shadow: 0 28px 90px rgba(0,0,0,.35); }.crh-pay-figma .security{ min-height: 853px; background: #ecfac8; display: flex; align-items: center; }.crh-pay-figma .security .feature-card{ min-height: 178px; background: #fff; }.crh-pay-figma .certs{ width: min(860px, 100%); margin: 54px auto 0; border-radius: 18px; box-shadow: 0 20px 60px rgba(20,0,88,.12); }.crh-pay-figma .ecosystem{ min-height: 732px; background: var(--lavender); display: flex; align-items: center; }.crh-pay-figma .ecosystem-grid{ display: grid; grid-template-columns: minmax(0, 600px) minmax(380px, 500px); gap: 96px; align-items: center; }.crh-pay-figma .ecosystem h2{ margin-top: 24px; color: var(--navy); font-size: 42px; line-height: 1.1; font-weight: 600; }.crh-pay-figma .ecosystem p:not(.eyebrow){ margin-top: 28px; color: var(--muted); font-size: 18px; line-height: 1.5; }.crh-pay-figma .ecosystem ul{ list-style: none; padding: 0; display: grid; gap: 18px; margin-top: 34px; }.crh-pay-figma .ecosystem li{ position: relative; padding-left: 36px; color: var(--muted); font-size: 16px; line-height: 1.5; }.crh-pay-figma .ecosystem li::before{ content: ''; position: absolute; left: 0; top: 8px; width: 16px; height: 16px; border-radius: 50%; background: var(--purple); box-shadow: 0 0 0 6px rgba(72,34,244,.10); }.crh-pay-figma .ecosystem-card{ padding: 36px; border-radius: 30px; background: var(--navy); color: #fff; box-shadow: 0 24px 70px rgba(20,0,88,.18); }.crh-pay-figma .ecosystem-card > span{ color: rgba(255,255,255,.72); font-size: 13px; font-weight: 800; }.crh-pay-figma .pay-core{ margin-top: 28px; padding: 18px 20px; background: var(--lime); color: var(--navy); border-radius: 16px; }.crh-pay-figma .pay-core strong{ display: block; font-family: var(--font-display); font-size: 24px; line-height: 1.25; letter-spacing: -.025em; }.crh-pay-figma .pay-core small{ display: block; margin-top: 2px; color: rgba(20,0,88,.72); font-size: 14px; }.crh-pay-figma .ecosystem-card .flow{ margin-top: 16px; padding: 18px 20px; border-radius: 16px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); }.crh-pay-figma .ecosystem-card b{ display: block; color: #fff; font-size: 15px; }.crh-pay-figma .ecosystem-card .flow p{ margin-top: 7px !important; color: rgba(255,255,255,.7) !important; font-size: 14px !important; line-height: 1.25 !important; }.crh-pay-figma .pill-row{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }.crh-pay-figma .pill-row span{ display: inline-flex; padding: 8px 12px; border-radius: 999px; background: rgba(255,255,255,.10); color: rgba(255,255,255,.82); font-size: 13px; font-weight: 600; }.crh-pay-figma .compare{ min-height: 888px; background: var(--lavender); display: flex; align-items: center; }.crh-pay-figma .table{ overflow: hidden; border-radius: 26px; background: #fff; border: 1px solid rgba(20,0,88,.08); box-shadow: var(--soft-shadow); }.crh-pay-figma .tr{ min-height: 75px; display: grid; grid-template-columns: 220px 1fr 1fr; align-items: center; border-bottom: 1px solid rgba(20,0,88,.08); }.crh-pay-figma .tr:last-child{ border-bottom: 0; }.crh-pay-figma .tr.head{ min-height: 64px; background: var(--navy); color: #fff; }.crh-pay-figma .tr > *{ padding: 0 28px; font-size: 16px; line-height: 1.22; }.crh-pay-figma .tr span{ color: var(--navy); font-weight: 700; }.crh-pay-figma .tr p{ color: var(--muted); }.crh-pay-figma .tr p:first-of-type{ color: var(--navy); font-weight: 600; }.crh-pay-figma .tr.head strong{ color: #fff; font-size: 14px; font-weight: 800; }.crh-pay-figma .tr .yes::before{ content: '✓ '; color: var(--purple); font-weight: 900; }.crh-pay-figma .tr .no::before{ content: '× '; color: #ff5b35; font-weight: 900; }.crh-pay-figma .faq{ min-height: 1067px; background: var(--lavender); display: flex; align-items: center; }.crh-pay-figma .faq-grid{ display: grid; grid-template-columns: minmax(320px, 420px) minmax(0, 744px); gap: 56px; align-items: start; }.crh-pay-figma .faq h2{ margin-top: 24px; color: var(--navy); font-size: 40px; line-height: 1.1; font-weight: 600; }.crh-pay-figma .faq-intro{ margin-top: 30px; color: var(--muted); font-size: 17px; line-height: 1.5; }.crh-pay-figma .faq .button{ margin-top: 34px; }.crh-pay-figma .faq-list{ display: grid; gap: 12px; }.crh-pay-figma details{ border-radius: 18px; background: #fff; border: 1px solid rgba(20,0,88,.08); box-shadow: 0 10px 30px rgba(20,0,88,.04); overflow: hidden; }.crh-pay-figma summary{ position: relative; display: flex; align-items: center; min-height: 58px; padding: 18px 56px 18px 24px; color: var(--navy); font-size: 17px; font-weight: 700; line-height: 1.2; cursor: pointer; list-style: none; }.crh-pay-figma summary::-webkit-details-marker{ display: none; }.crh-pay-figma summary::after{ content: '+'; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); color: var(--purple); font-size: 24px; font-weight: 400; }.crh-pay-figma details[open] summary::after{ content: '–'; }.crh-pay-figma details p{ padding: 0 24px 22px; color: var(--muted); font-size: 15px; line-height: 1.55; }.crh-pay-figma .final-cta{ min-height: 678px; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; background: var(--navy) none center 58%/cover no-repeat; position: relative; overflow: hidden; padding: 90px 0; }.crh-pay-figma .final-cta::before{ content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20,0,88,.76), rgba(20,0,88,.42) 45%, rgba(20,0,88,.06)); }.crh-pay-figma .final-cta .wrap{ position: relative; z-index: 1; max-width: 920px; }.crh-pay-figma .final-cta h2{ color: #fff; font-size: 76px; line-height: 1; font-weight: 700; text-wrap: balance; }.crh-pay-figma .final-cta h2 em{ display: block; color: var(--lime); font-family: 'STIX Two Text', Georgia, serif; font-style: italic; font-weight: 600; letter-spacing: -.04em; }.crh-pay-figma .final-cta p{ margin: 42px auto 0; max-width: 760px; color: rgba(255,255,255,.9); font-size: 22px; line-height: 1.45; }.crh-pay-figma .final-cta strong{ display: block; margin-top: 52px; color: var(--lime); font-size: 16px; font-weight: 800; }.crh-pay-figma .final-cta .button{ margin-top: 30px; }.crh-pay-figma .final-cta small{ display: block; margin-top: 28px; color: rgba(255,255,255,.68); font-size: 13px; }.crh-pay-figma .footer{ min-height: 98px; background: #fff; color: var(--muted); display: flex; align-items: center; font-size: 14px; }.crh-pay-figma .footer .wrap{ display: flex; align-items: center; justify-content: space-between; gap: 24px; }.crh-pay-figma .footer-logo{ width: 151px; }.crh-pay-figma .footer-links{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 22px; }.crh-pay-figma .footer a{ color: var(--purple); font-weight: 600; }@media (max-width: 1120px){.crh-pay-figma .nav-links{ gap: 18px; font-size: 14px; }.crh-pay-figma .hero-grid, .crh-pay-figma .benefit-grid, .crh-pay-figma .ai-grid, .crh-pay-figma .ecosystem-grid, .crh-pay-figma .faq-grid{ gap: 42px; }.crh-pay-figma .benefit-grid{ grid-template-columns: 280px minmax(0,1fr); }.crh-pay-figma .steps{ grid-column: 1 / -1; max-width: 520px; justify-self: center; }.crh-pay-figma .feature-grid{ grid-template-columns: repeat(3, 1fr); }
    }@media (max-width: 920px){.crh-pay-figma .wrap{ width: min(760px, calc(100% - 36px)); }.crh-pay-figma .top-launch .wrap{ flex-direction: column; gap: 4px; padding: 8px 0; }.crh-pay-figma .nav{ min-height: auto; padding: 18px 0; }.crh-pay-figma .nav .wrap{ flex-wrap: wrap; justify-content: center; }.crh-pay-figma .nav-links{ order: 3; width: 100%; flex-wrap: wrap; }.crh-pay-figma .hero, .crh-pay-figma .benefit, .crh-pay-figma .ai, .crh-pay-figma .security, .crh-pay-figma .ecosystem, .crh-pay-figma .compare, .crh-pay-figma .faq{ min-height: auto; }.crh-pay-figma .hero-grid, .crh-pay-figma .ai-grid, .crh-pay-figma .ecosystem-grid, .crh-pay-figma .faq-grid{ grid-template-columns: 1fr; }.crh-pay-figma .hero{ padding: 72px 0; }.crh-pay-figma .hero-photo{ left: 20%; width: 110vw; opacity: .42; }.crh-pay-figma .hero::after{ background: linear-gradient(90deg, rgba(20,0,88,.98), rgba(20,0,88,.78)); }.crh-pay-figma .form-card{ max-width: 520px; margin: 0 auto; }.crh-pay-figma .diff-grid, .crh-pay-figma .benefit-grid{ grid-template-columns: 1fr; }.crh-pay-figma .benefit-photo{ max-width: 340px; justify-self: center; }.crh-pay-figma .feature-grid{ grid-template-columns: repeat(2, 1fr); }.crh-pay-figma .table{ overflow-x: auto; }.crh-pay-figma .tr{ min-width: 820px; }.crh-pay-figma .scout-img{ width: min(440px, 100%); justify-self: center; }.crh-pay-figma .footer .wrap{ flex-direction: column; text-align: center; }.crh-pay-figma .footer-links{ justify-content: center; }
    }@media (max-width: 640px){.crh-pay-figma .wrap{ width: calc(100% - 28px); }.crh-pay-figma .nav-links{ display: none; }.crh-pay-figma .brand{ width: 142px; }.crh-pay-figma .top-launch{ font-size: 13px; }.crh-pay-figma .hero h1{ font-size: 42px; }.crh-pay-figma .hero-kicker{ margin-top: 42px; font-size: 31px; }.crh-pay-figma .hero-lead, .crh-pay-figma .benefit p:not(.eyebrow), .crh-pay-figma .section-head p:not(.eyebrow), .crh-pay-figma .ecosystem p:not(.eyebrow){ font-size: 16px; }.crh-pay-figma .launch-pill{ padding: 22px 20px 22px 66px; }.crh-pay-figma .launch-pill::before{ left: 20px; width: 28px; height: 28px; }.crh-pay-figma .form-card{ padding: 24px; border-radius: 22px; }.crh-pay-figma .pardot-form-slot form, .crh-pay-figma .pardot-form-slot .form, .crh-pay-figma .pardot-form-slot .hs-form{ grid-template-columns: 1fr !important; }.crh-pay-figma .pardot-form-slot .first_name, .crh-pay-figma .pardot-form-slot .last_name, .crh-pay-figma .pardot-form-slot .firstname, .crh-pay-figma .pardot-form-slot .lastname, .crh-pay-figma .pardot-form-slot .hs_firstname, .crh-pay-figma .pardot-form-slot .hs_lastname{ grid-column: 1 / -1 !important; }.crh-pay-figma .section{ padding: 76px 0; }.crh-pay-figma .section-head h2, .crh-pay-figma .benefit h2, .crh-pay-figma .ai h2, .crh-pay-figma .ecosystem h2, .crh-pay-figma .faq h2{ font-size: 36px; }.crh-pay-figma .diff-card{ min-height: auto; }.crh-pay-figma .feature-grid, .crh-pay-figma .ai-card-grid{ grid-template-columns: 1fr; }.crh-pay-figma .steps{ padding: 24px; }.crh-pay-figma .steps li{ grid-template-columns: 30px 1fr; }.crh-pay-figma .steps strong{ grid-column: 2; }.crh-pay-figma .tr{ min-width: 720px; grid-template-columns: 160px 1fr 1fr; }.crh-pay-figma .final-cta h2{ font-size: 48px; }.crh-pay-figma .final-cta p{ font-size: 18px; }
    }
  
.crh-pay-figma{position:relative;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw;overflow:hidden;background:#fff;color:var(--navy);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;}
.crh-pay-figma .final-cta{background-image:none!important;}
.crh-pay-figma .final-cta .final-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center;z-index:0;}
.crh-pay-figma .hubspot-form-placeholder{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.crh-pay-figma .hubspot-form-placeholder div{display:flex;flex-direction:column;gap:10px}.crh-pay-figma .hubspot-form-placeholder b{font-size:13px;color:#1a1a1a}.crh-pay-figma .hubspot-form-placeholder span{display:flex;align-items:center;min-height:46px;border:1px solid rgba(20,0,88,.14);border-radius:12px;padding:0 14px;color:#5e5a73;font-size:15px}.crh-pay-figma .hubspot-form-placeholder .full{grid-column:1/-1}.crh-pay-figma .hubspot-form-placeholder p{color:#5e5a73;font-size:13px}.crh-pay-figma .hubspot-form-placeholder button{min-height:48px;border:0;border-radius:999px;background:#d6fd6a;color:#140058;font-weight:800;font-size:16px}
@media(max-width:640px){.crh-pay-figma .hubspot-form-placeholder{grid-template-columns:1fr}}

.crh-pay-figma .final-cta .final-bg-img{object-fit:fill!important;object-position:center!important;}
.crh-pay-figma .final-cta::before{background:linear-gradient(90deg, rgba(20,0,88,.76), rgba(20,0,88,.42) 45%, rgba(20,0,88,.06))!important;}

/* Figma 96:55 desktop recreation overrides */
.crh-pay-figma .button::after{content:'→';display:inline-block;margin-left:12px;font-weight:900;line-height:1;}
.crh-pay-figma .top-launch .button::after{content:none;}
.crh-pay-figma .badge-icon{width:52px;height:52px;flex:0 0 auto;}
.crh-pay-figma .card-top{display:flex;align-items:center;justify-content:space-between;}
.crh-pay-figma img.icon-dot{width:44px;height:44px;margin:0 0 14px 0;border-radius:12px;object-fit:contain;}

@media (min-width: 921px){
  .crh-pay-figma .wrap{width:1200px;max-width:calc(100% - 48px);}
  .crh-pay-figma .button{min-height:53px;min-width:229px;padding:0 24px;font-size:16px;box-shadow:none;}
  .crh-pay-figma .nav .button{min-height:44px;min-width:205px;font-size:15px;}

  .crh-pay-figma .hero{height:1049px;min-height:1049px;padding:88px 0 0;}
  .crh-pay-figma .hero-photo{left:26.3889%;width:900px;height:1049px;}
  .crh-pay-figma .hero-grid{grid-template-columns:540px 460px;gap:0;justify-content:space-between;align-items:start;}
  .crh-pay-figma .hero h1{max-width:540px;font-size:58px;line-height:1.04;margin-top:28px;}
  .crh-pay-figma .hero-kicker{margin-top:28px;font-size:52px;line-height:1.25;}
  .crh-pay-figma .hero-lead{margin-top:28px;max-width:540px;font-size:19px;line-height:1.52;}
  .crh-pay-figma .launch-pill{margin-top:28px;width:540px;min-height:103px;padding:18px 28px 18px 81px;border-radius:16px;}
  .crh-pay-figma .launch-pill::before{left:21px;top:30px;width:44px;height:44px;box-shadow:none;}
  .crh-pay-figma .launch-pill span{font-size:12px;line-height:15px;}
  .crh-pay-figma .launch-pill strong{margin-top:4px;font-size:19px;line-height:1.2;}
  .crh-pay-figma .hero-badges{width:500px;margin-top:109px;}
  .crh-pay-figma .form-card{width:460px;height:740px;padding:32px;border-radius:24px;}
  .crh-pay-figma .form-card h2{font-size:28px;line-height:35px;}
  .crh-pay-figma .form-card > p{margin-top:14px;font-size:15px;line-height:1.52;}
  .crh-pay-figma .pardot-form-slot{min-height:0;margin-top:16px;}
  .crh-pay-figma .hubspot-form-placeholder{grid-template-columns:192px 192px;gap:16px 12px;}
  .crh-pay-figma .hubspot-form-placeholder div{gap:6px;}
  .crh-pay-figma .hubspot-form-placeholder b{font-size:13px;line-height:16px;}
  .crh-pay-figma .hubspot-form-placeholder span{min-height:48px;height:48px;border-radius:10px;font-size:14px;}
  .crh-pay-figma .hubspot-form-placeholder p{height:18px;font-size:12px;line-height:18px;}
  .crh-pay-figma .hubspot-form-placeholder button{height:53px;min-height:53px;}
  .crh-pay-figma .form-note{margin-top:16px!important;font-size:12px!important;line-height:15px!important;}

  .crh-pay-figma .section-head{max-width:1100px;margin:0 auto 56px;}
  .crh-pay-figma .section-head h2{margin-top:16px;font-size:44px;line-height:1.1;}
  .crh-pay-figma .section-head p:not(.eyebrow){margin-top:16px;}

  .crh-pay-figma .differentials{height:1087px;min-height:1087px;padding:104px 0 0;background:#f6f4fe url("https://23946686.fs1.hubspotusercontent-na1.net/hubfs/23946686/Absolut%20Crehana%20Styles/Crehana%20Pay%20Landing%20Assets/figma-45-41/bg-diferenciales.webp") center center/cover no-repeat;}
  .crh-pay-figma .differentials::before{display:none;}
  .crh-pay-figma .diff-grid{grid-template-columns:repeat(3,384px);gap:24px;}
  .crh-pay-figma .diff-card{height:590px;min-height:590px;padding:33px;border-radius:24px;overflow:hidden;}
  .crh-pay-figma .diff-number{font-size:40px;line-height:50px;}
  .crh-pay-figma .diff-card h3{margin-top:20px;font-size:28px;line-height:1.11;}
  .crh-pay-figma .diff-card p{margin-top:20px;font-size:16px;line-height:1.56;}
  .crh-pay-figma .diff-shot{margin-top:20px;width:318px;padding:24px 8px;border-radius:16px;background:linear-gradient(135deg,#4822f4 0%,#140058 100%);display:flex;justify-content:center;align-items:flex-start;overflow:hidden;}
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot{height:213px;}
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot{height:193px;}
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{height:275px;}
  .crh-pay-figma .diff-shot img{width:302px;border-radius:0;box-shadow:none;}
  .crh-pay-figma .proof-note{margin-top:56px;}

  .crh-pay-figma .benefit{height:735px;min-height:735px;padding:0;}
  .crh-pay-figma .benefit-grid{grid-template-columns:340px 368px 380px;gap:56px;align-items:center;}
  .crh-pay-figma .benefit h2{font-size:58px;line-height:1.065;margin-top:30px;}
  .crh-pay-figma .benefit p:not(.eyebrow){margin-top:24px;font-size:19px;line-height:1.52;}
  .crh-pay-figma .benefit .button{margin-top:34px;}
  .crh-pay-figma .benefit small{margin-top:28px;line-height:16px;}
  .crh-pay-figma .steps{width:380px;padding:32px;border-radius:24px;}

  .crh-pay-figma .features{height:1962px;min-height:1962px;padding:104px 0 0;}
  .crh-pay-figma .features .section-head{max-width:900px;margin-bottom:56px;}
  .crh-pay-figma .features .section-head h2{font-size:44px;line-height:1.09;}
  .crh-pay-figma .screen-shell{width:1200px;height:570px;margin:0 auto 56px;padding:40px 40px 0;border-radius:28px;}
  .crh-pay-figma .screen-shell img{width:1120px;height:530px;object-fit:cover;border-radius:0;}
  .crh-pay-figma .feature-grid{grid-template-columns:repeat(4,282px);gap:24px;}
  .crh-pay-figma .feature-card{width:282px;height:235px;min-height:235px;padding:25px;border-radius:20px;}
  .crh-pay-figma .feature-card h3{font-size:20px;line-height:25px;}
  .crh-pay-figma .feature-card p{margin-top:14px;font-size:14px;line-height:1.56;}
  .crh-pay-figma .center-cta{margin-top:56px;}

  .crh-pay-figma .ai{height:977px;min-height:977px;padding:110px 0 0;align-items:flex-start;}
  .crh-pay-figma .ai-grid{display:block;position:relative;height:867px;}
  .crh-pay-figma .ai-grid > div{width:100%;}
  .crh-pay-figma .ai .eyebrow{display:flex;width:max-content;margin:0 auto;}
  .crh-pay-figma .ai h2{max-width:1100px;margin:10px auto 0;text-align:center;font-size:48px;line-height:1.08;}
  .crh-pay-figma .ai-lead{max-width:760px;margin:16px auto 0;text-align:center;font-size:18px;line-height:1.5;}
  .crh-pay-figma .ai-card-grid{width:720px;margin-top:82px;grid-template-columns:344px 344px;gap:20px;}
  .crh-pay-figma .ai-card{width:344px;height:238px;min-height:238px;padding:25px;border-radius:20px;}
  .crh-pay-figma .ai-card h3{margin-top:0;font-size:20px;line-height:25px;}
  .crh-pay-figma .ai-card p{margin-top:14px;font-size:14px;line-height:1.56;}
  .crh-pay-figma .scout-img{position:absolute;left:740px;top:216px;width:440px;height:547px;object-fit:cover;border-radius:28px;}

  .crh-pay-figma .security{height:853px;min-height:853px;padding:104px 0 0;align-items:flex-start;background:#f6f4fe url("https://23946686.fs1.hubspotusercontent-na1.net/hubfs/23946686/Absolut%20Crehana%20Styles/Crehana%20Pay%20Landing%20Assets/figma-45-41/bg-seguridad.webp") center center/cover no-repeat;}
  .crh-pay-figma .security .section-head{max-width:1150px;margin-bottom:48px;}
  .crh-pay-figma .security .feature-card{height:219px;min-height:219px;}
  .crh-pay-figma .certs{width:860px;height:112px;object-fit:contain;margin-top:76px;border-radius:0;box-shadow:none;}

  .crh-pay-figma .ecosystem{height:732px;min-height:732px;padding:0;}
  .crh-pay-figma .ecosystem-grid{grid-template-columns:608px 520px;gap:72px;align-items:center;}
  .crh-pay-figma .ecosystem h2{font-size:42px;line-height:1.1;}
  .crh-pay-figma .ecosystem-card{width:520px;min-height:499px;padding:36px;border-radius:30px;}
  .crh-pay-figma .pill-row span::before{content:'Crehana ';}

  .crh-pay-figma .compare{height:888px;min-height:888px;padding:104px 0 0;align-items:flex-start;}
  .crh-pay-figma .compare .section-head{max-width:860px;margin-bottom:48px;}
  .crh-pay-figma .compare .section-head p:not(.eyebrow){font-size:18px;line-height:27px;}
  .crh-pay-figma .table{width:1200px;border-radius:24px;}
  .crh-pay-figma .tr{grid-template-columns:280px 459px 459px;min-height:67px;}
  .crh-pay-figma .tr.head{min-height:61px;}
  .crh-pay-figma .tr:nth-child(2),.crh-pay-figma .tr:nth-child(5){min-height:83px;}

  .crh-pay-figma .faq{height:1067px;min-height:1067px;padding:110px 0 0;align-items:flex-start;}
  .crh-pay-figma .faq-grid{grid-template-columns:420px 744px;gap:56px;}

  .crh-pay-figma .final-cta{height:543px;min-height:543px;padding:40px 0 0;align-items:flex-start;justify-content:flex-start;text-align:left;}
  .crh-pay-figma .final-cta::before{background:linear-gradient(90deg, rgba(20,0,88,.84), rgba(20,0,88,.58) 40%, rgba(20,0,88,.10) 100%)!important;}
  .crh-pay-figma .final-cta .wrap{width:1200px;max-width:calc(100% - 48px);}
  .crh-pay-figma .final-cta h2{width:444px;font-size:82px;line-height:1.0;text-align:left;}
  .crh-pay-figma .final-cta h2 em{display:block;}
  .crh-pay-figma .final-cta p{margin:18px 0 0;max-width:560px;font-size:22px;line-height:1.45;}
  .crh-pay-figma .final-cta strong{position:relative;display:inline-flex;align-items:center;width:402px;min-height:70px;margin-top:22px;padding:0 24px 0 87px;border-radius:12px;background:#fff;color:var(--navy);font-size:14px;line-height:19px;font-weight:800;}
  .crh-pay-figma .final-cta strong::before{content:'';position:absolute;left:24px;top:19px;width:32px;height:32px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 8px rgba(214,253,106,.20);}
  .crh-pay-figma .final-cta .button{margin-top:25px;}
  .crh-pay-figma .final-cta small{margin-top:16px;color:rgba(255,255,255,.68);}
}

/* QA refinements from Figma render */
@media (min-width: 921px){
  .crh-pay-figma .hero-photo{left:380px;width:900px;height:1049px;object-fit:cover;object-position:center bottom;opacity:1;}
  .crh-pay-figma .hero::after{background:linear-gradient(90deg, var(--navy) 0%, rgba(20,0,88,.97) 24%, rgba(20,0,88,.30) 52%, rgba(20,0,88,.92) 100%);}
  .crh-pay-figma .hero .eyebrow{background:rgba(255,255,255,.14);color:#fff;}
  .crh-pay-figma .ai-card{background:#fff;border-color:#fff;}
  .crh-pay-figma .ai-card h3{color:var(--navy);}
  .crh-pay-figma .ai-card p{color:var(--muted);}
  .crh-pay-figma .certs{width:940px;height:168px;margin-top:48px;padding:28px 40px;border-radius:20px;background:var(--navy);box-sizing:border-box;object-fit:contain;}
  .crh-pay-figma .final-cta h2{font-size:76px;}
}

@media (min-width: 921px){
  .crh-pay-figma .final-cta strong{display:flex;width:444px;height:77px;margin-top:18px;}
  .crh-pay-figma .final-cta .button{display:inline-flex;margin-top:18px;}
}

/* Hero pass 02 — closer to provided reference + HubSpot-safe important overrides */
.crh-pay-figma .hero-actions .button::after{content:none!important;display:none!important;}
@media (min-width: 921px){
  .crh-pay-figma .hero{
    height:1049px!important;
    min-height:1049px!important;
    padding:81px 0 0!important;
    background:#140058 url("https://23946686.fs1.hubspotusercontent-na1.net/hubfs/23946686/Absolut%20Crehana%20Styles/Crehana%20Pay%20Landing%20Assets/figma-45-41/hero-background-drive.webp") center top/cover no-repeat!important;
    color:#fff!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  .crh-pay-figma .hero-photo{display:none!important;}
  .crh-pay-figma .hero::before{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background:linear-gradient(90deg, rgba(20,0,88,.93) 0%, rgba(20,0,88,.88) 44%, rgba(20,0,88,.92) 100%)!important;
    pointer-events:none!important;
  }
  .crh-pay-figma .hero::after{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background:radial-gradient(520px 560px at 83% 46%, rgba(72,34,244,.30), rgba(72,34,244,0) 72%)!important;
    pointer-events:none!important;
  }
  .crh-pay-figma .hero .wrap.hero-grid{
    width:1200px!important;
    max-width:calc(100% - 48px)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:730px 460px!important;
    gap:0!important;
    justify-content:space-between!important;
    align-items:start!important;
    position:relative!important;
    z-index:2!important;
  }
  .crh-pay-figma .hero-copy{width:730px!important;max-width:730px!important;}
  .crh-pay-figma .hero .eyebrow{
    display:inline-flex!important;
    height:31px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 14px!important;
    border-radius:999px!important;
    background:#d6fd6a!important;
    color:#140058!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:13px!important;
    line-height:31px!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
  }
  .crh-pay-figma .hero h1{
    max-width:730px!important;
    margin:38px 0 0!important;
    color:#fff!important;
    font-family:'Familjen Grotesk', Inter, sans-serif!important;
    font-size:58px!important;
    line-height:1.11!important;
    font-weight:600!important;
    letter-spacing:-.045em!important;
    text-wrap:balance!important;
  }
  .crh-pay-figma .hero-kicker{
    max-width:730px!important;
    margin:32px 0 0!important;
    color:#d6fd6a!important;
    font-family:'Familjen Grotesk', Inter, sans-serif!important;
    font-size:34px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.035em!important;
  }
  .crh-pay-figma .hero-lead{
    max-width:730px!important;
    margin:32px 0 0!important;
    color:rgba(255,255,255,.84)!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:21px!important;
    line-height:1.48!important;
    font-weight:400!important;
  }
  .crh-pay-figma .launch-pill{
    width:730px!important;
    min-height:86px!important;
    margin:32px 0 0!important;
    padding:17px 28px 17px 86px!important;
    border:0!important;
    border-radius:14px!important;
    background:#4822f4!important;
    box-shadow:none!important;
    position:relative!important;
  }
  .crh-pay-figma .launch-pill::before{
    content:''!important;
    position:absolute!important;
    left:22px!important;
    top:19px!important;
    width:48px!important;
    height:48px!important;
    border-radius:12px!important;
    background:#d6fd6a url("{{ get_asset_url('/Absolut Crehana Styles/Crehana Pay Landing Assets/figma-45-41/icons/hero-gift-centered.svg') }}") center center/24px 24px no-repeat!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .launch-pill span{
    display:block!important;
    color:#d6fd6a!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:12px!important;
    line-height:16px!important;
    font-weight:900!important;
    letter-spacing:.09em!important;
  }
  .crh-pay-figma .launch-pill strong{
    display:block!important;
    margin:4px 0 0!important;
    color:#fff!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:21px!important;
    line-height:1.22!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
  }
  .crh-pay-figma .hero-actions{
    display:flex!important;
    margin:31px 0 0!important;
    gap:0!important;
    align-items:center!important;
  }
  .crh-pay-figma .hero-actions .button{
    width:213px!important;
    min-width:213px!important;
    height:55px!important;
    min-height:55px!important;
    padding:0 24px!important;
    border-radius:999px!important;
    background:#d6fd6a!important;
    color:#140058!important;
    box-shadow:none!important;
    font-size:16px!important;
    font-weight:800!important;
    line-height:1!important;
  }
  .crh-pay-figma .hero-badges{
    width:532px!important;
    max-width:532px!important;
    margin:31px 0 0!important;
    height:auto!important;
  }
  .crh-pay-figma .form-card{
    width:460px!important;
    height:798px!important;
    min-height:798px!important;
    padding:38px 35px 32px!important;
    border-radius:25px!important;
    background:#fff!important;
    color:#1a1a1a!important;
    box-shadow:0 34px 96px rgba(0,0,0,.30)!important;
    scroll-margin-top:110px!important;
  }
  .crh-pay-figma .form-card h2{
    margin:0!important;
    color:#140058!important;
    font-family:'Familjen Grotesk', Inter, sans-serif!important;
    font-size:30px!important;
    line-height:1.12!important;
    font-weight:600!important;
    letter-spacing:-.035em!important;
  }
  .crh-pay-figma .form-card > p:not(.form-note){
    margin:18px 0 0!important;
    color:#625f7a!important;
    font-size:16px!important;
    line-height:1.48!important;
    font-weight:400!important;
  }
  .crh-pay-figma .pardot-form-slot{margin-top:18px!important;min-height:0!important;}
  .crh-pay-figma .pardot-form-slot form,
  .crh-pay-figma .pardot-form-slot .form,
  .crh-pay-figma .pardot-form-slot .hs-form,
  .crh-pay-figma .hubspot-form-placeholder{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:16px 12px!important;
    margin:0!important;
  }
  .crh-pay-figma .pardot-form-slot label,
  .crh-pay-figma .hubspot-form-placeholder b{
    margin:0 0 7px!important;
    color:#1a1a1a!important;
    font-size:13px!important;
    line-height:16px!important;
    font-weight:800!important;
  }
  .crh-pay-figma .pardot-form-slot input:not([type='checkbox']):not([type='radio']):not([type='submit']),
  .crh-pay-figma .pardot-form-slot select,
  .crh-pay-figma .pardot-form-slot textarea,
  .crh-pay-figma .hubspot-form-placeholder span{
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    border:1px solid #e2def4!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#77758d!important;
    padding:0 16px!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:52px!important;
    box-shadow:none!important;
    outline:0!important;
  }
  .crh-pay-figma .pardot-form-slot .submit,
  .crh-pay-figma .pardot-form-slot p.submit,
  .crh-pay-figma .pardot-form-slot .hs-submit{display:flex!important;justify-content:center!important;margin:0!important;}
  .crh-pay-figma .pardot-form-slot input[type='submit'],
  .crh-pay-figma .pardot-form-slot button[type='submit'],
  .crh-pay-figma .pardot-form-slot .hs-button,
  .crh-pay-figma .hubspot-form-placeholder button{
    width:100%!important;
    height:55px!important;
    min-height:55px!important;
    border:0!important;
    border-radius:999px!important;
    background:#4822f4!important;
    color:#fff!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:16px!important;
    font-weight:800!important;
    line-height:1!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }
  .crh-pay-figma .hubspot-form-placeholder p.full,
  .crh-pay-figma .pardot-form-slot .legal-consent-container,
  .crh-pay-figma .pardot-form-slot .legal-consent-container p,
  .crh-pay-figma .pardot-form-slot .hs-richtext{
    color:#625f7a!important;
    font-size:12px!important;
    line-height:18px!important;
  }
  .crh-pay-figma .form-note{
    margin:18px auto 0!important;
    max-width:360px!important;
    color:#625f7a!important;
    text-align:center!important;
    font-size:12px!important;
    line-height:16px!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .hero{
    background:#140058 url("https://23946686.fs1.hubspotusercontent-na1.net/hubfs/23946686/Absolut%20Crehana%20Styles/Crehana%20Pay%20Landing%20Assets/figma-45-41/hero-background-drive.webp") center top/cover no-repeat!important;
    padding:64px 0!important;
  }
  .crh-pay-figma .hero-photo{display:none!important;}
  .crh-pay-figma .hero::before{background:linear-gradient(90deg, rgba(20,0,88,.95), rgba(20,0,88,.86))!important;}
  .crh-pay-figma .hero .eyebrow{background:#d6fd6a!important;color:#140058!important;}
  .crh-pay-figma .hero-actions{display:flex!important;margin-top:28px!important;}
  .crh-pay-figma .launch-pill{background:#4822f4!important;border:0!important;border-radius:16px!important;}
  .crh-pay-figma .launch-pill::before{background:#d6fd6a url("{{ get_asset_url('/Absolut Crehana Styles/Crehana Pay Landing Assets/figma-45-41/icons/hero-gift-centered.svg') }}") center center/22px 22px no-repeat!important;border-radius:12px!important;box-shadow:none!important;}
  .crh-pay-figma .pardot-form-slot input[type='submit'],
  .crh-pay-figma .pardot-form-slot button[type='submit'],
  .crh-pay-figma .pardot-form-slot .hs-button,
  .crh-pay-figma .hubspot-form-placeholder button{background:#4822f4!important;color:#fff!important;}
}

/* Hero pass 03 — Figma node 3:28 exact sizing + provided photo as side/background */
@media (min-width: 921px){
  .crh-pay-figma .nav{min-height:92px!important;}
  .crh-pay-figma .hero{
    height:914px!important;
    min-height:914px!important;
    padding:80px 0 0!important;
    background:#140058 url("https://23946686.fs1.hubspotusercontent-na1.net/hubfs/23946686/Absolut%20Crehana%20Styles/Crehana%20Pay%20Landing%20Assets/figma-45-41/hero-background-drive.webp") center center/cover no-repeat!important;
    color:#fff!important;
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  .crh-pay-figma .hero-photo{display:none!important;}
  .crh-pay-figma .hero::before{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background:linear-gradient(90deg, rgba(20,0,88,.96) 0%, rgba(20,0,88,.92) 45%, rgba(20,0,88,.68) 68%, rgba(20,0,88,.88) 100%)!important;
    pointer-events:none!important;
  }
  .crh-pay-figma .hero::after{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background:radial-gradient(580px 420px at 82% 76%, rgba(72,34,244,.34), rgba(72,34,244,0) 70%)!important;
    pointer-events:none!important;
  }
  .crh-pay-figma .hero .wrap.hero-grid{
    width:1200px!important;
    max-width:calc(100% - 48px)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:676px 460px!important;
    column-gap:64px!important;
    row-gap:0!important;
    justify-content:start!important;
    align-items:start!important;
    position:relative!important;
    z-index:2!important;
  }
  .crh-pay-figma .hero-copy{width:676px!important;max-width:676px!important;}
  .crh-pay-figma .hero .eyebrow{
    display:inline-flex!important;
    width:auto!important;
    height:28px!important;
    min-height:28px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:999px!important;
    background:#d6fd6a!important;
    color:#140058!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:13px!important;
    line-height:16px!important;
    font-weight:700!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }
  .crh-pay-figma .hero h1{
    width:676px!important;
    max-width:676px!important;
    margin:28px 0 0!important;
    color:#fff!important;
    font-family:'Familjen Grotesk', Inter, sans-serif!important;
    font-size:54px!important;
    line-height:1.04!important;
    font-weight:600!important;
    letter-spacing:-.015em!important;
    text-wrap:balance!important;
  }
  .crh-pay-figma .hero-kicker{
    width:676px!important;
    max-width:676px!important;
    margin:28px 0 0!important;
    color:#d6fd6a!important;
    font-family:'Familjen Grotesk', Inter, sans-serif!important;
    font-size:34px!important;
    line-height:42.5px!important;
    font-weight:500!important;
    letter-spacing:0!important;
  }
  .crh-pay-figma .hero-lead{
    width:676px!important;
    max-width:676px!important;
    margin:28px 0 0!important;
    color:rgba(255,255,255,.86)!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:19px!important;
    line-height:29.45px!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  .crh-pay-figma .launch-pill{
    width:676px!important;
    max-width:676px!important;
    height:80px!important;
    min-height:80px!important;
    margin:28px 0 0!important;
    padding:18px 24px 18px 20px!important;
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    border:0!important;
    border-radius:16px!important;
    background:#4822f4!important;
    box-shadow:none!important;
    position:relative!important;
  }
  .crh-pay-figma .launch-pill::before{display:none!important;content:none!important;}
  .crh-pay-figma .launch-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    background:#d6fd6a!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .launch-icon img{width:22px!important;height:22px!important;display:block!important;object-fit:contain!important;}
  .crh-pay-figma .launch-text{display:block!important;width:572px!important;padding:0!important;margin:0!important;background:transparent!important;color:inherit!important;}
  .crh-pay-figma .launch-label{
    display:block!important;
    color:#d6fd6a!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:12px!important;
    line-height:15px!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  .crh-pay-figma .launch-pill strong{
    display:block!important;
    margin:4px 0 0!important;
    color:#fff!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:19px!important;
    line-height:23px!important;
    font-weight:600!important;
    letter-spacing:0!important;
  }
  .crh-pay-figma .hero-actions{display:flex!important;margin:28px 0 0!important;gap:0!important;align-items:center!important;}
  .crh-pay-figma .hero-actions .button{
    width:197px!important;
    min-width:197px!important;
    height:51px!important;
    min-height:51px!important;
    padding:0 28px!important;
    border:0!important;
    border-radius:999px!important;
    background:#d6fd6a!important;
    color:#140058!important;
    box-shadow:none!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:16px!important;
    line-height:19px!important;
    font-weight:600!important;
    letter-spacing:0!important;
  }
  .crh-pay-figma .hero-actions .button::after{display:none!important;content:none!important;}
  .crh-pay-figma .hero-badges{
    width:500px!important;
    max-width:500px!important;
    height:65px!important;
    margin:28px 0 0!important;
    object-fit:contain!important;
  }
  .crh-pay-figma .form-card{
    width:460px!important;
    height:738px!important;
    min-height:738px!important;
    padding:32px!important;
    border-radius:24px!important;
    background:#fff!important;
    color:#1a1a1a!important;
    box-shadow:0 34px 96px rgba(0,0,0,.26)!important;
    scroll-margin-top:110px!important;
  }
  .crh-pay-figma .form-card h2{
    margin:0!important;
    color:#140058!important;
    font-family:'Familjen Grotesk', Inter, sans-serif!important;
    font-size:28px!important;
    line-height:35px!important;
    font-weight:600!important;
    letter-spacing:0!important;
  }
  .crh-pay-figma .form-card > p:not(.form-note){
    width:396px!important;
    margin:16px 0 0!important;
    color:#5e5a73!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:15px!important;
    line-height:22.5px!important;
    font-weight:400!important;
  }
  .crh-pay-figma .pardot-form-slot{margin-top:16px!important;min-height:0!important;}
  .crh-pay-figma .pardot-form-slot form,
  .crh-pay-figma .pardot-form-slot .form,
  .crh-pay-figma .pardot-form-slot .hs-form,
  .crh-pay-figma .hubspot-form-placeholder{
    display:grid!important;
    grid-template-columns:192px 192px!important;
    gap:16px 12px!important;
    margin:0!important;
  }
  .crh-pay-figma .hubspot-form-placeholder div{height:70px!important;gap:6px!important;}
  .crh-pay-figma .pardot-form-slot label,
  .crh-pay-figma .hubspot-form-placeholder b{
    display:block!important;
    margin:0!important;
    color:#1a1a1a!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:13px!important;
    line-height:16px!important;
    font-weight:600!important;
  }
  .crh-pay-figma .pardot-form-slot input:not([type='checkbox']):not([type='radio']):not([type='submit']),
  .crh-pay-figma .pardot-form-slot select,
  .crh-pay-figma .pardot-form-slot textarea,
  .crh-pay-figma .hubspot-form-placeholder span{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    border:1px solid #e6e3f5!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#5e5a73!important;
    padding:0 15px!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:48px!important;
    box-shadow:none!important;
    outline:0!important;
  }
  .crh-pay-figma .hubspot-form-placeholder .full{grid-column:1/-1!important;width:396px!important;}
  .crh-pay-figma .hubspot-form-placeholder p.full{
    height:18px!important;
    margin:0!important;
    color:#5e5a73!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:13px!important;
    line-height:18px!important;
    font-weight:400!important;
  }
  .crh-pay-figma .pardot-form-slot input[type='submit'],
  .crh-pay-figma .pardot-form-slot button[type='submit'],
  .crh-pay-figma .pardot-form-slot .hs-button,
  .crh-pay-figma .hubspot-form-placeholder button{
    width:396px!important;
    height:51px!important;
    min-height:51px!important;
    border:0!important;
    border-radius:999px!important;
    background:#4822f4!important;
    color:#fff!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:19px!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }
  .crh-pay-figma .form-note{
    width:396px!important;
    max-width:396px!important;
    margin:16px 0 0!important;
    color:#5e5a73!important;
    text-align:center!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:12px!important;
    line-height:15px!important;
    font-weight:400!important;
  }
}

/* Hero pass 03.1 — tighten headline to match Figma line breaks in HubSpot rendering */
@media (min-width: 921px){
  .crh-pay-figma .hero h1{font-size:52px!important;line-height:1.08!important;letter-spacing:-.02em!important;}
}

/* Hero pass 03.2 — remove browser balanced wrapping; keep Figma headline rhythm */
@media (min-width: 921px){
  .crh-pay-figma .hero h1{font-size:54px!important;line-height:1.04!important;letter-spacing:-.015em!important;text-wrap:normal!important;}
}

/* Hero pass 03.3 — final headline browser fit */
@media (min-width: 921px){
  .crh-pay-figma .hero h1{font-size:52px!important;line-height:1.08!important;letter-spacing:-.015em!important;text-wrap:normal!important;}
}

/* Hero pass 03.4 — override text-wrap: balance with valid browser value */
@media (min-width: 921px){
  .crh-pay-figma .hero h1{font-size:52px!important;line-height:1.08!important;letter-spacing:-.015em!important;text-wrap:wrap!important;}
}

/* Hero pass 04 — remove hero CTA, right-side photo background, aligned gift icon */
.crh-pay-figma .hero-side-photo{display:none!important;}
@media (min-width: 921px){
  .crh-pay-figma .hero{
    height:914px!important;
    min-height:914px!important;
    padding:80px 0 0!important;
    background:#140058!important;
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  .crh-pay-figma .hero-side-photo{
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    top:0!important;
    right:0!important;
    width:760px!important;
    height:914px!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:.92!important;
    pointer-events:none!important;
  }
  .crh-pay-figma .hero::before{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:
      linear-gradient(90deg, #140058 0%, #140058 48%, rgba(20,0,88,.82) 64%, rgba(20,0,88,.52) 79%, rgba(20,0,88,.28) 100%),
      linear-gradient(180deg, rgba(20,0,88,.90) 0%, rgba(20,0,88,.30) 36%, rgba(20,0,88,.62) 100%)!important;
    pointer-events:none!important;
  }
  .crh-pay-figma .hero::after{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:radial-gradient(520px 420px at 86% 76%, rgba(72,34,244,.28), rgba(72,34,244,0) 72%)!important;
    pointer-events:none!important;
  }
  .crh-pay-figma .hero .wrap.hero-grid{z-index:2!important;}
  .crh-pay-figma .hero-actions{display:none!important;}
  .crh-pay-figma .launch-pill{
    align-items:flex-start!important;
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  .crh-pay-figma .launch-icon{
    margin:0!important;
    transform:none!important;
    align-self:flex-start!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .crh-pay-figma .launch-icon img{
    width:22px!important;
    height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    margin:0!important;
    transform:translateY(1px)!important;
  }
  .crh-pay-figma .launch-text{padding-top:1px!important;align-self:flex-start!important;}
  .crh-pay-figma .hero-badges{margin-top:28px!important;}
}
@media (max-width: 920px){
  .crh-pay-figma .hero{
    background:#140058!important;
    position:relative!important;
    overflow:hidden!important;
  }
  .crh-pay-figma .hero-side-photo{
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
    opacity:.34!important;
    pointer-events:none!important;
  }
  .crh-pay-figma .hero::before{z-index:1!important;background:linear-gradient(90deg, rgba(20,0,88,.97), rgba(20,0,88,.82))!important;}
  .crh-pay-figma .hero::after{z-index:1!important;background:linear-gradient(180deg, rgba(20,0,88,.84), rgba(20,0,88,.18) 42%, rgba(20,0,88,.72))!important;}
  .crh-pay-figma .hero .wrap.hero-grid{position:relative!important;z-index:2!important;}
  .crh-pay-figma .hero-actions{display:none!important;}
}

/* Hero pass 04.1 — use photo across hero so subject sits to the right of copy */
@media (min-width: 921px){
  .crh-pay-figma .hero-side-photo{
    left:0!important;
    right:auto!important;
    width:100%!important;
    height:914px!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:1!important;
  }
  .crh-pay-figma .hero::before{
    background:
      linear-gradient(90deg, #140058 0%, rgba(20,0,88,.98) 44%, rgba(20,0,88,.84) 58%, rgba(20,0,88,.50) 78%, rgba(20,0,88,.24) 100%),
      linear-gradient(180deg, rgba(20,0,88,.96) 0%, rgba(20,0,88,.30) 34%, rgba(20,0,88,.62) 100%)!important;
  }
  .crh-pay-figma .launch-icon img{transform:translate(1px,1px)!important;}
}

/* Hero pass 05 — visible right background image + perfectly centered gift icon */
@media (min-width: 921px){
  .crh-pay-figma .hero{
    background:#140058!important;
  }
  .crh-pay-figma .hero-side-photo{
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    top:0!important;
    left:auto!important;
    right:0!important;
    width:960px!important;
    height:914px!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:1!important;
    filter:none!important;
    pointer-events:none!important;
  }
  .crh-pay-figma .hero::before{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:
      linear-gradient(90deg, #140058 0%, rgba(20,0,88,.99) 39%, rgba(20,0,88,.74) 55%, rgba(20,0,88,.20) 76%, rgba(20,0,88,.04) 100%),
      linear-gradient(180deg, rgba(20,0,88,.82) 0%, rgba(20,0,88,.10) 38%, rgba(20,0,88,.48) 100%)!important;
    pointer-events:none!important;
  }
  .crh-pay-figma .hero::after{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:radial-gradient(560px 430px at 85% 76%, rgba(72,34,244,.20), rgba(72,34,244,0) 73%)!important;
    pointer-events:none!important;
  }
  .crh-pay-figma .launch-pill{
    display:grid!important;
    grid-template-columns:44px 1fr!important;
    align-items:center!important;
    gap:16px!important;
    padding:18px 24px 18px 20px!important;
  }
  .crh-pay-figma .launch-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    align-self:center!important;
    justify-self:center!important;
    border-radius:12px!important;
    background:#d6fd6a!important;
    line-height:0!important;
    font-size:0!important;
    overflow:hidden!important;
    transform:none!important;
  }
  .crh-pay-figma .launch-icon img{
    display:block!important;
    width:22px!important;
    height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    position:static!important;
  }
  .crh-pay-figma .launch-text{
    width:auto!important;
    min-width:0!important;
    align-self:center!important;
    padding:0!important;
    margin:0!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .hero-side-photo{opacity:.55!important;filter:none!important;}
  .crh-pay-figma .hero::before{background:linear-gradient(90deg, rgba(20,0,88,.97), rgba(20,0,88,.70))!important;}
  .crh-pay-figma .launch-icon{display:grid!important;place-items:center!important;line-height:0!important;font-size:0!important;}
  .crh-pay-figma .launch-icon img{width:22px!important;height:22px!important;margin:0!important;transform:none!important;}
}

/* Hero pass 05.1 — avoid duplicate legacy pseudo gift on all breakpoints */
.crh-pay-figma .launch-pill::before{display:none!important;content:none!important;}

/* Hero pass 05.2 — make the right-side photo clearly visible while preserving top gradient */
@media (min-width: 921px){
  .crh-pay-figma .hero::before{
    background:
      linear-gradient(90deg, #140058 0%, rgba(20,0,88,.98) 40%, rgba(20,0,88,.70) 53%, rgba(20,0,88,.16) 70%, rgba(20,0,88,.02) 100%),
      linear-gradient(180deg, rgba(20,0,88,.76) 0%, rgba(20,0,88,.08) 38%, rgba(20,0,88,.44) 100%)!important;
  }
}

/* Hero pass 06 — glass form, progressive fields, image further right, vertical gift centering */
.crh-pay-figma .crh-progressive-hidden,
.crh-pay-figma .crh-progressive-submit-hidden{display:none!important;}
.crh-pay-figma .crh-progressive-next{
  grid-column:1/-1!important;
  width:100%!important;
  height:51px!important;
  min-height:51px!important;
  border:0!important;
  border-radius:999px!important;
  background:#4822f4!important;
  color:#fff!important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:19px!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.crh-pay-figma .crh-progressive-next::after{content:'→'!important;display:inline-block!important;margin-left:10px!important;}
@media (min-width: 921px){
  .crh-pay-figma .hero-side-photo{
    right:-260px!important;
    width:1040px!important;
    height:914px!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:1!important;
  }
  .crh-pay-figma .hero::before{
    background:
      linear-gradient(90deg, #140058 0%, rgba(20,0,88,.99) 42%, rgba(20,0,88,.76) 56%, rgba(20,0,88,.20) 75%, rgba(20,0,88,.04) 100%),
      linear-gradient(180deg, rgba(20,0,88,.80) 0%, rgba(20,0,88,.10) 36%, rgba(20,0,88,.46) 100%)!important;
  }
  .crh-pay-figma .form-card{
    height:auto!important;
    min-height:548px!important;
    padding:32px!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(255,255,255,.62)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.22)!important;
    backdrop-filter:blur(24px) saturate(1.22)!important;
    box-shadow:0 34px 96px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.60)!important;
  }
  .crh-pay-figma .form-card::before{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    border-radius:24px!important;
    background:linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,.06))!important;
    pointer-events:none!important;
  }
  .crh-pay-figma .form-card > *{position:relative!important;z-index:1!important;}
  .crh-pay-figma .pardot-form-slot input:not([type='checkbox']):not([type='radio']):not([type='submit']),
  .crh-pay-figma .pardot-form-slot select,
  .crh-pay-figma .pardot-form-slot textarea,
  .crh-pay-figma .hubspot-form-placeholder span{
    background:rgba(255,255,255,.72)!important;
    border-color:rgba(230,227,245,.92)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.50)!important;
  }
  .crh-pay-figma .launch-icon{display:flex!important;align-items:center!important;justify-content:center!important;}
  .crh-pay-figma .launch-icon img{
    position:relative!important;
    top:2px!important;
    transform:none!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .form-card{
    background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(255,255,255,.62)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.18)!important;
    backdrop-filter:blur(20px) saturate(1.18)!important;
  }
  .crh-pay-figma .launch-icon img{position:relative!important;top:2px!important;transform:none!important;}
}

/* Hero pass 06.1 — progressive initial state shorter */
@media (min-width: 921px){
  .crh-pay-figma .form-card{min-height:506px!important;}
  .crh-pay-figma .launch-icon img{top:3px!important;}
}
@media (max-width: 920px){.crh-pay-figma .launch-icon img{top:3px!important;}}

/* Hero pass 07 — stronger left gradient, opaque form, final gift vertical centering */
@media (min-width: 921px){
  .crh-pay-figma .hero-side-photo{
    right:-360px!important;
    width:1120px!important;
    height:914px!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:1!important;
  }
  .crh-pay-figma .hero::before{
    background:
      linear-gradient(90deg, #140058 0%, #140058 52%, rgba(20,0,88,.94) 64%, rgba(20,0,88,.66) 80%, rgba(20,0,88,.26) 100%),
      linear-gradient(180deg, rgba(20,0,88,.86) 0%, rgba(20,0,88,.20) 38%, rgba(20,0,88,.58) 100%)!important;
  }
  .crh-pay-figma .hero::after{
    background:radial-gradient(560px 430px at 89% 76%, rgba(72,34,244,.16), rgba(72,34,244,0) 73%)!important;
  }
  .crh-pay-figma .form-card{
    background:#ffffff!important;
    border:1px solid rgba(255,255,255,.96)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:0 34px 96px rgba(0,0,0,.26)!important;
  }
  .crh-pay-figma .form-card::before{display:none!important;content:none!important;}
  .crh-pay-figma .pardot-form-slot input:not([type='checkbox']):not([type='radio']):not([type='submit']),
  .crh-pay-figma .pardot-form-slot select,
  .crh-pay-figma .pardot-form-slot textarea,
  .crh-pay-figma .hubspot-form-placeholder span{
    background:#ffffff!important;
    border-color:#e6e3f5!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .launch-icon{
    display:grid!important;
    place-items:center!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:0!important;
    font-size:0!important;
  }
  .crh-pay-figma .launch-icon img{
    position:relative!important;
    top:8px!important;
    transform:none!important;
    width:22px!important;
    height:22px!important;
    margin:0!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .hero::before{background:linear-gradient(90deg, rgba(20,0,88,.98), rgba(20,0,88,.80))!important;}
  .crh-pay-figma .form-card{background:#ffffff!important;border:1px solid rgba(255,255,255,.96)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
  .crh-pay-figma .form-card::before{display:none!important;content:none!important;}
  .crh-pay-figma .launch-icon img{position:relative!important;top:8px!important;transform:none!important;}
}

/* Hero pass 08 — smaller two-color kicker from Figma color system */
@media (min-width: 921px){
  .crh-pay-figma .hero-kicker{
    width:676px!important;
    max-width:676px!important;
    margin:24px 0 0!important;
    font-family:'Familjen Grotesk', Inter, sans-serif!important;
    font-size:25px!important;
    line-height:31px!important;
    font-weight:600!important;
    letter-spacing:-.01em!important;
    color:#ffffff!important;
  }
  .crh-pay-figma .hero-kicker-main{color:#ffffff!important;}
  .crh-pay-figma .hero-kicker-accent{color:#d6fd6a!important;}
  .crh-pay-figma .hero-lead{margin-top:24px!important;}
}
@media (max-width: 920px){
  .crh-pay-figma .hero-kicker{
    font-size:24px!important;
    line-height:30px!important;
    color:#ffffff!important;
  }
  .crh-pay-figma .hero-kicker-main{color:#ffffff!important;}
  .crh-pay-figma .hero-kicker-accent{color:#d6fd6a!important;}
}

/* Hero pass 09 — benefit card colors per latest reference */
@media (min-width: 921px){
  .crh-pay-figma .launch-pill{
    background:rgba(255,255,255,.08)!important;
    border:2px solid rgba(214,253,106,.68)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
    -webkit-backdrop-filter:blur(10px) saturate(1.10)!important;
    backdrop-filter:blur(10px) saturate(1.10)!important;
  }
  .crh-pay-figma .launch-icon{
    background:#d6fd6a!important;
    color:#140058!important;
  }
  .crh-pay-figma .launch-label{
    color:#d6fd6a!important;
  }
  .crh-pay-figma .launch-pill strong{
    color:#ffffff!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .launch-pill{
    background:rgba(255,255,255,.08)!important;
    border:2px solid rgba(214,253,106,.68)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
    -webkit-backdrop-filter:blur(10px) saturate(1.10)!important;
    backdrop-filter:blur(10px) saturate(1.10)!important;
  }
  .crh-pay-figma .launch-icon{background:#d6fd6a!important;color:#140058!important;}
  .crh-pay-figma .launch-label{color:#d6fd6a!important;}
  .crh-pay-figma .launch-pill strong{color:#ffffff!important;}
}

/* Logos section — use provided HubSpot SVG customer logos */
.crh-pay-figma .logo-row{
  margin-top:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:24px 38px!important;
}
.crh-pay-figma .logo-row img{
  display:block!important;
  width:auto!important;
  height:32px!important;
  max-width:145px!important;
  object-fit:contain!important;
  opacity:.86!important;
  filter:none!important;
}
.crh-pay-figma .logo-row span{display:none!important;}
@media (max-width: 920px){
  .crh-pay-figma .logo-row{gap:20px 28px!important;}
  .crh-pay-figma .logo-row img{height:28px!important;max-width:128px!important;}
}

.crh-pay-figma .logo-row img{opacity:1!important;}

/* Logos section size pass — larger customer logos */
.crh-pay-figma .logo-row{
  gap:26px 44px!important;
}
.crh-pay-figma .logo-row img{
  height:44px!important;
  max-width:190px!important;
  width:auto!important;
  object-fit:contain!important;
}
@media (max-width: 920px){
  .crh-pay-figma .logo-row{gap:22px 32px!important;}
  .crh-pay-figma .logo-row img{height:34px!important;max-width:150px!important;}
}

/* Mobile hero + logos pass 01 */
@media (max-width: 920px){
  .crh-pay-figma .top-launch{
    min-height:auto!important;
    padding:9px 0!important;
    font-size:13px!important;
    line-height:1.25!important;
  }
  .crh-pay-figma .top-launch .wrap{
    width:calc(100% - 28px)!important;
    gap:2px!important;
    padding:0!important;
  }
  .crh-pay-figma .top-launch p{max-width:330px!important;margin:0 auto!important;}
  .crh-pay-figma .top-launch a{font-size:13px!important;}

  .crh-pay-figma .nav{
    min-height:72px!important;
    padding:0!important;
  }
  .crh-pay-figma .nav .wrap{
    width:calc(100% - 28px)!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  .crh-pay-figma .brand{width:132px!important;min-width:132px!important;}
  .crh-pay-figma .nav .button{
    min-width:154px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 17px!important;
    font-size:14px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .nav .button::after{margin-left:8px!important;}

  .crh-pay-figma .hero{
    min-height:auto!important;
    height:auto!important;
    padding:46px 0 56px!important;
    background:#140058!important;
    overflow:hidden!important;
  }
  .crh-pay-figma .hero-side-photo{
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:72% top!important;
    opacity:.50!important;
    filter:none!important;
  }
  .crh-pay-figma .hero::before{
    z-index:1!important;
    background:linear-gradient(90deg, rgba(20,0,88,.99) 0%, rgba(20,0,88,.94) 48%, rgba(20,0,88,.72) 100%)!important;
  }
  .crh-pay-figma .hero::after{
    z-index:1!important;
    background:linear-gradient(180deg, rgba(20,0,88,.88) 0%, rgba(20,0,88,.20) 42%, rgba(20,0,88,.76) 100%)!important;
  }
  .crh-pay-figma .hero .wrap.hero-grid{
    width:calc(100% - 28px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:32px!important;
    position:relative!important;
    z-index:2!important;
  }
  .crh-pay-figma .hero-copy,
  .crh-pay-figma .hero h1,
  .crh-pay-figma .hero-kicker,
  .crh-pay-figma .hero-lead,
  .crh-pay-figma .launch-pill{
    width:100%!important;
    max-width:100%!important;
  }
  .crh-pay-figma .hero .eyebrow{
    height:auto!important;
    min-height:26px!important;
    max-width:100%!important;
    padding:6px 12px!important;
    border-radius:999px!important;
    background:#d6fd6a!important;
    color:#140058!important;
    font-size:11px!important;
    line-height:14px!important;
    font-weight:800!important;
    letter-spacing:.055em!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .crh-pay-figma .hero h1{
    margin-top:24px!important;
    font-size:38px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    text-wrap:wrap!important;
  }
  .crh-pay-figma .hero-kicker{
    margin-top:20px!important;
    font-size:21px!important;
    line-height:27px!important;
    font-weight:600!important;
  }
  .crh-pay-figma .hero-lead{
    margin-top:20px!important;
    font-size:16px!important;
    line-height:25px!important;
    color:rgba(255,255,255,.86)!important;
  }
  .crh-pay-figma .launch-pill{
    margin-top:24px!important;
    min-height:88px!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    padding:16px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.08)!important;
    border:2px solid rgba(214,253,106,.72)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  }
  .crh-pay-figma .launch-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    display:grid!important;
    place-items:center!important;
    align-self:center!important;
    justify-self:center!important;
    padding:0!important;
    margin:0!important;
    border-radius:12px!important;
    background:#d6fd6a!important;
    line-height:0!important;
    font-size:0!important;
    overflow:hidden!important;
  }
  .crh-pay-figma .launch-icon img{
    width:22px!important;
    height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    top:auto!important;
    transform:none!important;
    object-fit:contain!important;
  }
  .crh-pay-figma .launch-text{width:auto!important;min-width:0!important;padding:0!important;margin:0!important;align-self:center!important;}
  .crh-pay-figma .launch-label{font-size:11px!important;line-height:14px!important;letter-spacing:.08em!important;}
  .crh-pay-figma .launch-pill strong{font-size:17px!important;line-height:21px!important;margin-top:4px!important;}
  .crh-pay-figma .hero-badges{
    width:100%!important;
    max-width:340px!important;
    height:auto!important;
    margin:26px auto 0!important;
    object-fit:contain!important;
  }
  .crh-pay-figma .form-card{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:auto!important;
    margin:0!important;
    padding:24px!important;
    border-radius:22px!important;
    background:#fff!important;
    border:1px solid rgba(255,255,255,.96)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.24)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .crh-pay-figma .form-card h2{font-size:28px!important;line-height:34px!important;}
  .crh-pay-figma .form-card > p:not(.form-note){width:100%!important;font-size:15px!important;line-height:22px!important;}
  .crh-pay-figma .pardot-form-slot{margin-top:20px!important;}
  .crh-pay-figma .hubspot-form-placeholder,
  .crh-pay-figma .pardot-form-slot form,
  .crh-pay-figma .pardot-form-slot .form,
  .crh-pay-figma .pardot-form-slot .hs-form{
    grid-template-columns:1fr!important;
    gap:15px!important;
  }
  .crh-pay-figma .hubspot-form-placeholder .full,
  .crh-pay-figma .hubspot-form-placeholder button,
  .crh-pay-figma .form-note{width:100%!important;max-width:100%!important;}

  .crh-pay-figma .logos{
    min-height:auto!important;
    padding:30px 0 32px!important;
  }
  .crh-pay-figma .logos .wrap{width:calc(100% - 28px)!important;}
  .crh-pay-figma .logos p{
    max-width:330px!important;
    margin:0 auto!important;
    font-size:13px!important;
    line-height:18px!important;
  }
  .crh-pay-figma .logo-row{
    margin-top:24px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:center!important;
    gap:20px 18px!important;
  }
  .crh-pay-figma .logo-row img{
    height:32px!important;
    max-width:100%!important;
    width:auto!important;
    object-fit:contain!important;
  }
}
@media (max-width: 640px){
  .crh-pay-figma .logo-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px 24px!important;
  }
  .crh-pay-figma .logo-row img{height:34px!important;max-width:140px!important;}
}

/* Mobile hero + logos pass 01.1 — collapse progressive form whitespace */
@media (max-width: 920px){
  .crh-pay-figma .pardot-form-slot{min-height:0!important;}
  .crh-pay-figma .form-note{margin-top:18px!important;text-align:left!important;}
}

/* Mobile logos carousel */
.crh-pay-figma .logo-row .logo-dup{display:none!important;}
@media (max-width: 640px){
  .crh-pay-figma .logos{
    overflow:hidden!important;
    padding:28px 0 30px!important;
  }
  .crh-pay-figma .logos .wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .crh-pay-figma .logos p{
    max-width:330px!important;
    padding:0 14px!important;
    margin:0 auto!important;
  }
  .crh-pay-figma .logo-row{
    width:max-content!important;
    min-width:max-content!important;
    margin-top:24px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:32px!important;
    will-change:transform!important;
    animation:crhPayLogoMarquee 24s linear infinite!important;
  }
  .crh-pay-figma .logo-row .logo-dup{display:block!important;}
  .crh-pay-figma .logo-row img{
    flex:0 0 auto!important;
    display:block!important;
    width:auto!important;
    height:36px!important;
    max-width:150px!important;
    object-fit:contain!important;
    opacity:1!important;
  }
  .crh-pay-figma .logo-row:hover{animation-play-state:paused!important;}
}
@keyframes crhPayLogoMarquee{
  0%{transform:translate3d(0,0,0);}
  100%{transform:translate3d(calc(-50% - 16px),0,0);}
}
@media (prefers-reduced-motion: reduce){
  .crh-pay-figma .logo-row{animation:none!important;transform:none!important;}
}

/* Diferenciales pass 01 — green gradient background + consistent cards */
.crh-pay-figma .differentials{
  background-color:#ecfac8!important;
  background-image:
    radial-gradient(760px 460px at 84% 9%, rgba(214,253,106,.96), rgba(214,253,106,.28) 45%, rgba(214,253,106,0) 72%),
    radial-gradient(820px 520px at 12% 68%, rgba(214,253,106,.62), rgba(214,253,106,0) 70%),
    linear-gradient(180deg, #e9ffc0 0%, #f4ffd8 56%, #eefbd0 100%)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.crh-pay-figma .differentials::before{display:none!important;content:none!important;}
@media (min-width: 921px){
  .crh-pay-figma .differentials{
    height:auto!important;
    min-height:1087px!important;
    padding:104px 0 92px!important;
  }
  .crh-pay-figma .diff-grid{
    display:grid!important;
    grid-template-columns:repeat(3,384px)!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  .crh-pay-figma .diff-card{
    width:384px!important;
    height:620px!important;
    min-height:620px!important;
    padding:36px 34px 34px!important;
    border-radius:24px!important;
    background:#fff!important;
    border:1px solid rgba(20,0,88,.08)!important;
    box-shadow:0 24px 64px rgba(20,0,88,.10)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .crh-pay-figma .diff-card .card-top{
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin:0!important;
  }
  .crh-pay-figma .diff-number{font-size:40px!important;line-height:50px!important;}
  .crh-pay-figma .badge-icon{width:52px!important;height:52px!important;}
  .crh-pay-figma .diff-card h3{
    margin:26px 0 0!important;
    min-height:64px!important;
    color:#140058!important;
    font-size:26px!important;
    line-height:1.14!important;
    font-weight:600!important;
    letter-spacing:-.025em!important;
  }
  .crh-pay-figma .diff-card p{
    margin:20px 0 0!important;
    min-height:112px!important;
    color:#5e5a73!important;
    font-size:16px!important;
    line-height:1.55!important;
  }
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    width:100%!important;
    height:230px!important;
    min-height:230px!important;
    margin:26px 0 0!important;
    padding:24px 12px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#4822f4 0%,#140058 100%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .crh-pay-figma .diff-shot img{
    width:100%!important;
    max-width:292px!important;
    max-height:178px!important;
    height:auto!important;
    object-fit:contain!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .proof-note{margin-top:52px!important;}
}
@media (max-width: 920px){
  .crh-pay-figma .differentials{
    min-height:auto!important;
    padding:76px 0 84px!important;
  }
  .crh-pay-figma .differentials .section-head{margin-bottom:48px!important;}
  .crh-pay-figma .diff-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  .crh-pay-figma .diff-card{
    width:100%!important;
    min-height:590px!important;
    padding:32px!important;
    border-radius:24px!important;
    background:#fff!important;
    border:1px solid rgba(20,0,88,.08)!important;
    box-shadow:0 22px 58px rgba(20,0,88,.10)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .crh-pay-figma .diff-card .card-top{
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin:0!important;
  }
  .crh-pay-figma .diff-card h3{
    margin:26px 0 0!important;
    min-height:auto!important;
    font-size:27px!important;
    line-height:1.14!important;
  }
  .crh-pay-figma .diff-card p{
    margin:22px 0 0!important;
    min-height:auto!important;
    font-size:16px!important;
    line-height:1.55!important;
  }
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    width:100%!important;
    height:220px!important;
    min-height:220px!important;
    margin-top:auto!important;
    padding:24px 12px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#4822f4 0%,#140058 100%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .crh-pay-figma .diff-shot img{
    width:100%!important;
    max-width:280px!important;
    max-height:172px!important;
    height:auto!important;
    object-fit:contain!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .proof-note{margin-top:34px!important;}
}
@media (max-width: 640px){
  .crh-pay-figma .differentials{padding:68px 0 76px!important;}
  .crh-pay-figma .diff-card{min-height:590px!important;padding:32px!important;}
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{height:205px!important;min-height:205px!important;}
  .crh-pay-figma .diff-shot img{max-width:260px!important;max-height:158px!important;}
}

/* Diferenciales heading alignment fix — Safari/macOS safe */
.crh-pay-figma .differentials .section-head{
  width:100%!important;
  max-width:1100px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.crh-pay-figma .differentials .section-head .eyebrow{
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.crh-pay-figma .differentials .section-head h2{
  width:100%!important;
  max-width:1100px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.crh-pay-figma .differentials .section-head p:not(.eyebrow){
  display:block!important;
  width:min(780px, 100%)!important;
  max-width:780px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:balance!important;
}
@media (max-width: 920px){
  .crh-pay-figma .differentials .section-head{
    width:100%!important;
    max-width:100%!important;
    align-items:center!important;
    text-align:center!important;
  }
  .crh-pay-figma .differentials .section-head h2,
  .crh-pay-figma .differentials .section-head p:not(.eyebrow){
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Diferenciales eyebrow — white translucent tag */
.crh-pay-figma .differentials .section-head .eyebrow{
  background:rgba(255,255,255,.56)!important;
  color:#4822f4!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.05)!important;
  backdrop-filter:blur(10px) saturate(1.05)!important;
}

/* Beneficio de lanzamiento pass 01 — spacing, colors, card style like reference */
@media (min-width: 921px){
  .crh-pay-figma .benefit{
    height:auto!important;
    min-height:735px!important;
    padding:82px 0!important;
    background:#140058!important;
  }
  .crh-pay-figma .benefit-grid{
    display:grid!important;
    grid-template-columns:320px 360px 440px!important;
    gap:40px!important;
    align-items:center!important;
  }
  .crh-pay-figma .benefit-photo{
    width:320px!important;
    height:460px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .benefit-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .crh-pay-figma .benefit h2{
    margin-top:28px!important;
    font-size:52px!important;
    line-height:1.06!important;
    letter-spacing:-.04em!important;
  }
  .crh-pay-figma .benefit p:not(.eyebrow){
    margin-top:24px!important;
    font-size:18px!important;
    line-height:1.55!important;
    color:rgba(255,255,255,.84)!important;
  }
  .crh-pay-figma .benefit .button{
    margin-top:32px!important;
    min-width:229px!important;
    height:53px!important;
    min-height:53px!important;
  }
  .crh-pay-figma .benefit small{
    margin-top:26px!important;
    color:rgba(255,255,255,.62)!important;
    font-size:13px!important;
    line-height:17px!important;
  }
  .crh-pay-figma .steps{
    width:440px!important;
    min-height:auto!important;
    padding:32px!important;
    border-radius:24px!important;
    background:#ffffff!important;
    color:#140058!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .steps h3{
    margin:0!important;
    color:#140058!important;
    font-family:'Familjen Grotesk', Inter, sans-serif!important;
    font-size:32px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.035em!important;
  }
  .crh-pay-figma .steps ol{
    margin-top:26px!important;
    display:grid!important;
    gap:14px!important;
    padding:0!important;
    list-style:none!important;
  }
  .crh-pay-figma .steps li{
    min-height:74px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 70px!important;
    align-items:center!important;
    gap:16px!important;
    padding:14px 16px!important;
    border-radius:17px!important;
    background:#f6f4fe!important;
    color:#1a1a1a!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:15px!important;
    line-height:1.20!important;
    font-weight:700!important;
  }
  .crh-pay-figma .steps li span{
    width:44px!important;
    height:44px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#4822f4!important;
    color:#fff!important;
    font-size:20px!important;
    font-weight:800!important;
    line-height:1!important;
  }
  .crh-pay-figma .steps li strong{
    grid-column:auto!important;
    justify-self:end!important;
    width:64px!important;
    height:38px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#d6fd6a!important;
    color:#140058!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:900!important;
  }
  .crh-pay-figma .steps li:nth-child(4){
    min-height:88px!important;
    background:#140058!important;
    color:#ffffff!important;
  }
  .crh-pay-figma .steps li:nth-child(4) span{
    background:#d6fd6a!important;
    color:#140058!important;
  }
  .crh-pay-figma .steps li:nth-child(4) strong{
    width:54px!important;
    height:54px!important;
    background:#d6fd6a!important;
    color:#140058!important;
    font-size:24px!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .benefit{
    padding:64px 0 72px!important;
    background:#140058!important;
  }
  .crh-pay-figma .benefit-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:36px!important;
    align-items:start!important;
  }
  .crh-pay-figma .benefit-photo{
    width:100%!important;
    max-width:430px!important;
    height:360px!important;
    justify-self:center!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .benefit-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;}
  .crh-pay-figma .benefit h2{
    margin-top:22px!important;
    font-size:38px!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
  }
  .crh-pay-figma .benefit p:not(.eyebrow){
    margin-top:20px!important;
    font-size:16px!important;
    line-height:1.55!important;
  }
  .crh-pay-figma .benefit .button{margin-top:28px!important;height:50px!important;min-height:50px!important;}
  .crh-pay-figma .benefit small{margin-top:22px!important;font-size:12px!important;line-height:16px!important;}
  .crh-pay-figma .steps{
    width:100%!important;
    max-width:100%!important;
    padding:24px!important;
    border-radius:24px!important;
    background:#fff!important;
    color:#140058!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .steps h3{
    margin:0!important;
    color:#140058!important;
    font-family:'Familjen Grotesk', Inter, sans-serif!important;
    font-size:30px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:-.035em!important;
  }
  .crh-pay-figma .steps ol{
    margin-top:24px!important;
    display:grid!important;
    gap:14px!important;
    padding:0!important;
    list-style:none!important;
  }
  .crh-pay-figma .steps li{
    min-height:78px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 62px!important;
    align-items:center!important;
    gap:12px!important;
    padding:14px!important;
    border-radius:16px!important;
    background:#f6f4fe!important;
    color:#1a1a1a!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:14px!important;
    line-height:1.18!important;
    font-weight:700!important;
  }
  .crh-pay-figma .steps li span{
    width:42px!important;
    height:42px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#4822f4!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:800!important;
  }
  .crh-pay-figma .steps li strong{
    grid-column:auto!important;
    justify-self:end!important;
    width:58px!important;
    height:36px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#d6fd6a!important;
    color:#140058!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:900!important;
  }
  .crh-pay-figma .steps li:nth-child(4){
    min-height:92px!important;
    background:#140058!important;
    color:#ffffff!important;
  }
  .crh-pay-figma .steps li:nth-child(4) span{
    background:#d6fd6a!important;
    color:#140058!important;
  }
  .crh-pay-figma .steps li:nth-child(4) strong{
    width:50px!important;
    height:50px!important;
    background:#d6fd6a!important;
    color:#140058!important;
    font-size:22px!important;
  }
}
@media (max-width: 420px){
  .crh-pay-figma .benefit-photo{height:330px!important;}
  .crh-pay-figma .steps{padding:22px!important;}
  .crh-pay-figma .steps li{grid-template-columns:40px minmax(0,1fr) 56px!important;gap:10px!important;padding:13px!important;font-size:13.5px!important;}
  .crh-pay-figma .steps li span{width:40px!important;height:40px!important;font-size:17px!important;}
  .crh-pay-figma .steps li strong{width:54px!important;height:34px!important;font-size:15px!important;}
  .crh-pay-figma .steps li:nth-child(4) strong{width:48px!important;height:48px!important;font-size:21px!important;}
}

/* Beneficio de lanzamiento pass 02 — smaller scale + left-aligned headline */
@media (min-width: 921px){
  .crh-pay-figma .benefit{
    min-height:650px!important;
    padding:70px 0!important;
  }
  .crh-pay-figma .benefit-grid{
    grid-template-columns:290px 330px 400px!important;
    gap:44px!important;
    justify-content:center!important;
  }
  .crh-pay-figma .benefit-photo{
    width:290px!important;
    height:400px!important;
    border-radius:22px!important;
  }
  .crh-pay-figma .benefit .eyebrow{
    font-size:11px!important;
    line-height:14px!important;
    padding:6px 12px!important;
  }
  .crh-pay-figma .benefit h2{
    margin-top:22px!important;
    max-width:330px!important;
    text-align:left!important;
    font-size:44px!important;
    line-height:1.05!important;
    letter-spacing:-.04em!important;
  }
  .crh-pay-figma .benefit p:not(.eyebrow){
    margin-top:20px!important;
    max-width:330px!important;
    text-align:left!important;
    font-size:16px!important;
    line-height:1.50!important;
  }
  .crh-pay-figma .benefit .button{
    margin-top:26px!important;
    min-width:205px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 22px!important;
    font-size:15px!important;
  }
  .crh-pay-figma .benefit small{
    margin-top:22px!important;
    max-width:330px!important;
    text-align:left!important;
    font-size:12px!important;
    line-height:16px!important;
  }
  .crh-pay-figma .steps{
    width:400px!important;
    padding:28px!important;
    border-radius:22px!important;
  }
  .crh-pay-figma .steps h3{
    font-size:28px!important;
    line-height:1.08!important;
    text-align:left!important;
  }
  .crh-pay-figma .steps ol{
    margin-top:22px!important;
    gap:12px!important;
  }
  .crh-pay-figma .steps li{
    min-height:64px!important;
    grid-template-columns:38px minmax(0,1fr) 58px!important;
    gap:14px!important;
    padding:12px 14px!important;
    border-radius:15px!important;
    font-size:13.5px!important;
    line-height:1.18!important;
  }
  .crh-pay-figma .steps li span{
    width:38px!important;
    height:38px!important;
    font-size:17px!important;
  }
  .crh-pay-figma .steps li strong{
    width:56px!important;
    height:34px!important;
    font-size:16px!important;
  }
  .crh-pay-figma .steps li:nth-child(4){
    min-height:76px!important;
  }
  .crh-pay-figma .steps li:nth-child(4) strong{
    width:46px!important;
    height:46px!important;
    font-size:21px!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .benefit{
    padding:54px 0 62px!important;
  }
  .crh-pay-figma .benefit-grid{
    gap:30px!important;
  }
  .crh-pay-figma .benefit-photo{
    height:300px!important;
    border-radius:20px!important;
  }
  .crh-pay-figma .benefit .eyebrow{
    font-size:11px!important;
    line-height:14px!important;
    padding:6px 12px!important;
  }
  .crh-pay-figma .benefit h2{
    margin-top:20px!important;
    text-align:left!important;
    font-size:32px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
  .crh-pay-figma .benefit p:not(.eyebrow){
    margin-top:18px!important;
    text-align:left!important;
    font-size:15px!important;
    line-height:1.50!important;
  }
  .crh-pay-figma .benefit .button{
    margin-top:24px!important;
    height:48px!important;
    min-height:48px!important;
    min-width:205px!important;
    font-size:15px!important;
  }
  .crh-pay-figma .benefit small{
    margin-top:20px!important;
    text-align:left!important;
    font-size:11.5px!important;
    line-height:15px!important;
  }
  .crh-pay-figma .steps{
    padding:20px!important;
    border-radius:22px!important;
  }
  .crh-pay-figma .steps h3{
    font-size:27px!important;
    text-align:left!important;
  }
  .crh-pay-figma .steps ol{
    margin-top:20px!important;
    gap:12px!important;
  }
  .crh-pay-figma .steps li{
    min-height:68px!important;
    grid-template-columns:38px minmax(0,1fr) 54px!important;
    gap:10px!important;
    padding:12px!important;
    border-radius:15px!important;
    font-size:13px!important;
    line-height:1.16!important;
  }
  .crh-pay-figma .steps li span{
    width:38px!important;
    height:38px!important;
    font-size:16px!important;
  }
  .crh-pay-figma .steps li strong{
    width:52px!important;
    height:32px!important;
    font-size:15px!important;
  }
  .crh-pay-figma .steps li:nth-child(4){
    min-height:78px!important;
  }
  .crh-pay-figma .steps li:nth-child(4) strong{
    width:44px!important;
    height:44px!important;
    font-size:20px!important;
  }
}
@media (max-width: 420px){
  .crh-pay-figma .benefit-photo{height:280px!important;}
  .crh-pay-figma .benefit h2{font-size:31px!important;}
  .crh-pay-figma .steps li{font-size:12.5px!important;}
}

/* Beneficio title accent */
.crh-pay-figma .benefit-title-accent{
  color:#d6fd6a!important;
  font-style:italic!important;
}

/* Benefit accent typography + Diferenciales image containers pass */
.crh-pay-figma .benefit-title-accent{
  font-family:'STIX Two Text', Georgia, serif!important;
  font-style:italic!important;
  font-weight:700!important;
  color:#d6fd6a!important;
  letter-spacing:-.035em!important;
}
.crh-pay-figma .diff-shot,
.crh-pay-figma .diff-card:nth-child(1) .diff-shot,
.crh-pay-figma .diff-card:nth-child(2) .diff-shot,
.crh-pay-figma .diff-card:nth-child(3) .diff-shot{
  background:linear-gradient(180deg,#f7f6ff 0%,#ece9fb 100%)!important;
  border:1px solid rgba(20,0,88,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
@media (min-width: 921px){
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    height:238px!important;
    min-height:238px!important;
    padding:22px 10px!important;
  }
  .crh-pay-figma .diff-shot img{
    max-width:316px!important;
    max-height:190px!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    height:226px!important;
    min-height:226px!important;
    padding:22px 10px!important;
  }
  .crh-pay-figma .diff-shot img{
    max-width:300px!important;
    max-height:182px!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}
@media (max-width: 640px){
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    height:212px!important;
    min-height:212px!important;
    padding:20px 10px!important;
  }
  .crh-pay-figma .diff-shot img{max-width:286px!important;max-height:174px!important;}
}

/* Diferenciales image pass 02 — no image container background, larger screenshots */
.crh-pay-figma .diff-shot,
.crh-pay-figma .diff-card:nth-child(1) .diff-shot,
.crh-pay-figma .diff-card:nth-child(2) .diff-shot,
.crh-pay-figma .diff-card:nth-child(3) .diff-shot{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
@media (min-width: 921px){
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    width:calc(100% + 24px)!important;
    height:246px!important;
    min-height:246px!important;
    margin:24px 0 0 -12px!important;
    padding:0!important;
    border-radius:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .crh-pay-figma .diff-shot img{
    width:100%!important;
    max-width:340px!important;
    max-height:238px!important;
    height:auto!important;
    object-fit:contain!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    width:calc(100% + 16px)!important;
    height:236px!important;
    min-height:236px!important;
    margin:24px 0 0 -8px!important;
    padding:0!important;
    border-radius:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .crh-pay-figma .diff-shot img{
    width:100%!important;
    max-width:330px!important;
    max-height:226px!important;
    height:auto!important;
    object-fit:contain!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}
@media (max-width: 640px){
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    height:222px!important;
    min-height:222px!important;
  }
  .crh-pay-figma .diff-shot img{max-width:314px!important;max-height:214px!important;}
}

/* Diferenciales image pass 02.1 — enlarge screenshots further without container bg */
@media (min-width: 921px){
  .crh-pay-figma .diff-shot img{
    transform:scale(1.22)!important;
    transform-origin:center center!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .diff-shot img{
    transform:scale(1.16)!important;
    transform-origin:center center!important;
  }
}

/* Diferenciales image pass 03 — stroked aligned containers + drop shadow */
.crh-pay-figma .diff-shot,
.crh-pay-figma .diff-card:nth-child(1) .diff-shot,
.crh-pay-figma .diff-card:nth-child(2) .diff-shot,
.crh-pay-figma .diff-card:nth-child(3) .diff-shot{
  background:transparent!important;
  border:1px solid rgba(20,0,88,.14)!important;
  box-shadow:0 18px 42px rgba(20,0,88,.14)!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
@media (min-width: 921px){
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    width:100%!important;
    height:236px!important;
    min-height:236px!important;
    margin:24px 0 0!important;
    padding:0!important;
  }
  .crh-pay-figma .diff-shot img{
    display:block!important;
    width:100%!important;
    max-width:328px!important;
    max-height:218px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:scale(1.12)!important;
    transform-origin:center center!important;
    filter:drop-shadow(0 14px 24px rgba(20,0,88,.16))!important;
    margin:0 auto!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    width:100%!important;
    height:226px!important;
    min-height:226px!important;
    margin:24px 0 0!important;
    padding:0!important;
  }
  .crh-pay-figma .diff-shot img{
    display:block!important;
    width:100%!important;
    max-width:312px!important;
    max-height:208px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:scale(1.10)!important;
    transform-origin:center center!important;
    filter:drop-shadow(0 13px 22px rgba(20,0,88,.16))!important;
    margin:0 auto!important;
  }
}
@media (max-width: 640px){
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    height:212px!important;
    min-height:212px!important;
  }
  .crh-pay-figma .diff-shot img{max-width:296px!important;max-height:194px!important;transform:scale(1.08)!important;}
}

/* Diferenciales image pass 04 — slightly smaller and nudged right */
@media (min-width: 921px){
  .crh-pay-figma .diff-shot img{
    max-width:326px!important;
    max-height:210px!important;
    transform:translateX(10px) scale(1.04)!important;
    transform-origin:center center!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .diff-shot img{
    max-width:304px!important;
    max-height:198px!important;
    transform:translateX(7px) scale(1.04)!important;
    transform-origin:center center!important;
  }
}
@media (max-width: 640px){
  .crh-pay-figma .diff-shot img{
    max-width:288px!important;
    max-height:188px!important;
    transform:translateX(6px) scale(1.03)!important;
  }
}

/* Diferenciales image pass 05 — remove stroke/shadow, custom horizontal offsets */
.crh-pay-figma .diff-shot,
.crh-pay-figma .diff-card:nth-child(1) .diff-shot,
.crh-pay-figma .diff-card:nth-child(2) .diff-shot,
.crh-pay-figma .diff-card:nth-child(3) .diff-shot{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.crh-pay-figma .diff-shot img{
  filter:none!important;
  box-shadow:none!important;
}
@media (min-width: 921px){
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot img{
    transform:translateX(0) scale(1.04)!important;
  }
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot img{
    transform:translateX(18px) scale(1.04)!important;
  }
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot img{
    transform:translateX(10px) scale(1.04)!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot img{
    transform:translateX(0) scale(1.04)!important;
  }
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot img{
    transform:translateX(14px) scale(1.04)!important;
  }
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot img{
    transform:translateX(7px) scale(1.04)!important;
  }
}
@media (max-width: 640px){
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot img{
    transform:translateX(0) scale(1.03)!important;
  }
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot img{
    transform:translateX(12px) scale(1.03)!important;
  }
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot img{
    transform:translateX(6px) scale(1.03)!important;
  }
}

/* Lo nuevo image containers pass 06 — neutral container, no stroke/shadow */
.crh-pay-figma .diff-shot,
.crh-pay-figma .diff-card:nth-child(1) .diff-shot,
.crh-pay-figma .diff-card:nth-child(2) .diff-shot,
.crh-pay-figma .diff-card:nth-child(3) .diff-shot{
  background:#f6f4fe!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
@media (min-width: 921px){
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    width:100%!important;
    height:236px!important;
    min-height:236px!important;
    margin:24px 0 0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot img{transform:translateX(0) scale(1.04)!important;}
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot img{transform:translateX(18px) scale(1.04)!important;}
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot img{transform:translateX(10px) scale(1.04)!important;}
}
@media (max-width: 920px){
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    width:100%!important;
    height:226px!important;
    min-height:226px!important;
    margin:24px 0 0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot img{transform:translateX(0) scale(1.04)!important;}
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot img{transform:translateX(14px) scale(1.04)!important;}
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot img{transform:translateX(7px) scale(1.04)!important;}
}
@media (max-width: 640px){
  .crh-pay-figma .diff-shot,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot{
    height:212px!important;
    min-height:212px!important;
  }
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot img{transform:translateX(0) scale(1.03)!important;}
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot img{transform:translateX(12px) scale(1.03)!important;}
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot img{transform:translateX(6px) scale(1.03)!important;}
}

/* Funcionalidades heading subtitle centered — Safari/macOS safe */
.crh-pay-figma .features .section-head{
  width:100%!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.crh-pay-figma .features .section-head .eyebrow{
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.crh-pay-figma .features .section-head h2{
  width:100%!important;
  max-width:900px!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.crh-pay-figma .features .section-head p:not(.eyebrow){
  display:block!important;
  width:min(780px, 100%)!important;
  max-width:780px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:balance!important;
}
@media (max-width: 920px){
  .crh-pay-figma .features .section-head,
  .crh-pay-figma .features .section-head h2,
  .crh-pay-figma .features .section-head p:not(.eyebrow){
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Crehana AI pass 01 — centered heading, glass cards, white text, new right image */
.crh-pay-figma .ai{
  background:#140058!important;
  color:#ffffff!important;
}
.crh-pay-figma .ai::before{
  background:
    radial-gradient(760px 520px at 82% 52%, rgba(255,92,34,.24), rgba(255,92,34,0) 68%),
    radial-gradient(680px 520px at 20% 78%, rgba(72,34,244,.24), rgba(72,34,244,0) 72%)!important;
}
.crh-pay-figma .ai .eyebrow{
  background:rgba(255,255,255,.16)!important;
  color:#d6fd6a!important;
  border:1px solid rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.15)!important;
  backdrop-filter:blur(14px) saturate(1.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.crh-pay-figma .ai h2{
  color:#ffffff!important;
  text-align:center!important;
}
.crh-pay-figma .ai-lead{
  color:rgba(255,255,255,.78)!important;
  text-align:center!important;
}
.crh-pay-figma .ai-card{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.18)!important;
  backdrop-filter:blur(20px) saturate(1.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 20px 50px rgba(0,0,0,.16)!important;
}
.crh-pay-figma .ai-card h3{
  color:#ffffff!important;
}
.crh-pay-figma .ai-card p{
  color:rgba(255,255,255,.74)!important;
}
.crh-pay-figma .ai-card img.icon-dot{
  background:transparent!important;
  box-shadow:none!important;
}
.crh-pay-figma .scout-img{
  box-shadow:0 30px 90px rgba(0,0,0,.34)!important;
}
@media (min-width: 921px){
  .crh-pay-figma .ai{
    height:977px!important;
    min-height:977px!important;
    padding:110px 0 0!important;
    align-items:flex-start!important;
  }
  .crh-pay-figma .ai-grid{
    display:block!important;
    position:relative!important;
    height:867px!important;
  }
  .crh-pay-figma .ai .eyebrow{
    display:flex!important;
    width:max-content!important;
    margin:0 auto!important;
    height:38px!important;
    padding:0 28px!important;
    border-radius:999px!important;
    font-size:13px!important;
    line-height:38px!important;
    font-weight:900!important;
    letter-spacing:.07em!important;
  }
  .crh-pay-figma .ai h2{
    width:1120px!important;
    max-width:1120px!important;
    margin:28px auto 0!important;
    font-size:56px!important;
    line-height:1.07!important;
    font-weight:600!important;
    letter-spacing:-.04em!important;
  }
  .crh-pay-figma .ai-lead{
    width:820px!important;
    max-width:820px!important;
    margin:18px auto 0!important;
    font-size:19px!important;
    line-height:1.50!important;
    font-weight:400!important;
  }
  .crh-pay-figma .ai-card-grid{
    width:720px!important;
    margin-top:78px!important;
    display:grid!important;
    grid-template-columns:344px 344px!important;
    gap:20px!important;
  }
  .crh-pay-figma .ai-card{
    width:344px!important;
    height:238px!important;
    min-height:238px!important;
    padding:25px!important;
    border-radius:20px!important;
  }
  .crh-pay-figma .ai-card h3{
    margin-top:0!important;
    font-size:20px!important;
    line-height:25px!important;
    font-weight:600!important;
  }
  .crh-pay-figma .ai-card p{
    margin-top:14px!important;
    font-size:14px!important;
    line-height:1.56!important;
  }
  .crh-pay-figma .scout-img{
    position:absolute!important;
    left:740px!important;
    top:248px!important;
    width:440px!important;
    height:547px!important;
    border-radius:28px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .ai{
    height:auto!important;
    min-height:auto!important;
    padding:72px 0!important;
  }
  .crh-pay-figma .ai-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:34px!important;
    height:auto!important;
    position:relative!important;
  }
  .crh-pay-figma .ai .eyebrow{
    display:flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:9px 18px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:14px!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
    text-align:center!important;
  }
  .crh-pay-figma .ai h2{
    max-width:100%!important;
    margin:24px auto 0!important;
    text-align:center!important;
    font-size:38px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
  .crh-pay-figma .ai-lead{
    max-width:100%!important;
    margin:18px auto 0!important;
    text-align:center!important;
    font-size:16px!important;
    line-height:1.50!important;
  }
  .crh-pay-figma .ai-card-grid{
    width:100%!important;
    margin-top:34px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .crh-pay-figma .ai-card{
    width:100%!important;
    height:auto!important;
    min-height:176px!important;
    padding:24px!important;
    border-radius:20px!important;
  }
  .crh-pay-figma .ai-card h3{font-size:20px!important;line-height:25px!important;color:#fff!important;}
  .crh-pay-figma .ai-card p{font-size:14px!important;line-height:1.56!important;color:rgba(255,255,255,.74)!important;}
  .crh-pay-figma .scout-img{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:min(440px,100%)!important;
    height:auto!important;
    justify-self:center!important;
    border-radius:28px!important;
    object-fit:contain!important;
  }
}

/* Seguridad y cumplimiento pass 01 — centered heading, green gradient, smaller neutral certs */
.crh-pay-figma .security{
  background-color:#ecfac8!important;
  background-image:
    radial-gradient(780px 460px at 82% 10%, rgba(214,253,106,.95), rgba(214,253,106,.28) 45%, rgba(214,253,106,0) 72%),
    radial-gradient(760px 520px at 14% 72%, rgba(214,253,106,.56), rgba(214,253,106,0) 70%),
    linear-gradient(180deg,#eaffbd 0%,#f6ffd9 58%,#fbfff2 100%)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.crh-pay-figma .security .section-head{
  width:100%!important;
  max-width:1150px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.crh-pay-figma .security .section-head .eyebrow{
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  background:rgba(255,255,255,.56)!important;
  color:#4822f4!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.05)!important;
  backdrop-filter:blur(10px) saturate(1.05)!important;
}
.crh-pay-figma .security .section-head h2{
  width:100%!important;
  max-width:1150px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.crh-pay-figma .security .section-head p:not(.eyebrow){
  display:block!important;
  width:min(780px,100%)!important;
  max-width:780px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:balance!important;
}
@media (min-width: 921px){
  .crh-pay-figma .security{
    height:auto!important;
    min-height:780px!important;
    padding:92px 0 88px!important;
    align-items:flex-start!important;
  }
  .crh-pay-figma .security .section-head{
    margin-bottom:42px!important;
  }
  .crh-pay-figma .security .section-head h2{
    margin-top:18px!important;
    font-size:42px!important;
    line-height:1.10!important;
    letter-spacing:-.035em!important;
  }
  .crh-pay-figma .security .section-head p:not(.eyebrow){
    margin-top:16px!important;
    font-size:18px!important;
    line-height:27px!important;
  }
  .crh-pay-figma .security .feature-grid{
    display:grid!important;
    grid-template-columns:repeat(4,282px)!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  .crh-pay-figma .security .feature-card{
    width:282px!important;
    height:205px!important;
    min-height:205px!important;
    padding:25px!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 18px 44px rgba(20,0,88,.07)!important;
  }
  .crh-pay-figma .certs{
    display:block!important;
    width:820px!important;
    max-width:820px!important;
    height:136px!important;
    margin:48px auto 0!important;
    padding:24px 34px!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,#ffffff 0%,#f6f4fe 54%,#ece9fb 100%)!important;
    border:1px solid rgba(20,0,88,.08)!important;
    box-shadow:0 22px 58px rgba(20,0,88,.10)!important;
    box-sizing:border-box!important;
    object-fit:contain!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .security{
    min-height:auto!important;
    padding:72px 0 78px!important;
    align-items:flex-start!important;
  }
  .crh-pay-figma .security .section-head,
  .crh-pay-figma .security .section-head h2,
  .crh-pay-figma .security .section-head p:not(.eyebrow){
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .crh-pay-figma .security .section-head{margin-bottom:38px!important;}
  .crh-pay-figma .security .section-head h2{
    margin-top:18px!important;
    font-size:36px!important;
    line-height:1.08!important;
  }
  .crh-pay-figma .security .section-head p:not(.eyebrow){
    margin-top:16px!important;
    font-size:16px!important;
    line-height:24px!important;
  }
  .crh-pay-figma .security .feature-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .crh-pay-figma .security .feature-card{
    width:100%!important;
    height:auto!important;
    min-height:188px!important;
    padding:24px!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 16px 40px rgba(20,0,88,.07)!important;
  }
  .crh-pay-figma .certs{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:36px auto 0!important;
    padding:20px 18px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#ffffff 0%,#f6f4fe 54%,#ece9fb 100%)!important;
    border:1px solid rgba(20,0,88,.08)!important;
    box-shadow:0 18px 46px rgba(20,0,88,.10)!important;
    box-sizing:border-box!important;
    object-fit:contain!important;
  }
}
@media (max-width: 640px){
  .crh-pay-figma .security{padding:64px 0 70px!important;}
  .crh-pay-figma .security .section-head h2{font-size:32px!important;}
  .crh-pay-figma .security .feature-card{min-height:180px!important;}
  .crh-pay-figma .certs{padding:18px 14px!important;border-radius:16px!important;}
}

/* Ecosistema / RRHH + Finanzas pass 01 — closer to reference, compact elements */
.crh-pay-figma .ecosystem{
  background:#f6f4fe!important;
  color:#140058!important;
}
.crh-pay-figma .ecosystem .eyebrow{
  background:rgba(255,255,255,.82)!important;
  color:#4822f4!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.05)!important;
  backdrop-filter:blur(10px) saturate(1.05)!important;
}
.crh-pay-figma .ecosystem li::before{
  content:'✓'!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  top:2px!important;
  left:0!important;
  border-radius:50%!important;
  background:#4822f4!important;
  color:#ffffff!important;
  box-shadow:0 0 0 6px rgba(72,34,244,.10)!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
}
.crh-pay-figma .pill-row span::before{content:none!important;display:none!important;}
@media (min-width: 921px){
  .crh-pay-figma .ecosystem{
    height:auto!important;
    min-height:732px!important;
    padding:76px 0!important;
    display:flex!important;
    align-items:center!important;
  }
  .crh-pay-figma .ecosystem-grid{
    display:grid!important;
    grid-template-columns:608px 520px!important;
    gap:72px!important;
    align-items:center!important;
  }
  .crh-pay-figma .ecosystem h2{
    margin-top:28px!important;
    max-width:560px!important;
    color:#140058!important;
    font-size:42px!important;
    line-height:1.10!important;
    font-weight:600!important;
    letter-spacing:-.035em!important;
  }
  .crh-pay-figma .ecosystem p:not(.eyebrow){
    margin-top:26px!important;
    max-width:560px!important;
    color:#5e5a73!important;
    font-size:18px!important;
    line-height:1.50!important;
  }
  .crh-pay-figma .ecosystem ul{
    margin-top:34px!important;
    display:grid!important;
    gap:22px!important;
    padding:0!important;
    list-style:none!important;
  }
  .crh-pay-figma .ecosystem li{
    position:relative!important;
    padding-left:48px!important;
    max-width:608px!important;
    color:#1a1a1a!important;
    font-size:16px!important;
    line-height:1.45!important;
    font-weight:400!important;
  }
  .crh-pay-figma .ecosystem-card{
    width:520px!important;
    min-height:499px!important;
    padding:36px!important;
    border-radius:30px!important;
    background:#140058!important;
    color:#ffffff!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .ecosystem-card > span{
    display:block!important;
    color:#d6fd6a!important;
    font-size:16px!important;
    line-height:20px!important;
    font-weight:900!important;
    letter-spacing:.035em!important;
  }
  .crh-pay-figma .pay-core{
    position:relative!important;
    margin-top:28px!important;
    min-height:89px!important;
    padding:20px 24px 20px 78px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    background:#d6fd6a!important;
    color:#140058!important;
    border-radius:22px!important;
  }
  .crh-pay-figma .pay-core::before{
    content:''!important;
    position:absolute!important;
    left:31px!important;
    top:50%!important;
    width:28px!important;
    height:28px!important;
    transform:translateY(-50%)!important;
    background:url("{{ get_asset_url('/Absolut Crehana Styles/Crehana Pay Landing Assets/figma-45-41/icons/feat-calculator.svg') }}") center center/28px 28px no-repeat!important;
    filter:brightness(0) saturate(100%) invert(7%) sepia(69%) saturate(3287%) hue-rotate(253deg) brightness(83%) contrast(117%)!important;
  }
  .crh-pay-figma .pay-core strong{
    margin:0!important;
    color:#140058!important;
    font-size:28px!important;
    line-height:32px!important;
    font-weight:700!important;
    letter-spacing:-.025em!important;
  }
  .crh-pay-figma .pay-core small{
    margin-top:4px!important;
    color:#140058!important;
    font-size:16px!important;
    line-height:20px!important;
    opacity:1!important;
  }
  .crh-pay-figma .ecosystem-card .flow{
    position:relative!important;
    margin-top:18px!important;
    min-height:64px!important;
    padding:0 20px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.10)!important;
    border:0!important;
    display:grid!important;
    grid-template-columns:132px 24px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
  }
  .crh-pay-figma .ecosystem-card .flow::before{
    content:'→'!important;
    grid-column:2!important;
    color:#d6fd6a!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:900!important;
    justify-self:center!important;
  }
  .crh-pay-figma .ecosystem-card b{
    grid-column:1!important;
    grid-row:1!important;
    color:#ffffff!important;
    font-size:16px!important;
    line-height:20px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  .crh-pay-figma .ecosystem-card .flow p{
    grid-column:3!important;
    grid-row:1!important;
    margin:0!important;
    color:rgba(255,255,255,.74)!important;
    font-size:15px!important;
    line-height:19px!important;
    font-weight:400!important;
  }
  .crh-pay-figma .pill-row{
    margin-top:28px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }
  .crh-pay-figma .pill-row span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:31px!important;
    padding:0 15px!important;
    border-radius:999px!important;
    background:transparent!important;
    border:1px solid rgba(255,255,255,.32)!important;
    color:rgba(255,255,255,.88)!important;
    font-size:13px!important;
    line-height:16px!important;
    font-weight:600!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .ecosystem{
    min-height:auto!important;
    padding:68px 0 74px!important;
    display:flex!important;
    align-items:flex-start!important;
  }
  .crh-pay-figma .ecosystem-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:36px!important;
    align-items:start!important;
  }
  .crh-pay-figma .ecosystem h2{
    margin-top:22px!important;
    color:#140058!important;
    font-size:34px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
  .crh-pay-figma .ecosystem p:not(.eyebrow){
    margin-top:20px!important;
    color:#5e5a73!important;
    font-size:16px!important;
    line-height:1.50!important;
  }
  .crh-pay-figma .ecosystem ul{
    margin-top:28px!important;
    display:grid!important;
    gap:20px!important;
    padding:0!important;
    list-style:none!important;
  }
  .crh-pay-figma .ecosystem li{
    position:relative!important;
    padding-left:44px!important;
    color:#1a1a1a!important;
    font-size:15px!important;
    line-height:1.45!important;
  }
  .crh-pay-figma .ecosystem-card{
    width:100%!important;
    min-height:auto!important;
    padding:26px!important;
    border-radius:26px!important;
    background:#140058!important;
    color:#ffffff!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .ecosystem-card > span{
    display:block!important;
    color:#d6fd6a!important;
    font-size:15px!important;
    line-height:19px!important;
    font-weight:900!important;
    letter-spacing:.035em!important;
  }
  .crh-pay-figma .pay-core{
    position:relative!important;
    margin-top:24px!important;
    min-height:80px!important;
    padding:18px 20px 18px 68px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    background:#d6fd6a!important;
    color:#140058!important;
    border-radius:20px!important;
  }
  .crh-pay-figma .pay-core::before{
    content:''!important;
    position:absolute!important;
    left:26px!important;
    top:50%!important;
    width:24px!important;
    height:24px!important;
    transform:translateY(-50%)!important;
    background:url("{{ get_asset_url('/Absolut Crehana Styles/Crehana Pay Landing Assets/figma-45-41/icons/feat-calculator.svg') }}") center center/24px 24px no-repeat!important;
    filter:brightness(0) saturate(100%) invert(7%) sepia(69%) saturate(3287%) hue-rotate(253deg) brightness(83%) contrast(117%)!important;
  }
  .crh-pay-figma .pay-core strong{font-size:24px!important;line-height:28px!important;color:#140058!important;}
  .crh-pay-figma .pay-core small{font-size:14px!important;line-height:18px!important;color:#140058!important;opacity:1!important;}
  .crh-pay-figma .ecosystem-card .flow{
    position:relative!important;
    margin-top:16px!important;
    min-height:auto!important;
    padding:16px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.10)!important;
    border:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .crh-pay-figma .ecosystem-card .flow::before{display:none!important;content:none!important;}
  .crh-pay-figma .ecosystem-card b{color:#fff!important;font-size:16px!important;line-height:20px!important;font-weight:800!important;}
  .crh-pay-figma .ecosystem-card b::after{content:'  →'!important;color:#d6fd6a!important;font-weight:900!important;}
  .crh-pay-figma .ecosystem-card .flow p{margin:0!important;color:rgba(255,255,255,.74)!important;font-size:14px!important;line-height:19px!important;}
  .crh-pay-figma .pill-row{margin-top:22px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;}
  .crh-pay-figma .pill-row span{background:transparent!important;border:1px solid rgba(255,255,255,.32)!important;color:rgba(255,255,255,.88)!important;padding:7px 12px!important;border-radius:999px!important;font-size:13px!important;line-height:16px!important;font-weight:600!important;}
}

/* Ecosistema pass 01.1 — clean calculator icon */
.crh-pay-figma .pay-core::before{
  background:url("{{ get_asset_url('/Absolut Crehana Styles/Crehana Pay Landing Assets/figma-45-41/icons/ecosystem-calculator.svg') }}") center center/28px 28px no-repeat!important;
  filter:none!important;
}
@media (max-width: 920px){
  .crh-pay-figma .pay-core::before{
    background:url("{{ get_asset_url('/Absolut Crehana Styles/Crehana Pay Landing Assets/figma-45-41/icons/ecosystem-calculator.svg') }}") center center/24px 24px no-repeat!important;
    filter:none!important;
  }
}

/* Ecosistema pass 02 — spacing/alignment review + real icon visible on macOS */
.crh-pay-figma .pay-core::before{display:none!important;content:none!important;background:none!important;}
.crh-pay-figma .pay-core-icon{
  display:block!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
.crh-pay-figma .pay-core-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  text-align:left!important;
}
@media (min-width: 921px){
  .crh-pay-figma .ecosystem-grid > div:first-child{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    text-align:left!important;
  }
  .crh-pay-figma .ecosystem .eyebrow{align-self:flex-start!important;margin-left:0!important;margin-right:0!important;}
  .crh-pay-figma .ecosystem h2,
  .crh-pay-figma .ecosystem p:not(.eyebrow),
  .crh-pay-figma .ecosystem ul,
  .crh-pay-figma .ecosystem li{text-align:left!important;}
  .crh-pay-figma .ecosystem ul{gap:18px!important;margin-top:30px!important;}
  .crh-pay-figma .ecosystem li{padding-left:44px!important;line-height:1.42!important;}
  .crh-pay-figma .ecosystem-card{
    min-height:520px!important;
    padding:34px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }
  .crh-pay-figma .ecosystem-card > span{text-align:left!important;}
  .crh-pay-figma .pay-core{
    margin-top:28px!important;
    min-height:86px!important;
    padding:18px 22px!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    align-items:center!important;
    gap:16px!important;
    background:#d6fd6a!important;
    border-radius:20px!important;
    color:#140058!important;
    text-align:left!important;
  }
  .crh-pay-figma .pay-core strong{
    display:block!important;
    margin:0!important;
    color:#140058!important;
    font-size:27px!important;
    line-height:31px!important;
    font-weight:700!important;
    text-align:left!important;
  }
  .crh-pay-figma .pay-core small{
    display:block!important;
    margin-top:2px!important;
    color:#140058!important;
    font-size:15px!important;
    line-height:19px!important;
    text-align:left!important;
  }
  .crh-pay-figma .ecosystem-card .flow{
    margin-top:16px!important;
    min-height:60px!important;
    padding:0 18px!important;
    grid-template-columns:124px 22px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    text-align:left!important;
  }
  .crh-pay-figma .ecosystem-card .flow::before{
    display:block!important;
    text-align:center!important;
    line-height:1!important;
  }
  .crh-pay-figma .ecosystem-card b{
    display:block!important;
    align-self:center!important;
    text-align:left!important;
    font-size:15px!important;
    line-height:19px!important;
  }
  .crh-pay-figma .ecosystem-card .flow p{
    align-self:center!important;
    text-align:left!important;
    font-size:14px!important;
    line-height:18px!important;
  }
  .crh-pay-figma .pill-row{margin-top:24px!important;gap:9px!important;}
  .crh-pay-figma .pill-row span{min-height:30px!important;padding:0 13px!important;font-size:12.5px!important;line-height:15px!important;}
}
@media (max-width: 920px){
  .crh-pay-figma .ecosystem-grid > div:first-child{
    text-align:left!important;
  }
  .crh-pay-figma .ecosystem .eyebrow{align-self:flex-start!important;margin-left:0!important;margin-right:0!important;}
  .crh-pay-figma .ecosystem h2,
  .crh-pay-figma .ecosystem p:not(.eyebrow),
  .crh-pay-figma .ecosystem ul,
  .crh-pay-figma .ecosystem li{text-align:left!important;}
  .crh-pay-figma .pay-core{
    margin-top:22px!important;
    min-height:78px!important;
    padding:17px 18px!important;
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    background:#d6fd6a!important;
    border-radius:18px!important;
    text-align:left!important;
  }
  .crh-pay-figma .pay-core-icon{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;}
  .crh-pay-figma .pay-core strong{font-size:23px!important;line-height:27px!important;text-align:left!important;}
  .crh-pay-figma .pay-core small{font-size:14px!important;line-height:18px!important;text-align:left!important;}
  .crh-pay-figma .ecosystem-card .flow{text-align:left!important;}
  .crh-pay-figma .ecosystem-card b,
  .crh-pay-figma .ecosystem-card .flow p{text-align:left!important;}
}

/* Ecosistema pass 03 — reduce spacing between product labels and arrows */
@media (min-width: 921px){
  .crh-pay-figma .ecosystem-card .flow{
    grid-template-columns:max-content 16px minmax(0,1fr)!important;
    column-gap:8px!important;
    padding:0 18px!important;
  }
  .crh-pay-figma .ecosystem-card .flow::before{
    justify-self:center!important;
    font-size:18px!important;
    line-height:1!important;
  }
  .crh-pay-figma .ecosystem-card b{
    white-space:nowrap!important;
    padding-right:0!important;
  }
  .crh-pay-figma .ecosystem-card .flow p{
    padding-left:4px!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .ecosystem-card b::after{
    content:' →'!important;
    margin-left:4px!important;
    color:#d6fd6a!important;
    font-weight:900!important;
  }
}

/* Comparativa pass 01 — color system like reference, keep table sizing */
.crh-pay-figma .compare .table{
  background:#ffffff!important;
  border:1px solid #e6e3f5!important;
  box-shadow:0 22px 58px rgba(20,0,88,.08)!important;
}
.crh-pay-figma .compare .tr{
  border-bottom:1px solid #e6e3f5!important;
}
.crh-pay-figma .compare .tr:last-child{border-bottom:0!important;}
.crh-pay-figma .compare .tr > *{
  height:100%!important;
  min-height:inherit!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
.crh-pay-figma .compare .tr.head{
  background:transparent!important;
  color:#ffffff!important;
}
.crh-pay-figma .compare .tr.head span{
  background:#140058!important;
}
.crh-pay-figma .compare .tr.head strong{
  justify-content:flex-start!important;
  color:#ffffff!important;
  font-weight:800!important;
}
.crh-pay-figma .compare .tr.head strong:first-of-type{
  background:#4822f4!important;
}
.crh-pay-figma .compare .tr.head strong:last-of-type{
  background:#140058!important;
}
.crh-pay-figma .compare .tr:not(.head) span{
  background:#ffffff!important;
  color:#140058!important;
  font-weight:800!important;
}
.crh-pay-figma .compare .tr:not(.head) .yes{
  background:#f4f2fb!important;
  color:#1a1a1a!important;
  font-weight:500!important;
}
.crh-pay-figma .compare .tr:not(.head) .no{
  background:#ffffff!important;
  color:#5e5a73!important;
  font-weight:400!important;
}
.crh-pay-figma .compare .tr .yes::before{
  content:'✓'!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  margin-right:18px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#16bf78!important;
  color:#ffffff!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;
}
.crh-pay-figma .compare .tr .no::before{
  content:'×'!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  margin-right:18px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fde9ea!important;
  color:#ff4d4f!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
}
@media (max-width: 920px){
  .crh-pay-figma .compare .table{
    border-color:#e6e3f5!important;
  }
  .crh-pay-figma .compare .tr .yes::before,
  .crh-pay-figma .compare .tr .no::before{
    flex-basis:28px!important;
    width:28px!important;
    height:28px!important;
    margin-right:14px!important;
  }
}

/* Comparativa heading alignment fix — centered on macOS/Safari */
.crh-pay-figma .compare .section-head{
  width:100%!important;
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.crh-pay-figma .compare .section-head .eyebrow{
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.crh-pay-figma .compare .section-head h2{
  width:100%!important;
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.crh-pay-figma .compare .section-head p:not(.eyebrow){
  display:block!important;
  width:min(780px,100%)!important;
  max-width:780px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:balance!important;
}
@media (max-width: 920px){
  .crh-pay-figma .compare .section-head,
  .crh-pay-figma .compare .section-head h2,
  .crh-pay-figma .compare .section-head p:not(.eyebrow){
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Comparativa mobile carousel — one animated card per column */
.crh-pay-figma .compare-mobile-carousel{display:none!important;}
@media (max-width: 640px){
  .crh-pay-figma .compare{
    height:auto!important;
    min-height:auto!important;
    padding:76px 0 82px!important;
    overflow:hidden!important;
  }
  .crh-pay-figma .compare .table{display:none!important;}
  .crh-pay-figma .compare-mobile-carousel{
    display:block!important;
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    margin:34px auto 0!important;
    overflow:hidden!important;
    position:relative!important;
  }
  .crh-pay-figma .compare-mobile-track{
    width:max-content!important;
    display:flex!important;
    align-items:stretch!important;
    gap:16px!important;
    will-change:transform!important;
    animation:crhPayCompareCarousel 13.5s ease-in-out infinite!important;
  }
  .crh-pay-figma .compare-mobile-card{
    flex:0 0 calc(100vw - 28px)!important;
    width:calc(100vw - 28px)!important;
    min-height:560px!important;
    padding:24px!important;
    border-radius:24px!important;
    border:1px solid #e6e3f5!important;
    box-shadow:0 18px 46px rgba(20,0,88,.08)!important;
    box-sizing:border-box!important;
  }
  .crh-pay-figma .compare-mobile-card--criteria,
  .crh-pay-figma .compare-mobile-card--no{
    background:#ffffff!important;
    color:#140058!important;
  }
  .crh-pay-figma .compare-mobile-card--yes{
    background:#f4f2fb!important;
    color:#140058!important;
  }
  .crh-pay-figma .compare-mobile-card h3{
    margin:0!important;
    color:#140058!important;
    font-family:'Familjen Grotesk', Inter, sans-serif!important;
    font-size:28px!important;
    line-height:32px!important;
    font-weight:700!important;
    letter-spacing:-.035em!important;
  }
  .crh-pay-figma .compare-mobile-card--yes h3{
    color:#4822f4!important;
  }
  .crh-pay-figma .compare-mobile-card ul{
    list-style:none!important;
    padding:0!important;
    margin:24px 0 0!important;
    display:grid!important;
    gap:14px!important;
  }
  .crh-pay-figma .compare-mobile-card li{
    position:relative!important;
    min-height:54px!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    padding:0!important;
    color:#1a1a1a!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:15px!important;
    line-height:20px!important;
    font-weight:500!important;
  }
  .crh-pay-figma .compare-mobile-card li::before{
    content:''!important;
    width:30px!important;
    height:30px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:900!important;
    box-sizing:border-box!important;
  }
  .crh-pay-figma .compare-mobile-card--criteria li::before{
    content:'•'!important;
    background:#f4f2fb!important;
    color:#4822f4!important;
  }
  .crh-pay-figma .compare-mobile-card--yes li::before{
    content:'✓'!important;
    background:#16bf78!important;
    color:#ffffff!important;
  }
  .crh-pay-figma .compare-mobile-card--no li::before{
    content:'×'!important;
    background:#fde9ea!important;
    color:#ff4d4f!important;
    font-size:22px!important;
  }
  .crh-pay-figma .compare-mobile-dots{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    margin-top:18px!important;
  }
  .crh-pay-figma .compare-mobile-dots span{
    width:8px!important;
    height:8px!important;
    border-radius:999px!important;
    background:rgba(20,0,88,.28)!important;
  }
  .crh-pay-figma .compare-mobile-dots span:nth-child(1){animation:crhPayCompareDot1 13.5s ease-in-out infinite!important;}
  .crh-pay-figma .compare-mobile-dots span:nth-child(2){animation:crhPayCompareDot2 13.5s ease-in-out infinite!important;}
  .crh-pay-figma .compare-mobile-dots span:nth-child(3){animation:crhPayCompareDot3 13.5s ease-in-out infinite!important;}
}
@keyframes crhPayCompareCarousel{
  0%, 27%{transform:translate3d(0,0,0);}
  33%, 60%{transform:translate3d(calc(-100vw + 12px),0,0);}
  66%, 93%{transform:translate3d(calc(-200vw + 24px),0,0);}
  100%{transform:translate3d(0,0,0);}
}
@keyframes crhPayCompareDot1{0%,27%,100%{background:#4822f4;}33%,93%{background:rgba(20,0,88,.28);}}
@keyframes crhPayCompareDot2{0%,27%,66%,100%{background:rgba(20,0,88,.28);}33%,60%{background:#4822f4;}}
@keyframes crhPayCompareDot3{0%,60%,100%{background:rgba(20,0,88,.28);}66%,93%{background:#4822f4;}}
@media (max-width:640px) and (prefers-reduced-motion: reduce){
  .crh-pay-figma .compare-mobile-carousel{overflow-x:auto!important;scroll-snap-type:x mandatory!important;}
  .crh-pay-figma .compare-mobile-track{animation:none!important;}
  .crh-pay-figma .compare-mobile-card{scroll-snap-align:start!important;}
  .crh-pay-figma .compare-mobile-dots{display:none!important;}
}

/* FAQ spacing consistency pass — macOS/Windows safe rhythm */
.crh-pay-figma .faq-grid > div:first-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.crh-pay-figma .faq .eyebrow{
  margin:0!important;
  flex:0 0 auto!important;
  align-self:flex-start!important;
  white-space:nowrap!important;
}
.crh-pay-figma .faq h2{
  display:block!important;
  width:100%!important;
  max-width:420px!important;
  margin:34px 0 0!important;
  padding:0!important;
  color:#140058!important;
  text-align:left!important;
  font-family:'Familjen Grotesk', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
  font-size:44px!important;
  line-height:1.10!important;
  font-weight:600!important;
  letter-spacing:-.04em!important;
  text-wrap:balance!important;
}
.crh-pay-figma .faq-intro{
  display:block!important;
  width:100%!important;
  max-width:360px!important;
  margin:34px 0 0!important;
  padding:0!important;
  color:#5e5a73!important;
  text-align:left!important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
  font-size:18px!important;
  line-height:1.45!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.crh-pay-figma .faq .button{
  width:260px!important;
  min-width:260px!important;
  height:58px!important;
  min-height:58px!important;
  margin:34px 0 0!important;
  padding:0 26px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.crh-pay-figma .faq .button::after{
  margin-left:4px!important;
}
@media (min-width: 921px){
  .crh-pay-figma .faq{
    height:auto!important;
    min-height:1067px!important;
    padding:110px 0!important;
    align-items:flex-start!important;
  }
  .crh-pay-figma .faq-grid{
    grid-template-columns:420px 744px!important;
    gap:56px!important;
    align-items:start!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .faq{
    height:auto!important;
    min-height:auto!important;
    padding:72px 0 78px!important;
    align-items:flex-start!important;
  }
  .crh-pay-figma .faq-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:38px!important;
    align-items:start!important;
  }
  .crh-pay-figma .faq-grid > div:first-child{
    width:100%!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  .crh-pay-figma .faq h2{
    max-width:100%!important;
    margin-top:28px!important;
    font-size:38px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    text-align:left!important;
    text-wrap:balance!important;
  }
  .crh-pay-figma .faq-intro{
    max-width:340px!important;
    margin-top:26px!important;
    font-size:16px!important;
    line-height:1.45!important;
    text-align:left!important;
  }
  .crh-pay-figma .faq .button{
    width:220px!important;
    min-width:220px!important;
    height:50px!important;
    min-height:50px!important;
    margin-top:28px!important;
    border-radius:999px!important;
    font-size:15px!important;
  }
}

/* FAQ spacing consistency pass 01.1 — keep desktop headline stable across OS font rendering */
@media (min-width: 921px){
  .crh-pay-figma .faq h2{
    max-width:440px!important;
    font-size:40px!important;
    line-height:1.10!important;
    letter-spacing:-.035em!important;
    text-wrap:wrap!important;
  }
  .crh-pay-figma .faq-intro{
    margin-top:32px!important;
  }
  .crh-pay-figma .faq .button{
    margin-top:32px!important;
  }
}

/* Sticky navbar + FAQ single-column layout */
.crh-pay-figma .nav{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  box-shadow:0 10px 26px rgba(20,0,88,.16)!important;
}
.crh-pay-figma .section,
.crh-pay-figma [id]{
  scroll-margin-top:112px!important;
}
.crh-pay-figma #registro{scroll-margin-top:112px!important;}
@media (min-width: 921px){
  .crh-pay-figma .faq{
    height:auto!important;
    min-height:auto!important;
    padding:108px 0 112px!important;
    align-items:flex-start!important;
  }
  .crh-pay-figma .faq-grid{
    width:960px!important;
    max-width:calc(100% - 48px)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:44px!important;
    align-items:start!important;
  }
  .crh-pay-figma .faq-grid > div:first-child{
    width:100%!important;
    max-width:760px!important;
    margin:0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
  }
  .crh-pay-figma .faq .eyebrow{
    align-self:center!important;
    margin:0 auto!important;
    text-align:center!important;
  }
  .crh-pay-figma .faq h2{
    max-width:760px!important;
    margin:30px auto 0!important;
    text-align:center!important;
    font-size:42px!important;
    line-height:1.10!important;
  }
  .crh-pay-figma .faq-intro{
    max-width:520px!important;
    margin:24px auto 0!important;
    text-align:center!important;
    font-size:17px!important;
    line-height:1.45!important;
  }
  .crh-pay-figma .faq .button{
    margin:28px auto 0!important;
  }
  .crh-pay-figma .faq-list{
    width:100%!important;
    max-width:960px!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .crh-pay-figma .faq-list details{
    width:100%!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .nav{
    position:sticky!important;
    top:0!important;
    z-index:9999!important;
  }
  .crh-pay-figma .section,
  .crh-pay-figma [id]{
    scroll-margin-top:84px!important;
  }
  .crh-pay-figma .faq{
    height:auto!important;
    min-height:auto!important;
    padding:72px 0 78px!important;
  }
  .crh-pay-figma .faq-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:36px!important;
    align-items:start!important;
  }
  .crh-pay-figma .faq-grid > div:first-child{
    width:100%!important;
    align-items:center!important;
    text-align:center!important;
  }
  .crh-pay-figma .faq .eyebrow{
    align-self:center!important;
    margin:0 auto!important;
    text-align:center!important;
  }
  .crh-pay-figma .faq h2{
    max-width:100%!important;
    margin:26px auto 0!important;
    text-align:center!important;
  }
  .crh-pay-figma .faq-intro{
    max-width:330px!important;
    margin:22px auto 0!important;
    text-align:center!important;
  }
  .crh-pay-figma .faq .button{
    margin:26px auto 0!important;
  }
  .crh-pay-figma .faq-list{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
}

/* Sticky nav fix — allow sticky inside full-bleed root */
.crh-pay-figma{
  overflow:visible!important;
  overflow-x:clip!important;
}
.crh-pay-figma .section{overflow:hidden!important;}
.crh-pay-figma .nav{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  z-index:2147483000!important;
}

/* FAQ layout correction — intro copy left column, questions right column */
@media (min-width: 921px){
  .crh-pay-figma .faq{
    height:auto!important;
    min-height:1067px!important;
    padding:110px 0!important;
    align-items:flex-start!important;
  }
  .crh-pay-figma .faq-grid{
    width:1200px!important;
    max-width:calc(100% - 48px)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:420px 744px!important;
    gap:56px!important;
    align-items:start!important;
  }
  .crh-pay-figma .faq-grid > div:first-child{
    width:420px!important;
    max-width:420px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
  .crh-pay-figma .faq .eyebrow{
    align-self:flex-start!important;
    margin:0!important;
    text-align:left!important;
  }
  .crh-pay-figma .faq h2{
    width:100%!important;
    max-width:420px!important;
    margin:32px 0 0!important;
    text-align:left!important;
    font-size:40px!important;
    line-height:1.10!important;
    letter-spacing:-.035em!important;
    text-wrap:balance!important;
  }
  .crh-pay-figma .faq-intro{
    width:100%!important;
    max-width:360px!important;
    margin:30px 0 0!important;
    text-align:left!important;
    font-size:17px!important;
    line-height:1.45!important;
  }
  .crh-pay-figma .faq .button{
    margin:32px 0 0!important;
    align-self:flex-start!important;
  }
  .crh-pay-figma .faq-list{
    width:744px!important;
    max-width:744px!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .faq-grid > div:first-child{
    align-items:flex-start!important;
    text-align:left!important;
  }
  .crh-pay-figma .faq .eyebrow{
    align-self:flex-start!important;
    margin:0!important;
    text-align:left!important;
  }
  .crh-pay-figma .faq h2,
  .crh-pay-figma .faq-intro{
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .crh-pay-figma .faq .button{
    margin-left:0!important;
    margin-right:0!important;
    align-self:flex-start!important;
  }
}

/* Final CTA pass 01 — match supplied background composition, left content only */
.crh-pay-figma .final-cta{
  background:#140058!important;
  color:#ffffff!important;
  position:relative!important;
  overflow:hidden!important;
  text-align:left!important;
}
.crh-pay-figma .final-cta .final-bg-img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:fill!important;
  object-position:center center!important;
  z-index:0!important;
}
.crh-pay-figma .final-cta::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg, rgba(20,0,88,.22) 0%, rgba(20,0,88,.10) 38%, rgba(20,0,88,0) 100%)!important;
  pointer-events:none!important;
}
.crh-pay-figma .final-cta .wrap{
  position:relative!important;
  z-index:2!important;
}
.crh-pay-figma .final-cta h2,
.crh-pay-figma .final-cta p,
.crh-pay-figma .final-cta strong,
.crh-pay-figma .final-cta .button,
.crh-pay-figma .final-cta small{
  position:relative!important;
  z-index:3!important;
  text-align:left!important;
}
.crh-pay-figma .final-cta strong span{
  display:block!important;
  color:#140058!important;
  font-weight:900!important;
}
@media (min-width: 921px){
  .crh-pay-figma .final-cta{
    height:600px!important;
    min-height:600px!important;
    padding:54px 0 0!important;
    display:block!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
  }
  .crh-pay-figma .final-cta .wrap{
    width:1200px!important;
    max-width:calc(100% - 48px)!important;
    margin:0 auto!important;
  }
  .crh-pay-figma .final-cta h2{
    width:520px!important;
    max-width:520px!important;
    margin:0!important;
    color:#ffffff!important;
    font-family:'Familjen Grotesk', Inter, sans-serif!important;
    font-size:76px!important;
    line-height:.98!important;
    font-weight:700!important;
    letter-spacing:-.045em!important;
    text-wrap:normal!important;
  }
  .crh-pay-figma .final-cta h2 em{
    display:block!important;
    margin-top:8px!important;
    color:#d6fd6a!important;
    font-family:'STIX Two Text', Georgia, serif!important;
    font-style:italic!important;
    font-size:76px!important;
    line-height:.98!important;
    font-weight:700!important;
    letter-spacing:-.045em!important;
  }
  .crh-pay-figma .final-cta p{
    width:560px!important;
    max-width:560px!important;
    margin:34px 0 0!important;
    color:#ffffff!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:22px!important;
    line-height:1.45!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  .crh-pay-figma .final-cta strong{
    width:444px!important;
    max-width:444px!important;
    height:78px!important;
    min-height:78px!important;
    margin:24px 0 0!important;
    padding:0 26px 0 94px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    border-radius:14px!important;
    background:#ffffff!important;
    color:#140058!important;
    border:0!important;
    box-shadow:none!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
    font-size:16px!important;
    line-height:20px!important;
    font-weight:400!important;
    box-sizing:border-box!important;
  }
  .crh-pay-figma .final-cta strong::before{
    content:''!important;
    position:absolute!important;
    left:37px!important;
    top:50%!important;
    width:34px!important;
    height:34px!important;
    border-radius:0!important;
    transform:translateY(-50%)!important;
    background:url("{{ get_asset_url('/Absolut Crehana Styles/Crehana Pay Landing Assets/figma-45-41/icons/cta-gift-purple.svg') }}") center center/30px 30px no-repeat!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .final-cta .button{
    display:inline-flex!important;
    width:229px!important;
    min-width:229px!important;
    height:53px!important;
    min-height:53px!important;
    margin:22px 0 0!important;
    padding:0 28px!important;
    border-radius:8px!important;
    background:#d6fd6a!important;
    color:#140058!important;
    box-shadow:none!important;
    font-size:16px!important;
    font-weight:900!important;
  }
  .crh-pay-figma .final-cta .button::after{
    content:'→'!important;
    display:inline-block!important;
    margin-left:18px!important;
    font-weight:900!important;
  }
  .crh-pay-figma .final-cta small{
    display:block!important;
    width:520px!important;
    max-width:520px!important;
    margin:20px 0 0!important;
    color:rgba(255,255,255,.70)!important;
    font-size:14px!important;
    line-height:20px!important;
    font-weight:400!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .final-cta{
    height:auto!important;
    min-height:680px!important;
    padding:52px 0 52px!important;
    display:block!important;
  }
  .crh-pay-figma .final-cta .final-bg-img{
    object-fit:cover!important;
    object-position:56% center!important;
  }
  .crh-pay-figma .final-cta::before{
    background:linear-gradient(180deg, rgba(20,0,88,.78) 0%, rgba(20,0,88,.40) 48%, rgba(20,0,88,.72) 100%)!important;
  }
  .crh-pay-figma .final-cta .wrap{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin:0 auto!important;
  }
  .crh-pay-figma .final-cta h2{
    width:100%!important;
    max-width:360px!important;
    margin:0!important;
    font-size:52px!important;
    line-height:.98!important;
    font-weight:700!important;
    letter-spacing:-.045em!important;
    color:#ffffff!important;
  }
  .crh-pay-figma .final-cta h2 em{
    display:block!important;
    margin-top:6px!important;
    color:#d6fd6a!important;
    font-family:'STIX Two Text', Georgia, serif!important;
    font-style:italic!important;
    font-size:52px!important;
    line-height:.98!important;
    font-weight:700!important;
  }
  .crh-pay-figma .final-cta p{
    width:100%!important;
    max-width:360px!important;
    margin:28px 0 0!important;
    color:#ffffff!important;
    font-size:18px!important;
    line-height:1.45!important;
  }
  .crh-pay-figma .final-cta strong{
    width:100%!important;
    max-width:360px!important;
    min-height:82px!important;
    margin:24px 0 0!important;
    padding:16px 18px 16px 74px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    border-radius:14px!important;
    background:#ffffff!important;
    color:#140058!important;
    font-size:15px!important;
    line-height:19px!important;
    font-weight:400!important;
    box-sizing:border-box!important;
  }
  .crh-pay-figma .final-cta strong::before{
    content:''!important;
    position:absolute!important;
    left:24px!important;
    top:50%!important;
    width:32px!important;
    height:32px!important;
    transform:translateY(-50%)!important;
    background:url("{{ get_asset_url('/Absolut Crehana Styles/Crehana Pay Landing Assets/figma-45-41/icons/cta-gift-purple.svg') }}") center center/28px 28px no-repeat!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .final-cta .button{
    width:220px!important;
    min-width:220px!important;
    height:52px!important;
    min-height:52px!important;
    margin:22px 0 0!important;
    border-radius:8px!important;
    background:#d6fd6a!important;
    color:#140058!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .final-cta small{
    width:100%!important;
    max-width:360px!important;
    margin:18px 0 0!important;
    color:rgba(255,255,255,.72)!important;
    font-size:12.5px!important;
    line-height:18px!important;
  }
}

/* Final CTA pass 02 — smaller left content, proportional full-width image, stronger purple gradient */
.crh-pay-figma .final-cta .final-bg-img{
  object-fit:cover!important;
  object-position:center center!important;
}
.crh-pay-figma .final-cta::before{
  background:linear-gradient(90deg, rgba(20,0,88,.96) 0%, rgba(20,0,88,.88) 34%, rgba(20,0,88,.58) 56%, rgba(20,0,88,.24) 76%, rgba(20,0,88,.06) 100%)!important;
}
@media (min-width: 921px){
  .crh-pay-figma .final-cta{
    height:600px!important;
    min-height:600px!important;
    padding:64px 0 0!important;
  }
  .crh-pay-figma .final-cta .final-bg-img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .crh-pay-figma .final-cta h2{
    width:460px!important;
    max-width:460px!important;
    font-size:60px!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
  }
  .crh-pay-figma .final-cta h2 em{
    margin-top:6px!important;
    font-size:60px!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
  }
  .crh-pay-figma .final-cta p{
    width:500px!important;
    max-width:500px!important;
    margin-top:28px!important;
    font-size:19px!important;
    line-height:1.45!important;
  }
  .crh-pay-figma .final-cta strong{
    width:410px!important;
    max-width:410px!important;
    height:72px!important;
    min-height:72px!important;
    margin-top:22px!important;
    padding:0 22px 0 84px!important;
    border-radius:13px!important;
    font-size:15px!important;
    line-height:19px!important;
  }
  .crh-pay-figma .final-cta strong::before{
    left:32px!important;
    width:30px!important;
    height:30px!important;
    background-size:27px 27px!important;
  }
  .crh-pay-figma .final-cta .button{
    width:205px!important;
    min-width:205px!important;
    height:50px!important;
    min-height:50px!important;
    margin-top:20px!important;
    font-size:15px!important;
  }
  .crh-pay-figma .final-cta small{
    width:500px!important;
    max-width:500px!important;
    margin-top:18px!important;
    font-size:13px!important;
    line-height:18px!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .final-cta::before{
    background:linear-gradient(180deg, rgba(20,0,88,.94) 0%, rgba(20,0,88,.70) 45%, rgba(20,0,88,.88) 100%)!important;
  }
  .crh-pay-figma .final-cta .final-bg-img{
    object-fit:cover!important;
    object-position:center center!important;
  }
  .crh-pay-figma .final-cta h2{
    max-width:330px!important;
    font-size:44px!important;
    line-height:1.02!important;
  }
  .crh-pay-figma .final-cta h2 em{
    font-size:44px!important;
    line-height:1.02!important;
  }
  .crh-pay-figma .final-cta p{
    max-width:330px!important;
    font-size:16px!important;
    line-height:1.45!important;
  }
  .crh-pay-figma .final-cta strong{
    max-width:330px!important;
    min-height:76px!important;
    font-size:14px!important;
    line-height:18px!important;
  }
}

/* Final CTA pass 03 — keep full right UI visible, stronger purple wash */
.crh-pay-figma .final-cta .final-bg-img{
  object-fit:cover!important;
  object-position:right center!important;
}
.crh-pay-figma .final-cta::before{
  background:linear-gradient(90deg, rgba(20,0,88,1) 0%, rgba(20,0,88,.96) 38%, rgba(20,0,88,.78) 58%, rgba(20,0,88,.46) 76%, rgba(20,0,88,.18) 100%)!important;
}
@media (max-width: 920px){
  .crh-pay-figma .final-cta .final-bg-img{object-position:70% center!important;}
  .crh-pay-figma .final-cta::before{background:linear-gradient(180deg, rgba(20,0,88,.96) 0%, rgba(20,0,88,.78) 45%, rgba(20,0,88,.92) 100%)!important;}
}

/* Final CTA gift icon — use the same real icon as hero */
.crh-pay-figma .final-cta strong::before{
  display:none!important;
  content:none!important;
  background:none!important;
}
.crh-pay-figma .final-gift-icon{
  display:block!important;
  position:absolute!important;
  left:32px!important;
  top:50%!important;
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  transform:translateY(-50%)!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:4!important;
}
@media (max-width: 920px){
  .crh-pay-figma .final-gift-icon{
    left:24px!important;
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
  }
}

/* Title system consistency — section titles semibold, same rhythm desktop/mobile */
.crh-pay-figma .section-head h2,
.crh-pay-figma .benefit h2,
.crh-pay-figma .ai h2,
.crh-pay-figma .security .section-head h2,
.crh-pay-figma .ecosystem h2,
.crh-pay-figma .compare .section-head h2,
.crh-pay-figma .faq h2,
.crh-pay-figma .final-cta h2{
  font-family:'Familjen Grotesk', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
  font-weight:600!important;
  letter-spacing:-.035em!important;
  text-wrap:balance!important;
}
.crh-pay-figma .final-cta h2 em{
  font-weight:600!important;
  letter-spacing:-.035em!important;
}
@media (min-width: 921px){
  .crh-pay-figma .section-head h2,
  .crh-pay-figma .benefit h2,
  .crh-pay-figma .ai h2,
  .crh-pay-figma .security .section-head h2,
  .crh-pay-figma .ecosystem h2,
  .crh-pay-figma .compare .section-head h2,
  .crh-pay-figma .faq h2,
  .crh-pay-figma .final-cta h2{
    font-size:44px!important;
    line-height:1.10!important;
    font-weight:600!important;
  }
  .crh-pay-figma .final-cta h2 em{
    font-size:44px!important;
    line-height:1.10!important;
    font-weight:600!important;
  }
  .crh-pay-figma .benefit h2{max-width:420px!important;}
  .crh-pay-figma .ai h2{max-width:860px!important;}
  .crh-pay-figma .ecosystem h2{max-width:520px!important;}
  .crh-pay-figma .faq h2{max-width:420px!important;}
  .crh-pay-figma .final-cta h2{width:390px!important;max-width:390px!important;}
}
@media (max-width: 920px){
  .crh-pay-figma .section-head h2,
  .crh-pay-figma .benefit h2,
  .crh-pay-figma .ai h2,
  .crh-pay-figma .security .section-head h2,
  .crh-pay-figma .ecosystem h2,
  .crh-pay-figma .compare .section-head h2,
  .crh-pay-figma .faq h2,
  .crh-pay-figma .final-cta h2{
    font-size:36px!important;
    line-height:1.10!important;
    font-weight:600!important;
    letter-spacing:-.035em!important;
  }
  .crh-pay-figma .final-cta h2 em{
    font-size:36px!important;
    line-height:1.10!important;
    font-weight:600!important;
  }
}

/* Pardot form slot — no progressive/continue button when using %%content%% */
.crh-pay-figma .pardot-form-slot .crh-progressive-next,
.crh-pay-figma .crh-progressive-next{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.crh-pay-figma .pardot-form-slot .crh-progressive-hidden{display:block!important;}
.crh-pay-figma .pardot-form-slot .crh-progressive-submit-hidden{display:flex!important;}

/* Compact modern Crehana-style footer */
.crh-pay-figma .footer{
  position:relative!important;
  min-height:0!important;
  padding:44px 0 28px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7f5ff 100%)!important;
  color:#140058!important;
  border-top:1px solid rgba(20,0,88,.08)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
}
.crh-pay-figma .footer::before{
  content:''!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:4px!important;
  background:linear-gradient(90deg,#4822f4 0%,#d6fd6a 52%,#4822f4 100%)!important;
}
.crh-pay-figma .footer-shell{
  display:grid!important;
  grid-template-columns:360px 1fr!important;
  grid-template-areas:
    'brand nav'
    'bottom bottom'!important;
  gap:34px 76px!important;
  align-items:start!important;
}
.crh-pay-figma .footer-brand-block{
  grid-area:brand!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:18px!important;
}
.crh-pay-figma .footer-logo-link{display:inline-flex!important;line-height:0!important;}
.crh-pay-figma .footer-logo{
  width:154px!important;
  max-width:154px!important;
  height:auto!important;
  object-fit:contain!important;
}
.crh-pay-figma .footer-brand-block p{
  max-width:330px!important;
  margin:0!important;
  color:#5e5a73!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:400!important;
}
.crh-pay-figma .footer-nav{
  grid-area:nav!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:28px!important;
  align-items:start!important;
}
.crh-pay-figma .footer-col{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.crh-pay-figma .footer-col h3{
  margin:0 0 4px!important;
  color:#140058!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.crh-pay-figma .footer a{
  color:#5e5a73!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:500!important;
  text-decoration:none!important;
  transition:color .18s ease, background .18s ease, transform .18s ease!important;
}
.crh-pay-figma .footer a:hover,
.crh-pay-figma .footer a:focus{
  color:#4822f4!important;
}
.crh-pay-figma .footer-bottom{
  grid-area:bottom!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding-top:24px!important;
  border-top:1px solid rgba(20,0,88,.10)!important;
}
.crh-pay-figma .footer-bottom p{
  margin:0!important;
  color:#8d8d9d!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
}
.crh-pay-figma .footer-socials{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
.crh-pay-figma .footer-socials a{
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#ffffff!important;
  color:#4822f4!important;
  border:1px solid rgba(72,34,244,.16)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:0 10px 24px rgba(20,0,88,.06)!important;
}
.crh-pay-figma .footer-socials a:hover,
.crh-pay-figma .footer-socials a:focus{
  background:#4822f4!important;
  color:#ffffff!important;
  transform:translateY(-1px)!important;
}
.crh-pay-figma .footer-links{display:none!important;}
@media (max-width: 920px){
  .crh-pay-figma .footer{padding:38px 0 26px!important;}
  .crh-pay-figma .footer-shell{
    grid-template-columns:1fr!important;
    grid-template-areas:'brand' 'nav' 'bottom'!important;
    gap:28px!important;
    text-align:left!important;
  }
  .crh-pay-figma .footer-nav{
    grid-template-columns:1fr 1fr!important;
    gap:24px 18px!important;
  }
  .crh-pay-figma .footer-bottom{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:16px!important;
  }
  .crh-pay-figma .footer-socials{justify-content:flex-start!important;}
}
@media (max-width: 560px){
  .crh-pay-figma .footer-nav{grid-template-columns:1fr!important;}
  .crh-pay-figma .footer-logo{width:148px!important;max-width:148px!important;}
}

/* SEO/Pardot pass — form title is not an H2 */
.crh-pay-figma .form-card .form-title{
  margin:0!important;
  color:#140058!important;
  font-family:'Familjen Grotesk', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
  font-size:28px!important;
  line-height:35px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-align:left!important;
}
.crh-pay-figma .form-card > p.form-title + p{
  margin-top:14px!important;
}

/* Mobile QA pass — cleaner hero, larger platform image, non-cropped people photo, readable comparison */
@media (max-width: 920px){
  .crh-pay-figma .hero-side-photo{
    display:none!important;
    visibility:hidden!important;
  }
  .crh-pay-figma .hero{
    background:#17005b!important;
  }
  .crh-pay-figma .hero::before{
    background:radial-gradient(circle at 84% 22%, rgba(72,34,244,.36) 0%, rgba(72,34,244,0) 42%), linear-gradient(180deg,#1b0067 0%,#13004a 100%)!important;
  }
  .crh-pay-figma .form-card .form-title{
    font-size:28px!important;
    line-height:34px!important;
  }
  .crh-pay-figma .benefit-photo{
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }
  .crh-pay-figma .benefit-photo img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center top!important;
    border-radius:22px!important;
  }
  .crh-pay-figma .features .screen-shell{
    width:calc(100vw - 28px)!important;
    height:304px!important;
    min-height:304px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:12px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .crh-pay-figma .features .screen-shell img{
    width:680px!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:left top!important;
    transform:translateX(-42px)!important;
    transform-origin:left center!important;
  }
  .crh-pay-figma .compare{
    height:auto!important;
    min-height:auto!important;
    padding-bottom:72px!important;
  }
  .crh-pay-figma .compare-mobile-carousel,
  .crh-pay-figma .compare-mobile-track,
  .crh-pay-figma .compare-mobile-dots{
    display:none!important;
  }
  .crh-pay-figma .compare .table{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    margin:34px auto 0!important;
    gap:14px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .crh-pay-figma .compare .tr.head{
    display:none!important;
  }
  .crh-pay-figma .compare .tr{
    width:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:18px!important;
    border:1px solid rgba(20,0,88,.10)!important;
    border-radius:20px!important;
    background:#ffffff!important;
    box-shadow:0 18px 42px rgba(20,0,88,.06)!important;
  }
  .crh-pay-figma .compare .tr span{
    width:100%!important;
    padding:0 0 2px!important;
    color:#140058!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:800!important;
    border:0!important;
  }
  .crh-pay-figma .compare .tr p{
    position:relative!important;
    margin:0!important;
    padding:13px 14px 13px 42px!important;
    border-radius:14px!important;
    font-size:14px!important;
    line-height:1.38!important;
    text-align:left!important;
  }
  .crh-pay-figma .compare .tr p::before{
    position:absolute!important;
    left:14px!important;
    top:13px!important;
    width:18px!important;
    height:18px!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
  }
  .crh-pay-figma .compare .tr p.yes{
    color:#140058!important;
    background:#f2ffcd!important;
  }
  .crh-pay-figma .compare .tr p.yes::before{
    content:'✓'!important;
    color:#140058!important;
    background:#d6fd6a!important;
  }
  .crh-pay-figma .compare .tr p.no{
    color:#5e5a73!important;
    background:#f6f4fe!important;
  }
  .crh-pay-figma .compare .tr p.no::before{
    content:'–'!important;
    color:#ffffff!important;
    background:#8d7cf8!important;
  }
}

/* Form title specificity fix after converting from H2 to paragraph */
.crh-pay-figma .form-card > p.form-title{
  margin:0!important;
  color:#140058!important;
  font-family:'Familjen Grotesk', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
  font-size:28px!important;
  line-height:35px!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
@media (max-width: 920px){
  .crh-pay-figma .form-card > p.form-title{
    font-size:28px!important;
    line-height:34px!important;
  }
}

/* Diferenciales visuals — protagonistas como wireframe inicial */
.crh-pay-figma .diff-visual,
.crh-pay-figma .diff-card:nth-child(1) .diff-visual,
.crh-pay-figma .diff-card:nth-child(2) .diff-visual,
.crh-pay-figma .diff-card:nth-child(3) .diff-visual{
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin-top:auto!important;
  padding:22px 20px 24px!important;
  border:0!important;
  border-radius:24px!important;
  background:#f6f4fe!important;
  box-shadow:none!important;
  color:#140058!important;
  display:block!important;
  overflow:hidden!important;
  font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
}
.crh-pay-figma .diff-visual *,
.crh-pay-figma .diff-visual *::before,
.crh-pay-figma .diff-visual *::after{box-sizing:border-box!important;}
.crh-pay-figma .diff-card .diff-visual p,
.crh-pay-figma .diff-card .diff-visual strong,
.crh-pay-figma .diff-card .diff-visual span{
  margin:0!important;
  min-height:0!important;
  letter-spacing:-.01em!important;
}
.crh-pay-figma .visual-heading,
.crh-pay-figma .breakdown-head,
.crh-pay-figma .plan-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:#140058!important;
  font-size:16px!important;
  line-height:1.16!important;
  font-weight:800!important;
}
.crh-pay-figma .visual-heading{justify-content:flex-start!important;}
.crh-pay-figma .visual-heading > span,
.crh-pay-figma .plan-head > span{
  width:22px!important;
  height:22px!important;
  border-radius:7px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  color:#4b2cf5!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:900!important;
}
.crh-pay-figma .visual-alert,
.crh-pay-figma .visual-file{
  margin-top:14px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  padding:16px!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#262238!important;
}
.crh-pay-figma .visual-alert{border:1.5px solid #f6b645!important;}
.crh-pay-figma .visual-alert > span,
.crh-pay-figma .visual-file > span{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  color:#4b2cf5!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
}
.crh-pay-figma .visual-alert > span{
  border:2px solid #f6a11a!important;
  color:#f6a11a!important;
  font-size:14px!important;
}
.crh-pay-figma .diff-card .diff-visual .visual-alert p,
.crh-pay-figma .diff-card .diff-visual .visual-file p{
  color:#262238!important;
  font-size:15px!important;
  line-height:1.36!important;
  font-weight:500!important;
}
.crh-pay-figma .visual-scout{
  margin-top:14px!important;
  padding:16px 18px!important;
  border-radius:14px!important;
  background:#140058!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
.crh-pay-figma .breakdown-head span{
  color:#5e5a73!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:500!important;
}
.crh-pay-figma .breakdown-table{
  margin-top:16px!important;
  padding:12px 16px!important;
  border-radius:16px!important;
  background:#fff!important;
}
.crh-pay-figma .breakdown-table > div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:11px 0!important;
  border-bottom:1px solid #dedaf1!important;
  color:#5e5a73!important;
  font-size:16px!important;
  line-height:1.1!important;
}
.crh-pay-figma .breakdown-table > div:last-child{border-bottom:0!important;}
.crh-pay-figma .breakdown-table span{font-size:16px!important;font-weight:500!important;color:#5e5a73!important;}
.crh-pay-figma .breakdown-table strong{font-size:16px!important;font-weight:800!important;color:#262238!important;white-space:nowrap!important;}
.crh-pay-figma .breakdown-table strong.negative{color:#ff4655!important;}
.crh-pay-figma .breakdown-table .total span,
.crh-pay-figma .breakdown-table .total strong{color:#4b2cf5!important;font-weight:900!important;}
.crh-pay-figma .plan-head{justify-content:flex-start!important;margin-bottom:16px!important;}
.crh-pay-figma .plan-step{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  min-height:54px!important;
  margin-top:11px!important;
  padding:12px 14px!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#262238!important;
}
.crh-pay-figma .plan-step span{
  min-width:66px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  background:#f2efff!important;
  color:#4b2cf5!important;
  text-align:center!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.crh-pay-figma .diff-card .diff-visual .plan-step p{
  color:#262238!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:500!important;
}
.crh-pay-figma .plan-step--live{
  background:#4b2cf5!important;
  color:#fff!important;
}
.crh-pay-figma .plan-step--live span{background:#d6fd6a!important;color:#140058!important;}
.crh-pay-figma .diff-card .diff-visual .plan-step--live p{color:#fff!important;font-weight:800!important;}

@media (min-width: 921px){
  .crh-pay-figma .differentials{min-height:1188px!important;padding-bottom:96px!important;}
  .crh-pay-figma .diff-card{
    height:704px!important;
    min-height:704px!important;
    padding:42px 38px 46px!important;
  }
  .crh-pay-figma .diff-card h3{min-height:78px!important;}
  .crh-pay-figma .diff-card > p{min-height:124px!important;}
  .crh-pay-figma .diff-visual,
  .crh-pay-figma .diff-card:nth-child(1) .diff-visual,
  .crh-pay-figma .diff-card:nth-child(2) .diff-visual,
  .crh-pay-figma .diff-card:nth-child(3) .diff-visual{
    min-height:330px!important;
    padding:22px 22px 24px!important;
  }
  .crh-pay-figma .diff-visual--risk{padding-top:24px!important;}
  .crh-pay-figma .diff-visual--plan{padding-top:24px!important;}
}
@media (max-width: 920px){
  .crh-pay-figma .diff-card{
    height:auto!important;
    min-height:0!important;
    padding:34px 32px 36px!important;
  }
  .crh-pay-figma .diff-card > p{min-height:0!important;}
  .crh-pay-figma .diff-visual,
  .crh-pay-figma .diff-card:nth-child(1) .diff-visual,
  .crh-pay-figma .diff-card:nth-child(2) .diff-visual,
  .crh-pay-figma .diff-card:nth-child(3) .diff-visual{
    margin-top:28px!important;
    min-height:0!important;
    padding:22px 20px!important;
  }
}
@media (max-width: 640px){
  .crh-pay-figma .diff-card{padding:32px 24px 30px!important;}
  .crh-pay-figma .visual-heading,
  .crh-pay-figma .breakdown-head,
  .crh-pay-figma .plan-head{font-size:15px!important;}
  .crh-pay-figma .diff-card .diff-visual .visual-alert p,
  .crh-pay-figma .diff-card .diff-visual .visual-file p,
  .crh-pay-figma .diff-card .diff-visual .plan-step p{font-size:14px!important;}
  .crh-pay-figma .breakdown-table span,
  .crh-pay-figma .breakdown-table strong{font-size:14px!important;}
  .crh-pay-figma .visual-alert,
  .crh-pay-figma .visual-file{padding:14px!important;}
  .crh-pay-figma .visual-scout{font-size:14px!important;padding:14px!important;}
  .crh-pay-figma .plan-step{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important;padding:11px 12px!important;}
  .crh-pay-figma .plan-step span{min-width:62px!important;font-size:12px!important;padding:7px 8px!important;}
}

/* Diferenciales visual QA — avoid bottom clipping after larger wireframe-style mockups */
@media (min-width: 921px){
  .crh-pay-figma .differentials{min-height:1248px!important;}
  .crh-pay-figma .diff-card{height:760px!important;min-height:760px!important;}
}

/* Final CTA title QA — slightly larger emphasis */
@media (min-width: 921px){
  .crh-pay-figma .final-cta h2,
  .crh-pay-figma .final-cta h2 em{
    font-size:50px!important;
    line-height:1.04!important;
  }
  .crh-pay-figma .final-cta h2{
    width:430px!important;
    max-width:430px!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .final-cta h2,
  .crh-pay-figma .final-cta h2 em{
    font-size:40px!important;
    line-height:1.06!important;
  }
  .crh-pay-figma .final-cta h2{
    max-width:360px!important;
  }
}

/* Section order/contrast QA — comparativa arriba, Tu nómina abajo, fondos separados */
.crh-pay-figma .compare{
  background:#ffffff!important;
  background-image:linear-gradient(180deg,#ffffff 0%,#fbfff2 100%)!important;
  border-top:1px solid rgba(20,0,88,.06)!important;
  border-bottom:1px solid rgba(20,0,88,.06)!important;
}
.crh-pay-figma .ecosystem{
  background:#f6f4fe!important;
  background-image:radial-gradient(680px 360px at 92% 18%, rgba(214,253,106,.34), rgba(214,253,106,0) 68%), linear-gradient(180deg,#f6f4fe 0%,#efebff 100%)!important;
  border-top:1px solid rgba(20,0,88,.08)!important;
  border-bottom:1px solid rgba(20,0,88,.08)!important;
}
.crh-pay-figma .faq{
  background:#ffffff!important;
}
@media (max-width: 920px){
  .crh-pay-figma .compare{background-image:linear-gradient(180deg,#ffffff 0%,#fbfff2 100%)!important;}
  .crh-pay-figma .ecosystem{background-image:linear-gradient(180deg,#f6f4fe 0%,#efebff 100%)!important;}
}

/* Comparativa mobile overflow fix after moving section up */
@media (max-width: 920px){
  .crh-pay-figma .compare .table{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .crh-pay-figma .compare .tr{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    box-sizing:border-box!important;
  }
  .crh-pay-figma .compare .tr > *,
  .crh-pay-figma .compare .tr span,
  .crh-pay-figma .compare .tr p{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .crh-pay-figma .compare .tr p{
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    height:auto!important;
    min-height:46px!important;
  }
}

/* Final CTA copy order QA — headline first, Todo cuadra as kicker */
.crh-pay-figma .final-cta h2 span{
  display:block!important;
}
.crh-pay-figma .final-cta .final-kicker,
.crh-pay-figma .final-cta p.final-kicker{
  font-family:'Familjen Grotesk', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif!important;
  color:#ffffff!important;
  font-weight:600!important;
  letter-spacing:-.04em!important;
  text-wrap:balance!important;
}
.crh-pay-figma .final-cta .final-kicker em{
  color:#d6fd6a!important;
  font-family:'STIX Two Text', Georgia, serif!important;
  font-style:italic!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
}
@media (min-width: 921px){
  .crh-pay-figma .final-cta h2{
    width:620px!important;
    max-width:620px!important;
    font-size:46px!important;
    line-height:1.03!important;
    letter-spacing:-.044em!important;
  }
  .crh-pay-figma .final-cta .final-kicker,
  .crh-pay-figma .final-cta p.final-kicker{
    width:560px!important;
    max-width:560px!important;
    margin:18px 0 0!important;
    font-size:38px!important;
    line-height:1.02!important;
  }
  .crh-pay-figma .final-cta .final-kicker em{font-size:38px!important;line-height:1.02!important;}
}
@media (max-width: 920px){
  .crh-pay-figma .final-cta h2{
    max-width:360px!important;
    font-size:38px!important;
    line-height:1.06!important;
    letter-spacing:-.04em!important;
  }
  .crh-pay-figma .final-cta .final-kicker,
  .crh-pay-figma .final-cta p.final-kicker{
    max-width:360px!important;
    margin:16px 0 0!important;
    font-size:31px!important;
    line-height:1.04!important;
  }
  .crh-pay-figma .final-cta .final-kicker em{font-size:31px!important;line-height:1.04!important;}
}

/* Sticky menu glass effect — colored transparency to separate from sections */
.crh-pay-figma .nav{
  background:linear-gradient(90deg, rgba(20,0,88,.82) 0%, rgba(40,12,128,.70) 52%, rgba(72,34,244,.58) 100%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 42px rgba(20,0,88,.22)!important;
}
.crh-pay-figma .nav::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0))!important;
  z-index:0!important;
}
.crh-pay-figma .nav .wrap{
  position:relative!important;
  z-index:1!important;
}
.crh-pay-figma .nav-links{
  color:rgba(255,255,255,.90)!important;
}
.crh-pay-figma .nav-links a:hover{
  color:#ffffff!important;
}
@media (max-width: 920px){
  .crh-pay-figma .nav{
    background:linear-gradient(90deg, rgba(20,0,88,.88) 0%, rgba(72,34,244,.66) 100%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(150%)!important;
    backdrop-filter:blur(16px) saturate(150%)!important;
  }
}

/* Logos strip QA — taller area, larger and more visible grayscale logos */
.crh-pay-figma .logos{
  min-height:196px!important;
  padding:42px 0 46px!important;
  background:#ffffff!important;
  border-top:4px solid #140058!important;
  border-bottom:10px solid #d6fd6a!important;
}
.crh-pay-figma .logos p{
  color:#5e5a73!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
.crh-pay-figma .logo-row{
  margin-top:34px!important;
  gap:30px 56px!important;
}
.crh-pay-figma .logo-row img{
  height:50px!important;
  max-width:210px!important;
  opacity:1!important;
  filter:grayscale(1) contrast(1.35) brightness(.74)!important;
}
@media (max-width: 920px){
  .crh-pay-figma .logos{
    padding:34px 0 38px!important;
    min-height:auto!important;
  }
  .crh-pay-figma .logos p{
    font-size:15px!important;
    line-height:1.35!important;
  }
  .crh-pay-figma .logo-row img{
    height:38px!important;
    max-width:160px!important;
    filter:grayscale(1) contrast(1.35) brightness(.74)!important;
  }
}
@media (max-width: 640px){
  .crh-pay-figma .logo-row img{
    height:38px!important;
    max-width:150px!important;
  }
}

/* Logos strip QA 02 — keep desktop logos on one larger row */
@media (min-width: 921px){
  .crh-pay-figma .logos{
    min-height:220px!important;
    padding:42px 0 44px!important;
  }
  .crh-pay-figma .logo-row{
    width:100%!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    gap:36px!important;
    margin-top:34px!important;
  }
  .crh-pay-figma .logo-row img{
    height:52px!important;
    max-width:180px!important;
    filter:grayscale(1) contrast(1.5) brightness(.66)!important;
  }
}

/* Pardot repair — robust image-based diferencial mockups (prevents text overflow if pasted in Pardot) */
.crh-pay-figma .diff-shot--image,
.crh-pay-figma .diff-card:nth-child(1) .diff-shot--image,
.crh-pay-figma .diff-card:nth-child(2) .diff-shot--image,
.crh-pay-figma .diff-card:nth-child(3) .diff-shot--image{
  width:100%!important;
  height:280px!important;
  min-height:280px!important;
  margin:30px 0 0!important;
  padding:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#f6f4fe!important;
  border:0!important;
  border-radius:22px!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.crh-pay-figma .diff-shot--image img,
.crh-pay-figma .diff-card:nth-child(1) .diff-shot--image img,
.crh-pay-figma .diff-card:nth-child(2) .diff-shot--image img,
.crh-pay-figma .diff-card:nth-child(3) .diff-shot--image img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  margin:0 auto!important;
  border-radius:0!important;
  box-shadow:none!important;
}
@media (min-width: 921px){
  .crh-pay-figma .diff-card{height:700px!important;min-height:700px!important;}
  .crh-pay-figma .differentials{min-height:1188px!important;}
  .crh-pay-figma .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot--image{height:280px!important;min-height:280px!important;}
}
@media (max-width: 920px){
  .crh-pay-figma .diff-card{height:auto!important;min-height:0!important;}
  .crh-pay-figma .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot--image{height:244px!important;min-height:244px!important;margin-top:26px!important;padding:16px!important;}
}
@media (max-width: 640px){
  .crh-pay-figma .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot--image{height:224px!important;min-height:224px!important;}
}

/* Pardot repair 02 — make diferencial screenshots protagonist without text overflow */
.crh-pay-figma .diff-shot--image img,
.crh-pay-figma .diff-card:nth-child(1) .diff-shot--image img,
.crh-pay-figma .diff-card:nth-child(2) .diff-shot--image img,
.crh-pay-figma .diff-card:nth-child(3) .diff-shot--image img{
  width:128%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
}
@media (max-width: 640px){
  .crh-pay-figma .diff-shot--image img,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot--image img,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot--image img,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot--image img{width:122%!important;}
}

/* User QA — remove green divider before Tres razones section */
.crh-pay-figma .logos{
  border-bottom:0!important;
}
.crh-pay-figma .differentials{
  border-top:0!important;
}

/* User QA — Drive mini UI images, large but never cropped in desktop/mobile */
.crh-pay-figma .diff-shot--image img,
.crh-pay-figma .diff-card:nth-child(1) .diff-shot--image img,
.crh-pay-figma .diff-card:nth-child(2) .diff-shot--image img,
.crh-pay-figma .diff-card:nth-child(3) .diff-shot--image img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
@media (min-width: 921px){
  .crh-pay-figma .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot--image{
    height:286px!important;
    min-height:286px!important;
    padding:12px!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot--image{
    height:254px!important;
    min-height:254px!important;
    padding:14px!important;
  }
}
@media (max-width: 640px){
  .crh-pay-figma .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot--image,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot--image{
    height:238px!important;
    min-height:238px!important;
    padding:12px!important;
  }
}

/* User QA — comparador mobile alineado, solo visual */
@media (max-width: 920px){
  .crh-pay-figma .compare .table{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
    margin:34px auto 0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .crh-pay-figma .compare .tr.head{display:none!important;}
  .crh-pay-figma .compare .tr{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    padding:18px!important;
    border:1px solid rgba(20,0,88,.10)!important;
    border-radius:22px!important;
    background:#ffffff!important;
    box-shadow:0 18px 46px rgba(20,0,88,.055)!important;
    box-sizing:border-box!important;
  }
  .crh-pay-figma .compare .tr span{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    color:#140058!important;
    background:transparent!important;
    font-size:19px!important;
    line-height:1.18!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  .crh-pay-figma .compare .tr p{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:13px 14px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:12px!important;
    border:0!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    text-align:left!important;
    font-size:14px!important;
    line-height:1.38!important;
    font-weight:500!important;
  }
  .crh-pay-figma .compare .tr p::before{
    position:static!important;
    inset:auto!important;
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:900!important;
    box-sizing:border-box!important;
  }
  .crh-pay-figma .compare .tr p.yes{
    color:#262238!important;
    background:#f2ffcd!important;
  }
  .crh-pay-figma .compare .tr p.yes::before{
    content:'✓'!important;
    color:#140058!important;
    background:#d6fd6a!important;
  }
  .crh-pay-figma .compare .tr p.no{
    color:#5e5a73!important;
    background:#f6f4fe!important;
  }
  .crh-pay-figma .compare .tr p.no::before{
    content:'–'!important;
    color:#ffffff!important;
    background:#8d7cf8!important;
  }
}

/* User QA — mobile plataforma screenshot visible completo, sin corte dentro del contenedor */
@media (max-width: 920px){
  .crh-pay-figma .features .screen-shell{
    width:calc(100vw - 28px)!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:10px!important;
    overflow:visible!important;
    display:block!important;
    border-radius:18px!important;
  }
  .crh-pay-figma .features .screen-shell img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    margin:0 auto!important;
  }
}

/* Pardot wrapper cleanup — remove accidental blank space above landing */
html, body{margin:0!important;}
body > p:empty,
body > p:has(> br:only-child){
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.crh-pay-figma{
  margin-top:0!important;
}
.crh-pay-figma + p:empty{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}

/* User feedback 2026-10-06 — spacing, CTA rhythm, Crehana-color icons, interactions */
.crh-pay-figma .top-launch{
  min-height:44px!important;
  padding:7px 0!important;
  overflow:hidden!important;
}
.crh-pay-figma .top-launch .wrap{
  width:min(1200px, calc(100% - 80px))!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
}
.crh-pay-figma .top-launch p{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0!important;
  font-weight:500!important;
  line-height:1.25!important;
}
.crh-pay-figma .top-launch p strong{
  font-weight:900!important;
  color:#140058!important;
}
.crh-pay-figma .top-launch-icon{
  flex:0 0 26px!important;
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#ffffff!important;
  box-shadow:0 0 0 6px rgba(255,255,255,.22)!important;
}
.crh-pay-figma .top-launch-icon img{
  width:15px!important;
  height:15px!important;
  object-fit:contain!important;
}
.crh-pay-figma .top-launch a{
  position:relative!important;
  font-weight:900!important;
  white-space:nowrap!important;
  color:#140058!important;
}
.crh-pay-figma .top-launch a::after{
  content:''!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-4px!important;
  height:2px!important;
  background:#4822f4!important;
  border-radius:999px!important;
  transform:scaleX(.78)!important;
  transform-origin:center!important;
  transition:transform .2s ease!important;
}
.crh-pay-figma .top-launch a:hover::after{transform:scaleX(1)!important;}

.crh-pay-figma .section-cta,
.crh-pay-figma .center-cta{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:14px!important;
}
.crh-pay-figma .section-cta{margin-top:42px!important;}
.crh-pay-figma .section-cta .button,
.crh-pay-figma .center-cta .button{
  min-width:0!important;
  padding-left:30px!important;
  padding-right:30px!important;
}

/* Heading spacing: more air between title and paragraph; diferencial title balanced in two lines */
.crh-pay-figma .section-head p:not(.eyebrow){
  margin-top:24px!important;
}
.crh-pay-figma .differentials .section-head{
  margin-bottom:66px!important;
}
.crh-pay-figma .differentials .section-head h2{
  max-width:850px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-wrap:balance!important;
}
.crh-pay-figma .differentials .section-head p:not(.eyebrow){
  margin-top:26px!important;
  max-width:760px!important;
}

/* Ecosistema card title: white, centered, slightly larger */
.crh-pay-figma .ecosystem-card > span{
  display:block!important;
  width:100%!important;
  margin:0 auto!important;
  color:#ffffff!important;
  background:transparent!important;
  text-align:center!important;
  font-family:'Familjen Grotesk', Inter, sans-serif!important;
  font-size:21px!important;
  line-height:1.18!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  opacity:1!important;
}
.crh-pay-figma .ecosystem-card .pay-core{margin-top:24px!important;}

/* Comparativa: replace red/green status dots with Crehana colors */
.crh-pay-figma .compare .tr .yes::before,
.crh-pay-figma .compare-mobile-card--yes li::before{
  background:#d6fd6a!important;
  color:#140058!important;
}
.crh-pay-figma .compare .tr .no::before,
.crh-pay-figma .compare-mobile-card--no li::before{
  content:'×'!important;
  background:#ede8ff!important;
  color:#4822f4!important;
}
@media (max-width: 920px){
  .crh-pay-figma .compare .tr p.no::before{
    content:'×'!important;
    background:#ede8ff!important;
    color:#4822f4!important;
  }
  .crh-pay-figma .compare .tr p.yes::before{
    background:#d6fd6a!important;
    color:#140058!important;
  }
}

/* Better distribution in dense content blocks */
@media (min-width: 921px){
  .crh-pay-figma .features{height:auto!important;min-height:0!important;padding-bottom:104px!important;}
  .crh-pay-figma .feature-grid{align-items:stretch!important;}
  .crh-pay-figma .feature-card{
    height:auto!important;
    min-height:212px!important;
    padding:24px 22px!important;
  }
  .crh-pay-figma .feature-card p{font-size:13.8px!important;line-height:1.5!important;}
  .crh-pay-figma .ai{height:auto!important;min-height:0!important;padding:96px 0!important;}
  .crh-pay-figma .ai-card-grid{margin-top:54px!important;}
  .crh-pay-figma .ai-card{height:auto!important;min-height:204px!important;}
}

/* Micro-interactions and scroll reveal so the LP feels less flat */
.crh-pay-figma .diff-card,
.crh-pay-figma .feature-card,
.crh-pay-figma .ai-card,
.crh-pay-figma .steps li,
.crh-pay-figma .ecosystem-card .flow,
.crh-pay-figma .faq-list details,
.crh-pay-figma .compare .tr:not(.head),
.crh-pay-figma .screen-shell,
.crh-pay-figma .benefit-photo,
.crh-pay-figma .scout-img,
.crh-pay-figma .certs{
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, background-color .24s ease!important;
}
@media (hover:hover){
  .crh-pay-figma .diff-card:hover,
  .crh-pay-figma .feature-card:hover,
  .crh-pay-figma .ai-card:hover,
  .crh-pay-figma .ecosystem-card .flow:hover,
  .crh-pay-figma .faq-list details:hover,
  .crh-pay-figma .screen-shell:hover,
  .crh-pay-figma .benefit-photo:hover,
  .crh-pay-figma .scout-img:hover{
    transform:translateY(-6px)!important;
  }
  .crh-pay-figma .diff-card:hover,
  .crh-pay-figma .feature-card:hover,
  .crh-pay-figma .faq-list details:hover{
    box-shadow:0 26px 70px rgba(20,0,88,.12)!important;
    border-color:rgba(72,34,244,.22)!important;
  }
  .crh-pay-figma .compare .tr:not(.head):hover{
    transform:translateY(-2px)!important;
    box-shadow:0 12px 34px rgba(20,0,88,.06)!important;
    z-index:1!important;
  }
}
.crh-pay-figma .button{
  will-change:transform!important;
}
.crh-pay-figma .button:focus-visible,
.crh-pay-figma .top-launch a:focus-visible,
.crh-pay-figma details summary:focus-visible{
  outline:3px solid rgba(214,253,106,.9)!important;
  outline-offset:4px!important;
}
.crh-pay-figma.crh-animate-ready .crh-reveal{
  opacity:0!important;
  transform:translateY(22px)!important;
}
.crh-pay-figma.crh-animate-ready .crh-reveal.is-visible{
  opacity:1!important;
  transform:none!important;
  transition:opacity .55s ease, transform .55s ease!important;
}
.crh-pay-figma.crh-animate-ready .crh-reveal:nth-child(2){transition-delay:.05s!important;}
.crh-pay-figma.crh-animate-ready .crh-reveal:nth-child(3){transition-delay:.10s!important;}
.crh-pay-figma.crh-animate-ready .crh-reveal:nth-child(4){transition-delay:.15s!important;}
@media (prefers-reduced-motion: reduce){
  .crh-pay-figma *,
  .crh-pay-figma *::before,
  .crh-pay-figma *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
  .crh-pay-figma.crh-animate-ready .crh-reveal{opacity:1!important;transform:none!important;}
}

/* Mobile margins: give text and cards more breathing room away from screen edges */
@media (max-width: 920px){
  .crh-pay-figma .wrap,
  .crh-pay-figma .top-launch .wrap{
    width:calc(100% - 44px)!important;
    max-width:760px!important;
  }
  .crh-pay-figma .section-head p:not(.eyebrow){margin-top:22px!important;}
  .crh-pay-figma .section-cta{margin-top:34px!important;}
  .crh-pay-figma .section-cta .button,
  .crh-pay-figma .center-cta .button{width:100%!important;max-width:340px!important;}
  .crh-pay-figma .top-launch .wrap{gap:8px!important;}
  .crh-pay-figma .top-launch p{font-size:13px!important;text-align:left!important;justify-content:flex-start!important;}
  .crh-pay-figma .top-launch a{font-size:13px!important;}
  .crh-pay-figma .differentials .section-head h2{max-width:100%!important;}
  .crh-pay-figma .differentials .section-head p:not(.eyebrow){max-width:100%!important;}
}
@media (max-width: 640px){
  .crh-pay-figma .wrap,
  .crh-pay-figma .top-launch .wrap{
    width:calc(100% - 40px)!important;
  }
  .crh-pay-figma .top-launch .wrap{
    flex-direction:column!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  .crh-pay-figma .top-launch p{max-width:none!important;}
  .crh-pay-figma .top-launch a{margin-left:36px!important;}
}

/* User feedback 2026-10-06 — ensure recorrido CTA after comparativa is visible, not clipped */
.crh-pay-figma .compare{
  height:auto!important;
  min-height:980px!important;
  padding-bottom:88px!important;
  overflow:visible!important;
}
.crh-pay-figma .section-cta--compare{margin-top:34px!important;}
@media (max-width: 920px){
  .crh-pay-figma .compare{
    min-height:0!important;
    padding-bottom:72px!important;
    overflow:hidden!important;
  }
}

/* User feedback 2026-10-06 — new centered Drive hero background + softer overlay */
.crh-pay-figma .hero{
  background:#140058 url("https://23946686.fs1.hubspotusercontent-na1.net/hubfs/23946686/Absolut%20Crehana%20Styles/Crehana%20Pay%20Landing%20Assets/figma-45-41/hero-background-new-drive.webp") center center/cover no-repeat!important;
}
.crh-pay-figma .hero-side-photo{
  display:none!important;
  visibility:hidden!important;
}
.crh-pay-figma .hero::before{
  z-index:1!important;
  background:
    linear-gradient(90deg, rgba(20,0,88,.84) 0%, rgba(20,0,88,.76) 43%, rgba(20,0,88,.42) 68%, rgba(20,0,88,.10) 100%),
    linear-gradient(180deg, rgba(20,0,88,.46) 0%, rgba(20,0,88,.10) 46%, rgba(20,0,88,.34) 100%)!important;
}
.crh-pay-figma .hero::after{
  z-index:1!important;
  background:radial-gradient(700px 520px at 76% 54%, rgba(72,34,244,.14), rgba(72,34,244,0) 70%)!important;
}
.crh-pay-figma .hero .wrap.hero-grid{
  position:relative!important;
  z-index:2!important;
}
@media (max-width: 920px){
  .crh-pay-figma .hero{
    background:#140058 url("https://23946686.fs1.hubspotusercontent-na1.net/hubfs/23946686/Absolut%20Crehana%20Styles/Crehana%20Pay%20Landing%20Assets/figma-45-41/hero-background-new-drive.webp") center center/cover no-repeat!important;
  }
  .crh-pay-figma .hero::before{
    background:
      linear-gradient(180deg, rgba(20,0,88,.82) 0%, rgba(20,0,88,.68) 48%, rgba(20,0,88,.78) 100%),
      linear-gradient(90deg, rgba(20,0,88,.74) 0%, rgba(20,0,88,.36) 100%)!important;
  }
  .crh-pay-figma .hero::after{
    background:radial-gradient(520px 440px at 65% 26%, rgba(72,34,244,.16), rgba(72,34,244,0) 70%)!important;
  }
}

/* User feedback 2026-10-06 — final CTA image without UI elements crossing the text */
.crh-pay-figma .final-cta{
  background:#140058 url("https://23946686.fs1.hubspotusercontent-na1.net/hubfs/23946686/Absolut%20Crehana%20Styles/Crehana%20Pay%20Landing%20Assets/figma-45-41/hero-background-new-drive.webp") center center/cover no-repeat!important;
}
.crh-pay-figma .final-cta .final-bg-img{
  display:none!important;
  visibility:hidden!important;
}
.crh-pay-figma .final-cta::before{
  background:
    linear-gradient(90deg, rgba(20,0,88,.94) 0%, rgba(20,0,88,.86) 36%, rgba(20,0,88,.52) 64%, rgba(20,0,88,.16) 100%),
    linear-gradient(180deg, rgba(20,0,88,.34) 0%, rgba(20,0,88,.14) 50%, rgba(20,0,88,.48) 100%)!important;
}
@media (max-width: 920px){
  .crh-pay-figma .final-cta{
    background-position:left center!important;
  }
  .crh-pay-figma .final-cta::before{
    background:
      linear-gradient(180deg, rgba(20,0,88,.92) 0%, rgba(20,0,88,.82) 46%, rgba(20,0,88,.90) 100%),
      linear-gradient(90deg, rgba(20,0,88,.64) 0%, rgba(20,0,88,.22) 100%)!important;
  }
}

/* Correction 2026-10-06 — Drive image belongs to hero only; restore original final CTA artwork */
.crh-pay-figma .final-cta{
  background:#140058!important;
  background-image:none!important;
}
.crh-pay-figma .final-cta .final-bg-img{
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:right center!important;
  z-index:0!important;
  opacity:1!important;
}
.crh-pay-figma .final-cta::before{
  background:linear-gradient(90deg, rgba(20,0,88,1) 0%, rgba(20,0,88,.96) 38%, rgba(20,0,88,.78) 58%, rgba(20,0,88,.46) 76%, rgba(20,0,88,.18) 100%)!important;
}
@media (max-width: 920px){
  .crh-pay-figma .final-cta .final-bg-img{object-position:70% center!important;}
  .crh-pay-figma .final-cta::before{background:linear-gradient(180deg, rgba(20,0,88,.96) 0%, rgba(20,0,88,.78) 45%, rgba(20,0,88,.92) 100%)!important;}
}

/* User feedback 2026-10-06 — keep final CTA headline at the top like reference */
.crh-pay-figma .final-cta{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
@media (min-width: 921px){
  .crh-pay-figma .final-cta{
    height:600px!important;
    min-height:600px!important;
    padding:36px 0 0!important;
  }
  .crh-pay-figma .final-cta .wrap{
    padding-top:0!important;
  }
  .crh-pay-figma .final-cta h2{
    margin-top:0!important;
    width:560px!important;
    max-width:560px!important;
    font-size:42px!important;
    line-height:1.03!important;
  }
  .crh-pay-figma .final-cta .final-kicker,
  .crh-pay-figma .final-cta p.final-kicker{
    margin-top:16px!important;
    width:540px!important;
    max-width:540px!important;
    font-size:36px!important;
    line-height:1.04!important;
  }
  .crh-pay-figma .final-cta .final-kicker em{font-size:36px!important;line-height:1.04!important;}
  .crh-pay-figma .final-cta strong{margin-top:20px!important;}
  .crh-pay-figma .final-cta .button{margin-top:18px!important;}
  .crh-pay-figma .final-cta small{margin-top:14px!important;}
}
@media (max-width: 920px){
  .crh-pay-figma .final-cta{
    padding:46px 0 56px!important;
  }
  .crh-pay-figma .final-cta h2{
    margin-top:0!important;
  }
}

/* User feedback 2026-10-06 — Drive videos for Tres razones cards + software section */
.crh-pay-figma .diff-shot--video,
.crh-pay-figma .diff-card:nth-child(1) .diff-shot--video,
.crh-pay-figma .diff-card:nth-child(2) .diff-shot--video,
.crh-pay-figma .diff-card:nth-child(3) .diff-shot--video{
  padding:0!important;
  overflow:hidden!important;
  background:#f6f4fe!important;
  border-radius:22px!important;
}
.crh-pay-figma .diff-shot--video video,
.crh-pay-figma .diff-shot--image video,
.crh-pay-figma .diff-video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
.crh-pay-figma .screen-shell--video{
  overflow:hidden!important;
}
.crh-pay-figma .screen-shell--video video,
.crh-pay-figma .feature-video{
  display:block!important;
  width:1120px!important;
  height:530px!important;
  max-width:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  border-radius:0!important;
  background:#140058!important;
  box-shadow:none!important;
}
@media (max-width: 920px){
  .crh-pay-figma .diff-shot--video,
  .crh-pay-figma .diff-card:nth-child(1) .diff-shot--video,
  .crh-pay-figma .diff-card:nth-child(2) .diff-shot--video,
  .crh-pay-figma .diff-card:nth-child(3) .diff-shot--video{
    padding:0!important;
  }
  .crh-pay-figma .features .screen-shell--video{
    width:calc(100vw - 28px)!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:10px!important;
    overflow:visible!important;
    display:block!important;
    border-radius:18px!important;
  }
  .crh-pay-figma .features .screen-shell--video video,
  .crh-pay-figma .feature-video{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:0 auto!important;
    border-radius:12px!important;
  }
}

/* Final live polish 2026-10-06 — headline line breaks + full software video frame */
.crh-pay-figma .hero h1 .hero-title-line{
  display:block!important;
}
@media (min-width: 921px){
  .crh-pay-figma .hero h1{
    max-width:760px!important;
  }
  .crh-pay-figma .screen-shell--video{
    height:auto!important;
    min-height:0!important;
    padding:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .crh-pay-figma .screen-shell--video video,
  .crh-pay-figma .feature-video{
    display:block!important;
    width:100%!important;
    max-width:1120px!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:16 / 9!important;
    object-fit:contain!important;
    object-position:center center!important;
    border-radius:18px!important;
  }
}
@media (max-width: 920px){
  .crh-pay-figma .hero h1 .hero-title-line{
    display:block!important;
  }
}