:root{
      --opn-terracotta:#934B29; /* Primary */
      --opn-olive:#6D7933;      /* Secondary */
      --opn-beige:#F1E9DA;      /* Neutral BG */
      --opn-ink:#1E2328;        /* Body text */
      --opn-ink-soft:#4B5563;   /* Muted text */
      --opn-white:#ffffff;
    }

    .fast-alt{
      background: var(--opn-beige);
    }

    .opn-badge{
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      font-weight:600;
      font-size:.85rem;
      padding:.35rem .65rem;
      border-radius:999px;
      background:color-mix(in oklab, var(--opn-olive) 14%, var(--opn-white));
      color:var(--opn-olive);
      border:1px solid color-mix(in oklab, var(--opn-olive) 30%, var(--opn-white));
    }

    .opn-title{
      color:var(--opn-terracotta);
      letter-spacing:.2px;
    }

    .lead-opn{
      color:var(--opn-ink-soft);
      max-width:46ch;
    }

    /* Feature chips */
    .opn-chip{
      display:flex;
      align-items:flex-start;
      gap:.9rem;
      padding:1rem 1.1rem;
      border-radius:1rem;
      background: var(--opn-white);
      border:1px solid rgba(0,0,0,.06);
      box-shadow:0 2px 10px rgba(147,75,41,.06);
    }
    .opn-ico{
      inline-size:44px;
      block-size:44px;
      border-radius:999px;
      display:grid; place-items:center;
      background: color-mix(in oklab, var(--opn-terracotta) 14%, var(--opn-white));
      border:1px solid color-mix(in oklab, var(--opn-terracotta) 32%, var(--opn-white));
    }
    .opn-ico svg{
      width:22px; height:22px; color:var(--opn-terracotta);
    }
    .opn-chip strong{ color:var(--opn-ink); }
    .opn-chip p{ margin:0; color:var(--opn-ink-soft); }

    /* Illustration card */
    .opn-illus{
      position:relative;
      background: linear-gradient(135deg, rgba(109,121,51,.10), rgba(147,75,41,.10));
      border:1px solid rgba(0,0,0,.06);
      border-radius:1.5rem;
      padding:1.25rem;
      overflow:hidden;
      box-shadow:0 6px 24px rgba(0,0,0,.07);
    }
    .opn-blob{
      position:absolute; inset:auto -20% -30% auto;
      width:360px; height:360px; border-radius:50%;
      background: radial-gradient(circle at 30% 30%, rgba(147,75,41,.25), transparent 60%);
      filter:blur(18px);
      pointer-events:none;
    }
    .opn-illus .stamp{
      position:absolute; top:0rem; right:1rem;
      background:var(--opn-white);
      border:1px dashed var(--opn-olive);
      color:var(--opn-olive);
      padding:.4rem .7rem;
      border-radius:.75rem;
      z-index: 3333333;
      font-size:.8rem; font-weight:700;
    }

    /* Button (optional CTA) */
    .btn-opn{
      --bs-btn-bg: var(--opn-terracotta);
      --bs-btn-border-color: var(--opn-terracotta);
      --bs-btn-hover-bg: #7d4024;
      --bs-btn-hover-border-color: #7d4024;
      --bs-btn-active-bg:#6f381f;
      --bs-btn-active-border-color:#6f381f;
      --bs-btn-color: var(--opn-white);
    }
    .fair-cash{
      background: var(--opn-white);
    }
    .fair-cash .opn-title{
      color: var(--opn-olive);
    }
    .fair-cash .opn-chip{
      background: var(--opn-beige);
      border:1px solid rgba(0,0,0,.05);
      box-shadow:0 3px 12px rgba(0,0,0,.05);
    }
    .fair-cash .opn-illus{
      background: linear-gradient(135deg, rgba(147,75,41,.08), rgba(109,121,51,.08));
    }
    .fair-cash .stamp{
      border-color: var(--opn-terracotta);
      color: var(--opn-terracotta);
    }

     .opn-flex-trust{
      background: #DCEDC8;
    }
    .opn-flex-trust .opn-card{
      background: var(--opn-white);
      border:1px solid rgba(0,0,0,.06);
      border-radius:1rem;
      padding:2rem;
      box-shadow:0 4px 16px rgba(0,0,0,.06);
      height:100%;
      transition:transform .2s ease, box-shadow .2s ease;
    }
    .opn-flex-trust .opn-card:hover{
      transform:translateY(-4px);
      box-shadow:0 8px 20px rgba(0,0,0,.08);
    }
    .opn-flex-trust .opn-card h3{
      color:var(--opn-terracotta);
      font-size:1.35rem;
    }
    .opn-flex-trust .promise-icon{
      width:48px; height:48px;
      display:grid; place-items:center;
      border-radius:12px;
      margin-bottom:1rem;
      background: color-mix(in oklab, var(--opn-olive) 14%, var(--opn-white));
      border:1px solid color-mix(in oklab, var(--opn-olive) 28%, var(--opn-white));
      color:var(--opn-olive);
    }
    .opn-flex-trust .promise h4{
      font-size:1.1rem; font-weight:600; color:var(--opn-ink);
    }
    .opn-flex-trust .promise p{
      margin:0; color:var(--opn-ink-soft);
    }
    .opn-cta{
      background: var(--opn-terracotta);
      color:var(--opn-white);
      border-radius:1rem;
      padding:2rem;
      text-align:center;
      margin-top:3rem;
      box-shadow:0 6px 20px rgba(147,75,41,.25);
    }
    .opn-cta h2{
      font-size:1.8rem; font-weight:700;
    }
    .btn-cta{
      --bs-btn-bg: var(--opn-white);
      --bs-btn-color: var(--opn-terracotta);
      --bs-btn-border-color: var(--opn-white);
      --bs-btn-hover-bg: #f8f4ef;
      --bs-btn-hover-border-color: #f8f4ef;
      font-weight:600;
    }
    .promise{
      flex-direction: column;
    display: flex
;
    justify-content: center;
    align-items: center;
    }
    
    @media (min-width: 992px){
      .fast-alt .opn-sticky{
        position: sticky; top: 2rem;
      }
    }