*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { -webkit-font-smoothing: antialiased; }
    body { background: #fff; font-family: 'Archivo', sans-serif; }

    /* ── Animations ── */
    @keyframes fadeSlideUp {
      from { opacity: 0; transform: translateY(28px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes floatA { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
    @keyframes floatB { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
    @keyframes floatC { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }

    .pill-float-a { animation: floatA 4s ease-in-out infinite; }
    .pill-float-b { animation: floatB 5.5s ease-in-out 0.8s infinite; }
    .pill-float-c { animation: floatC 4.8s ease-in-out 1.4s infinite; }

    .hero-animate {
      animation: fadeSlideUp .7s ease both;
    }

    /* ── Announcement Bar ── */
    .announce-bar {
      background: #D1EEFC;
      padding: 9px 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
    }
    .announce-pill {
      flex-shrink: 0;
      background: rgba(67,64,232,0.1);
      color: #4340E8;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 3px 10px;
      border-radius: 100px;
      border: 1px solid rgba(67,64,232,0.15);
    }
    .announce-text {
      font-weight: 300;
      font-size: 12.5px;
      color: #1a4a66;
      letter-spacing: 0.01em;
      text-align: center;
      line-height: 1.5;
    }

    /* ── Navbar ── */
    .navbar {
      background: #fff;
      border-bottom: 1px solid rgba(0,0,0,0.06);
      padding: 0 48px;
      height: 64px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      position: sticky;
      top: 0;
      z-index: 100;
    }
    .logo {
      text-decoration: none;
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-weight: 300;
      font-size: 22px;
      color: #0F0F14;
      letter-spacing: -0.04em;
      flex-shrink: 0;
      display: inline-flex;
      align-items: center;
    }
    .logo span { color: #4340E8; }
    .logo-img {
      height: 26px;
      width: auto;
      display: block;
      transition: opacity .15s;
    }
    .logo:hover .logo-img { opacity: 0.85; }

    .nav-list {
      display: flex;
      align-items: center;
      gap: 2px;
      list-style: none;
    }
    .nav-list a, .nav-btn {
      display: flex;
      align-items: center;
      gap: 5px;
      padding: 6px 13px;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 400;
      color: #5C5C72;
      text-decoration: none;
      font-family: 'Archivo', sans-serif;
      letter-spacing: 0.005em;
      background: transparent;
      border: none;
      cursor: pointer;
      white-space: nowrap;
      transition: color .15s, background .15s;
    }
    .nav-list a:hover, .nav-btn:hover,
    .nav-list a.active { color: #0F0F14; background: rgba(0,0,0,0.03); }
    .nav-list a.active { font-weight: 500; }

    /* Log In link in navbar right */
    .nav-login {
      display: inline-flex;
      align-items: center;
      padding: 6px 13px;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 400;
      color: #5C5C72;
      text-decoration: none;
      font-family: 'Archivo', sans-serif;
      letter-spacing: 0.005em;
      background: transparent;
      border: none;
      cursor: pointer;
      white-space: nowrap;
      transition: color .15s, background .15s;
    }
    .nav-login:hover { color: #0F0F14; background: rgba(0,0,0,0.03); }

    .nav-chevron {
      opacity: 0.45;
      transition: transform .2s;
      display: inline-flex;
    }

    /* Dropdown */
    .has-dd { position: relative; }
    .dd-panel {
      position: absolute;
      top: calc(100% + 4px);
      left: 0;
      min-width: 220px;
      background: white;
      border: 1px solid rgba(0,0,0,0.07);
      border-radius: 14px;
      padding: 8px;
      box-shadow: 0 12px 40px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
      opacity: 0;
      pointer-events: none;
      transform: translateY(6px);
      transition: opacity .18s ease, transform .18s ease;
      z-index: 200;
    }
    /* Invisible bridge fills the gap so mouse doesn't lose hover */
    .dd-panel::before {
      content: '';
      position: absolute;
      top: -12px;
      left: 0;
      right: 0;
      height: 12px;
    }
    .has-dd:hover .dd-panel { opacity: 1; pointer-events: auto; transform: translateY(0); }
    .has-dd:hover .nav-chevron { transform: rotate(180deg); opacity: .7; }
    .dd-panel a {
      display: block;
      padding: 9px 14px;
      font-size: 13px;
      font-weight: 300;
      color: #5C5C72;
      text-decoration: none;
      border-radius: 8px;
      font-family: 'Archivo', sans-serif;
      transition: background .14s, color .14s;
    }
    .dd-panel a:hover { background: rgba(67,64,232,0.04); color: #0F0F14; }

    /* Lang selector */
    .lang-wrap { position: relative; }
    .lang-btn {
      display: flex;
      align-items: center;
      gap: 6px;
      font-family: 'Archivo', sans-serif;
      font-weight: 400;
      font-size: 13px;
      color: #5C5C72;
      background: transparent;
      border: 1px solid rgba(0,0,0,0.08);
      border-radius: 8px;
      padding: 5px 10px 5px 12px;
      cursor: pointer;
      transition: border-color .18s, color .18s, background .18s;
    }
    .lang-btn:hover { border-color: rgba(0,0,0,0.18); color: #0F0F14; }
    .lang-dd {
      position: absolute;
      top: calc(100% + 8px);
      right: 0;
      min-width: 160px;
      background: white;
      border: 1px solid rgba(0,0,0,0.07);
      border-radius: 14px;
      padding: 8px;
      box-shadow: 0 12px 40px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
      opacity: 0;
      pointer-events: none;
      transform: translateY(6px);
      transition: opacity .18s ease, transform .18s ease;
      z-index: 300;
    }
    .lang-dd::before { content: ''; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
    .lang-wrap:hover .lang-dd { opacity: 1; pointer-events: auto; transform: translateY(0); }
    .lang-wrap:hover .lang-chevron { transform: rotate(180deg); }
    .lang-option {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 9px 14px;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 300;
      color: #5C5C72;
      background: transparent;
      border: none;
      cursor: pointer;
      font-family: 'Archivo', sans-serif;
      text-align: left;
      transition: background .14s, color .14s;
    }
    .lang-option:hover { background: rgba(67,64,232,0.04); color: #0F0F14; }
    .lang-option.active { font-weight: 500; color: #0F0F14; background: rgba(67,64,232,0.05); }
    .lang-sub { font-size: 10px; color: #9CA3AF; margin-top: 1px; }

    .navbar-right { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }

    /* ── Mobile menu (hamburger + right drawer) ── */
    .mobile-menu-btn {
      display: none;
      align-items: center;
      justify-content: center;
      width: 42px; height: 42px;
      padding: 0;
      border: 1px solid rgba(0,0,0,0.08);
      border-radius: 11px;
      background: #fff;
      color: #0F0F14;
      cursor: pointer;
      transition: background .15s, border-color .15s, transform .1s;
    }
    .mobile-menu-btn:hover { background: rgba(0,0,0,0.03); }
    .mobile-menu-btn:active { transform: scale(0.96); }

    .mobile-nav-overlay {
      position: fixed; inset: 0;
      z-index: 1000;
      background: rgba(15,15,20,0.45);
      opacity: 0; pointer-events: none;
      transition: opacity .25s ease;
    }
    .mobile-nav-overlay.open { opacity: 1; pointer-events: auto; }

    .mobile-nav-panel {
      position: absolute; top: 0; right: 0;
      height: 100%;
      width: min(86vw, 340px);
      background: #fff;
      box-shadow: -8px 0 40px rgba(0,0,0,0.12);
      transform: translateX(100%);
      transition: transform .28s cubic-bezier(0.4,0,0.2,1);
      display: flex; flex-direction: column;
      padding: 18px 18px calc(20px + env(safe-area-inset-bottom));
      overflow-y: auto;
    }
    .mobile-nav-overlay.open .mobile-nav-panel { transform: translateX(0); }

    .mobile-nav-head { display: flex; justify-content: flex-end; margin-bottom: 6px; }
    .mobile-nav-close {
      width: 38px; height: 38px;
      display: flex; align-items: center; justify-content: center;
      border: none; border-radius: 10px;
      background: rgba(0,0,0,0.04);
      font-size: 24px; line-height: 1; color: #0F0F14; cursor: pointer;
    }
    .mobile-nav-close:hover { background: rgba(0,0,0,0.08); }

    .mobile-nav-links { display: flex; flex-direction: column; gap: 2px; }
    .mobile-nav-links > a {
      font-family: 'Archivo', sans-serif;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0.005em;
      color: #5C5C72;
      text-decoration: none;
      padding: 12px;
      border-radius: 10px;
      transition: color .15s, background .15s;
    }
    .mobile-nav-links > a:hover { background: rgba(0,0,0,0.03); color: #0F0F14; }

    .mobile-nav-group { margin-top: 8px; }
    .mobile-nav-label {
      font-family: 'Archivo', sans-serif;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: .06em;
      color: #5C5C72;
      padding: 8px 12px 4px;
    }
    .mobile-nav-group a {
      display: block;
      font-family: 'Archivo', sans-serif;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 0.005em;
      color: #5C5C72;
      text-decoration: none;
      padding: 10px 18px;
      border-radius: 10px;
      transition: color .15s, background .15s;
    }
    .mobile-nav-group a:hover { background: rgba(0,0,0,0.03); color: #0F0F14; }

    .mobile-nav-cta { margin-top: auto; padding-top: 20px; }
    .mobile-nav-cta .btn-primary { width: 100%; justify-content: center; }

    @media (max-width: 900px) {
      .mobile-menu-btn { display: inline-flex; }
    }

    /* CTA button */
    .btn-primary {
      display: inline-flex; align-items: center; justify-content: center; gap: 8px;
      background: #1A1A1A; color: white;
      font-family: 'Archivo', sans-serif; font-weight: 400; font-size: 14px;
      padding: 12px 28px; border-radius: 100px;
      border: 1.5px solid transparent;
      cursor: pointer; letter-spacing: 0.01em;
      box-shadow: 0 2px 12px rgba(0,0,0,0.14);
      transition: background .18s, transform .15s, box-shadow .18s;
      text-decoration: none;
      line-height: 1.2;
    }
    .btn-primary:hover { background: #0F0F0F; transform: translateY(-1px); box-shadow: 0 6px 24px rgba(0,0,0,0.2); }
    .btn-primary.sm { font-size: 13px; padding: 7px 18px; }

    .btn-outline {
      display: inline-flex; align-items: center; justify-content: center; gap: 8px;
      background: transparent; color: #1A1A1A;
      font-family: 'Archivo', sans-serif; font-weight: 400; font-size: 14px;
      padding: 12px 28px; border-radius: 100px;
      border: 1.5px solid rgba(0,0,0,0.18);
      cursor: pointer; letter-spacing: 0.01em;
      transition: border-color .18s, background .18s, transform .15s;
      text-decoration: none;
      line-height: 1.2;
    }
    .btn-outline:hover { border-color: rgba(0,0,0,0.4); background: rgba(0,0,0,0.02); transform: translateY(-1px); }

    /* ── Hero ── */
    .hero-section {
      padding: 20px 80px 20px;
      max-width: 1400px;
      margin: 0 auto;
    }
    .hero-grid {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      min-height: 420px;
      justify-content: center;
      padding: 40px 0 280px;
      position: relative;
    }
    .hero-grid:before,
    .hero-grid:after{
      content: "";
      position: absolute;
      bottom: 30px;
    }
    .hero-grid:before{
      left: 0;
      background: url(img/ilustracion-1-personas.png) no-repeat;
      background-size: 100% 100%;
      width: 460px;
      height: 300px;
    }
    .hero-grid:after{
      right: 0;
      background: url(img/ilustracion-2-doctores.png) no-repeat;
      background-size: 100% 100%;
      width: 400px;
      height: 300px;
    }
    .hero-grid .hero-animate { max-width: 820px; }
    .hero-h1 {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 300;
      font-size: clamp(36px, 4.8vw, 60px);
      line-height: 1.07;
      letter-spacing: -0.03em;
      color: #1A1A1A;
      margin-bottom: 20px;
    }
    .hero-h1 em {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-style: normal;
      font-weight: 300;
      color: #4340E8 !important;
    }
    .hero-tagline {
      font-weight: 200;
      font-size: 18px;
      color: #64748B;
      line-height: 1.7;
      margin-bottom: 32px;
      text-align: center;
      max-width: 560px;
      max-width: none;
      white-space: nowrap;
      margin-left: auto;
      margin-right: auto;
    }
    .hero-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 20px;
      padding: 5px 14px;
      border-radius: 100px;
      border: 1px solid rgba(67,64,232,0.14);
      background: rgba(67,64,232,0.04);
    }
    .hero-eyebrow-dot {
      width: 6px; height: 6px;
      border-radius: 50%;
      background: #4340E8;
      opacity: 0.8;
    }
    .hero-eyebrow-text {
      font-size: 11.5px;
      font-weight: 400;
      color: #4340E8;
      letter-spacing: 0.05em;
    }
    /* Misma tipografía que el eyebrow "Powered by Dual AI" */
    .eco-tag, .eco-moment-tag, .mc-tag, .mv-left-tag, .cn-tag, .fcta-tag {
      font-family: 'Plus Jakarta Sans', sans-serif !important;
      font-weight: 400 !important;
      letter-spacing: 0.05em !important;
      text-transform: none !important;
    }
    /* Etiquetas (eyebrows/kickers) de los paneles: misma letra que el párrafo de Global Reach (Archivo, sin mayúsculas), más grandes y visibles */
    #abx-why .tag, #abx-why .label, #abx-why .lab, #abx-why .kick,
    #abx-company .tag, #abx-company .label, #abx-company .lab, #abx-company .kick,
    #abx-presence .tag, #abx-presence .label, #abx-presence .lab, #abx-presence .kick, #abx-presence .continents,
    #abx-partners .tag, #abx-partners .label, #abx-partners .lab, #abx-partners .kick {
      font-family: 'Archivo', sans-serif !important;
      font-weight: 400 !important;
      letter-spacing: normal !important;
      text-transform: none !important;
      font-size: 16.5px !important;
    }
    /* Eyebrows de sección en ecosistema y pricing -> misma letra, 16.5px */
    #ecx-personal .label, #ecx-clinical .label, #bxp-v2 .label {
      font-family: 'Archivo', sans-serif !important;
      font-weight: 400 !important;
      letter-spacing: normal !important;
      text-transform: none !important;
      font-size: 16.5px !important;
    }
    /* Pastillas/badges -> misma letra, tamaño moderado para no deformar la pastilla */
    #abx-partners .tierbadge, #bxp-v2 .badge, #bxp-v2 .pill {
      font-family: 'Archivo', sans-serif !important;
      font-weight: 500 !important;
      letter-spacing: normal !important;
      text-transform: none !important;
      font-size: 14px !important;
    }
    .cta-row { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }

    /* Right side */
    .hero-right { position: relative; height: 560px; display: flex; align-items: center; justify-content: center; }
    .hero-illustration {
      width: 100%;
      max-width: 780px;
      height: auto;
      animation: hero-float 6s ease-in-out infinite;
    }
    @keyframes hero-float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-12px); }
    }

    /* Responsive */
    @media (max-width: 900px) {
      .navbar { padding: 0 24px; }
      .nav-list { display: none; }
      .hero-grid { grid-template-columns: 1fr; }
      .hero-right { display: none; }
      .hero-section { padding: 60px 24px; }
    }
    @media (max-width: 640px) {
      .cta-row { flex-direction: column; align-items: stretch; gap: 10px; }
      .cta-row .btn-primary,
      .cta-row .btn-outline { width: 100%; }
    }

    /* ── Hero Search Bar ── */
    .hero-search-wrap {
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 80px 20px;
    }

    .hs-tabs {
      display: inline-flex;
      gap: 8px;
      margin-bottom: 10px;
    }

    .hs-tab {
      width: 168px;
      background: white;
      border: 1px solid rgba(0,0,0,0.08);
      border-radius: 12px;
      padding: 10px 14px 8px;
      cursor: pointer;
      font-family: 'Archivo', sans-serif;
      text-align: left;
      transition: all .2s ease;
      box-shadow: 0 1px 3px rgba(0,0,0,0.04);
      position: relative;
      overflow: hidden;
    }

    .hs-tab--active {
      background: #4340E8;
      border-color: #4340E8;
      box-shadow: 0 4px 16px rgba(67,64,232,0.2);
    }

    .hs-tab-top {
      display: flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 2px;
      color: #9CA3AF;
    }

    .hs-tab--active .hs-tab-top { color: rgba(255,255,255,0.9); }

    .hs-tab-top span {
      font-size: 13px;
      font-weight: 700;
      color: #111827;
      letter-spacing: -.01em;
      white-space: nowrap;
    }

    .hs-tab--active .hs-tab-top span { color: white; }

    .hs-tab-sub {
      font-size: 11px;
      color: #9CA3AF;
      padding-left: 21px;
      margin-bottom: 8px;
    }

    .hs-tab--active .hs-tab-sub { color: rgba(255,255,255,0.6); }

    .hs-tab-bar {
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 2px;
      background: rgba(255,255,255,0.15);
    }

    .hs-tab-progress {
      height: 100%;
      background: rgba(255,255,255,0.75);
      width: 0%;
    }

    .hs-bar {
      background: white;
      border-radius: 16px;
      padding: 15px 18px;
      box-shadow: 0 4px 40px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.04);
      border: 1px solid rgba(0,0,0,0.05);
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .hs-text {
      flex: 1;
      font-size: 15.5px;
      color: #111827;
      letter-spacing: -.01em;
      line-height: 1.4;
      min-height: 24px;
      font-family: 'Archivo', sans-serif;
    }

    .hs-text::after {
      content: '|';
      animation: hsBlink 1s infinite;
      color: #4340E8;
      font-weight: 300;
      margin-left: 1px;
    }

    @keyframes hsBlink { 0%,100%{opacity:1} 50%{opacity:0} }

    .hs-send {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: #4340E8;
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      box-shadow: 0 3px 12px rgba(67,64,232,0.28);
      transition: transform .15s;
    }

    .hs-send:hover { transform: scale(1.07); }
    .who-section {
      padding: 70px 80px 28px;
      max-width: 1400px;
      margin: 0 auto;
    }

    .who-split {
      display: grid;
      grid-template-columns: 38% 62%;
      gap: 64px;
      align-items: center;
    }

    /* Left: text block */

    .who-eyebrow {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 300;
      font-size: clamp(26px, 3.4vw, 42px);
      line-height: 1.06;
      letter-spacing: -0.03em;
      color: #1A1A1A;
      margin-bottom: 14px;
    }

    .who-title {
      font-family: 'Archivo', sans-serif;
      font-weight: 300;
      font-size: clamp(17px, 1.8vw, 22px);
      line-height: 1.4;
      letter-spacing: -0.01em;
      color: #374151;
      margin-bottom: 14px;
    }

    .who-accent { color: #4340E8; }

    .who-sub {
      font-family: 'Archivo', sans-serif;
      font-size: 16px;
      font-weight: 300;
      color: #94A3B8;
      line-height: 1.7;
    }

    /* Right: 3 cards */
    .who-cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      align-items: start;
    }

    .who-card {
      background: #fff;
      border-radius: 24px;
      padding: 28px 24px 24px;
      border: 1px solid rgba(0,0,0,0.05);
      box-shadow: 0 12px 32px rgba(0,0,0,0.03);
      transition: box-shadow .22s ease, transform .22s ease;
    }

    .who-card:hover {
      box-shadow: 0 20px 48px rgba(67,64,232,0.07);
      transform: translateY(-3px);
    }

    .who-card--1 { margin-top: 0; }
    .who-card--2 { margin-top: 24px; }
    .who-card--3 { margin-top: 10px; }

    .who-card-icon {
      margin-bottom: 16px;
      display: flex;
      align-items: center;
    }
    .who-card-icon img{
      width: 70px;
      margin-top: -55px;
    }


    .who-card-hook {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 500;
      font-size: 15px;
      color: #4340E8;
      line-height: 1.3;
      letter-spacing: -.01em;
      margin: 4px 0 10px;
    }
    .who-card-title {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 500;
      font-size: 15px;
      line-height: 1.25;
      letter-spacing: -0.015em;
      color: #1A1A1A;
      margin-bottom: 10px;
    }

    .who-card-desc {
      font-family: 'Archivo', sans-serif;
      font-size: 12px;
      font-weight: 300;
      color: #64748B;
      line-height: 1.7;
      margin-bottom: 18px;
    }

    .who-cta {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-family: 'Archivo', sans-serif;
      font-size: 11.5px;
      font-weight: 400;
      color: #C0C8D8;
      text-decoration: none;
      letter-spacing: 0.01em;
      transition: color .18s, gap .18s ease;
    }

    .who-cta:hover { gap: 9px; color: #4340E8; }

    .who-demo-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: 28px;
      font-family: 'Archivo', sans-serif;
      font-size: 14px;
      font-weight: 400;
      color: #1A1A1A;
      text-decoration: none;
      padding: 12px 24px;
      border-radius: 100px;
      border: 1.5px solid rgba(0,0,0,0.18);
      transition: border-color .18s, background .18s, transform .15s, gap .18s;
      letter-spacing: 0.01em;
    }

    .who-demo-btn:hover {
      border-color: #4340E8;
      color: #4340E8;
      background: rgba(67,64,232,0.03);
      transform: translateY(-1px);
      gap: 12px;
    }

    @media (max-width: 1024px) {
      .who-split { grid-template-columns: 1fr; gap: 28px; }
      .who-section { padding: 40px 24px 60px; }
      .who-cards { grid-template-columns: 1fr; gap: 14px; }
      .who-card--2, .who-card--3 { margin-top: 0; }
    }

    /* ── AI Precision Match ── */
    @keyframes shimmer {
      0% { background-position: -400px 0; }
      100% { background-position: 400px 0; }
    }

    /* ── AI Precision Match ── */
    .match-section {
      background: linear-gradient(160deg, #F7F9FC 0%, #FFFFFF 50%, #F5F8FB 100%);
      padding: 80px 60px 48px;
    }
    .match-container {
      max-width: 1280px;
      margin: 0 auto;
    }

    .match-header {
      text-align: center;
      margin-bottom: 36px;
    }
    .match-tag {
      display: inline-block;
      background: rgba(67, 64, 232, 0.08);
      color: #4340E8;
      font-family: 'Archivo', sans-serif;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 5px 12px;
      border-radius: 100px;
      margin-bottom: 14px;
    }
    .match-title {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 300;
      font-size: clamp(22px, 2.6vw, 32px);
      line-height: 1.15;
      letter-spacing: -.025em;
      color: #1A1A1A;
      margin-bottom: 12px;
      white-space: nowrap;
      text-align: center;
    }
    .match-title .accent { color: #4340E8; font-style: normal; }
    .match-sub {
      font-family: 'Archivo', sans-serif;
      font-size: 15px;
      font-weight: 300;
      color: #64748B;
      line-height: 1.65;
      margin: 0 auto;
      max-width: 640px;
      text-align: center;
    }

    /* Insurance carousel */
    .carousel-wrap {
      position: relative;
      overflow: hidden;
      width: 100%;
      padding: 20px 0 36px;
    }
    .carousel-wrap::before,
    .carousel-wrap::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100px;
      z-index: 2;
      pointer-events: none;
    }
    .carousel-wrap::before {
      left: 0;
      background: linear-gradient(to right, #F7F9FC 0%, transparent 100%);
    }
    .carousel-wrap::after {
      right: 0;
      background: linear-gradient(to left, #F5F8FB 0%, transparent 100%);
    }
    .carousel-track {
      display: flex;
      gap: 12px;
      animation: match-scroll 45s linear infinite;
      width: max-content;
    }
    @keyframes match-scroll {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }
    .ins-pill {
      display: inline-flex;
      align-items: center;
      background: #fff;
      border: 1px solid rgba(67, 64, 232, 0.15);
      border-radius: 100px;
      padding: 10px 22px;
      font-family: 'Archivo', sans-serif;
      font-size: 14px;
      font-weight: 500;
      color: #1A1A1A;
      white-space: nowrap;
      box-shadow: 0 2px 8px rgba(67, 64, 232, 0.04);
    }
    .ins-pill.highlight {
      background: rgba(67, 64, 232, 0.06);
      color: #4340E8;
      font-weight: 600;
      border-color: rgba(67, 64, 232, 0.2);
    }

    .match-note {
      text-align: center;
      font-family: 'Archivo', sans-serif;
      font-size: 13px;
      font-weight: 300;
      color: #64748B;
      margin-bottom: 48px;
      font-style: italic;
    }

    /* Doctor marquee — 3 rows of scrolling pill cards */
    .docmq-wrap {
      position: relative;
      overflow: hidden;
      width: 100%;
      padding: 6px 0 8px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      -webkit-mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
              mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
    }
    .docmq-row {
      display: flex;
      gap: 16px;
      width: max-content;
      will-change: transform;
    }
    .docmq-row.left  { animation: docmq-left  64s linear infinite; }
    .docmq-row.right { animation: docmq-right 64s linear infinite; }
    .docmq-wrap:hover .docmq-row { animation-play-state: paused; }
    @keyframes docmq-left  { from { transform: translateX(0); }     to { transform: translateX(-50%); } }
    @keyframes docmq-right { from { transform: translateX(-50%); }  to { transform: translateX(0); } }

    .docpill {
      display: inline-flex;
      align-items: center;
      gap: 13px;
      background: #fff;
      border: 1px solid rgba(67,64,232,0.12);
      border-radius: 100px;
      padding: 8px 24px 8px 8px;
      white-space: nowrap;
      box-shadow: 0 4px 14px rgba(67,64,232,0.05);
      transition: transform .18s, box-shadow .18s, border-color .18s;
    }
    .docpill:hover {
      transform: translateY(-2px);
      box-shadow: 0 12px 26px rgba(67,64,232,0.12);
      border-color: rgba(67,64,232,0.28);
    }
    .docpill.p { border-color: rgba(143,85,255,0.16); }
    .docpill.p:hover { border-color: rgba(143,85,255,0.34); }
    .docpill-av {
      width: 48px; height: 48px;
      border-radius: 50%;
      overflow: hidden;
      flex-shrink: 0;
    }
    .docpill-av img, .docpill-av svg { width: 100%; height: 100%; object-fit: cover; display: block; }
    .docpill-name {
      font-family: 'Plus Jakarta Sans', 'Archivo', sans-serif;
      font-size: 15px;
      font-weight: 600;
      color: #1A1A1A;
      line-height: 1.15;
      letter-spacing: -0.01em;
    }
    .docpill-spec {
      font-family: 'Archivo', sans-serif;
      font-size: 10.5px;
      font-weight: 500;
      color: #8A93A6;
      text-transform: uppercase;
      letter-spacing: 0.07em;
      margin-top: 3px;
    }
    @media (max-width: 768px) {
      .docpill-av { width: 42px; height: 42px; }
      .docpill-name { font-size: 14px; }
      .docmq-row { gap: 12px; }
    }

    /* Embed del mockup del teléfono (reemplaza el marquee) */
    .match-phone-embed {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 64px;
      margin-top: 18px;
      padding-right: 0;
    }
    .match-phone-left {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      flex: 0 1 480px;
      max-width: 480px;
      margin-top: -110px;
    }
    .cs-title {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-size: 42px;
      font-weight: 300;
      line-height: 1.1;
      letter-spacing: -.03em;
      color: #1A1A1A;
      margin: 0;
      white-space: nowrap;
    }
    .cs-accent { color: #4340E8; }
    .cs-sub {
      font-family: 'Plus Jakarta Sans','Archivo',sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.55;
      color: #6a6480;
      margin: 16px auto 28px;
      max-width: 380px;
    }
    .cs-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 15px 30px;
      background: #4340E8;
      color: #fff;
      font-family: 'Plus Jakarta Sans','Archivo',sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: -.01em;
      border-radius: 100px;
      text-decoration: none;
      box-shadow: 0 10px 26px rgba(67,64,232,.28);
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .cs-btn:hover {
      background: #3633c7;
      transform: translateY(-2px);
      box-shadow: 0 16px 34px rgba(67,64,232,.36);
    }
    .cs-btn:active { transform: translateY(0); }
    .match-phone-frame {
      width: 437px;
      max-width: 100%;
      height: 632px;
      border: 0;
      background: transparent;
      display: block;
      overflow: hidden;
      flex: 0 0 auto;
      margin-left: 120px;
    }
    @media (max-width: 768px) {
      .match-phone-embed { flex-direction: column; gap: 18px; justify-content: center; padding-right: 0; }
      .match-phone-left { align-items: center; text-align: center; flex: 0 0 auto; max-width: 90%; margin-top: 0; }
      .cs-title { white-space: normal; font-size: 32px; }
      .cs-sub { margin-left: auto; margin-right: auto; }
      .match-phone-frame { width: 360px; height: 632px; margin-left: 0; }
    }

    /* Doctor cards grid */
    .doctors-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      margin-bottom: 28px;
    }
    .doctor-card {
      background: #FFFFFF;
      border: 1.5px dashed rgba(67, 64, 232, 0.2);
      border-radius: 20px;
      min-height: 320px;
      transition: transform .2s, box-shadow .2s, border-color .2s, background .2s;
      cursor: pointer;
    }
    .doctor-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 28px rgba(67, 64, 232, 0.1);
      border-color: rgba(67, 64, 232, 0.4);
      background: rgba(67, 64, 232, 0.02);
    }

    .doctors-disclaimer {
      text-align: center;
      font-family: 'Archivo', sans-serif;
      font-size: 12.5px;
      font-weight: 300;
      color: #94A3B8;
      font-style: italic;
    }

    @media (max-width: 1100px) {
      .doctors-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 640px) {
      .match-section { padding: 60px 24px 40px; }
      .doctors-grid { grid-template-columns: 1fr; }
      .doctor-card { min-height: 200px; }
    }


    /* ── Beeexy Ecosystem + Timeline (unified) ── */
    .eco-wrapper {
      background: linear-gradient(180deg, #EEF0FF 0%, #FFFFFF 35%, #FFFFFF 65%, #E8EBFF 100%);
    }
    .eco-section {
      background: transparent;
      padding: 36px 80px 24px;
    }

    .eco-grid {
      max-width: 1200px;
      margin: 0 auto;
      position: relative;
    }

    .eco-thumb {
      position: absolute;
      top: -20px;
      right: -80px;
      width: 460px;
      height: auto;
      pointer-events: none;
      z-index: 1;
      animation: eco-thumb-float 5s ease-in-out infinite;
    }
    @keyframes eco-thumb-float {
      0%, 100% { transform: translateY(0) rotate(0deg); }
      50% { transform: translateY(-8px) rotate(-2deg); }
    }
    @media (max-width: 1024px) {
      .eco-thumb { display: none; }
    }

    .eco-tag {
      display: block;
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
      background: rgba(67, 64, 232, 0.08);
      color: #4340E8;
      font-family: 'Archivo', sans-serif;
      font-size: 12.5px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 6px 14px;
      border-radius: 100px;
      margin-bottom: 18px;
    }

    .eco-title {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 300;
      font-size: clamp(26px, 3.4vw, 42px);
      line-height: 1.15;
      letter-spacing: -.025em;
      color: #1A1A1A;
      margin: 0 auto 14px;
      max-width: none;
      text-align: center;
      white-space: normal;
    }
    .eco-title .accent { color: #4340E8; font-style: normal; }

    .eco-sub {
      font-family: 'Archivo', sans-serif;
      font-size: 17px;
      font-weight: 300;
      color: #64748B;
      line-height: 1.65;
      margin: 0 auto 36px;
      max-width: 640px;
      text-align: center;
    }

    .eco-moments {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-bottom: 32px;
    }

    .eco-moment {
      background: #fff;
      border-radius: 26px;
      padding: 28px 26px;
      border: 1px solid rgba(0,0,0,.05);
      box-shadow: 0 6px 28px rgba(0,0,0,.05);
      transition: box-shadow .22s, transform .22s;
    }
    .eco-moment:hover {
      box-shadow: 0 12px 40px rgba(67,64,232,.10);
      transform: translateY(-3px);
    }

    .eco-moment-tag {
      font-family: 'Archivo', sans-serif;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #4340E8;
      margin-bottom: 6px;
    }

    .eco-moment-title {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 500;
      font-size: 20px;
      letter-spacing: -.02em;
      color: #1A1A1A;
      margin-bottom: 22px;
      line-height: 1.2;
    }

    .eco-process {
      display: flex;
      gap: 12px;
      padding: 12px 0;
      border-top: 1px solid #F0F2F5;
    }
    .eco-process:first-of-type { border-top: none; padding-top: 2px; }

    .eco-process-icon {
      width: 34px;
      height: 34px;
      border-radius: 9px;
      background: #F0F0FF;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .eco-process-icon svg {
      width: 22px;
      height: 22px;
      stroke: #4340E8;
      stroke-width: 1.8;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .eco-process-text strong {
      display: block;
      font-family: 'Archivo', sans-serif;
      font-size: 13.5px;
      font-weight: 600;
      color: #1A1A1A;
      margin-bottom: 3px;
    }
    .eco-process-text span {
      font-family: 'Archivo', sans-serif;
      font-size: 12.5px;
      font-weight: 300;
      color: #64748B;
      line-height: 1.55;
    }

    .eco-pillars {
      margin-top: 4px;
      background: #F0F0FF;
      border-radius: 12px;
      padding: 16px 18px;
    }
    .eco-pillars-title {
      font-family: 'Archivo', sans-serif;
      font-size: 13.5px;
      font-weight: 500;
      color: #4340E8;
      margin-bottom: 4px;
    }
    .eco-pillars-list {
      font-family: 'Archivo', sans-serif;
      font-size: 16.5px;
      font-weight: 600;
      color: #1A1A1A;
    }

    .eco-cta-row {
      display: flex;
      gap: 14px;
      align-items: center;
      margin-top: 8px;
    }

    .eco-cta {
      display: inline-block;
      background: #4340E8;
      color: #fff;
      font-family: 'Archivo', sans-serif;
      font-size: 13.5px;
      font-weight: 500;
      padding: 12px 26px;
      border-radius: 100px;
      text-decoration: none;
      box-shadow: 0 4px 16px rgba(67,64,232,.22);
      transition: background .18s, transform .15s, box-shadow .18s;
    }
    .eco-cta:hover {
      background: #3633C9;
      transform: translateY(-1px);
      box-shadow: 0 8px 24px rgba(67,64,232,.3);
    }

    .eco-cta-secondary {
      display: inline-block;
      background: #fff;
      color: #4340E8;
      border: 1.5px solid #4340E8;
      font-family: 'Archivo', sans-serif;
      font-size: 13.5px;
      font-weight: 500;
      padding: 10.5px 24px;
      border-radius: 100px;
      text-decoration: none;
      transition: background .18s, color .18s, transform .15s;
    }
    .eco-cta-secondary:hover {
      background: #4340E8;
      color: #fff;
      transform: translateY(-1px);
    }

    @media (max-width: 1024px) {
      .eco-section { padding: 60px 24px 30px; }
      .eco-moments { grid-template-columns: 1fr; gap: 16px; }
    }



    /* ── What You Get (Hub layout) ── */

    /* HUB layout */

    /* Feature columns */



    /* Central hub */

    /* Orbiting particles */

    /* SVG connector lines */

    /* CTA button */




    /* ── Connected to your workflow ── */
    .cn-section {
      background: linear-gradient(160deg, #F7F9FC 0%, #FFFFFF 50%, #F5F8FB 100%);
      padding: 80px 60px 100px;
    }
    .cn-container {
      max-width: 1280px;
      margin: 0 auto;
    }

    .cn-header {
      text-align: center;
      max-width: 820px;
      margin: 0 auto 64px;
    }
    .cn-tag {
      display: inline-block;
      background: rgba(67, 64, 232, 0.08);
      color: #4340E8;
      font-family: 'Archivo', sans-serif;
      font-size: 12.5px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 6px 14px;
      border-radius: 100px;
      margin-bottom: 18px;
    }
    .cn-title {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 300;
      font-size: clamp(22px, 2.6vw, 32px);
      line-height: 1.15;
      letter-spacing: -.025em;
      color: #1A1A1A;
      margin-bottom: 18px;
      white-space: nowrap;
      text-align: center;
    }
    .cn-title .accent { color: #4340E8; font-style: normal; }
    .cn-sub {
      font-family: 'Archivo', sans-serif;
      font-size: 15px;
      font-weight: 300;
      color: #64748B;
      line-height: 1.65;
      margin: 0 auto;
      max-width: 640px;
      text-align: center;
    }

    .cn-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 32px;
      margin-bottom: 48px;
    }

    .cn-card {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
    .cn-icon {
      width: 44px;
      height: 44px;
      border-radius: 12px;
      background: #F0F0FF;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 4px;
    }
    .cn-icon svg {
      width: 26px;
      height: 26px;
      stroke: #4340E8;
      stroke-width: 1.8;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .cn-card-title {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 500;
      font-size: 17px;
      letter-spacing: -.01em;
      color: #1A1A1A;
      line-height: 1.25;
    }
    .cn-card-desc {
      font-family: 'Archivo', sans-serif;
      font-size: 13.5px;
      font-weight: 300;
      color: #64748B;
      line-height: 1.6;
      margin-bottom: 6px;
    }
    .cn-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 4px;
    }
    .cn-pill {
      display: inline-flex;
      align-items: center;
      font-family: 'Archivo', sans-serif;
      font-size: 11.5px;
      font-weight: 500;
      color: #4340E8;
      background: rgba(67, 64, 232, 0.08);
      padding: 4px 10px;
      border-radius: 100px;
      letter-spacing: 0.01em;
    }

    .cn-banner {
      display: flex;
      align-items: center;
      gap: 14px;
      background: #FFFFFF;
      border: 1px solid rgba(67, 64, 232, 0.15);
      border-radius: 100px;
      padding: 14px 28px;
      max-width: 880px;
      margin: 0 auto;
      box-shadow: 0 4px 16px rgba(67, 64, 232, 0.06);
    }
    .cn-banner-icon {
      flex-shrink: 0;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: rgba(67, 64, 232, 0.1);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .cn-banner-icon svg {
      width: 16px;
      height: 16px;
      stroke: #4340E8;
      stroke-width: 2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .cn-banner-text {
      font-family: 'Archivo', sans-serif;
      font-size: 13.5px;
      color: #1A1A1A;
      line-height: 1.5;
    }
    .cn-banner-text strong {
      font-weight: 600;
      color: #1A1A1A;
    }
    .cn-banner-text .light {
      color: #64748B;
      font-weight: 300;
    }

    @media (max-width: 1024px) {
      .cn-section { padding: 60px 30px; }
      .cn-title { white-space: normal; font-size: clamp(26px, 4vw, 36px); }
      .cn-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
      }
    }
    @media (max-width: 640px) {
      .cn-grid { grid-template-columns: 1fr; }
      .cn-banner {
        border-radius: 16px;
        padding: 16px 20px;
        flex-direction: row;
        align-items: flex-start;
      }
      .cn-banner-text { font-size: 12.5px; }
    }



    /* ── Final CTA ── */
    .fcta-section {
      background: linear-gradient(160deg, #F7F9FC 0%, #FFFFFF 50%, #F5F8FB 100%);
      padding: 100px 60px 80px;
      position: relative;
      overflow: hidden;
    }
    .fcta-section::before {
      content: '';
      position: absolute;
      top: -200px;
      right: -200px;
      width: 600px;
      height: 600px;
      background: radial-gradient(circle, rgba(67, 64, 232, 0.06) 0%, transparent 60%);
      pointer-events: none;
      z-index: 1;
    }
    .fcta-section::after {
      content: '';
      position: absolute;
      bottom: -150px;
      left: -150px;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(143, 85, 255, 0.05) 0%, transparent 60%);
      pointer-events: none;
      z-index: 1;
    }
    .fcta-container {
      max-width: 1100px;
      margin: 0 auto;
      text-align: center;
      position: relative;
      z-index: 2;
    }
    .fcta-container:before,
    .fcta-container:after{
      content: "";
      position: absolute;
      bottom: 0;
    }
    .fcta-container:before{
      left: -80px;
      background: url(img/y1.png) no-repeat;
      background-size: 100% 100%;
      width: 250px;
      height: 250px;
    }
    .fcta-container:after{
      right: -80px;
      background: url(img/y2.png) no-repeat;
      background-size: 100% 100%;
      width: 250px;
      height: 250px;
    }
    .fcta-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(67, 64, 232, 0.08);
      color: #4340E8;
      font-family: 'Archivo', sans-serif;
      font-size: 12.5px;
      font-weight: 500;
      letter-spacing: 0.04em;
      padding: 6px 14px;
      border-radius: 100px;
      margin-bottom: 28px;
    }
    .fcta-tag-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #4340E8;
      animation: fcta-pulse 2s ease-in-out infinite;
    }
    @keyframes fcta-pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.4; }
    }

    .fcta-title {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 300;
      font-size: clamp(26px, 3.4vw, 42px);
      line-height: 1.15;
      letter-spacing: -.025em;
      color: #1A1A1A;
      margin-bottom: 20px;
      white-space: nowrap;
      text-align: center;
    }

    .fcta-sub {
      font-family: 'Archivo', sans-serif;
      font-size: 15px;
      font-weight: 300;
      color: #64748B;
      line-height: 1.65;
      margin: 0 auto 40px;
      max-width: 640px;
      text-align: center;
    }

    .fcta-btns {
      display: flex;
      gap: 12px;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 36px;
    }
    .fcta-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 16px 30px;
      border-radius: 14px;
      font-family: 'Archivo', sans-serif;
      font-size: 16px;
      font-weight: 500;
      text-decoration: none;
      cursor: pointer;
      transition: transform .15s, box-shadow .2s, background .2s;
      border: 1px solid transparent;
      line-height: 1.2;
    }
    .fcta-btn-primary {
      background: #4340E8;
      color: #fff;
      box-shadow: 0 10px 26px rgba(67, 64, 232, 0.45);
    }
    .fcta-btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 16px 34px rgba(67, 64, 232, 0.55);
      background: #4340E8;
    }
    .fcta-btn-secondary {
      background: #EEEDFE;
      color: #4340E8;
      border: 1px solid transparent;
    }
    .fcta-btn-secondary:hover {
      transform: translateY(-2px);
      background: #E4E2FC;
    }
    .fcta-btn svg {
      width: 16px;
      height: 16px;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .fcta-btn-primary svg { stroke: #fff; }
    .fcta-btn-secondary svg { stroke: #4340E8; }

    .fcta-trust {
      display: flex;
      gap: 28px;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
    }
    .fcta-trust-item {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      font-family: 'Archivo', sans-serif;
      font-size: 13px;
      font-weight: 400;
      color: #64748B;
    }
    .fcta-trust-item svg {
      width: 15px;
      height: 15px;
      stroke: #4340E8;
      stroke-width: 1.8;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .fcta-trust-divider {
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #CBD5E1;
    }

    @media (max-width: 768px) {
      .fcta-section { padding: 60px 24px 50px; }
      .fcta-title { font-size: clamp(22px, 6vw, 32px); white-space: normal; }
      .fcta-sub { font-size: 15px; margin-bottom: 32px; }
      .fcta-btns { flex-direction: column; align-items: stretch; }
      .fcta-btn { justify-content: center; }
      .fcta-trust { gap: 14px; }
      .fcta-trust-divider { display: none; }
    }


    /* ── WYG Callout Feature Grid ── */








    /* Phone mockup center */

    /* phone animations */
    @keyframes bx-fadeUp { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
    @keyframes bx-liveDot { 0%,100%{opacity:1} 50%{opacity:.3} }

    .bx-phone-wrap {
      width: 300px;
      background: rgba(255,255,255,0.55);
      backdrop-filter: blur(20px);
      border-radius: 48px;
      padding: 12px;
      border: 1.5px solid rgba(67,64,232,0.22);
      box-shadow: 0 40px 100px rgba(67,64,232,0.08);
      font-family: 'Archivo', sans-serif;
    }

    .bx-statusbar {
      display: flex; align-items: center; justify-content: space-between;
      padding: 5px 20px 3px; position: relative;
    }
    .bx-statusbar-time { font-size: 11px; font-weight: 700; color: #111827; letter-spacing: -.01em; }
    .bx-dynamic-island {
      width: 80px; height: 20px; background: #111; border-radius: 100px;
      position: absolute; left: 50%; transform: translateX(-50%);
    }

    .bx-screen {
      background: rgba(255,255,255,0.96);
      border-radius: 38px;
      overflow: hidden;
    }

    .bx-timer-bar-track { height: 2px; background: rgba(0,0,0,0.04); }
    .bx-timer-bar { height: 100%; background: #4340E8; opacity: 0.7; width: 0%; transition: none; }

    .bx-appbar {
      padding: 10px 14px 8px;
      border-bottom: 1px solid rgba(0,0,0,0.05);
      display: flex; align-items: center; gap: 9px;
      background: rgba(255,255,255,0.92);
    }
    .bx-appbar-icon {
      width: 26px; height: 26px; border-radius: 8px;
      background: rgba(67,64,232,0.05);
      border: 1px solid rgba(0,0,0,0.05);
      display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    }
    .bx-appbar-name { font-size: 12px; font-weight: 700; color: #111827; }
    .bx-appbar-status { display: flex; align-items: center; gap: 4px; font-size: 9px; color: #10B981; margin-top: 1px; }
    .bx-appbar-dot { width: 4px; height: 4px; border-radius: 50%; background: #10B981; }

    .bx-tabs {
      display: flex; gap: 3px; padding: 6px 10px;
      background: rgba(248,248,253,0.9);
      border-bottom: 1px solid rgba(0,0,0,0.05);
    }
    .bx-tab {
      flex: 1; padding: 5px 2px; border-radius: 8px;
      font-size: 10px; font-weight: 500; color: #9CA3AF;
      background: transparent; text-align: center; cursor: pointer;
      transition: all .25s; border: none; font-family: 'Archivo', sans-serif;
    }
    .bx-tab.active {
      font-weight: 700; color: white; background: #4340E8;
      box-shadow: 0 3px 10px rgba(67,64,232,0.14);
    }

    .bx-content-area {
      height: 360px; overflow: hidden;
      padding: 12px 12px 8px;
      pointer-events: none; user-select: none;
    }
    .bx-content-inner { animation: bx-fadeUp .35s ease both; display: flex; flex-direction: column; gap: 9px; }

    /* content cards */
    .bx-card {
      background: rgba(255,255,255,0.82);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(0,0,0,0.05);
      border-radius: 13px;
      padding: 11px 12px;
      box-shadow: 0 1px 8px rgba(0,0,0,0.03);
    }
    .bx-label {
      font-size: 8px; font-weight: 700; color: #9CA3AF;
      text-transform: uppercase; letter-spacing: .1em; margin-bottom: 9px;
    }
    .bx-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
    .bx-row:last-child { margin-bottom: 0; }
    .bx-row-label { font-size: 10px; color: #6B7280; }
    .bx-row-val { font-size: 10.5px; font-weight: 700; }

    .bx-bubble-ai {
      display: flex; gap: 6px; align-items: flex-start;
    }
    .bx-bubble-icon {
      width: 22px; height: 22px; border-radius: 7px; background: #4340E8;
      display: flex; align-items: center; justify-content: center; flex-shrink: 0; opacity: .88;
    }
    .bx-bubble-text {
      background: rgba(255,255,255,0.82); backdrop-filter: blur(12px);
      border: 1px solid rgba(0,0,0,0.05); border-radius: 11px 11px 11px 3px;
      padding: 8px 11px; font-size: 11px; color: #111827; line-height: 1.55;
      max-width: 82%; box-shadow: 0 1px 8px rgba(0,0,0,0.03);
    }
    .bx-bubble-user {
      display: flex; justify-content: flex-end;
    }
    .bx-bubble-user-text {
      background: #4340E8; border-radius: 11px 11px 3px 11px;
      padding: 8px 11px; font-size: 11px; color: white; line-height: 1.45;
      max-width: 68%; box-shadow: 0 4px 14px rgba(67,64,232,0.14);
    }

    .bx-pills { display: flex; flex-wrap: wrap; gap: 5px; }
    .bx-pill {
      padding: 4px 11px; border-radius: 100px; font-size: 10px;
      border: 1px solid rgba(0,0,0,0.05); background: rgba(255,255,255,0.82);
      color: #6B7280; backdrop-filter: blur(12px);
    }
    .bx-pill.active { background: #4340E8; color: white; border-color: #4340E8; }

    /* progress bar inside pre-triage */
    .bx-progress-label { display: flex; justify-content: space-between; align-items: center; }
    .bx-progress-label span:first-child { font-size: 8px; font-weight: 700; color: #4340E8; text-transform: uppercase; letter-spacing: .1em; }
    .bx-progress-label span:last-child { font-size: 8px; color: #9CA3AF; }
    .bx-progress-track { background: rgba(0,0,0,0.04); border-radius: 100px; height: 3px; margin-top: 4px; }
    .bx-progress-fill { height: 100%; background: #4340E8; border-radius: 100px; width: 40%; opacity: 0.8; }

    /* 2nd opinion */
    .bx-concordance { display: flex; align-items: center; gap: 12px; }
    .bx-concordance-text .bx-badge {
      display: inline-flex; align-items: center; gap: 4px;
      padding: 3px 8px; background: rgba(16,185,129,0.06);
      border-radius: 100px; border: 1px solid rgba(16,185,129,0.12);
      font-size: 9px; font-weight: 700; color: #065F46;
    }
    .bx-badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #10B981; }
    .bx-hyp-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
    .bx-hyp-row:last-child { margin-bottom: 0; }
    .bx-hyp-icon { width: 18px; height: 18px; border-radius: 5px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .bx-bar-track { width: 44px; height: 3px; background: rgba(0,0,0,0.05); border-radius: 100px; overflow: hidden; }
    .bx-bar-fill { height: 100%; border-radius: 100px; opacity: .7; }

    /* care guide */
    .bx-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
    .bx-stat-card { padding: 8px 10px; border-radius: 11px; }
    .bx-stat-label { font-size: 8.5px; color: #9CA3AF; margin-bottom: 2px; }
    .bx-stat-val { font-size: 11px; font-weight: 700; }
    .bx-res-row { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }
    .bx-res-row:last-child { margin-bottom: 0; }
    .bx-res-icon { width: 26px; height: 26px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .bx-res-title { font-size: 10.5px; font-weight: 600; color: #111827; line-height: 1.3; }
    .bx-res-tag { font-size: 8.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
    .bx-cta-bar {
      background: #4340E8; border-radius: 12px; padding: 11px 14px;
      display: flex; align-items: center; gap: 10px;
      box-shadow: 0 6px 20px rgba(67,64,232,0.14);
    }
    .bx-cta-icon { width: 32px; height: 32px; border-radius: 9px; background: rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .bx-cta-title { font-size: 12px; font-weight: 700; color: white; }
    .bx-cta-sub { font-size: 9.5px; color: rgba(255,255,255,0.65); }

    /* dots */
    .bx-dots { display: flex; justify-content: center; gap: 5px; padding: 5px 0 7px; }
    .bx-dot { border-radius: 100px; height: 5px; background: rgba(0,0,0,0.1); width: 5px; transition: all .3s; cursor: pointer; }
    .bx-dot.active { background: #4340E8; width: 16px; }

    /* input bar */
    .bx-inputbar {
      padding: 7px 12px 8px;
      border-top: 1px solid rgba(0,0,0,0.05);
      display: flex; gap: 7px;
      background: rgba(255,255,255,0.92);
    }
    .bx-input {
      flex: 1; padding: 8px 12px;
      background: rgba(248,248,253,0.8);
      border: 1px solid rgba(0,0,0,0.05);
      border-radius: 20px; font-size: 11px;
      font-family: 'Archivo', sans-serif;
      color: #9CA3AF; outline: none;
    }
    .bx-send-btn {
      width: 34px; height: 34px; background: #4340E8; border: none;
      border-radius: 10px; cursor: pointer;
      display: flex; align-items: center; justify-content: center; flex-shrink: 0;
      box-shadow: 0 4px 12px rgba(67,64,232,0.14);
    }

    /* footer */
    .bx-footer {
      padding: 6px 14px 8px;
      border-top: 1px solid rgba(0,0,0,0.05);
      display: flex; align-items: center; justify-content: space-between;
      background: rgba(255,255,255,0.7);
    }
    .bx-footer-items { display: flex; gap: 9px; }
    .bx-footer-item { display: flex; align-items: center; gap: 3px; font-size: 8.5px; color: #C4C4D0; }
    .bx-home-bar {
      height: 4px; background: rgba(0,0,0,0.08); width: 100px;
      border-radius: 100px; margin: 8px auto 2px;
    }



    /* ── Symptom Search Component ── */
    .symptom-search-section {
      padding: 50px 40px 40px;
      position: relative;
      overflow: hidden;
      background: linear-gradient(160deg, #F7F9FC 0%, #FFFFFF 50%, #F5F8FB 100%);
    }
    .symptom-search-section::before {
      content: '';
      position: absolute;
      top: -150px;
      right: -100px;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(67, 64, 232, 0.06) 0%, transparent 60%);
      pointer-events: none;
    }
    .symptom-search-section::after {
      content: '';
      position: absolute;
      bottom: -100px;
      left: -100px;
      width: 400px;
      height: 400px;
      background: radial-gradient(circle, rgba(143, 85, 255, 0.05) 0%, transparent 60%);
      pointer-events: none;
    }
    .symptom-search-container {
      max-width: 920px;
      margin: 0 auto;
      position: relative;
      z-index: 2;
      text-align: center;
    }
    .symptom-search-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(67, 64, 232, 0.08);
      color: #4340E8;
      font-family: 'Archivo', sans-serif;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 5px 14px;
      border-radius: 100px;
      margin-bottom: 18px;
    }
    .symptom-search-tag-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #4340E8;
      animation: tag-pulse 1.6s ease-in-out infinite;
    }
    @keyframes tag-pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.4; }
    }
    .symptom-search-title {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 300;
      font-size: clamp(26px, 3.4vw, 42px);
      line-height: 1.15;
      letter-spacing: -.025em;
      color: #1A1A1A;
      margin-bottom: 10px;
      white-space: nowrap;
      text-align: center;
    }
    .symptom-search-title .accent { color: #4340E8; font-style: normal; }
    .symptom-search-sub {
      font-family: 'Archivo', sans-serif;
      font-size: 15px;
      font-weight: 300;
      color: #64748B;
      line-height: 1.65;
      margin: 0 auto 20px;
      max-width: 640px;
      text-align: center;
    }
    .symptom-search-box-wrap {
      position: relative;
      max-width: 880px;
      margin: 0 auto 20px;
    }
    .symptom-search-box {
      background: #FFFFFF;
      border: 1.5px solid rgba(67, 64, 232, 0.12);
      border-radius: 18px;
      padding: 8px 8px 8px 22px;
      display: flex;
      align-items: center;
      gap: 12px;
      box-shadow: 0 10px 40px rgba(67, 64, 232, 0.08);
    }
    .symptom-search-icon {
      width: 22px;
      height: 22px;
      flex-shrink: 0;
      color: #4340E8;
      display: flex;
      align-items: center;
    }
    .symptom-search-icon svg {
      width: 100%;
      height: 100%;
      stroke: currentColor;
      stroke-width: 2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .symptom-search-input-wrap {
      flex: 1;
      position: relative;
      display: flex;
      align-items: center;
      min-height: 56px;
    }
    .symptom-typewriter-placeholder {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      pointer-events: none;
      font-family: 'Archivo', sans-serif;
      font-size: 16.5px;
      color: #94A3B8;
      font-weight: 300;
      line-height: 1.4;
      white-space: nowrap;
      overflow: hidden;
      padding-right: 12px;
    }
    .symptom-typewriter-text::after {
      content: '';
      display: inline-block;
      width: 2px;
      height: 18px;
      background: #4340E8;
      margin-left: 2px;
      vertical-align: middle;
      animation: blink 1s step-end infinite;
    }
    @keyframes blink {
      0%, 50% { opacity: 1; }
      51%, 100% { opacity: 0; }
    }
    .symptom-search-input {
      width: 100%;
      background: transparent;
      border: none;
      outline: none;
      font-family: 'Archivo', sans-serif;
      font-size: 16.5px;
      color: #1A1A1A;
      font-weight: 400;
      padding: 0;
      position: relative;
      z-index: 2;
      cursor: default;
      pointer-events: none;
      caret-color: transparent;
    }
    .symptom-search-btn {
      background: #4340E8;
      color: #FFFFFF;
      border: none;
      border-radius: 14px;
      padding: 14px 24px;
      font-family: 'Archivo', sans-serif;
      font-size: 14.5px;
      font-weight: 600;
      cursor: default;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      white-space: nowrap;
      box-shadow: 0 4px 14px rgba(67, 64, 232, 0.3);
      pointer-events: none;
    }
    .symptom-search-btn svg {
      width: 16px;
      height: 16px;
      stroke: currentColor;
      stroke-width: 2.2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .symptom-search-hints {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      flex-wrap: wrap;
      font-family: 'Archivo', sans-serif;
      font-size: 13px;
      color: #64748B;
    }
    .symptom-hint-label { color: #94A3B8; font-style: italic; }
    .symptom-hint-chip {
      background: rgba(67, 64, 232, 0.06);
      color: #4340E8;
      padding: 5px 12px;
      border-radius: 100px;
      border: 1px solid rgba(67, 64, 232, 0.1);
      font-weight: 500;
      cursor: default;
      pointer-events: none;
    }
    /* Variante hero (más compacta, dentro de .hero-right) */
    .symptom-search-hero {
      width: 100%;
      max-width: 560px;
      margin: 0 auto;
    }
    .symptom-search-hero .symptom-search-box {
      padding: 6px 6px 6px 18px;
    }
    .symptom-search-hero .symptom-search-input-wrap { min-height: 48px; }
    .symptom-search-hero .symptom-search-btn { padding: 12px 18px; font-size: 13.5px; }
    .symptom-search-hero .symptom-typewriter-placeholder { font-size: 15px; }
    .symptom-search-hero .symptom-search-input { font-size: 15px; }
    @media (max-width: 600px) {
      .symptom-search-section { padding: 32px 20px; }
      .symptom-search-box {
        flex-direction: column;
        align-items: stretch;
        padding: 18px;
        gap: 12px;
      }
      .symptom-search-input-wrap { min-height: 42px; }
      .symptom-search-btn { justify-content: center; }
    }

    /* ── Doctor Fan Cards (Fusion 7+15) ── */
    .fan-canvas {
      background: transparent;
      max-width: 1100px;
      margin: 32px auto 0;
      min-height: 560px;
      position: relative;
      overflow: visible;
      padding: 48px 32px;
    }
    .fan-canvas::before {
      content: '';
      position: absolute;
      top: -100px; right: -100px;
      width: 400px; height: 400px;
      background: radial-gradient(circle, rgba(67, 64, 232, 0.08) 0%, transparent 70%);
      pointer-events: none;
      border-radius: 50%;
    }
    .fan-canvas::after {
      content: '';
      position: absolute;
      bottom: -120px; left: -120px;
      width: 380px; height: 380px;
      background: radial-gradient(circle, rgba(143, 85, 255, 0.05) 0%, transparent 70%);
      pointer-events: none;
      border-radius: 50%;
    }
    .fan-stage {
      position: relative;
      height: 460px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .fan-orbit {
      position: absolute;
      left: 50%; top: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      border: 1.5px dashed rgba(67, 64, 232, 0.18);
      pointer-events: none;
      opacity: 0;
    }
    .fan-orbit.r1 { width: 340px; height: 340px; }
    .fan-orbit.r2 { width: 540px; height: 540px; border-color: rgba(67, 64, 232, 0.12); }
    .fan-orbit.r3 { width: 740px; height: 740px; border-color: rgba(67, 64, 232, 0.07); }
    .fan-canvas.in-view .fan-orbit { animation: fan-orbitIn 1.2s ease-out forwards; }
    .fan-canvas.in-view .fan-orbit.r1 { animation-delay: 0.4s; }
    .fan-canvas.in-view .fan-orbit.r2 { animation-delay: 0.6s; }
    .fan-canvas.in-view .fan-orbit.r3 { animation-delay: 0.8s; }
    @keyframes fan-orbitIn {
      0%   { opacity: 0; transform: translate(-50%, -50%) scale(0.85); }
      100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    }
    .fan-wrap {
      position: relative;
      z-index: 5;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
    }
    .fcard {
      position: absolute;
      width: 210px;
      background: #FFFFFF;
      border-radius: 20px;
      padding: 18px 14px 16px;
      border: 1px solid rgba(15, 23, 42, 0.05);
      box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(67, 64, 232, 0.08);
      text-align: center;
      display: flex; flex-direction: column; gap: 8px;
      transition: transform .25s ease, box-shadow .25s ease;
      opacity: 0;
    }
    .fcard.c1, .fcard.c5 { width: 180px; padding: 18px 14px; z-index: 1; }
    .fcard.c2, .fcard.c4 { z-index: 2; }
    .fcard.c3 {
      z-index: 3;
      box-shadow: 0 0 0 4px rgba(67, 64, 232, 0.10), 0 20px 50px rgba(67, 64, 232, 0.18);
      transform: scale(0.92);
    }
    .fan-canvas.in-view .fcard.c1 { animation: fanOut-c1 1.4s cubic-bezier(.4, 0, .2, 1) 0.3s forwards; }
    .fan-canvas.in-view .fcard.c2 { animation: fanOut-c2 1.3s cubic-bezier(.4, 0, .2, 1) 0.2s forwards; }
    .fan-canvas.in-view .fcard.c3 { animation: centerIn 0.9s cubic-bezier(.4, 0, .2, 1) 0.05s forwards; }
    .fan-canvas.in-view .fcard.c4 { animation: fanOut-c4 1.3s cubic-bezier(.4, 0, .2, 1) 0.2s forwards; }
    .fan-canvas.in-view .fcard.c5 { animation: fanOut-c5 1.4s cubic-bezier(.4, 0, .2, 1) 0.3s forwards; }
    @keyframes centerIn {
      0%   { transform: scale(0.92); opacity: 0; }
      100% { transform: scale(1);    opacity: 1; }
    }
    @keyframes fanOut-c1 {
      0%   { transform: translateX(0) rotate(0deg) scale(0.85); opacity: 0; }
      40%  { opacity: 0.55; }
      100% { transform: translateX(-260px) rotate(-12deg) scale(1); opacity: 0.55; }
    }
    @keyframes fanOut-c2 {
      0%   { transform: translateX(0) rotate(0deg) scale(0.9); opacity: 0; }
      40%  { opacity: 0.85; }
      100% { transform: translateX(-135px) rotate(-6deg) scale(1); opacity: 0.85; }
    }
    @keyframes fanOut-c4 {
      0%   { transform: translateX(0) rotate(0deg) scale(0.9); opacity: 0; }
      40%  { opacity: 0.85; }
      100% { transform: translateX(135px) rotate(6deg) scale(1); opacity: 0.85; }
    }
    @keyframes fanOut-c5 {
      0%   { transform: translateX(0) rotate(0deg) scale(0.85); opacity: 0; }
      40%  { opacity: 0.55; }
      100% { transform: translateX(260px) rotate(12deg) scale(1); opacity: 0.55; }
    }
    .fcard .ava {
      width: 72px; height: 72px;
      border-radius: 50%;
      background-size: cover;
      background-position: center;
      margin: 0 auto;
      border: 3px solid #FFFFFF;
      box-shadow: 0 4px 12px rgba(67, 64, 232, 0.12);
    }
    .fcard .name {
      font-family: 'Archivo', sans-serif;
      font-size: 14px;
      font-weight: 700;
      color: #0F172A;
      line-height: 1.2;
      margin-top: 2px;
    }
    .fcard .spec {
      font-size: 11px;
      font-weight: 600;
      color: #4340E8;
      margin-top: -3px;
    }
    .fcard .rating {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      font-size: 11px;
      color: #475569;
    }
    .fcard .rating .st { color: #FBBF24; }
    .fcard .rating b { color: #0F172A; font-weight: 700; }
    .fcard .meta-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-size: 10px;
      color: #475569;
      padding-top: 6px;
      border-top: 1px solid rgba(15, 23, 42, 0.05);
    }
    .fcard .meta-row .item { display: inline-flex; align-items: center; gap: 3px; }
    .fcard .meta-row .sep { color: #94A3B8; opacity: 0.4; }
    .fcard .avail {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      padding: 6px 10px;
      background: rgba(67, 64, 232, 0.08);
      color: #4340E8;
      border-radius: 100px;
      font-size: 10.5px;
      font-weight: 600;
    }
    .fcard .book {
      background: #4340E8;
      color: #FFFFFF;
      border: none;
      padding: 8px;
      border-radius: 10px;
      font-size: 11.5px;
      font-weight: 600;
      font-family: inherit;
      cursor: pointer;
      transition: background .2s;
    }
    .fcard .book:hover { background: #3530c4; }
    .fl-ava {
      position: absolute;
      width: 58px; height: 58px;
      border-radius: 50%;
      background-size: cover;
      background-position: center;
      border: 4px solid #FFFFFF;
      box-shadow: 0 8px 20px rgba(67, 64, 232, 0.15);
      z-index: 4;
      opacity: 0;
    }
    .fl-ava.av1 { top: 4%;   left: 14%;  }
    .fl-ava.av2 { top: 2%;   right: 18%; }
    .fl-ava.av3 { top: 50%;  left: 4%;   }
    .fl-ava.av4 { top: 50%;  right: 4%;  }
    .fl-ava.av5 { bottom: 6%; left: 16%; }
    .fl-ava.av6 { bottom: 4%; right: 14%; }
    .fan-canvas.in-view .fl-ava.av1 { animation: avaIn 0.7s ease-out 1.5s forwards, avaFloat 5.4s ease-in-out 2.3s infinite; }
    .fan-canvas.in-view .fl-ava.av2 { animation: avaIn 0.7s ease-out 1.7s forwards, avaFloat 5.8s ease-in-out 2.5s infinite; }
    .fan-canvas.in-view .fl-ava.av3 { animation: avaIn-l 0.7s ease-out 1.9s forwards, avaFloat-l 6s ease-in-out 2.7s infinite; }
    .fan-canvas.in-view .fl-ava.av4 { animation: avaIn-r 0.7s ease-out 2.1s forwards, avaFloat-r 5.6s ease-in-out 2.9s infinite; }
    .fan-canvas.in-view .fl-ava.av5 { animation: avaIn 0.7s ease-out 2.3s forwards, avaFloat 5.2s ease-in-out 3.1s infinite; }
    .fan-canvas.in-view .fl-ava.av6 { animation: avaIn 0.7s ease-out 2.5s forwards, avaFloat 5.9s ease-in-out 3.3s infinite; }
    @keyframes avaIn {
      0%   { opacity: 0; transform: scale(0.5); }
      60%  { opacity: 1; transform: scale(1.08); }
      100% { opacity: 1; transform: scale(1); }
    }
    @keyframes avaIn-l {
      0%   { opacity: 0; transform: translateY(-50%) scale(0.5); }
      60%  { opacity: 1; transform: translateY(-50%) scale(1.08); }
      100% { opacity: 1; transform: translateY(-50%) scale(1); }
    }
    @keyframes avaIn-r {
      0%   { opacity: 0; transform: translateY(-50%) scale(0.5); }
      60%  { opacity: 1; transform: translateY(-50%) scale(1.08); }
      100% { opacity: 1; transform: translateY(-50%) scale(1); }
    }
    @keyframes avaFloat {
      0%, 100% { transform: translateY(0); }
      50%      { transform: translateY(-7px); }
    }
    @keyframes avaFloat-l {
      0%, 100% { transform: translateY(-50%); }
      50%      { transform: translateY(calc(-50% - 7px)); }
    }
    @keyframes avaFloat-r {
      0%, 100% { transform: translateY(-50%); }
      50%      { transform: translateY(calc(-50% - 7px)); }
    }
    .fan-dot {
      position: absolute;
      width: 12px; height: 12px;
      border-radius: 50%;
      background: #4340E8;
      box-shadow: 0 0 0 6px rgba(67, 64, 232, 0.12);
      z-index: 3;
      opacity: 0;
    }
    .fan-dot.d1 { top: 28%; left: 32%; }
    .fan-dot.d2 { top: 22%; right: 35%; width: 8px; height: 8px; box-shadow: 0 0 0 4px rgba(67, 64, 232, 0.12); }
    .fan-dot.d3 { bottom: 32%; left: 38%; width: 8px; height: 8px; box-shadow: 0 0 0 4px rgba(67, 64, 232, 0.12); }
    .fan-dot.d4 { bottom: 25%; right: 32%; }
    .fan-canvas.in-view .fan-dot { animation: avaIn 0.6s ease-out forwards; }
    .fan-canvas.in-view .fan-dot.d1 { animation-delay: 2.0s; }
    .fan-canvas.in-view .fan-dot.d2 { animation-delay: 2.2s; }
    .fan-canvas.in-view .fan-dot.d3 { animation-delay: 2.4s; }
    .fan-canvas.in-view .fan-dot.d4 { animation-delay: 2.6s; }
    @media (max-width: 720px) {
      .fan-canvas { padding: 32px 16px; min-height: 420px; }
      .fan-stage { height: 360px; }
      .fcard { width: 150px; padding: 14px 10px 12px; }
      .fcard.c1, .fcard.c5 { display: none; }
      .fl-ava { width: 44px; height: 44px; border-width: 3px; }
      @keyframes fanOut-c2 {
        0%   { transform: translateX(0) rotate(0deg) scale(0.9); opacity: 0; }
        100% { transform: translateX(-95px) rotate(-6deg) scale(1); opacity: 0.9; }
      }
      @keyframes fanOut-c4 {
        0%   { transform: translateX(0) rotate(0deg) scale(0.9); opacity: 0; }
        100% { transform: translateX(95px) rotate(6deg) scale(1); opacity: 0.9; }
      }
    }

    /* ── My Circle (Beyond the visit) ── */
    .mc-section {
      padding: 70px 60px;
      position: relative;
      overflow: hidden;
    }
    .mc-bg {
      position: absolute; inset: 0;
      background:
        radial-gradient(ellipse at 20% 30%, rgba(67, 64, 232, 0.06) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 70%, rgba(143, 85, 255, 0.05) 0%, transparent 50%),
        linear-gradient(160deg, #F7F9FC 0%, #FFFFFF 50%, #F5F8FB 100%);
    }
    .mc-container { max-width: 1280px; margin: 0 auto; position: relative; z-index: 2; }
    .mc-grid {
      display: grid;
      grid-template-columns: 1fr 1.05fr;
      gap: 60px;
      align-items: center;
    }
    .mc-tag {
      display: inline-flex; align-items: center; gap: 6px;
      background: rgba(67, 64, 232, 0.08);
      color: #4340E8;
      font-family: 'Archivo', sans-serif;
      font-size: 12.5px; font-weight: 700;
      letter-spacing: 0.12em; text-transform: uppercase;
      padding: 5px 12px; border-radius: 100px;
      margin-bottom: 20px;
    }
    .mc-tag .dot { width: 5px; height: 5px; border-radius: 50%; background: #4340E8; }
    .mc-title {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 300; font-size: 42px; line-height: 1.05;
      letter-spacing: -.03em; color: #1A1A1A; margin-bottom: 16px;
    }
    .mc-title .accent { color: #4340E8; font-style: normal; }
    .mc-sub { font-family: 'Archivo', sans-serif; font-size: 16px; font-weight: 300; color: #64748B; line-height: 1.55; margin-bottom: 14px; }
    .mc-desc { font-family: 'Archivo', sans-serif; font-size: 14.5px; font-weight: 300; color: #94A3B8; line-height: 1.6; margin-bottom: 32px; }
    .mc-features { display: flex; flex-direction: column; gap: 18px; }
    .mc-feature { display: flex; align-items: flex-start; gap: 14px; }
    .mc-icon-wrap {
      width: 42px; height: 42px; border-radius: 12px;
      background: linear-gradient(135deg, rgba(67, 64, 232, 0.12) 0%, rgba(143, 85, 255, 0.08) 100%);
      display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    }
    .mc-icon-wrap svg { width: 24px; height: 24px; stroke: #4340E8; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }
    .mc-feat-text { flex: 1; padding-top: 3px; }
    .mc-feat-title {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 500; font-size: 15px; color: #1A1A1A;
      letter-spacing: -.01em; margin-bottom: 3px; line-height: 1.2;
    }
    .mc-feat-desc { font-family: 'Archivo', sans-serif; font-size: 13px; color: #64748B; line-height: 1.5; font-weight: 300; }
    .mc-quote {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 300; font-size: 17px; font-style: italic; color: #4340E8;
      letter-spacing: -.01em; line-height: 1.4;
      margin-top: 28px; padding-top: 22px;
      border-top: 1px solid rgba(67, 64, 232, 0.1);
    }
    .mc-orb {
      position: relative;
      height: 560px;
      display: flex; align-items: center; justify-content: center;
    }
    .mc-ring {
      position: absolute;
      border: 1px dashed rgba(67, 64, 232, 0.2);
      pointer-events: none;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
    }
    .mc-ring.r1 { width: 380px; height: 500px; border-radius: 200px; }
    .mc-ring.r2 { width: 500px; height: 560px; border-color: rgba(67, 64, 232, 0.1); border-radius: 260px; }
    .mc-pulse {
      position: absolute;
      width: 240px; height: 240px;
      border-radius: 50%;
      border: 2px solid rgba(67, 64, 232, 0.3);
      animation: mc-p 3s ease-out infinite;
      z-index: 1;
    }
    .mc-pulse.d2 { animation-delay: 1s; }
    .mc-pulse.d3 { animation-delay: 2s; }
    @keyframes mc-p {
      0% { transform: scale(0.8); opacity: 0.6; }
      100% { transform: scale(1.5); opacity: 0; }
    }
    .mc-av {
      position: absolute; z-index: 4;
      width: 58px; height: 58px;
      border-radius: 50%;
      overflow: hidden;
      border: 3px solid #fff;
      box-shadow: 0 8px 24px rgba(67, 64, 232, 0.25);
    }
    .mc-av svg { width: 100%; height: 100%; display: block; }
    .mc-av.p1 { top: 0; left: 50%; transform: translateX(-50%); }
    .mc-av.p2 { top: 64px; right: 30px; }
    .mc-av.p3 { bottom: 64px; right: 30px; }
    .mc-av.p4 { top: 64px; left: 30px; }
    .mc-av.p5 { bottom: 64px; left: 30px; width: 48px; height: 48px; }
    .mc-av.p6 { bottom: 0; left: 50%; transform: translateX(-50%); width: 48px; height: 48px; }
    .mc-phone {
      position: relative; z-index: 3;
      width: 300px;
      background: #fff;
      border: 1px solid rgba(67, 64, 232, 0.12);
      border-radius: 22px;
      box-shadow: 0 24px 64px rgba(67, 64, 232, 0.16), 0 8px 24px rgba(67, 64, 232, 0.06);
      padding: 18px;
    }
    .mc-phone-header { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; }
    .mc-phone-logo {
      width: 26px; height: 26px; border-radius: 8px;
      background: linear-gradient(135deg, #4340E8 0%, #8f55ff 100%);
      display: flex; align-items: center; justify-content: center;
      box-shadow: 0 4px 10px rgba(67, 64, 232, 0.25);
    }
    .mc-phone-logo svg { width: 13px; height: 13px; stroke: #fff; stroke-width: 2; fill: none; }
    .mc-phone-title { font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif; font-weight: 400; font-size: 13.5px; color: #0a0a0a; letter-spacing: -.01em; }
    .mc-phone-sub { font-family: 'Archivo', sans-serif; font-size: 10px; color: #94A3B8; margin-top: 1px; }
    .mc-confirm {
      display: flex; align-items: center; gap: 8px;
      background: rgba(34, 197, 94, 0.08);
      border: 1px solid rgba(34, 197, 94, 0.18);
      border-radius: 12px; padding: 9px 13px; margin-bottom: 8px;
      overflow: hidden;
      transition: opacity 0.4s ease, max-height 0.4s ease, margin-bottom 0.4s ease, padding 0.4s ease;
    }
    .mc-confirm svg { width: 15px; height: 15px; stroke: #16a34a; stroke-width: 2.2; fill: none; flex-shrink: 0; }
    .mc-confirm-text { font-family: 'Archivo', sans-serif; font-size: 12.5px; font-weight: 500; color: #16a34a; }
    .mc-confirm.is-hidden {
      opacity: 0; max-height: 0; margin-bottom: 0;
      padding-top: 0; padding-bottom: 0; border-width: 0;
    }
    .mc-confirm.mc-confirm-pulse {
      animation: mcConfirmPulse 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }
    @keyframes mcConfirmPulse {
      0% { transform: scale(0.96); opacity: 0.4; }
      50% { transform: scale(1.02); }
      100% { transform: scale(1); opacity: 1; }
    }
    .mc-row {
      display: flex; align-items: center; gap: 11px;
      background: #fff; border: 1px solid rgba(67, 64, 232, 0.08);
      border-radius: 14px; padding: 9px 12px; margin-bottom: 7px;
    }
    .mc-row-av { width: 34px; height: 34px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
    .mc-row-av svg { width: 100%; height: 100%; display: block; }
    .mc-info { flex: 1; min-width: 0; }
    .mc-name { font-family: 'Archivo', sans-serif; font-size: 13px; font-weight: 600; color: #0a0a0a; line-height: 1.2; }
    .mc-meta { font-family: 'Archivo', sans-serif; font-size: 11px; color: #64748B; margin-top: 2px; }
    .mc-chev { width: 15px; height: 15px; flex-shrink: 0; }
    .mc-chev svg { width: 100%; height: 100%; stroke: #94A3B8; stroke-width: 2; fill: none; }
    .mc-row.mc-row-new {
      animation: mcRowIn 0.55s cubic-bezier(0.16, 1, 0.3, 1) forwards;
      overflow: hidden;
    }
    @keyframes mcRowIn {
      0% { opacity: 0; transform: translateY(-10px); max-height: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
      100% { opacity: 1; transform: translateY(0); max-height: 80px; margin-bottom: 7px; padding-top: 9px; padding-bottom: 9px; }
    }
    .mc-add {
      display: flex; align-items: center; justify-content: center; gap: 7px;
      margin-top: 8px; padding: 11px;
      border: 1.5px dashed rgba(67, 64, 232, 0.3);
      border-radius: 14px; background: rgba(67, 64, 232, 0.02);
      font-family: 'Archivo', sans-serif; font-size: 12.5px; font-weight: 600; color: #4340E8;
      cursor: pointer; transition: background 0.2s, transform 0.1s; user-select: none;
      position: relative; overflow: hidden;
    }
    .mc-add svg { width: 13px; height: 13px; stroke: #4340E8; stroke-width: 2.5; fill: none; }
    .mc-add:hover { background: rgba(67, 64, 232, 0.06); }
    .mc-add:active { transform: scale(0.98); }
    .mc-add.is-pressed { background: rgba(67, 64, 232, 0.12); transform: scale(0.97); }
    .mc-add .mc-ripple {
      position: absolute; border-radius: 50%;
      background: rgba(67, 64, 232, 0.25);
      transform: translate(-50%, -50%) scale(0);
      pointer-events: none;
    }
    @keyframes mcRippleExpand {
      0% { transform: translate(-50%, -50%) scale(0); opacity: 0.6; }
      100% { transform: translate(-50%, -50%) scale(4); opacity: 0; }
    }
    .mc-av.mc-av-new {
      animation: mcAvIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    }
    @keyframes mcAvIn {
      0% { opacity: 0; transform: translateX(-50%) scale(0); }
      100% { opacity: 1; transform: translateX(-50%) scale(1); }
    }
    .mc-cursor {
      position: absolute;
      width: 24px; height: 24px;
      z-index: 50;
      pointer-events: none;
      opacity: 0;
      transition: opacity 0.4s ease;
      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.25));
    }
    .mc-cursor svg { width: 100%; height: 100%; display: block; }
    .mc-cursor.visible { opacity: 1; }
    .mc-cursor.clicking { transform: scale(0.82); }
    @media (max-width: 980px) {
      .mc-section { padding: 50px 24px; }
      .mc-grid { grid-template-columns: 1fr; gap: 40px; }
      .mc-title { font-size: 32px; }
      .mc-orb { height: 460px; }
    }

    /* ── My Visit (animated recording -> summary) ── */




.mv-section {
  padding: 90px 60px;
  position: relative;
  overflow: hidden;
}
.mv-section::before {
  content: '';
  position: absolute;
  top: -150px;
  left: -100px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(143, 85, 255, 0.05) 0%, transparent 60%);
  pointer-events: none;
}
.mv-container { max-width: 1280px; margin: 0 auto; position: relative; }
.mv-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
/* Phone goes to the right, text to the left */
.mv-two-col > .mv-right-wrap { order: 2; }
.mv-two-col > .mv-text-side { order: 1; }

/* TEXT SIDE */
.mv-left-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(67, 64, 232, 0.08);
  color: #4340E8;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 100px;
  margin-bottom: 20px;
}
.mv-left-tag .dot { width: 5px; height: 5px; border-radius: 50%; background: #4340E8; }
.mv-left-title {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 300;
  font-size: 42px;
  line-height: 1.05;
  letter-spacing: -.03em;
  color: #1A1A1A;
  margin-bottom: 16px;
}
.mv-left-title .accent { color: #4340E8; font-style: normal; }
.mv-left-sub { font-size: 16px; font-weight: 300; color: #64748B; line-height: 1.55; margin-bottom: 14px; }
.mv-left-desc { font-size: 14.5px; font-weight: 300; color: #94A3B8; line-height: 1.6; margin-bottom: 32px; max-width: 460px; }
.mv-features { display: flex; flex-direction: column; gap: 18px; }
.mv-feature { display: flex; align-items: flex-start; gap: 14px; }
.mv-icon-wrap {
  width: 42px; height: 42px; border-radius: 12px;
  background: linear-gradient(135deg, rgba(67, 64, 232, 0.12) 0%, rgba(143, 85, 255, 0.08) 100%);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mv-icon-wrap svg { width: 24px; height: 24px; stroke: #4340E8; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.mv-feat-text { flex: 1; padding-top: 3px; }
.mv-feat-title {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 500; font-size: 15px; color: #1A1A1A;
  letter-spacing: -.01em; margin-bottom: 3px; line-height: 1.2;
}
.mv-feat-desc { font-size: 13px; color: #64748B; line-height: 1.5; font-weight: 300; }
.mv-quote {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 300; font-size: 17px; font-style: italic; color: #4340E8;
  letter-spacing: -.01em; line-height: 1.4;
  margin-top: 28px; padding-top: 22px;
  border-top: 1px solid rgba(67, 64, 232, 0.1);
}

/* PHONE SIDE */
.mv-right-wrap {
  position: relative;
  height: 600px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 0;
}
.phone-half {
  position: relative;
  width: 320px;
  height: 500px;
  background: linear-gradient(145deg, #FFFFFF 0%, #F5F8FB 100%);
  border-radius: 38px 38px 0 0;
  padding: 8px 8px 0 8px;
  box-shadow:
    0 0 0 1.5px rgba(67, 64, 232, 0.1),
    0 30px 80px rgba(67, 64, 232, 0.15),
    inset 0 0 0 1px rgba(255, 255, 255, 1);
  z-index: 2;
}
.phone-half::before {
  content: ''; position: absolute; top: 50px; left: -2px;
  width: 4px; height: 50px;
  background: rgba(67, 64, 232, 0.15); border-radius: 0 2px 2px 0;
}
.phone-half::after {
  content: ''; position: absolute; top: 70px; right: -2px;
  width: 4px; height: 70px;
  background: rgba(67, 64, 232, 0.15); border-radius: 2px 0 0 2px;
}
.phone-screen {
  width: 100%; height: 100%;
  background: linear-gradient(160deg, #F7F9FC 0%, #FFFFFF 50%, #F5F8FB 100%);
  border-radius: 31px 31px 0 0;
  padding: 24px 15px 0;
  position: relative;
  overflow: hidden;
}
.phone-top-bar {
  position: absolute; top: 12px; left: 50%;
  transform: translateX(-50%);
  width: 70px; height: 4px;
  background: rgba(67, 64, 232, 0.15); border-radius: 100px;
}

/* Header summary */
.vs-header { margin-top: 8px; margin-bottom: 12px; }
.vs-h-title {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 500; font-size: 16px; color: #1A1A1A;
  letter-spacing: -.01em; line-height: 1.1; margin-bottom: 3px;
}
.vs-h-meta { display: flex; align-items: center; gap: 6px; font-size: 9.5px; color: #94A3B8; }
.vs-h-saved {
  display: inline-flex; align-items: center; gap: 3px;
  color: #16a34a; font-weight: 600;
}
.vs-h-saved svg { width: 9px; height: 9px; stroke: #16a34a; stroke-width: 2.5; fill: none; }

/* Audio player mini */
.vs-audio {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px;
  background: linear-gradient(135deg, rgba(67, 64, 232, 0.06) 0%, rgba(143, 85, 255, 0.04) 100%);
  border: 1px solid rgba(67, 64, 232, 0.12);
  border-radius: 12px;
  margin-bottom: 12px;
}
.vs-audio-btn {
  width: 30px; height: 30px; border-radius: 50%;
  background: linear-gradient(135deg, #4340E8 0%, #8f55ff 100%);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  box-shadow: 0 4px 10px rgba(67, 64, 232, 0.3);
}
.vs-audio-btn svg { width: 12px; height: 12px; stroke: #FFFFFF; fill: #FFFFFF; }
.vs-audio-info { flex: 1; }
.vs-audio-label { font-size: 11px; font-weight: 600; color: #1A1A1A; }
.vs-audio-time { font-size: 9px; color: #94A3B8; margin-top: 1px; }
.vs-audio-wave { display: flex; align-items: center; gap: 2px; height: 18px; }
.vs-audio-wave span {
  width: 2px; border-radius: 2px;
  background: rgba(67, 64, 232, 0.4);
}
.vs-audio-wave span:nth-child(1) { height: 40%; }
.vs-audio-wave span:nth-child(2) { height: 70%; }
.vs-audio-wave span:nth-child(3) { height: 100%; }
.vs-audio-wave span:nth-child(4) { height: 55%; }
.vs-audio-wave span:nth-child(5) { height: 80%; }
.vs-audio-wave span:nth-child(6) { height: 35%; }

/* Block titles */
.vs-block { margin-bottom: 12px; }
.vs-block-title {
  display: flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 700; color: #4340E8;
  letter-spacing: 0.06em; text-transform: uppercase;
  margin-bottom: 7px;
}
.vs-block-title svg { width: 12px; height: 12px; stroke: #4340E8; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }

/* What the doctor said */
.vs-said {
  background: #FFFFFF;
  border: 1px solid rgba(67, 64, 232, 0.08);
  border-radius: 12px;
  padding: 11px;
  font-size: 10.5px;
  line-height: 1.5;
  color: #475569;
}

/* Medications */
.vs-med {
  display: flex; align-items: center; gap: 9px;
  padding: 9px 11px;
  background: #FFFFFF;
  border: 1px solid rgba(67, 64, 232, 0.08);
  border-radius: 11px;
  margin-bottom: 6px;
}
.vs-med-icon {
  width: 26px; height: 26px; border-radius: 7px;
  background: linear-gradient(135deg, rgba(67, 64, 232, 0.12) 0%, rgba(143, 85, 255, 0.08) 100%);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.vs-med-icon svg { width: 13px; height: 13px; stroke: #4340E8; stroke-width: 1.8; fill: none; }
.vs-med-info { flex: 1; min-width: 0; }
.vs-med-name { font-size: 11px; font-weight: 600; color: #1A1A1A; }
.vs-med-dose { font-size: 9px; color: #94A3B8; margin-top: 1px; }
.vs-med-new {
  font-size: 7.5px; font-weight: 700; color: #FFFFFF;
  background: linear-gradient(135deg, #4340E8 0%, #8f55ff 100%);
  padding: 2px 6px; border-radius: 100px;
  letter-spacing: 0.05em;
}

/* Next steps */
.vs-step {
  display: flex; align-items: flex-start; gap: 9px;
  padding: 7px 0;
}
.vs-step-num {
  width: 18px; height: 18px; border-radius: 50%;
  background: linear-gradient(135deg, #4340E8 0%, #8f55ff 100%);
  color: #FFFFFF; font-size: 9px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.vs-step-text { font-size: 10px; color: #475569; line-height: 1.4; flex: 1; }

/* When to call 911 */
.vs-emergency {
  background: rgba(239, 68, 68, 0.05);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 12px;
  padding: 11px;
}
.vs-emergency-title {
  display: flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 700; color: #ef4444;
  letter-spacing: 0.04em; text-transform: uppercase;
  margin-bottom: 6px;
}
.vs-emergency-title svg { width: 13px; height: 13px; stroke: #ef4444; stroke-width: 2; fill: none; }
.vs-emergency-text { font-size: 9.5px; color: #b91c1c; line-height: 1.45; }

/* Fade bottom */
.phone-fade {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 140px;
  background: linear-gradient(to bottom,
    transparent 0%,
    rgba(247, 249, 252, 0.5) 35%,
    rgba(247, 249, 252, 0.9) 70%,
    #F7F9FC 100%);
  pointer-events: none;
  z-index: 3;
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
  mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 100%);
}

/* Floating cards */
.float-card {
  position: absolute;
  background: #FFFFFF;
  border: 1px solid rgba(67, 64, 232, 0.12);
  border-radius: 16px;
  padding: 12px 14px;
  box-shadow: 0 12px 32px rgba(67, 64, 232, 0.12);
  z-index: 4;
}
.float-card.fc-medications {
  top: 70px;
  right: 60px;
  width: 230px;
  animation: float-1 4.5s ease-in-out infinite;
}
.fc-m-header { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }
.fc-m-icon {
  width: 28px; height: 28px; border-radius: 8px;
  background: linear-gradient(135deg, #4340E8 0%, #8f55ff 100%);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.fc-m-icon svg { width: 14px; height: 14px; stroke: #FFFFFF; stroke-width: 2; fill: none; }
.fc-m-title { font-size: 11px; font-weight: 700; color: #1A1A1A; }
.fc-m-sub { font-size: 9px; color: #94A3B8; }
.fc-m-item {
  display: flex; align-items: center; gap: 6px;
  font-size: 10px; color: #1A1A1A; padding: 4px 0;
  border-top: 1px solid rgba(67, 64, 232, 0.06);
}
.fc-m-badge {
  font-size: 7px; font-weight: 700; color: #FFFFFF;
  background: linear-gradient(135deg, #4340E8 0%, #8f55ff 100%);
  padding: 1px 5px; border-radius: 100px; margin-left: auto;
}

.float-card.fc-emergency {
  top: 230px;
  right: 60px;
  width: 230px;
  animation: float-2 5s ease-in-out infinite 0.5s;
  background: #FFFFFF;
  border: 1px solid rgba(239, 68, 68, 0.2);
}
.fc-e-header { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; }
.fc-e-icon {
  width: 28px; height: 28px; border-radius: 8px;
  background: rgba(239, 68, 68, 0.1);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.fc-e-icon svg { width: 15px; height: 15px; stroke: #ef4444; stroke-width: 2; fill: none; }
.fc-e-title { font-size: 11px; font-weight: 700; color: #ef4444; }
.fc-e-text { font-size: 9px; color: #b91c1c; line-height: 1.4; }

.float-card.fc-share {
  top: 370px;
  right: 60px;
  width: 230px;
  animation: float-3 4.8s ease-in-out infinite 1s;
}
.fc-s-header { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.fc-s-icon {
  width: 28px; height: 28px; border-radius: 8px;
  background: linear-gradient(135deg, #4340E8 0%, #8f55ff 100%);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.fc-s-icon svg { width: 14px; height: 14px; stroke: #FFFFFF; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.fc-s-title { font-size: 11px; font-weight: 700; color: #1A1A1A; }
.fc-s-sub { font-size: 9px; color: #94A3B8; }
.fc-s-avatars { display: flex; align-items: center; }
.fc-s-avatar {
  width: 26px; height: 26px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 9px; font-weight: 700; color: #FFFFFF;
  border: 2px solid #FFFFFF; margin-left: -8px;
}
.fc-s-avatar:first-child { margin-left: 0; }
.fc-s-avatar.av-1 { background: linear-gradient(135deg, #ec4899 0%, #8f55ff 100%); }
.fc-s-avatar.av-2 { background: linear-gradient(135deg, #4340E8 0%, #8f55ff 100%); }
.fc-s-more {
  width: 26px; height: 26px; border-radius: 50%;
  background: rgba(67, 64, 232, 0.08);
  border: 2px solid #FFFFFF;
  display: flex; align-items: center; justify-content: center;
  font-size: 8.5px; font-weight: 700; color: #4340E8; margin-left: -8px;
}

@keyframes float-1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes float-2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes float-3 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

/* ====== ANIMATION PHASES ====== */
/* Phase containers - controlled by JS */
.rec-phase, .processing-phase, .summary-phase {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  padding: 40px 15px 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.rec-phase.active, .processing-phase.active, .summary-phase.active {
  opacity: 1;
}
.summary-phase {
  padding: 24px 15px 0;
}
.rec-phase {
  display: flex;
  flex-direction: column;
}
.processing-phase {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.processing-spinner {
  width: 44px; height: 44px;
  border: 3px solid rgba(67, 64, 232, 0.15);
  border-top-color: #4340E8;
  border-radius: 50%;
  animation: spin 0.9s linear infinite;
  margin-bottom: 18px;
}
.rec-status-top {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 6px;
}
.rec-badge {
  display: inline-flex; align-items: center; gap: 5px;
  background: rgba(239, 68, 68, 0.1); color: #ef4444;
  font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  padding: 4px 10px; border-radius: 100px;
}
.rec-dot { width: 6px; height: 6px; border-radius: 50%; background: #ef4444; animation: recDot 1.2s ease-in-out infinite; }
@keyframes recDot { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
.rec-consent { font-size: 10px; color: #94A3B8; font-weight: 500; }

.rec-center {
  flex: 1;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding-bottom: 60px;
}
.rec-mic {
  position: relative;
  width: 90px; height: 90px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 28px;
}
.rec-mic-inner {
  width: 64px; height: 64px; border-radius: 50%;
  background: linear-gradient(135deg, #4340E8 0%, #8f55ff 100%);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 24px rgba(67, 64, 232, 0.4);
  z-index: 2;
}
.rec-mic-inner svg { width: 30px; height: 30px; stroke: #FFFFFF; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.rec-ring {
  position: absolute;
  border-radius: 50%;
  border: 2px solid rgba(67, 64, 232, 0.4);
  animation: recRing 2.5s ease-out infinite;
}
.rec-ring-1 { width: 64px; height: 64px; animation-delay: 0s; }
.rec-ring-2 { width: 64px; height: 64px; animation-delay: 0.8s; }
.rec-ring-3 { width: 64px; height: 64px; animation-delay: 1.6s; }
@keyframes recRing {
  0% { width: 64px; height: 64px; opacity: 0.8; }
  100% { width: 130px; height: 130px; opacity: 0; }
}
.rec-timer {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 300; font-size: 38px; color: #1A1A1A;
  letter-spacing: -.02em; font-variant-numeric: tabular-nums;
  margin-bottom: 6px;
}
.rec-label { font-size: 13px; color: #64748B; font-weight: 500; margin-bottom: 26px; }
.rec-wave {
  display: flex; align-items: center; justify-content: center; gap: 3px;
  height: 36px; margin-bottom: 22px;
}
.rec-wave span {
  width: 3px; border-radius: 3px;
  background: linear-gradient(180deg, #4340E8 0%, #8f55ff 100%);
  animation: recWave 1s ease-in-out infinite;
}
.rec-wave span:nth-child(1) { animation-delay: 0s; }
.rec-wave span:nth-child(2) { animation-delay: 0.1s; }
.rec-wave span:nth-child(3) { animation-delay: 0.2s; }
.rec-wave span:nth-child(4) { animation-delay: 0.15s; }
.rec-wave span:nth-child(5) { animation-delay: 0.05s; }
.rec-wave span:nth-child(6) { animation-delay: 0.25s; }
.rec-wave span:nth-child(7) { animation-delay: 0.18s; }
.rec-wave span:nth-child(8) { animation-delay: 0.08s; }
.rec-wave span:nth-child(9) { animation-delay: 0.22s; }
.rec-wave span:nth-child(10) { animation-delay: 0.12s; }
.rec-wave span:nth-child(11) { animation-delay: 0.28s; }
.rec-wave span:nth-child(12) { animation-delay: 0.16s; }
.rec-wave span:nth-child(13) { animation-delay: 0.06s; }
.rec-wave span:nth-child(14) { animation-delay: 0.21s; }
.rec-wave span:nth-child(15) { animation-delay: 0.11s; }
.rec-wave span:nth-child(16) { animation-delay: 0.26s; }
.rec-wave span:nth-child(17) { animation-delay: 0.14s; }
.rec-wave span:nth-child(18) { animation-delay: 0.19s; }
.rec-wave span:nth-child(19) { animation-delay: 0.09s; }
.rec-wave span:nth-child(20) { animation-delay: 0.24s; }
@keyframes recWave {
  0%, 100% { height: 8px; }
  50% { height: 32px; }
}
.rec-transcribing {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11px; color: #4340E8; font-weight: 500;
}
.rec-transcribing-dot { width: 6px; height: 6px; border-radius: 50%; background: #4340E8; animation: recDot 1.4s ease-in-out infinite; }

/* Phase 1.5: Processing (visible ~5-6.5s) */
.processing-phase {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  animation: phaseProcessing 13s ease-in-out infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
.processing-text {
  font-size: 13px; color: #64748B; font-weight: 500;
}

/* Phase 2: Summary */
.summary-phase {
  padding: 24px 15px 0;
}


    /* ====== Telefono Beeexy en el hero (CSS con scope) ====== */
    #bx-hero-phone { display:flex; align-items:center; justify-content:center; width:100%; }
    #bx-hero-phone .opt-wrap { transform: translateX(-48px) scale(0.80); transform-origin: center center; }
#bx-hero-phone *, #bx-hero-phone *::before, #bx-hero-phone *::after { box-sizing: border-box; margin: 0; padding: 0; }
#bx-hero-phone .options-grid { display: flex; justify-content: center; }
#bx-hero-phone .opt-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#bx-hero-phone .opt-label {
  background: #1a1a1a;
  color: white;
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
#bx-hero-phone .opt-name {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 500;
  font-size: 17px;
  color: #1A1A1A;
  margin-bottom: 4px;
}
#bx-hero-phone .opt-desc {
  font-family: 'Archivo', sans-serif;
  font-size: 11.5px;
  color: #64748B;
  text-align: center;
  margin-bottom: 20px;
  max-width: 280px;
  line-height: 1.4;
  font-style: italic;
}
#bx-hero-phone /* Device frame */
.minimal-device {
  position: relative;
  width: 320px;
  height: 640px;
  background: #FFFFFF;
  border-radius: 38px;
  padding: 7px;
  box-shadow:
    0 0 0 1.5px rgba(67, 64, 232, 0.08),
    0 30px 80px rgba(67, 64, 232, 0.12),
    inset 0 0 0 1px rgba(255, 255, 255, 1);
}
#bx-hero-phone .minimal-device::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -2px;
  transform: translateY(-50%);
  width: 4px;
  height: 50px;
  background: rgba(67, 64, 232, 0.15);
  border-radius: 0 2px 2px 0;
}
#bx-hero-phone .minimal-device::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -2px;
  transform: translateY(-50%);
  width: 4px;
  height: 70px;
  background: rgba(67, 64, 232, 0.15);
  border-radius: 2px 0 0 2px;
}
#bx-hero-phone .minimal-screen {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border-radius: 31px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 22px 18px 24px;
}
#bx-hero-phone .minimal-top-bar {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 4px;
  background: rgba(67, 64, 232, 0.15);
  border-radius: 100px;
}
#bx-hero-phone .minimal-logo {
  margin-top: 10px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#bx-hero-phone .minimal-logo img { height: 28px; width: auto; display: block; }
#bx-hero-phone /* Search box */
.mobile-search-box {
  width: 100%;
  background: #FFFFFF;
  border: 1.5px solid rgba(67, 64, 232, 0.12);
  border-radius: 100px;
  padding: 5px 5px 5px 14px;
  display: flex;
  align-items: center;
  gap: 5px;
  box-shadow: 0 6px 18px rgba(67, 64, 232, 0.08);
  margin-bottom: 16px;
}
#bx-hero-phone .m-heart-icon { width: 15px; height: 15px; flex-shrink: 0; color: #4340E8; }
#bx-hero-phone .m-heart-icon svg { width: 100%; height: 100%; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
#bx-hero-phone .m-input-wrap { flex: 1; position: relative; min-height: 32px; display: flex; align-items: center; overflow: hidden; }
#bx-hero-phone .m-typewriter {
  font-family: 'Archivo', sans-serif;
  font-size: 11px;
  color: #94A3B8;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
}
#bx-hero-phone .m-typewriter::after {
  content: '';
  display: inline-block;
  width: 1.5px;
  height: 11px;
  background: #4340E8;
  margin-left: 2px;
  vertical-align: middle;
  animation: blink 1s step-end infinite;
}
@keyframes blink {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}
#bx-hero-phone .m-mic {
  width: 28px; height: 28px; border-radius: 50%;
  background: rgba(67, 64, 232, 0.06);
  border: 1px solid rgba(67, 64, 232, 0.1);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
#bx-hero-phone .m-mic svg { width: 12px; height: 12px; stroke: #4340E8; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }
#bx-hero-phone .m-send {
  width: 32px; height: 32px; border-radius: 50%;
  background: #4340E8;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  box-shadow: 0 3px 8px rgba(67, 64, 232, 0.3);
}
#bx-hero-phone .m-send svg { width: 14px; height: 14px; stroke: #FFFFFF; stroke-width: 2.2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
#bx-hero-phone .m-hints {
  display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; align-items: center;
  width: 100%; padding: 0 2px;
  margin-bottom: 14px;
}
#bx-hero-phone .m-hint-label { font-size: 9.5px; color: #94A3B8; font-style: italic; }
#bx-hero-phone .m-hint-chip {
  background: rgba(67, 64, 232, 0.06);
  color: #4340E8;
  padding: 3px 8px;
  border-radius: 100px;
  border: 1px solid rgba(67, 64, 232, 0.1);
  font-weight: 500;
  font-size: 9.5px;
}
#bx-hero-phone /* =============================
   OPTION A · AI Assistance Card
   ============================= */
.opt-a-card {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(67, 64, 232, 0.1);
  border-radius: 14px;
  padding: 14px 14px 12px;
  box-shadow: 0 4px 12px rgba(67, 64, 232, 0.04);
}
#bx-hero-phone .opt-a-card .header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}
#bx-hero-phone .opt-a-card .avatar {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4340E8 0%, #8f55ff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
#bx-hero-phone .opt-a-card .avatar svg { width: 12px; height: 12px; stroke: #fff; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
#bx-hero-phone .opt-a-card .name {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #1A1A1A;
}
#bx-hero-phone .opt-a-card .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4ade80;
  margin-left: auto;
  animation: pulse-green 2s ease-in-out infinite;
}
@keyframes pulse-green {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.4); }
  50% { opacity: 0.8; box-shadow: 0 0 0 4px rgba(74, 222, 128, 0); }
}
#bx-hero-phone .opt-a-card .intro {
  font-family: 'Archivo', sans-serif;
  font-size: 10.5px;
  color: #64748B;
  margin-bottom: 8px;
  line-height: 1.4;
}
#bx-hero-phone .opt-a-card ul { list-style: none; padding: 0; margin: 0; }
#bx-hero-phone .opt-a-card li {
  font-family: 'Archivo', sans-serif;
  font-size: 10.5px;
  color: #1A1A1A;
  padding: 4px 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
#bx-hero-phone .opt-a-card li::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #4340E8;
  flex-shrink: 0;
}
#bx-hero-phone /* =============================
   OPTION B · Recently Asked
   ============================= */
.opt-b-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding: 0 4px;
}
#bx-hero-phone .opt-b-header .label {
  font-family: 'Archivo', sans-serif;
  font-size: 9.5px;
  font-weight: 600;
  color: #94A3B8;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
#bx-hero-phone .opt-b-header .live {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  color: #4ade80;
  font-weight: 600;
}
#bx-hero-phone .opt-b-header .live .dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #4ade80;
  animation: pulse-green 2s ease-in-out infinite;
}
#bx-hero-phone .opt-b-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#bx-hero-phone .opt-b-item {
  background: #FFFFFF;
  border: 1px solid rgba(67, 64, 232, 0.08);
  border-radius: 12px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 3px 8px rgba(67, 64, 232, 0.04);
}
#bx-hero-phone .opt-b-item .avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(67, 64, 232, 0.15) 0%, rgba(143, 85, 255, 0.1) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 9px;
  font-weight: 700;
  color: #4340E8;
  font-family: 'Archivo', sans-serif;
}
#bx-hero-phone .opt-b-item .text {
  flex: 1;
  font-family: 'Archivo', sans-serif;
  font-size: 10.5px;
  color: #1A1A1A;
  font-weight: 400;
}
#bx-hero-phone .opt-b-item .time {
  font-family: 'Archivo', sans-serif;
  font-size: 9px;
  color: #94A3B8;
}
#bx-hero-phone /* =============================
   OPTION C · Live Stats
   ============================= */
.opt-c-header {
  width: 100%;
  margin-bottom: 8px;
  padding: 0 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#bx-hero-phone .opt-c-header .label {
  font-family: 'Archivo', sans-serif;
  font-size: 9.5px;
  font-weight: 600;
  color: #94A3B8;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
#bx-hero-phone .opt-c-header .live {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  color: #4ade80;
  font-weight: 600;
}
#bx-hero-phone .opt-c-header .live .dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #4ade80;
  animation: pulse-green 2s ease-in-out infinite;
}
#bx-hero-phone .opt-c-stats {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(67, 64, 232, 0.08);
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 4px 12px rgba(67, 64, 232, 0.04);
}
#bx-hero-phone .opt-c-stat {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(67, 64, 232, 0.05);
}
#bx-hero-phone .opt-c-stat:last-child { border-bottom: none; }
#bx-hero-phone .opt-c-stat .icon {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(67, 64, 232, 0.12) 0%, rgba(143, 85, 255, 0.08) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
#bx-hero-phone .opt-c-stat .icon svg { width: 13px; height: 13px; stroke: #4340E8; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }
#bx-hero-phone .opt-c-stat .info { flex: 1; }
#bx-hero-phone .opt-c-stat .value {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #1A1A1A;
  letter-spacing: -.01em;
  line-height: 1;
}
#bx-hero-phone .opt-c-stat .label-stat {
  font-family: 'Archivo', sans-serif;
  font-size: 9.5px;
  color: #64748B;
  margin-top: 2px;
  line-height: 1;
}
#bx-hero-phone /* =============================
   OPTION D · Health Tip
   ============================= */
.opt-d-card {
  width: 100%;
  background: linear-gradient(135deg, rgba(67, 64, 232, 0.04) 0%, rgba(143, 85, 255, 0.03) 100%);
  border: 1px solid rgba(67, 64, 232, 0.12);
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 4px 12px rgba(67, 64, 232, 0.04);
  position: relative;
  overflow: hidden;
}
#bx-hero-phone .opt-d-card::before {
  content: '';
  position: absolute;
  top: -30px;
  right: -30px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(143, 85, 255, 0.08) 0%, transparent 70%);
  pointer-events: none;
}
#bx-hero-phone .opt-d-card .tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(67, 64, 232, 0.1);
  color: #4340E8;
  font-family: 'Archivo', sans-serif;
  font-size: 8.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 100px;
  margin-bottom: 8px;
}
#bx-hero-phone .opt-d-card .tag svg { width: 10px; height: 10px; stroke: currentColor; stroke-width: 2; fill: none; }
#bx-hero-phone .opt-d-card .text {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 400;
  font-size: 12.5px;
  color: #1A1A1A;
  line-height: 1.4;
  letter-spacing: -.01em;
  margin-bottom: 6px;
}
#bx-hero-phone .opt-d-card .text strong {
  font-weight: 500;
  color: #4340E8;
}
#bx-hero-phone /* My meetings — section header (afuera, #bx-hero-phone estilo "Trending Today") */
.opt-d-meetings-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 18px;
  margin-bottom: 8px;
  padding: 0 4px;
}
#bx-hero-phone .opt-d-meetings-header .label {
  font-family: 'Archivo', sans-serif;
  font-size: 9.5px;
  font-weight: 600;
  color: #94A3B8;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
#bx-hero-phone .opt-d-meetings-header .pills {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
#bx-hero-phone .m-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 7px;
  border-radius: 100px;
  font-size: 8.5px;
  font-weight: 600;
  font-family: 'Archivo', sans-serif;
  letter-spacing: 0.02em;
}
#bx-hero-phone .m-pill.active { background: rgba(67, 64, 232, 0.1); color: #4340E8; }
#bx-hero-phone .m-pill.inactive { background: transparent; color: #94A3B8; }
#bx-hero-phone .m-pill svg { width: 9px; height: 9px; stroke: currentColor; stroke-width: 2; fill: none; }
#bx-hero-phone .m-pill .num { font-weight: 700; opacity: 0.95; }
#bx-hero-phone /* Stack container with subtle Daily-Tip-style background */
.meetings-block {
  width: 100%;
  background: linear-gradient(135deg, rgba(67, 64, 232, 0.04) 0%, rgba(143, 85, 255, 0.03) 100%);
  border: 1px solid rgba(67, 64, 232, 0.12);
  border-radius: 14px;
  padding: 10px 10px 16px;
  box-shadow: 0 4px 12px rgba(67, 64, 232, 0.04);
  position: relative;
  overflow: hidden;
}
#bx-hero-phone .meetings-block::before {
  content: '';
  position: absolute;
  top: -30px;
  right: -30px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(143, 85, 255, 0.08) 0%, transparent 70%);
  pointer-events: none;
}
#bx-hero-phone .meet-stack {
  position: relative;
  height: 184px;
}
#bx-hero-phone .meet-card {
  position: absolute;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-radius: 14px;
  padding: 10px 11px;
  display: flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 4px 14px rgba(15,23,42,0.06);
  transform-origin: center center;
  transition: top 1.1s cubic-bezier(.6,.02,.3,1), z-index 0s, transform 1.1s cubic-bezier(.6,.02,.3,1);
}
#bx-hero-phone /* Three rotating slots — JS toggles classes s1/s2/s3 */
.meet-card.s1 { top: 0;   z-index: 3; transform: scale(1); }
#bx-hero-phone .meet-card.s2 { top: 67px; z-index: 2; transform: scale(0.985); }
#bx-hero-phone .meet-card.s3 { top: 134px; z-index: 1; transform: scale(0.97); }
#bx-hero-phone .meet-star {
  width: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#bx-hero-phone .meet-star svg { width: 13px; height: 13px; }
#bx-hero-phone .meet-star.gold svg path { fill: #F5B400; stroke: #F5B400; }
#bx-hero-phone .meet-star.green svg path { fill: #22C55E; stroke: #22C55E; }
#bx-hero-phone .meet-star.blue svg path { fill: #3B82F6; stroke: #3B82F6; }
#bx-hero-phone .meet-star.muted svg path { fill: #E2E8F0; stroke: #E2E8F0; }
#bx-hero-phone .meet-avatar-wrap {
  position: relative;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
#bx-hero-phone .meet-avatar-halo {
  position: absolute;
  inset: -3px;
  border-radius: 50%;
}
#bx-hero-phone .meet-avatar-halo.green { background: radial-gradient(circle, rgba(187,247,208,0.9) 0%, rgba(187,247,208,0) 70%); }
#bx-hero-phone .meet-avatar-halo.blue { background: radial-gradient(circle, rgba(191,219,254,0.9) 0%, rgba(191,219,254,0) 70%); }
#bx-hero-phone .meet-avatar-halo.pink { background: radial-gradient(circle, rgba(252,205,220,0.9) 0%, rgba(252,205,220,0) 70%); }
#bx-hero-phone .meet-avatar {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #E2E8F0;
  overflow: hidden;
  z-index: 1;
}
#bx-hero-phone .meet-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#bx-hero-phone .meet-info {
  flex: 1;
  min-width: 0;
}
#bx-hero-phone .meet-name {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.01em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#bx-hero-phone .meet-role {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 8.5px;
  font-weight: 400;
  color: #94A3B8;
  margin-top: 2px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#bx-hero-phone .meet-cta {
  background: #EEF1F6;
  color: #0F172A;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 8.5px;
  font-weight: 600;
  padding: 6px 9px;
  border-radius: 100px;
  flex-shrink: 0;
  white-space: nowrap;
}
#bx-hero-phone .opt-d-card .source {
  font-family: 'Archivo', sans-serif;
  font-size: 9.5px;
  color: #64748B;
  font-style: italic;
}
#bx-hero-phone /* Bottom nav (estilo pill + FAB) */
.bottom-nav {
  position: absolute;
  bottom: 14px;
  left: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 5;
}
#bx-hero-phone .nav-pill {
  flex: 1;
  background: #FFFFFF;
  border-radius: 100px;
  padding: 8px 4px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  box-shadow: 0 8px 24px rgba(15,23,42,0.08), 0 2px 6px rgba(15,23,42,0.04);
  border: 1px solid rgba(15,23,42,0.04);
}
#bx-hero-phone .nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 2px 4px;
  cursor: pointer;
  flex: 1;
}
#bx-hero-phone .nav-item svg {
  width: 16px;
  height: 16px;
  stroke: #64748B;
  stroke-width: 1.8;
  fill: none;
}
#bx-hero-phone .nav-item span {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 8.5px;
  font-weight: 500;
  color: #64748B;
  letter-spacing: -0.01em;
}
#bx-hero-phone .nav-item.active svg { stroke: #4340E8; }
#bx-hero-phone .nav-item.active span { color: #4340E8; font-weight: 600; }
#bx-hero-phone .nav-fab {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6366F1 0%, #4340E8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 8px 20px rgba(67, 64, 232, 0.35), 0 2px 6px rgba(67, 64, 232, 0.2);
  cursor: pointer;
}
#bx-hero-phone .nav-fab svg {
  width: 18px;
  height: 18px;
  stroke: #FFFFFF;
  stroke-width: 2;
  fill: none;
}
#bx-hero-phone /* Padding extra abajo de la pantalla para que el nav no choque con el contenido */
.minimal-screen { padding-bottom: 70px !important; }
#bx-hero-phone /* Phone wrapper para posicionar los float-cards relativos al device */
.phone-wrap {
  position: relative;
  display: inline-block;
}
#bx-hero-phone /* Floating trust cards */
.float-card {
  position: absolute;
  background: #FFFFFF;
  border-radius: 14px;
  padding: 11px 13px;
  display: flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 10px 30px rgba(15,23,42,0.08), 0 2px 6px rgba(15,23,42,0.04);
  border: 1px solid rgba(15,23,42,0.04);
  z-index: 10;
  min-width: 155px;
}
#bx-hero-phone .float-card.fc-tl { top: 120px;    left: -135px; animation: floatY 5s ease-in-out infinite; animation-delay: 0s; }
#bx-hero-phone .float-card.fc-bl { bottom: 160px; left: -155px; animation: floatY 5.5s ease-in-out infinite; animation-delay: 1.4s; }
#bx-hero-phone .float-card.fc-tr { top: 160px;   right: -140px; animation: floatY 5.2s ease-in-out infinite; animation-delay: 0.7s; }
#bx-hero-phone .float-card.fc-br { bottom: 120px; right: -135px; animation: floatY 5.8s ease-in-out infinite; animation-delay: 2.1s; }
@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-5px); }
}
#bx-hero-phone .fc-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
#bx-hero-phone .fc-icon svg { width: 15px; height: 15px; stroke-width: 2; fill: none; }
#bx-hero-phone .fc-icon.purple { background: rgba(67, 64, 232, 0.1); color: #4340E8; }
#bx-hero-phone .fc-icon.green { background: rgba(34, 197, 94, 0.1); color: #16A34A; }
#bx-hero-phone .fc-icon.blue { background: rgba(59, 130, 246, 0.1); color: #2563EB; }
#bx-hero-phone .fc-icon.pink { background: rgba(236, 72, 153, 0.1); color: #DB2777; }
#bx-hero-phone .fc-icon svg path, #bx-hero-phone .fc-icon svg circle, #bx-hero-phone .fc-icon svg line, #bx-hero-phone .fc-icon svg rect, #bx-hero-phone .fc-icon svg polyline {
  stroke: currentColor;
}
#bx-hero-phone .fc-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#bx-hero-phone .fc-title {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
#bx-hero-phone .fc-sub {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 8.5px;
  font-weight: 400;
  color: #64748B;
  line-height: 1.2;
}






/* ===== Opción C embed (scoped) ===== */
  :root{--ink:#17191E;--brand:#4340E8;--brand-soft:#EAE9FF;--muted:#71717E;--line:rgba(23,25,30,.08)}
  .optc-embed *,.optc-embed *::before,.optc-embed *::after{box-sizing:border-box;margin:0;padding:0}
  .optc-embed{-webkit-font-smoothing:antialiased}
  .optc-embed{font-family:'Plus Jakarta Sans',sans-serif;color:var(--ink);background:#F4F4F8}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
  @keyframes softIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
  .optc-embed .opt{position:relative;padding:24px 48px 60px;background:radial-gradient(820px 420px at 16% 6%, rgba(67,64,232,.07), rgba(67,64,232,0) 60%),radial-gradient(640px 360px at 92% 0%, rgba(232,73,150,.05), rgba(232,73,150,0) 55%),#FBFAFE;border-bottom:1px solid var(--line)}
  .optc-embed .opt:last-child{border-bottom:none}
  .optc-embed .badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);padding:7px 14px;border-radius:100px;margin-bottom:22px}
  .optc-embed .grid{display:grid;align-items:center;margin:0 auto}
  .optc-embed .tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--brand);background:#fff;border:1px solid var(--line);padding:6px 13px;border-radius:100px;margin-bottom:18px}
  .optc-embed .tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}
  .optc-embed h2.title{font-family:'Resist Sans Text','Plus Jakarta Sans',sans-serif;font-size:clamp(26px,3.4vw,42px);font-weight:300;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px;white-space:nowrap}
  .optc-embed h2.title .accent{color:var(--brand)}
  .optc-embed .sub{font-size:15px;font-weight:300;line-height:1.6;color:var(--muted);max-width:420px;margin-bottom:22px}
  .optc-embed .note{font-size:13px;color:var(--muted);font-weight:300;margin-bottom:18px}
  .optc-embed .btn{display:inline-flex;align-items:center;gap:9px;background:#4340E8;color:#fff;text-decoration:none;font-size:16px;font-weight:600;padding:16px 30px;border-radius:14px;box-shadow:0 10px 26px rgba(67,64,232,.45);margin-top:10px;transition:transform .15s,box-shadow .18s}
  .optc-embed .btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(67,64,232,.55)}
  .optc-embed .ins-cap{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#A0A0AC}
  .optc-embed .stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:470px}
  .optc-embed .phone{background:#fff;border-radius:34px;padding:12px;box-shadow:0 2px 4px rgba(23,25,30,.05),0 40px 70px -34px rgba(67,64,232,.5);position:relative;z-index:2;border:1px solid rgba(23,25,30,.04)}
  .optc-embed .screen{background:#F7F7FB;border-radius:24px;padding:16px 14px;overflow:hidden}
  .optc-embed .ph-top{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:2px 4px}
  .optc-embed .ph-top .ttl{font-size:13px;font-weight:700}
  .optc-embed .ph-top .cnt{margin-left:auto;font-size:10px;font-weight:600;color:var(--brand);background:var(--brand-soft);padding:3px 9px;border-radius:100px}
  .optc-embed .ph-card{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:11px;margin-bottom:9px}
  .optc-embed .ava{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}
  .optc-embed .a1{background:#4340E8}.optc-embed .a2{background:#1F2430}.optc-embed .a3{background:#8C5AC8}
  .optc-embed .ph-info{flex:1;min-width:0}.optc-embed .ph-name{font-size:12.5px;font-weight:700;line-height:1.2}.optc-embed .ph-spec{font-size:10.5px;color:var(--muted);margin:1px 0 4px}
  .optc-embed .ph-meta{display:flex;gap:7px}.optc-embed .ph-meta span{font-size:9.5px;font-weight:600}.optc-embed .star{color:#F5A623}.optc-embed .net{color:#1FA971;background:#E6F7F0;padding:1px 6px;border-radius:100px}.optc-embed .pct{font-size:12px;font-weight:800;color:var(--brand);flex-shrink:0}
  .optc-embed .rail{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;z-index:1}
  .optc-embed .rail-cap{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:3}
  .optc-embed .chip:nth-child(odd){animation:floaty 6s ease-in-out infinite}.optc-embed .chip:nth-child(even){animation:floaty 6s ease-in-out infinite .8s}
  .optc-embed .boxed .grid{grid-template-columns:1fr 1fr;gap:48px;max-width:1080px}
  .optc-embed .boxed .phone{width:266px}.optc-embed .boxed .rail{gap:11px}.optc-embed .boxed .rail.left{left:0}.optc-embed .boxed .rail.right{right:0}
  .optc-embed .boxed .chip{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--ink);background:#fff;border:1px solid rgba(67,64,232,.20);padding:9px 15px 9px 11px;border-radius:100px;box-shadow:0 12px 26px -10px rgba(67,64,232,.32);white-space:nowrap}
  .optc-embed .boxed .chip::before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;flex-shrink:0;background:var(--brand);color:#fff;font-size:10px;font-weight:800}
  .optc-embed .loose .grid{grid-template-columns:0.82fr 1.18fr;gap:30px;max-width:1120px}
  .optc-embed .loose .phone{width:238px}.optc-embed .loose .rail{gap:20px}
  .optc-embed .loose .rail.left{left:0;align-items:flex-end}.optc-embed .loose .rail.right{right:0;align-items:flex-start}
  .optc-embed .loose .chip{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:600;color:var(--ink);white-space:nowrap}
  .optc-embed .loose .rail.left .chip{flex-direction:row-reverse}
  .optc-embed .loose .chip::before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex-shrink:0;background:var(--brand);color:#fff;font-size:11px;font-weight:800;box-shadow:0 6px 14px -4px rgba(67,64,232,.55)}
  .optc-embed .c-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1080px;margin:0 auto}
  .optc-embed .c-text{text-align:left}
  .optc-embed .c-rightcol{display:flex;flex-direction:column;align-items:center;gap:0;transform:translateX(95px)}
  .optc-embed .c-phone{display:flex;justify-content:center;transform:scale(1.18);transform-origin:top center}
  .optc-embed .phone-frame{width:400px;height:500px;border:none;background:transparent}
  .optc-embed .c-ins{max-width:400px;text-align:center;margin-top:-45px}
  .optc-embed .c-ins .ins-cap{display:block;margin-bottom:8px}
  .optc-embed .ins-line{font-size:12px;font-weight:400;line-height:1.75;color:#A7ABB4}
  .optc-embed .ins-item{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:#4A4A55;margin-bottom:0;animation:softIn .6s ease both}
  .optc-embed .ins-item:last-child{margin-bottom:0}
  .optc-embed .ins-item::before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;flex-shrink:0;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:800}
  .optc-embed .ins-item:nth-child(2){animation-delay:.06s}.optc-embed .ins-item:nth-child(3){animation-delay:.12s}.optc-embed .ins-item:nth-child(4){animation-delay:.18s}.optc-embed .ins-item:nth-child(5){animation-delay:.24s}.optc-embed .ins-item:nth-child(6){animation-delay:.30s}.optc-embed .ins-item:nth-child(7){animation-delay:.36s}.optc-embed .ins-item:nth-child(8){animation-delay:.42s}.optc-embed .ins-item:nth-child(9){animation-delay:.48s}
  .optc-embed .ins-more{grid-column:1 / -1;margin-top:8px;font-size:12px;font-weight:400;color:#A0A0AC}
  .optc-embed /* ===== D: arrows style ===== */
  .optd{background:#FFFFFF;color:var(--ink);border-bottom:none}
  .optc-embed .optd .badge{color:var(--brand);background:var(--brand-soft)}
  .optc-embed .d-outer{display:flex;align-items:center;justify-content:center;gap:20px;max-width:1200px;margin:0 auto}.optc-embed .d-wrap{flex:0 1 600px;max-width:600px;margin:0;position:relative;transform:translateX(54px) scale(.9);transform-origin:center}
  .optc-embed .d-copy{flex:0 1 560px;order:-1;position: relative;}
  .optc-embed .d-copy:after{
    content: "";
    position: absolute;
    right: -150px;
    bottom: -130px;
    width: 500px;
    height: 280px;
    background: url(img/like.png) no-repeat;
    background-size: 100% 100%;
  }
  .optc-embed .d-head{font-family:'Resist Sans Text','Plus Jakarta Sans',sans-serif;font-weight:300;font-size:clamp(20px,2.3vw,28px);letter-spacing:-.03em;line-height:1.14;color:var(--ink)}
  .optc-embed .d-top{position:relative;padding-top:84px}
  .optc-embed .d-left{position:absolute;top:4px;left:120px;max-width:240px;z-index:3}
  .optc-embed .d-right{flex:0 0 auto;max-width:240px;padding-top:6px;text-align:right;margin-left:auto;transform:translateY(-14px)}
  .optc-embed .d-arrow{display:block;margin-top:8px;color:rgba(67,64,232,.5)}
  .optc-embed .d-right .d-arrow{margin-left:auto}
  .optc-embed .d-arrow .ln{stroke-dasharray:230;stroke-dashoffset:230}
  .optc-embed .d-arrow .hd{stroke-dasharray:46;stroke-dashoffset:46}
  .optc-embed .optd.seen .d-arrow .ln{animation:dDraw 1s ease forwards}
  .optc-embed .optd.seen .d-arrow .hd{animation:dDraw .45s ease .8s forwards}
  @keyframes dDraw{to{stroke-dashoffset:0}}
  .optc-embed .d-panel{width:352px;margin-left:auto;position:relative;padding:13px;display:flex;flex-direction:column;gap:9px}.optc-embed .d-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:211px;background:rgba(67,64,232,.05);border:1px solid rgba(67,64,232,.14);border-radius:22px;z-index:0}
  .optc-embed .d-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:0 12px 26px -18px rgba(67,64,232,.26);height:72px;position:relative;z-index:1;flex-shrink:0}
  .optc-embed .d-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}
  .optc-embed .d-info{flex:1;min-width:0}.optc-embed .d-name{font-size:13px;font-weight:700;color:#17191E;line-height:1.2}.optc-embed .d-role{font-size:11px;color:#71717E;margin-top:1px}.optc-embed .d-rating{font-size:11px;color:#71717E;margin-top:3px;line-height:1}.optc-embed .d-rating .st{color:#F5A623;font-weight:700}
  .optc-embed .d-check{width:22px;height:22px;border-radius:50%;background:#22C36B;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .optc-embed .d-check svg{width:12px;height:12px}
  .optc-embed .d-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:16px}
  .optc-embed .d-msg{flex:0 1 360px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px 17px;box-shadow:0 16px 34px -22px rgba(67,64,232,.28);transform:translateX(78px);margin-top:14px}
  .optc-embed .d-msg-top{display:flex;align-items:center;gap:9px}
  .optc-embed .d-from{font-size:12px;color:#71717E}.optc-embed .d-from b{color:#17191E;font-weight:700}
  .optc-embed .d-tag{margin-left:auto;display:inline-flex;align-items:center;gap:5px;background:#E6F7EE;color:#1FA971;font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:100px;white-space:nowrap;flex-shrink:0}
  .optc-embed .d-msg-body{font-size:13.5px;color:#2B2B33;margin-top:11px;line-height:1.45}
  .optc-embed .d-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
  .optc-embed .d-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#3A3A45;background:#F3F3F8;padding:5px 10px;border-radius:100px}
  .optc-embed .d-chip svg{width:11px;height:11px}
  @media(max-width:860px){.optc-embed .grid{grid-template-columns:1fr!important;gap:30px!important}.optc-embed .rail{display:none}.optc-embed .opt{padding:22px 22px 50px}.optc-embed .c-row{grid-template-columns:1fr;text-align:left;justify-items:center}.optc-embed .c-text,.optc-embed .c-ins,.optc-embed .c-rightcol{flex:none;width:100%;max-width:360px}.optc-embed .c-rightcol{transform:none}.optc-embed .c-ins{grid-template-columns:1fr;width:100%;margin-top:0}.optc-embed .c-phone{transform:none}.optc-embed .phone-frame{width:100%;max-width:420px}.optc-embed .d-top,.optc-embed .d-bottom{flex-direction:column;gap:16px}.optc-embed .d-right{text-align:left;margin-left:0;transform:none}.optc-embed .d-right .d-arrow{margin-left:0}.optc-embed .d-panel,.optc-embed .d-msg{flex:none;width:100%}.optc-embed .d-left,.optc-embed .d-msg{transform:none}.optc-embed .d-outer{flex-direction:column;gap:30px}.optc-embed .d-copy{flex:none;width:100%;max-width:420px}.optc-embed h2.title{white-space:normal}.optc-embed .d-wrap{transform:none}.optc-embed .d-top{padding-top:0}.optc-embed .d-left{position:static;max-width:none}.optc-embed .d-panel{margin-top:14px;margin-left:0;width:100%}}

.optc-embed .badge{display:none}
.optc-embed{background:linear-gradient(160deg,#F7F9FC 0%,#FFFFFF 50%,#F5F8FB 100%)}
.optc-embed .opt{background:transparent;border-bottom:none;padding:0 48px 0}


#ecx-clinical .integrations .section-label,.integrations .section-label{font-size:42px;text-transform:none;font-weight:300;letter-spacing:-.025em;color:#1A1A1A;font-family:'Resist Sans Text','Plus Jakarta Sans',sans-serif;margin-bottom:10px}


/* ===== Symptom Search: pestañas animadas (Opción C) ===== */
.symptom-search-section .optc-tabs{display:flex;align-items:stretch;gap:6px;margin:0 auto 2px;flex-wrap:wrap;justify-content:flex-start;max-width:880px;padding-left:2px}
.symptom-search-section .optc-tab{display:inline-flex;align-items:center;gap:7px;background:#FFFFFF;border:1px solid rgba(67,64,232,0.10);border-radius:11px;padding:8px 14px;cursor:pointer;white-space:nowrap;transition:background .18s,color .18s}
.symptom-search-section .optc-tab:hover{background:rgba(67,64,232,0.04)}
.symptom-search-section .optc-tab .oc-ic{width:14px;height:14px;color:#94A3B8;flex-shrink:0;transition:color .18s}
.symptom-search-section .optc-tab .oc-ic svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.symptom-search-section .optc-tab .oc-ic .spark{fill:currentColor;stroke:none}
.symptom-search-section .optc-tab .oc-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:400;color:#64748B;letter-spacing:-0.01em;transition:color .18s}
.symptom-search-section .optc-tab.active{background:#FFFFFF;box-shadow:0 6px 16px -8px rgba(67,64,232,.35)}
.symptom-search-section .optc-tab.active .oc-ic{color:#4340E8}
.symptom-search-section .optc-tab.active .oc-title{color:#4340E8;font-weight:500}
@media (max-width:600px){.symptom-search-section .optc-tabs{justify-content:flex-start;margin-bottom:8px}}

/* ===== My Visit: card estática (fusión) ===== */





  .vstage{position:relative;width:520px;max-width:100%;margin:0 auto;padding-top:34px;
    background-image:radial-gradient(rgba(67,64,232,.10) 1.1px, transparent 1.1px);background-size:18px 18px}

  /* drop-shadow on wrapper follows the faded silhouette (no hard bottom line) */
  .vcard-shadow{max-width:480px;filter:drop-shadow(0 26px 40px rgba(40,40,70,.20))}

  .vcard{position:relative;background:#fff;border-radius:30px;padding:30px 32px 0;overflow:hidden;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,0) 99%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,0) 99%)}
  .vcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
  .vcard-avatars{display:flex;align-items:center}
  .va{width:54px;height:54px;border-radius:50%;border:3px solid #fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
  .va svg{display:block}
  .va-green{background:linear-gradient(135deg,#5B57F2,#4340E8);box-shadow:0 8px 18px -8px rgba(67,64,232,.55)}
  .va-green svg{width:25px;height:25px}
  .va-photo{margin-left:-14px;background:#FCE3EE}
  .va-photo svg{width:100%;height:100%}
  .vc-saved{display:inline-flex;align-items:center;gap:5px;font-family:'Archivo',sans-serif;font-size:14px;font-weight:600;color:#1F9D57}
  .vc-saved svg{width:13px;height:13px;stroke:#1F9D57;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}

  .vcard-title{font-family:'Resist Sans Text','Plus Jakarta Sans',sans-serif;font-weight:700;font-size:30px;letter-spacing:-.02em;color:#15181E;margin-bottom:6px}
  .vcard-meta{display:flex;align-items:center;gap:7px;font-family:'Archivo',sans-serif;font-size:14px;color:#94A3B8;margin-bottom:22px}
  .vc-dot{color:#C7CBD3}
  .vc-time{font-weight:300;color:#15181E}

  .vcard-actions{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:20px;border-bottom:1px solid rgba(23,25,30,.07)}
  .vc-btn{display:inline-flex;align-items:center;gap:8px;background:#F1F2F6;border:none;cursor:pointer;
    font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:600;color:#2A2D34;padding:10px 18px;border-radius:100px}
  .vc-btn svg{width:15px;height:15px;stroke:#2A2D34;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .vc-ago{margin-left:auto;font-family:'Archivo',sans-serif;font-size:13.5px;color:#9AA1AC}

  .vcard-content{margin-top:18px}
  .vcard-content .vs-block,.vcard-content .vs-said,.vcard-content .vs-med,.vcard-content .vs-step,
  .vcard-content .vs-emergency,.vcard-content .vs-block-title{opacity:1!important;transform:none!important;animation:none!important}
  .vcard-content .vs-emergency{margin-bottom:0}

  /* green recording pill */
  .rec-pill{position:absolute;top:0;right:0;z-index:5;width:330px;
    background:linear-gradient(135deg,#5B57F2 0%,#4340E8 100%);border-radius:22px;padding:15px 19px;
    box-shadow:0 26px 50px -20px rgba(67,64,232,.5)}
  .rec-pill-head{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:14.5px;color:#fff;margin-bottom:11px}
  .rec-consent2{font-weight:400;opacity:.8;font-size:12px}
  .rec-pill-body{display:flex;align-items:center;gap:13px}
  .rec-play{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .rec-play svg{width:15px;height:15px;fill:#4340E8}
  .rec-bars{flex:1;display:flex;align-items:center;justify-content:space-between;gap:1.5px;height:26px;overflow:hidden}
  .rec-bars span{width:1.5px;flex:none;background:rgba(255,255,255,.55);border-radius:2px;min-height:2px}
  .rec-time{font-family:'JetBrains Mono',monospace;font-weight:600;font-size:14.5px;color:#fff;flex-shrink:0}

  @media(max-width:540px){.vstage{width:100%}.rec-pill{width:86%}.vcard{padding:26px 20px 0}.vcard-title{font-size:25px}}


/* My Visit card: centrar y reducir un poco */
.mv-section .mv-right-wrap{justify-content:center!important;align-items:center!important}
.mv-section .vstage{transform:scale(.92);transform-origin:center}

/* ===== My Circle: card estática ===== */





  .circ-stage{position:relative;width:560px;max-width:100%;height:600px;margin:0 auto;display:flex;align-items:center;justify-content:center}
  .circ-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1.5px solid rgba(67,64,232,.16);pointer-events:none}
  .circ-ring.r1{width:430px;height:540px;border-radius:230px}
  .circ-ring.r2{width:540px;height:600px;border-radius:280px;border-color:rgba(67,64,232,.09)}

  .circ-orb{position:absolute;width:56px;height:56px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 10px 24px rgba(30,30,60,.18);z-index:6}
  .circ-orb svg{width:100%;height:100%;display:block}
  .circ-orb.o1{top:74px;left:10px}
  .circ-orb.o2{top:48%;right:10px;transform:translateY(-50%)}
  .circ-orb.o3{bottom:80px;left:24px}

  .circ-card{position:relative;z-index:5;width:360px;background:#fff;border-radius:22px;padding:18px 18px 16px;
    box-shadow:0 36px 70px -30px rgba(30,30,60,.32),0 6px 20px -10px rgba(30,30,60,.12)}
  .circ-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
  .circ-logo{width:38px;height:38px;border-radius:11px;background:#4340E8;display:flex;align-items:center;justify-content:center}
  .circ-logo svg{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none}
  .circ-title{font-family:'Resist Sans Text','Plus Jakarta Sans',sans-serif;font-weight:500;font-size:17px;color:#0a0a0a}
  .circ-sub{font-family:'Archivo',sans-serif;font-size:12px;color:#94A3B8}

  .circ-confirm{display:flex;align-items:center;gap:8px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.18);border-radius:12px;padding:10px 13px;margin-bottom:12px}
  .circ-confirm svg{width:17px;height:17px;stroke:#16a34a;stroke-width:2.2;fill:none;flex-shrink:0}
  .circ-confirm span{font-family:'Archivo',sans-serif;font-size:13px;font-weight:600;color:#16a34a}

  .circ-row{position:relative;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid rgba(23,25,30,.07);border-radius:14px;padding:10px 12px;margin-bottom:9px}
  .circ-rav{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}
  .circ-rav svg{width:100%;height:100%;display:block}
  .circ-rinfo{flex:1;min-width:0}
  .circ-rname{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:14px;color:#1A1A1A}
  .circ-rmeta{font-family:'Archivo',sans-serif;font-size:12px;color:#94A3B8;margin-top:1px}
  .circ-tag{font-family:'Archivo',sans-serif;font-size:10px;font-weight:700;padding:4px 9px;border-radius:100px;white-space:nowrap}
  .t-full{color:#1F9D57;background:rgba(31,157,87,.10)}
  .t-sum{color:#4340E8;background:rgba(67,64,232,.10)}
  .t-emg{color:#E5484D;background:rgba(229,72,77,.10)}
  .circ-chev{color:#C7CBD3;flex-shrink:0;display:flex}
  .circ-chev svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}
  .circ-cursor{position:absolute;right:54px;bottom:-12px;width:24px;height:24px;z-index:8}
  .circ-cursor svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}

  .circ-add{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;padding:13px;border:1.5px dashed rgba(67,64,232,.30);border-radius:14px;font-family:'Plus Jakarta Sans',sans-serif;font-size:13.5px;font-weight:600;color:#4340E8}
  .circ-add svg{width:15px;height:15px;stroke:#4340E8;stroke-width:2.4;fill:none;stroke-linecap:round}

  @media(max-width:560px){.circ-stage{width:100%;height:auto;padding:40px 0}.circ-ring,.circ-orb{display:none}.circ-card{width:100%;max-width:380px}}

.hi-wrap{max-width:1100px;margin:0 auto;padding:80px 48px 120px}
.hi-close{position:fixed;top:18px;right:32px;z-index:700;background:#f3f4f6;border:none;border-radius:100px;padding:8px 18px;font-family:'Archivo',sans-serif;font-size:13px;color:#5C5C72;cursor:pointer;display:flex;align-items:center;gap:6px}
.hi-close:hover{background:#e5e7eb;color:#0F0F14}
.hi-eyebrow{font-family:'Resist Sans Text','Archivo',sans-serif;font-weight:200;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#4340E8;margin-bottom:12px}
.hi-main-title{font-family:'Resist Sans Text','Archivo',sans-serif;font-weight:200;font-size:40px;letter-spacing:-.03em;color:#0F0F14;line-height:1.1;margin-bottom:12px}
.hi-main-sub{font-family:'Archivo',sans-serif;font-weight:300;font-size:15px;color:#6B7280;max-width:620px;margin-bottom:52px}
.hi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hi-card{border:1px solid rgba(0,0,0,.07);border-radius:18px;padding:26px 24px;background:#fff;display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:box-shadow .2s,transform .2s}
.hi-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.08);transform:translateY(-3px)}
.hi-card-icon{width:44px;height:44px;border-radius:12px;background:#f0f4ff;display:flex;align-items:center;justify-content:center}
.hi-card-tag{font-family:'Archivo',sans-serif;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#4340E8}
.hi-card-title{font-family:'Resist Sans Text','Archivo',sans-serif;font-weight:200;font-size:18px;color:#0F0F14;letter-spacing:-.01em;line-height:1.3}
.hi-card-desc{font-family:'Archivo',sans-serif;font-weight:300;font-size:13px;color:#6B7280;line-height:1.6;flex:1}
.hi-card-cta{display:inline-flex;align-items:center;gap:5px;font-family:'Archivo',sans-serif;font-size:13px;font-weight:400;color:#4340E8;background:none;border:none;cursor:pointer;padding:0}
.hi-back{display:inline-flex;align-items:center;gap:7px;font-family:'Archivo',sans-serif;font-size:13px;font-weight:400;color:#5C5C72;background:none;border:none;cursor:pointer;padding:0;margin-bottom:36px}
.hi-back:hover{color:#0F0F14}
.hi-detail-hero{background:linear-gradient(135deg,#f0f4ff,#e8f8fc);border-radius:18px;padding:36px;margin-bottom:36px;display:flex;align-items:center;gap:22px}
.hi-detail-icon{width:56px;height:56px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px rgba(67,64,232,.12)}
.hi-detail-eyebrow{font-family:'Archivo',sans-serif;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#4340E8;margin-bottom:6px}
.hi-detail-title{font-family:'Resist Sans Text','Archivo',sans-serif;font-weight:200;font-size:28px;color:#0F0F14;letter-spacing:-.02em}
.hi-sec-title{font-family:'Resist Sans Text','Archivo',sans-serif;font-weight:200;font-size:18px;color:#0F0F14;letter-spacing:-.01em;margin:28px 0 10px}
.hi-prose{font-family:'Archivo',sans-serif;font-weight:300;font-size:14.5px;color:#374151;line-height:1.8}
.hi-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin:14px 0}
.hi-list li{display:flex;align-items:flex-start;gap:10px;font-family:'Archivo',sans-serif;font-weight:300;font-size:14px;color:#374151;line-height:1.6}
.hi-dot{width:6px;height:6px;border-radius:50%;background:#4340E8;flex-shrink:0;margin-top:7px}
.hi-dot-red{width:6px;height:6px;border-radius:50%;background:#dc2626;flex-shrink:0;margin-top:7px}
.hi-dot-green{width:6px;height:6px;border-radius:50%;background:#16a34a;flex-shrink:0;margin-top:7px}
.hi-alert{background:#fff7ed;border:1px solid rgba(234,88,12,.15);border-radius:12px;padding:16px 18px;margin:20px 0;font-family:'Archivo',sans-serif;font-size:13px;font-weight:400;color:#9a3412;line-height:1.6;display:flex;gap:10px;align-items:flex-start}
.hi-bx-box{background:linear-gradient(135deg,#f0f4ff,#e8f8fc);border:1px solid rgba(67,64,232,.1);border-radius:12px;padding:18px 20px;margin-top:24px}
.hi-bx-label{font-family:'Archivo',sans-serif;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#4340E8;margin-bottom:6px}
.hi-bx-text{font-family:'Archivo',sans-serif;font-weight:300;font-size:13.5px;color:#1e3a5f;line-height:1.65}
.hi-age-title{font-family:'Archivo',sans-serif;font-weight:600;font-size:13px;color:#16a34a;margin:20px 0 6px;letter-spacing:.03em}
@media(max-width:900px){.hi-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.hi-grid{grid-template-columns:1fr}.hi-wrap{padding:60px 20px 100px}.hi-main-title{font-size:28px}}

/* === AI Precision Match — versión actualizada (sobrescribe la anterior) === */
    .navbar-cta-blue { background: #4340E8 !important; box-shadow: 0 2px 12px rgba(67,64,232,.28) !important; }
    .hero-section .cta-row .btn-primary.navbar-cta-blue{ font-size:16px; padding:16px 30px; border-radius:14px; box-shadow:0 10px 26px rgba(67,64,232,.45) !important; }
    .hero-section .cta-row .btn-primary.navbar-cta-blue:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(67,64,232,.55) !important; }
    .hero-section .cta-row .btn-outline{ background:#EEEDFE !important; color:#4340E8 !important; border:none !important; font-size:16px; padding:16px 28px; border-radius:14px; }
    .hero-section .cta-row .btn-outline:hover{ background:#E4E2FC !important; transform:translateY(-2px); }
    .hero-section .cta-row{ margin-top:34px; gap:18px; }
    .navbar-cta-blue:hover { background: #3633c7 !important; box-shadow: 0 6px 24px rgba(67,64,232,.36) !important; }
    .match-section {
      background: linear-gradient(160deg, #F7F9FC 0%, #FFFFFF 50%, #F5F8FB 100%);
      padding: 80px 60px 48px;
    }
.match-container {
      max-width: 1280px;
      margin: 0 auto;
    }
.match-header {
      text-align: center;
      margin-bottom: 36px;
    }
.match-tag {
      display: inline-block;
      background: rgba(67, 64, 232, 0.08);
      color: #4340E8;
      font-family: 'Archivo', sans-serif;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 5px 12px;
      border-radius: 100px;
      margin-bottom: 14px;
    }
.match-title {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-weight: 300;
      font-size: clamp(22px, 2.6vw, 32px);
      line-height: 1.15;
      letter-spacing: -.025em;
      color: #1A1A1A;
      margin-bottom: 12px;
      white-space: nowrap;
      text-align: center;
    }
.match-title .accent { color: #4340E8; font-style: normal; }
.match-sub {
      font-family: 'Archivo', sans-serif;
      font-size: 15px;
      font-weight: 300;
      color: #64748B;
      line-height: 1.65;
      margin: 0 auto;
      max-width: 640px;
      text-align: center;
    }
/* Insurance carousel */
    .carousel-wrap {
      position: relative;
      overflow: hidden;
      width: 100%;
      padding: 20px 0 36px;
    }
.carousel-wrap::before,
    .carousel-wrap::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100px;
      z-index: 2;
      pointer-events: none;
    }
.carousel-wrap::before {
      left: 0;
      background: linear-gradient(to right, #F7F9FC 0%, transparent 100%);
    }
.carousel-wrap::after {
      right: 0;
      background: linear-gradient(to left, #F5F8FB 0%, transparent 100%);
    }
.carousel-track {
      display: flex;
      gap: 12px;
      animation: match-scroll 45s linear infinite;
      width: max-content;
    }
.ins-pill {
      display: inline-flex;
      align-items: center;
      background: #fff;
      border: 1px solid rgba(67, 64, 232, 0.15);
      border-radius: 100px;
      padding: 10px 22px;
      font-family: 'Archivo', sans-serif;
      font-size: 14px;
      font-weight: 500;
      color: #1A1A1A;
      white-space: nowrap;
      box-shadow: 0 2px 8px rgba(67, 64, 232, 0.04);
    }
.ins-pill.highlight {
      background: rgba(67, 64, 232, 0.06);
      color: #4340E8;
      font-weight: 600;
      border-color: rgba(67, 64, 232, 0.2);
    }
.match-note {
      text-align: center;
      font-family: 'Archivo', sans-serif;
      font-size: 13px;
      font-weight: 300;
      color: #64748B;
      margin-top: 12px;
      max-width: 540px;
      margin-left: auto;
      margin-right: auto;
      font-style: italic;
    }
/* Embed del mockup del teléfono (reemplaza el marquee) */
    .match-phone-embed {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 64px;
      margin-top: 18px;
      padding-left: 20px;
      padding-right: 0;
    }
.match-phone-left {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      flex: 0 1 640px;
      max-width: 640px;
      margin-top: -110px;
    }
.cs-title {
      font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
      font-size: 42px;
      font-weight: 300;
      line-height: 1.1;
      letter-spacing: -.03em;
      color: #1A1A1A;
      margin: 0;
      white-space: nowrap;
    }
.cs-accent { color: #4340E8; }
    .cs-tier {
      font-family: 'Plus Jakarta Sans','Archivo',sans-serif;
      font-size: 15px;
      font-weight: 500;
      color: #1A1A1A;
      margin: 14px auto 0;
      max-width: 380px;
    }
.cs-sub {
      font-family: 'Plus Jakarta Sans','Archivo',sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.55;
      color: #6a6480;
      margin: 16px auto 28px;
      max-width: 600px;
    }
    .cs-tag {
      display: inline-block;
      background: rgba(67, 64, 232, 0.08);
      color: #4340E8;
      font-family: 'Archivo', sans-serif;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 5px 12px;
      border-radius: 100px;
      margin-bottom: 18px;
    }
    .cs-note {
      font-family: 'Archivo', sans-serif;
      font-size: 15px;
      font-weight: 300;
      color: #64748B;
      font-style: italic;
      margin-top: 18px;
      max-width: none;
      white-space: nowrap;
      text-align: center;
    }
.cs-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 15px 30px;
      background: #4340E8;
      color: #fff;
      font-family: 'Plus Jakarta Sans','Archivo',sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: -.01em;
      border-radius: 100px;
      text-decoration: none;
      box-shadow: 0 10px 26px rgba(67,64,232,.28);
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
      margin-top: 40px;
    }
.cs-btn:hover {
      background: #3633c7;
      transform: translateY(-2px);
      box-shadow: 0 16px 34px rgba(67,64,232,.36);
    }
.cs-btn:active { transform: translateY(0); }
    .cs-ins { margin-top: 26px; margin-bottom: 4px; width: 100%; max-width: 640px; display: flex; flex-direction: column; gap: 10px; }
    .cs-ins-cap {
      font-family: 'JetBrains Mono', monospace;
      font-size: 13px; letter-spacing: .12em; text-transform: uppercase;
      color: #4340E8; margin-bottom: 10px; text-align: center;
    }
    .cs-ins-row {
      display: flex; flex-wrap: nowrap; justify-content: center; gap: 10px;
    }
    .cs-chip {
      font-size: 13px; font-weight: 500; color: #6b7186;
      background: #f4f4fb; border-radius: 100px; padding: 9px 17px;
      white-space: nowrap;
    }
    .cs-chip.dark {
      background: #3a3852; color: #ffffff; font-weight: 600;
    }
.match-phone-frame {
      width: 490px;
      max-width: 100%;
      height: 708px;
      border: 0;
      background: transparent;
      display: block;
      overflow: hidden;
      flex: 0 0 auto;
      margin-left: 180px;
    }
@media (max-width: 768px) {
.match-phone-embed { gap: 18px; justify-content: center; padding-right: 0; }
.match-phone-left { margin-top: 0; }
.match-phone-frame { margin-left: 40px; }
.match-section { padding: 60px 24px 40px; }
}

/* ===== Opción C layout (prueba) ===== */
.match-c .match-phone-embed{display:grid;grid-template-columns:0.85fr 1.15fr;align-items:center;gap:30px;max-width:1120px;margin:18px auto 0;padding:0}
.match-c .match-phone-left{align-items:flex-start;text-align:left;flex:none;max-width:460px;margin-top:0}
.match-c .cs-title{font-size:clamp(30px,3vw,42px);white-space:normal;text-align:left}
.match-c .cs-sub{font-size:16px;font-weight:400;line-height:1.6;color:#6a6480;max-width:430px;margin:16px 0 22px;text-align:left}
.match-c .cs-note{font-size:13px;color:#71717E;font-style:normal;white-space:normal;text-align:left;margin:0 0 22px}
.match-c .cs-btn{margin-top:0}
.match-c-rightcol{display:flex;flex-direction:column;align-items:center;gap:0;transform:translateX(40px)}
.match-c-phone{display:flex;justify-content:center}
.match-c .match-phone-frame{width:470px;height:500px;margin-left:0}
.match-c-ins{max-width:420px;text-align:center;margin-top:-120px}
.match-c-ins-cap{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#A0A0AC;margin-bottom:8px}
.match-c-ins-line{font-size:12px;font-weight:400;line-height:1.7;color:#A7ABB4}
@media (max-width:768px){
.match-c .match-phone-embed{grid-template-columns:1fr;gap:18px;text-align:center}
.match-c .match-phone-left{align-items:center;text-align:center;max-width:90%;margin:0 auto}
.match-c .cs-title,.match-c .cs-sub,.match-c .cs-note{text-align:center}
.match-c .cs-sub{margin-left:auto;margin-right:auto}
.match-c-rightcol{transform:none}
.match-c .match-phone-frame{width:100%;max-width:420px;height:470px}
.match-c-ins{margin-top:-100px}
.match-c-ins{margin-top:-20px}
}

.bxa-section{ padding:80px 80px 100px; width:100%; margin:0; position:relative; }
    .bxa-section::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
      background:
        radial-gradient(820px 420px at 14% 0%, rgba(67,64,232,.07) 0%, rgba(67,64,232,0) 60%),
        radial-gradient(680px 380px at 90% 6%, rgba(232,73,150,.06) 0%, rgba(232,73,150,0) 55%); }
    .bxa-inner{ position:relative; z-index:1; max-width:1080px; margin:0 auto; }
    @keyframes bxaSpin{ to{ transform:rotate(360deg); } }
    .bxa-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:48px; position:relative; margin-bottom:72px; }
    .bxa-title{ font-family:'Resist Sans Text','Plus Jakarta Sans',sans-serif; font-size:clamp(32px,3.8vw,48px); font-weight:300; letter-spacing:-.03em; line-height:1.08; color:#17191E; max-width:440px; margin:0; }
    .bxa-title .bxa-accent{ color:#4340E8; font-weight:300; }
    .bxa-lead{ flex:0 1 540px; font-size:15px; font-weight:300; line-height:1.7; color:#7A7A86; padding-top:8px; margin:0; font-family:'Plus Jakarta Sans',sans-serif; }
    .bxa-lead b{ color:#17191E; font-weight:500; }
    .bxa-star{ position:absolute; left:50%; top:64px; transform:translateX(-50%); width:18px; height:18px; color:#17191E; opacity:.5; animation:bxaSpin 18s linear infinite; }
    .bxa-cards{ display:flex; justify-content:center; align-items:flex-start; gap:28px; }
    .bxa-card{ flex:1 1 0; max-width:320px; background:#fff; border:1px solid rgba(23,25,30,.05); border-radius:24px; padding:28px 26px 26px; box-shadow:0 1px 2px rgba(23,25,30,.04),0 26px 50px -30px rgba(67,64,232,.30); transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease; font-family:'Plus Jakarta Sans',sans-serif; }
    .bxa-card:nth-child(1){ margin-top:0; }
    .bxa-card:nth-child(2){ margin-top:46px; }
    .bxa-card:nth-child(3){ margin-top:92px; }
    .bxa-card:hover{ transform:translateY(-8px); box-shadow:0 1px 2px rgba(23,25,30,.04),0 36px 60px -28px rgba(67,64,232,.40); }
    .bxa-icon{ width:54px; height:54px; border-radius:16px; display:flex; align-items:center; justify-content:center; margin-bottom:22px; }
    .bxa-icon svg{ width:25px; height:25px; }
    .bxa-ico-brand{ background:#4340E8; color:#fff; }
    .bxa-ico-ink{ background:#17191E; color:#fff; }
    .bxa-ico-soft{ background:#EAE9FF; color:#4340E8; }
    .bxa-tag{ font-size:12px; font-weight:600; color:#7A7A86; margin:0 0 8px; }
    .bxa-tag .bxa-free{ color:#4340E8; }
    .bxa-card h3{ font-size:19px; font-weight:700; letter-spacing:-.02em; line-height:1.2; color:#17191E; margin:0 0 12px; }
    .bxa-card p{ font-size:13.5px; font-weight:300; line-height:1.62; color:#7A7A86; margin:0 0 20px; }
    .bxa-link{ display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:600; color:#4340E8; text-decoration:none; transition:gap .25s ease; }
    .bxa-link svg{ width:15px; height:15px; }
    .bxa-link:hover{ gap:10px; }
    @media(max-width:900px){
      .bxa-section{ padding:64px 32px 72px; }
      .bxa-head{ flex-direction:column; gap:18px; }
      .bxa-lead{ flex:none; padding-top:0; }
      .bxa-star{ display:none; }
      .bxa-cards{ flex-wrap:wrap; }
      .bxa-card{ flex:1 1 280px; max-width:340px; }
      .bxa-card:nth-child(1),.bxa-card:nth-child(2),.bxa-card:nth-child(3){ margin-top:0; }
    }
    @media(max-width:560px){
      .bxa-section{ padding:52px 22px 60px; }
      .bxa-cards{ flex-direction:column; align-items:stretch; }
      .bxa-card{ max-width:none; }
    }

/* ===== Early access hero (scoped) ===== */

#ea-hero *,#ea-hero *::before,#ea-hero *::after{box-sizing:border-box;margin:0;padding:0}
#ea-hero{-webkit-font-smoothing:antialiased}
#ea-hero{background:linear-gradient(165deg,#F4F5FF 0%,#FFFFFF 50%,#F3F1FF 100%);font-family:'Archivo',sans-serif;color:#1a1a1a;font-weight:300;line-height:1.6}
#ea-hero .container{max-width:920px;margin:0 auto;padding:0 28px}
#ea-hero .hero{padding:72px 0 90px;text-align:center;position:relative;overflow:hidden}
#ea-hero .hero::before{content:'';position:absolute;top:-220px;left:50%;transform:translateX(-50%);width:760px;height:620px;background:radial-gradient(circle,rgba(67,64,232,.07) 0%,transparent 62%);pointer-events:none}
#ea-hero .badge{display:inline-flex;align-items:center;gap:8px;background:rgba(67,64,232,.08);color:#4340E8;font-family:'Plus Jakarta Sans',sans-serif;font-size:12.5px;font-weight:400;letter-spacing:.05em;text-transform:none;padding:6px 14px;border-radius:100px;margin-bottom:28px}
#ea-hero .badge .d{width:6px;height:6px;border-radius:50%;background:#4340E8;animation:ea_pulse 2s infinite}
@keyframes ea_pulse{0%,100%{opacity:1}50%{opacity:.35}}
#ea-hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:clamp(26px, 3.4vw, 42px);line-height:1.15;letter-spacing:-.025em;margin:0 auto 18px;max-width:none;white-space:nowrap}
#ea-hero h1 em{font-style:normal;color:#4340E8}
#ea-hero .sub{font-size:17.5px;color:#525252;max-width:560px;margin:0 auto 34px}
#ea-hero .pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px}
#ea-hero .pill{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:100px;padding:9px 16px;font-size:13.5px;color:#444;transition:all .2s}
#ea-hero .pill:hover{border-color:rgba(67,64,232,.3);color:#4340E8}
#ea-hero .pill svg{width:14px;height:14px;stroke:#8a8a96;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#ea-hero .pill:hover svg{stroke:#4340E8}
#ea-hero .pill.on{border-color:rgba(67,64,232,.4);color:#4340E8}
#ea-hero .pill.on svg{stroke:#4340E8}
#ea-hero .capture{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:12px 12px 12px 22px;display:flex;align-items:center;gap:12px;max-width:620px;margin:0 auto;box-shadow:0 14px 40px rgba(67,64,232,.08)}
#ea-hero .capture .mail{width:20px;height:20px;stroke:#4340E8;fill:none;stroke-width:1.7;flex-shrink:0}
#ea-hero .capture input{flex:1;border:none;outline:none;font-family:'Archivo',sans-serif;font-size:16px;font-weight:300;color:#1a1a1a;background:transparent;min-width:0}
#ea-hero .capture input::placeholder{color:#9a9aa6}
#ea-hero .capture button{flex-shrink:0;background:linear-gradient(135deg,#4340E8 0%,#6d5aff 100%);color:#fff;border:none;border-radius:12px;padding:14px 24px;font-family:'Archivo',sans-serif;font-size:15px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:box-shadow .2s,transform .2s}
#ea-hero .capture button:hover{box-shadow:0 8px 22px rgba(67,64,232,.32);transform:translateY(-1px)}
#ea-hero .note{font-size:13px;color:#9a9aa6;margin-top:18px}
#ea-hero .thanks{display:none;max-width:620px;margin:0 auto;background:rgba(67,64,232,.05);border:1px solid rgba(67,64,232,.2);border-radius:18px;padding:22px;font-size:16px;color:#4340E8;font-weight:400}
@media(max-width:680px){#ea-hero h1{font-size:38px}#ea-hero .capture{flex-direction:column;align-items:stretch;padding:16px}#ea-hero .capture button{justify-content:center}#ea-hero .capture .mail{display:none}}

.bxf-footer {
      background: #fff;
      border-top: 1px solid rgba(0,0,0,0.06);
      padding: 72px 48px 32px;
      font-family: 'Archivo', sans-serif;
    }
    .bxf-inner {
      max-width: 1280px;
      margin: 0 auto;
    }

    /* Top: brand + columns */
    .bxf-top {
      display: grid;
      grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;
      gap: 48px;
      padding-bottom: 56px;
      border-bottom: 1px solid rgba(0,0,0,0.06);
    }

    .bxf-brand-block { padding-right: 24px; }
    .bxf-logo {
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-weight: 300;
      font-size: 24px;
      color: #0F0F14;
      letter-spacing: -0.04em;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      margin-bottom: 16px;
    }
    .bxf-logo span { color: #4340E8; }
    .bxf-logo-img {
      height: 28px;
      width: auto;
      display: block;
      transition: opacity .15s;
    }
    .bxf-logo:hover .bxf-logo-img { opacity: 0.85; }
    .bxf-tagline {
      font-family: 'Archivo', sans-serif;
      font-size: 14px;
      font-weight: 300;
      color: #5C5C72;
      line-height: 1.6;
      max-width: 280px;
      margin-bottom: 18px;
    }
    .bxf-tagline em {
      font-family: 'Archivo', sans-serif;
      font-style: normal;
      font-weight: 300;
      color: #4340E8;
      font-size: 14px;
    }

    /* Columns */
    .bxf-col-title {
      font-family: 'Archivo', sans-serif;
      font-size: 11px;
      font-weight: 600;
      color: #0F0F14;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      margin-bottom: 18px;
    }
    .bxf-col-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .bxf-col-list a {
      display: inline-block;
      font-family: 'Archivo', sans-serif;
      font-size: 13.5px;
      font-weight: 300;
      color: #5C5C72;
      text-decoration: none;
      transition: color .15s, transform .15s;
      letter-spacing: 0.005em;
    }
    .bxf-col-list a:hover {
      color: #4340E8;
      transform: translateX(2px);
    }

    /* Bottom strip */
    .bxf-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 18px;
      padding-top: 28px;
    }
    .bxf-bottom-left {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 24px;
    }
    .bxf-copyright {
      font-family: 'Archivo', sans-serif;
      font-size: 12.5px;
      font-weight: 300;
      color: #9CA3AF;
      letter-spacing: 0.01em;
    }
    .bxf-badges {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .bxf-badge {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 4px 10px;
      background: rgba(67,64,232,0.04);
      border: 1px solid rgba(67,64,232,0.10);
      border-radius: 100px;
      font-family: 'Archivo', sans-serif;
      font-size: 10.5px;
      font-weight: 500;
      color: #4340E8;
      letter-spacing: 0.05em;
    }
    .bxf-badge svg { color: #4340E8; }

    .bxf-bottom-right {
      display: flex;
      align-items: center;
      gap: 20px;
      margin-right: 48px;
    }

    /* Lang selector (footer) */
    .bxf-lang {
      position: relative;
    }
    .bxf-lang-btn {
      display: flex;
      align-items: center;
      gap: 6px;
      background: transparent;
      border: 1px solid rgba(0,0,0,0.10);
      border-radius: 100px;
      padding: 5px 11px 5px 13px;
      font-family: 'Archivo', sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: #5C5C72;
      cursor: pointer;
      transition: border-color .15s, color .15s, background .15s;
    }
    .bxf-lang-btn:hover {
      border-color: rgba(0,0,0,0.20);
      color: #0F0F14;
    }
    .bxf-lang-flag { font-size: 13px; line-height: 1; }
    .bxf-lang-chev { opacity: 0.5; display: inline-flex; transition: transform .2s; margin-left: 1px; }
    .bxf-lang-dd {
      position: absolute;
      bottom: calc(100% + 6px);
      right: 0;
      background: #fff;
      border: 1px solid rgba(0,0,0,0.07);
      border-radius: 12px;
      box-shadow: 0 -8px 24px rgba(0,0,0,0.06), 0 -2px 8px rgba(0,0,0,0.04);
      padding: 6px;
      min-width: 160px;
      opacity: 0;
      pointer-events: none;
      transform: translateY(6px);
      transition: opacity .18s, transform .18s;
    }
    .bxf-lang-dd::after { content: ''; position: absolute; left: 0; right: 0; bottom: -10px; height: 10px; }
    .bxf-lang:hover .bxf-lang-dd {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .bxf-lang:hover .bxf-lang-chev { transform: rotate(180deg); }
    .bxf-lang-opt {
      display: flex;
      align-items: center;
      gap: 9px;
      padding: 8px 11px;
      border-radius: 8px;
      font-size: 13px;
      color: #5C5C72;
      cursor: pointer;
      background: transparent;
      border: none;
      width: 100%;
      text-align: left;
      font-family: 'Archivo', sans-serif;
      font-weight: 400;
      transition: background .12s, color .12s;
    }
    .bxf-lang-opt:hover { background: rgba(67,64,232,0.04); color: #0F0F14; }
    .bxf-lang-opt.active { color: #0F0F14; font-weight: 500; }
    .bxf-lang-opt .check {
      margin-left: auto;
      opacity: 0;
      color: #4340E8;
    }
    .bxf-lang-opt.active .check { opacity: 1; }

    /* Social icons */
    .bxf-social {
      display: flex;
      align-items: center;
      gap: 4px;
    }
    .bxf-social a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 8px;
      color: #9CA3AF;
      transition: color .15s, background .15s, transform .15s;
    }
    .bxf-social a:hover {
      color: #4340E8;
      background: rgba(67,64,232,0.06);
      transform: translateY(-1px);
    }

    /* Scroll to top floating button */
    .bxf-stt {
      position: fixed;
      bottom: 24px;
      right: 24px;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: #0F0F14;
      color: #fff;
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 8px 24px rgba(15,15,20,0.20), 0 2px 6px rgba(15,15,20,0.10);
      opacity: 0;
      pointer-events: none;
      transform: translateY(8px);
      transition: opacity .25s ease, transform .25s ease, background .15s;
      z-index: 90;
    }
    .bxf-stt.show {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .bxf-stt:hover {
      background: #4340E8;
    }

    /* Mobile */
    @media (max-width: 980px) {
      .bxf-footer { padding: 56px 24px 28px; }
      .bxf-top {
        grid-template-columns: 1fr 1fr;
        gap: 40px 32px;
        padding-bottom: 40px;
      }
      .bxf-brand-block {
        grid-column: 1 / -1;
        padding-right: 0;
      }
      .bxf-tagline { max-width: 100%; }
      .bxf-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
      }
      .bxf-bottom-right {
        width: 100%;
        justify-content: space-between;
      }
    }

    @media (max-width: 520px) {
      .bxf-top { grid-template-columns: 1fr; }
      .bxf-bottom-left { gap: 14px; }
      .bxf-badges { flex-wrap: wrap; }
    }

/* Ecosystem overlay */
  .ecx-wrap { max-width: 960px; margin: 0 auto; padding: 80px 48px 120px; }
  .ecx-close {
    position: fixed; top: 18px; right: 32px; z-index: 600;
    background: #f3f4f6; border: none; border-radius: 100px;
    padding: 8px 18px; font-family:'Archivo',sans-serif;
    font-size:13px; color:#5C5C72; cursor:pointer;
    display:flex; align-items:center; gap:6px; transition:background .15s;
  }
  .ecx-close:hover { background:#e5e7eb; color:#0F0F14; }

  .ecx-tabs {
    display:flex; gap:6px; margin-bottom:52px;
    border-bottom:1px solid rgba(0,0,0,0.07); flex-wrap:wrap;
  }
  .ecx-tab {
    background:transparent; border:none; cursor:pointer;
    font-family:'Archivo',sans-serif; font-size:13px; font-weight:400;
    color:#9CA3AF; padding:10px 18px 12px;
    border-bottom:2px solid transparent; margin-bottom:-1px;
    transition:color .18s, border-color .18s;
  }
  .ecx-tab:hover { color:#0F0F14; }
  .ecx-tab.active { color:#4340E8; border-bottom-color:#4340E8; font-weight:500; }

  .ecx-panel { display:none; animation:ecxFadeIn .4s ease both; }
  .ecx-panel.active { display:block; }
  @keyframes ecxFadeIn { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }

  .ecx-eyebrow {
    font-family:'Resist Sans Text','Archivo',sans-serif;
    font-weight:200; font-size:11px; letter-spacing:0.16em;
    text-transform:uppercase; color:#4340E8; margin-bottom:12px;
  }
  .ecx-title {
    font-family:'Resist Sans Text','Archivo',sans-serif;
    font-weight:200; font-size:38px; letter-spacing:-0.03em;
    color:#0F0F14; line-height:1.15; margin-bottom:24px;
  }
  .ecx-lead {
    font-family:'Archivo',sans-serif; font-weight:300;
    font-size:15.5px; color:#4B5563; line-height:1.75;
    max-width:720px; margin-bottom:40px;
    border-left:2px solid #D1EEFC; padding-left:20px;
  }
  .ecx-metrics {
    display:flex; gap:16px; margin-bottom:40px; flex-wrap:wrap;
  }
  .ecx-metric {
    flex:1; min-width:160px;
    background:linear-gradient(135deg,#f0f4ff,#e8f8fc);
    border:1px solid rgba(67,64,232,0.1); border-radius:14px;
    padding:22px 20px; text-align:center;
  }
  .ecx-metric-val {
    font-family:'Resist Sans Text','Archivo',sans-serif;
    font-weight:200; font-size:34px; color:#4340E8; letter-spacing:-0.02em;
  }
  .ecx-metric-label {
    font-family:'Archivo',sans-serif; font-size:12px;
    font-weight:300; color:#6B7280; margin-top:4px;
  }

  .ecx-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:40px; }
  .ecx-card {
    background:#fafafa; border:1px solid rgba(0,0,0,0.06);
    border-radius:16px; padding:22px 20px; transition:box-shadow .2s;
  }
  .ecx-card:hover { box-shadow:0 8px 28px rgba(0,0,0,0.06); }
  .ecx-card-icon {
    width:36px; height:36px; border-radius:10px;
    background:#D1EEFC; display:flex; align-items:center;
    justify-content:center; margin-bottom:12px;
  }
  .ecx-card-title {
    font-family:'Archivo',sans-serif; font-weight:500;
    font-size:13px; color:#0F0F14; margin-bottom:5px;
  }
  .ecx-card-desc {
    font-family:'Archivo',sans-serif; font-weight:300;
    font-size:12.5px; color:#6B7280; line-height:1.6;
  }

  /* Interop block */
  .ecx-interop {
    background:#0F0F14; border-radius:18px; padding:32px 32px;
    margin-bottom:40px;
  }
  .ecx-interop-label {
    font-family:'Archivo',sans-serif; font-size:10px;
    font-weight:500; letter-spacing:0.14em; text-transform:uppercase;
    color:#4340E8; margin-bottom:20px;
  }
  .ecx-interop-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .ecx-interop-item {
    background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08);
    border-radius:12px; padding:16px 18px;
  }
  .ecx-interop-name {
    font-family:'Archivo',sans-serif; font-size:11px;
    font-weight:500; letter-spacing:0.06em; text-transform:uppercase;
    color:#9CA3AF; margin-bottom:6px;
  }
  .ecx-interop-val {
    font-family:'Archivo',sans-serif; font-size:13px;
    font-weight:300; color:#fff; line-height:1.5;
  }

  /* Pillar 3 focus cards */
  .ecx-focus-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:40px; }
  .ecx-focus-card {
    border:1px solid rgba(67,64,232,0.12);
    background:rgba(67,64,232,0.02);
    border-radius:16px; padding:24px 20px;
  }
  .ecx-focus-icon {
    width:36px; height:36px; border-radius:10px;
    background:#D1EEFC; display:flex; align-items:center;
    justify-content:center; margin-bottom:14px;
  }
  .ecx-focus-title {
    font-family:'Archivo',sans-serif; font-weight:600;
    font-size:13px; color:#0F0F14; margin-bottom:8px;
  }
  .ecx-focus-desc {
    font-family:'Archivo',sans-serif; font-weight:300;
    font-size:12.5px; color:#6B7280; line-height:1.6;
  }

  /* CTA */
  .ecx-cta {
    text-align:center; padding:48px 32px;
    border-top:1px solid rgba(0,0,0,0.06); margin-top:8px;
  }
  .ecx-cta-title {
    font-family:'Resist Sans Text','Archivo',sans-serif;
    font-weight:200; font-size:26px; color:#0F0F14;
    letter-spacing:-0.02em; margin-bottom:10px;
  }
  .ecx-cta-sub {
    font-family:'Archivo',sans-serif; font-weight:300;
    font-size:14px; color:#6B7280; margin-bottom:24px;
  }
  .ecx-cta-sub a { color:#4340E8; text-decoration:none; }
  .ecx-cta-sub a:hover { text-decoration:underline; }
  .ecx-cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
  .ecx-btn-primary {
    display:inline-flex; align-items:center; gap:8px;
    background:#1A1A1A; color:white; font-family:'Archivo',sans-serif;
    font-weight:400; font-size:14px; padding:12px 28px;
    border-radius:100px; border:none; cursor:pointer; text-decoration:none;
    transition:background .18s, transform .15s;
  }
  .ecx-btn-primary:hover { background:#0F0F0F; transform:translateY(-1px); }
  .ecx-btn-outline {
    display:inline-flex; align-items:center; gap:8px;
    background:transparent; color:#1A1A1A; font-family:'Archivo',sans-serif;
    font-weight:400; font-size:14px; padding:11px 28px;
    border-radius:100px; border:1.5px solid rgba(0,0,0,0.18);
    cursor:pointer; text-decoration:none;
    transition:border-color .18s, background .18s, transform .15s;
  }
  .ecx-btn-outline:hover { border-color:rgba(0,0,0,0.4); transform:translateY(-1px); }

  @media(max-width:768px){
    .ecx-wrap { padding:60px 20px 100px; }
    .ecx-grid, .ecx-interop-grid, .ecx-focus-grid { grid-template-columns:1fr; }
    .ecx-title { font-size:28px; }
  }

/* ===== Ecosystem v2 layout (tab bar + full-width panels) ===== */
.ecx-tabbar {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,0.07);
}
.ecx-tabbar .ecx-tabs {
  max-width: 1100px; margin: 0 auto;
  padding: 14px 60px 0; border-bottom: none; margin-bottom: 0;
  justify-content: center; flex-wrap: wrap;
}
.ecx-v2 { min-height: 62vh; }
@media (max-width: 768px) { .ecx-tabbar .ecx-tabs { padding: 12px 16px 0; } }

/* ===== ecx-personal (ecosystem_for_patients, scoped) ===== */

#ecx-personal *,#ecx-personal *::before,#ecx-personal *::after{box-sizing:border-box;margin:0;padding:0}
#ecx-personal{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
#ecx-personal{background:linear-gradient(160deg,#F7F9FC 0%,#FFFFFF 55%,#F5F8FB 100%);font-family:'Archivo',sans-serif;color:#1a1a1a;font-weight:300;line-height:1.6}
#ecx-personal .container{
  padding: 0 80px;
  max-width: 1400px;
  margin: 0 auto;
}
#ecx-personal .hero{padding:84px 0 30px;text-align:center;position:relative;overflow:hidden}
#ecx-personal .hero::before{content:'';position:absolute;top:-200px;right:-150px;width:640px;height:640px;background:radial-gradient(circle,rgba(67,64,232,.06) 0%,transparent 60%);pointer-events:none}
#ecx-personal .tag{display:inline-flex;align-items:center;gap:8px;background:rgba(67,64,232,.08);color:#4340E8;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:100px;margin-bottom:22px}
#ecx-personal .tag .dot{width:6px;height:6px;border-radius:50%;background:#4340E8}
#ecx-personal .hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:48px;line-height:1.05;letter-spacing:-.03em;margin:0 auto 18px;max-width:660px}
#ecx-personal .hero p{font-size:17px;color:#525252;max-width:600px;margin:0 auto}
#ecx-personal .gblock{padding:30px 0 14px;text-align:center}
#ecx-personal .gblock .big{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:34px;letter-spacing:-.02em;color:#4340E8;margin-bottom:16px}
#ecx-personal .gblock p{font-size:17px;color:#444;max-width:640px;margin:0 auto;line-height:1.7}
#ecx-personal .section{padding:48px 0}
#ecx-personal .sec-head{text-align:center;margin-bottom:36px}
#ecx-personal .sec-head .label{font-family:'Archivo',sans-serif;font-size:16.5px;letter-spacing:normal;text-transform:none;color:#4340E8;margin-bottom:10px}
#ecx-personal .sec-head h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:31px;letter-spacing:-.02em;margin-bottom:12px}
#ecx-personal .sec-head p{font-size:15.5px;color:#666;max-width:600px;margin:0 auto}
#ecx-personal .grid{display:grid;gap:18px}
#ecx-personal .grid-2{grid-template-columns:repeat(2,1fr)}
#ecx-personal .grid-3{grid-template-columns:repeat(3,1fr)}
#ecx-personal .card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:28px 26px;transition:all .2s}
#ecx-personal .card:hover{border-color:rgba(67,64,232,.22);transform:translateY(-2px);box-shadow:0 12px 30px rgba(67,64,232,.07)}
#ecx-personal .ic{width:44px;height:44px;border-radius:13px;background:rgba(67,64,232,.09);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
#ecx-personal .ic svg{width:21px;height:21px;stroke:#4340E8;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#ecx-personal .card h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:18px;letter-spacing:-.01em;margin-bottom:9px}
#ecx-personal .card p{font-size:14px;color:#555;line-height:1.62}
#ecx-personal .why{max-width:680px;margin:34px auto 0;text-align:center;font-size:15.5px;color:#555;line-height:1.7}
#ecx-personal .cta{padding:64px 0 96px;text-align:center}
#ecx-personal .cta h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:34px;letter-spacing:-.02em;margin-bottom:14px;max-width:560px;margin-left:auto;margin-right:auto}
#ecx-personal .cta p{font-size:16px;color:#555;max-width:540px;margin:0 auto 28px}
#ecx-personal .cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#ecx-personal .btn{display:inline-block;text-align:center;padding:13px 26px;border-radius:100px;font-family:'Archivo',sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer}
#ecx-personal .btn-fill{background:linear-gradient(135deg,#4340E8 0%,#5d5aff 100%);color:#fff;box-shadow:0 4px 12px rgba(67,64,232,.22)}
#ecx-personal .btn-fill:hover{box-shadow:0 6px 18px rgba(67,64,232,.3)}
#ecx-personal .btn-out{background:#fff;border:1px solid rgba(0,0,0,.12);color:#4340E8}
#ecx-personal .btn-out:hover{border-color:rgba(67,64,232,.4)}
@media(max-width:760px){#ecx-personal .grid-2,#ecx-personal .grid-3{grid-template-columns:1fr}
#ecx-personal .hero h1{font-size:36px}
#ecx-personal .gblock .big{font-size:27px}}


/* ===== ecx-clinical (ecosystem_for_doctors, scoped) ===== */

#ecx-clinical *,#ecx-clinical *::before,#ecx-clinical *::after{box-sizing:border-box;margin:0;padding:0}
#ecx-clinical{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
#ecx-clinical{background:linear-gradient(160deg,#F7F9FC 0%,#FFFFFF 55%,#F5F8FB 100%);font-family:'Archivo',sans-serif;color:#1a1a1a;font-weight:300;line-height:1.6}
#ecx-clinical .container{
  padding: 0 80px;
  max-width: 1400px;
  margin: 0 auto;
}
#ecx-clinical .hero{padding:84px 0 30px;text-align:center;position:relative;overflow:hidden}
#ecx-clinical .hero::before{content:'';position:absolute;top:-200px;right:-150px;width:640px;height:640px;background:radial-gradient(circle,rgba(67,64,232,.06) 0%,transparent 60%);pointer-events:none}
#ecx-clinical .tag{display:inline-flex;align-items:center;gap:8px;background:rgba(67,64,232,.08);color:#4340E8;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:100px;margin-bottom:22px}
#ecx-clinical .tag .dot{width:6px;height:6px;border-radius:50%;background:#4340E8}
#ecx-clinical .hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:46px;line-height:1.06;letter-spacing:-.03em;margin:0 auto 18px;max-width:700px}
#ecx-clinical .hero p{font-size:17px;color:#525252;max-width:640px;margin:0 auto}
#ecx-clinical .section{padding:48px 0}
#ecx-clinical .sec-head{text-align:center;margin-bottom:36px}
#ecx-clinical .sec-head .label{font-family:'Archivo',sans-serif;font-size:16.5px;letter-spacing:normal;text-transform:none;color:#4340E8;margin-bottom:10px}
#ecx-clinical .sec-head h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:31px;letter-spacing:-.02em;margin-bottom:12px;max-width:680px;margin-left:auto;margin-right:auto}
#ecx-clinical .sec-head p{font-size:15.5px;color:#666;max-width:620px;margin:0 auto}
#ecx-clinical .grid{display:grid;gap:18px}
#ecx-clinical .grid-2{grid-template-columns:repeat(2,1fr)}
#ecx-clinical .grid-3{grid-template-columns:repeat(3,1fr)}
#ecx-clinical .card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:28px 26px;transition:all .2s}
#ecx-clinical .card:hover{border-color:rgba(67,64,232,.22);transform:translateY(-2px);box-shadow:0 12px 30px rgba(67,64,232,.07)}
#ecx-clinical .ic{width:44px;height:44px;border-radius:13px;background:rgba(67,64,232,.09);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
#ecx-clinical .ic svg{width:21px;height:21px;stroke:#4340E8;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#ecx-clinical .card h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:18px;letter-spacing:-.01em;margin-bottom:9px}
#ecx-clinical .card p{font-size:14px;color:#555;line-height:1.62}
#ecx-clinical .econ{background:#fff;border:1px solid rgba(67,64,232,.18);border-radius:24px;padding:44px 36px;text-align:center;max-width:760px;margin:0 auto;box-shadow:0 12px 36px rgba(67,64,232,.07)}
#ecx-clinical .econ h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:27px;letter-spacing:-.02em;margin-bottom:14px}
#ecx-clinical .econ p{font-size:15.5px;color:#555;max-width:560px;margin:0 auto 22px;line-height:1.7}
#ecx-clinical .cta{padding:64px 0 96px;text-align:center}
#ecx-clinical .cta h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:33px;letter-spacing:-.02em;margin-bottom:14px;max-width:580px;margin-left:auto;margin-right:auto}
#ecx-clinical .cta p{font-size:16px;color:#555;max-width:560px;margin:0 auto 28px}
#ecx-clinical .cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#ecx-clinical .btn{display:inline-block;text-align:center;padding:13px 26px;border-radius:100px;font-family:'Archivo',sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer}
#ecx-clinical .btn-fill{background:linear-gradient(135deg,#4340E8 0%,#5d5aff 100%);color:#fff;box-shadow:0 4px 12px rgba(67,64,232,.22)}
#ecx-clinical .btn-fill:hover{box-shadow:0 6px 18px rgba(67,64,232,.3)}
#ecx-clinical .btn-out{background:#fff;border:1px solid rgba(0,0,0,.12);color:#4340E8}
#ecx-clinical .btn-out:hover{border-color:rgba(67,64,232,.4)}
@media(max-width:760px){#ecx-clinical .grid-2,#ecx-clinical .grid-3{grid-template-columns:1fr}#ecx-clinical .hero h1{font-size:35px}}


/* ===== ecx-risk (for_organizations.html) ===== */
#ecx-risk *, #ecx-risk *::before, #ecx-risk *::after { box-sizing: border-box; margin: 0; padding: 0; }
#ecx-risk {
  background: linear-gradient(160deg, #F7F9FC 0%, #FFFFFF 50%, #F5F8FB 100%);
  font-family: 'Archivo', sans-serif;
  color: #1a1a1a;
  font-weight: 300;
  line-height: 1.6;
}
#ecx-risk .container { max-width: 1200px; margin: 0 auto; padding: 0 60px; }
#ecx-risk .hero {
  padding: 90px 0 50px;
  position: relative;
  overflow: hidden;
}
#ecx-risk .hero::before {
  content: '';
  position: absolute;
  top: -200px; right: -150px;
  width: 700px; height: 700px;
  background: radial-gradient(circle, rgba(67, 64, 232, 0.06) 0%, transparent 60%);
  pointer-events: none;
}
#ecx-risk .hero-tag {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(67, 64, 232, 0.08); color: #4340E8;
  font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  padding: 7px 16px; border-radius: 100px; margin-bottom: 28px;
}
#ecx-risk .hero-tag .dot { width: 6px; height: 6px; border-radius: 50%; background: #4340E8; animation: dotpulse_risk 2s infinite; }
@keyframes dotpulse_risk { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
#ecx-risk .hero h1 {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 300; font-size: 60px; line-height: 1.04;
  letter-spacing: -.035em; color: #1A1A1A; margin-bottom: 22px;
  max-width: 920px;
}
#ecx-risk .hero h1 em { font-style: normal; color: #4340E8; }
#ecx-risk .hero-sub {
  font-size: 19px; font-weight: 300; color: #525252;
  line-height: 1.5; max-width: 720px;
}
#ecx-risk .section-label {
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.15em; text-transform: uppercase;
  color: #4340E8; margin-bottom: 14px;
}
#ecx-risk .section-title {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 300; font-size: 38px; line-height: 1.08;
  letter-spacing: -.025em; color: #1A1A1A;
  margin-bottom: 14px;
  max-width: 760px;
}
#ecx-risk .section-title em { font-style: normal; color: #4340E8; }
#ecx-risk .section-sub {
  font-size: 16px; color: #525252;
  line-height: 1.55;
  max-width: 720px;
  margin-bottom: 36px;
}
#ecx-risk .segments {
  padding: 30px 0 70px;
}
#ecx-risk .segment-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: rgba(0,0,0,0.08);
  border-top: 1px solid rgba(0,0,0,0.08);
  border-bottom: 1px solid rgba(0,0,0,0.08);
  margin-top: 16px;
}
#ecx-risk .segment {
  background: #FFFFFF;
  padding: 36px 32px;
  position: relative;
}
#ecx-risk .segment-num {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #4340E8;
  margin-bottom: 14px;
}
#ecx-risk .segment-icon {
  width: 48px; height: 48px;
  border: 1.5px solid rgba(67, 64, 232, 0.25);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}
#ecx-risk .segment-icon svg {
  width: 22px; height: 22px;
  stroke: #4340E8;
  stroke-width: 1.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#ecx-risk .segment h3 {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 400; font-size: 24px;
  letter-spacing: -.015em;
  color: #1A1A1A;
  margin-bottom: 12px;
  line-height: 1.2;
}
#ecx-risk .segment-desc {
  font-size: 14.5px;
  line-height: 1.6;
  color: #525252;
  font-weight: 300;
  margin-bottom: 18px;
}
#ecx-risk .segment-list {
  list-style: none;
  margin: 0;
}
#ecx-risk .segment-list li {
  font-size: 13.5px;
  color: #2a2a2a;
  padding: 8px 0;
  border-top: 1px solid rgba(0,0,0,0.06);
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
#ecx-risk .segment-list li::before {
  content: '';
  display: block;
  width: 4px; height: 4px;
  border-radius: 50%;
  background: #4340E8;
  flex-shrink: 0;
  margin-top: 9px;
}
#ecx-risk .capabilities {
  padding: 70px 0;
  background: #1A1A1A;
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
#ecx-risk .capabilities::before {
  content: '';
  position: absolute;
  top: -150px; right: -100px;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(143, 85, 255, 0.12) 0%, transparent 60%);
  pointer-events: none;
}
#ecx-risk .cap-header { margin-bottom: 40px; max-width: 720px; position: relative; }
#ecx-risk .cap-label {
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.15em; text-transform: uppercase;
  color: #c4a5ff; margin-bottom: 14px;
}
#ecx-risk .cap-title {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 300; font-size: 38px; line-height: 1.08;
  letter-spacing: -.025em;
  margin-bottom: 14px;
}
#ecx-risk .cap-title em { font-style: normal; color: #c4a5ff; }
#ecx-risk .cap-sub {
  font-size: 16px; color: rgba(255,255,255,0.7);
  line-height: 1.55;
}
#ecx-risk .cap-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  position: relative;
}
#ecx-risk .cap-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 28px 26px;
}
#ecx-risk .cap-icon {
  width: 40px; height: 40px;
  border: 1.5px solid rgba(196, 165, 255, 0.4);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}
#ecx-risk .cap-icon svg {
  width: 18px; height: 18px;
  stroke: #c4a5ff;
  stroke-width: 1.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#ecx-risk .cap-card h4 {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 400; font-size: 18px;
  letter-spacing: -.01em;
  color: #FFFFFF;
  margin-bottom: 10px;
}
#ecx-risk .cap-card p {
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,0.75);
  font-weight: 300;
}
#ecx-risk .impact {
  padding: 70px 0;
}
#ecx-risk .impact-card {
  background: #F7F9FC;
  border: 1px solid rgba(67, 64, 232, 0.1);
  border-radius: 20px;
  padding: 40px;
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 50px;
  align-items: center;
}
#ecx-risk .impact-num {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 300;
  font-size: 84px;
  letter-spacing: -.035em;
  color: #4340E8;
  line-height: 0.95;
}
#ecx-risk .impact-text h3 {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: #1A1A1A;
  margin-bottom: 10px;
}
#ecx-risk .impact-text h3 em { font-style: normal; color: #4340E8; }
#ecx-risk .impact-text p {
  font-size: 14.5px;
  color: #525252;
  line-height: 1.55;
  margin-bottom: 8px;
}
#ecx-risk .impact-source {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  color: #94A3B8;
  text-transform: uppercase;
}
#ecx-risk .setup {
  padding: 70px 0;
  background: linear-gradient(135deg, #4340E8 0%, #8f55ff 100%);
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
}
#ecx-risk .setup::before {
  content: '';
  position: absolute;
  top: -150px; right: -150px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 60%);
}
#ecx-risk .setup-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  position: relative;
}
#ecx-risk .setup-label {
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.15em; text-transform: uppercase;
  color: rgba(255,255,255,0.75); margin-bottom: 14px;
}
#ecx-risk .setup h2 {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 300; font-size: 38px; line-height: 1.1;
  letter-spacing: -.025em;
  margin-bottom: 18px;
}
#ecx-risk .setup h2 em { font-style: normal; color: rgba(255,255,255,0.85); border-bottom: 2px solid rgba(255,255,255,0.4); }
#ecx-risk .setup p {
  font-size: 16px;
  line-height: 1.55;
  color: rgba(255,255,255,0.9);
  font-weight: 300;
}
#ecx-risk .setup-steps {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#ecx-risk .setup-step {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 20px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 14px;
}
#ecx-risk .setup-step-num {
  width: 32px; height: 32px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}
#ecx-risk .setup-step-text {
  font-size: 14.5px;
  line-height: 1.45;
}
#ecx-risk .setup-step-text strong { font-weight: 600; display: block; margin-bottom: 2px; }
#ecx-risk .setup-step-text span { color: rgba(255,255,255,0.7); font-size: 13px; }
#ecx-risk .cta {
  padding: 70px 0;
  text-align: center;
}
#ecx-risk .cta h2 {
  font-family: 'Resist Sans Text', 'Plus Jakarta Sans', sans-serif;
  font-weight: 300; font-size: 38px; line-height: 1.1;
  letter-spacing: -.025em;
  color: #1A1A1A;
  margin-bottom: 18px;
}
#ecx-risk .cta h2 em { font-style: normal; color: #4340E8; }
#ecx-risk .cta-sub {
  font-size: 16px; color: #525252;
  max-width: 580px;
  margin: 0 auto 24px;
}
#ecx-risk .cta-buttons { display: inline-flex; gap: 14px; }
#ecx-risk .btn-primary {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #4340E8 0%, #5d5aff 100%);
  color: #FFFFFF;
  font-size: 15px; font-weight: 600;
  padding: 14px 28px; border-radius: 100px;
  box-shadow: 0 4px 16px rgba(67, 64, 232, 0.3);
  text-decoration: none;
}
#ecx-risk .btn-secondary {
  display: inline-flex; align-items: center; gap: 8px;
  background: transparent; color: #4340E8;
  font-size: 15px; font-weight: 600;
  padding: 14px 24px; border-radius: 100px;
  border: 1px solid rgba(67, 64, 232, 0.2);
  text-decoration: none;
}

/* About Us styles */
    .abx-wrap { max-width: 900px; margin: 0 auto; padding: 80px 48px 120px; }
    .abx-close {
      position: fixed; top: 18px; right: 32px; z-index: 600;
      background: #f3f4f6; border: none; border-radius: 100px;
      padding: 8px 18px; font-family: 'Archivo', sans-serif;
      font-size: 13px; color: #5C5C72; cursor: pointer;
      display: flex; align-items: center; gap: 6px;
      transition: background .15s;
    }
    .abx-close:hover { background: #e5e7eb; color: #0F0F14; }

    .abx-tabs {
      display: flex; gap: 6px; margin-bottom: 56px;
      border-bottom: 1px solid rgba(0,0,0,0.07); padding-bottom: 0;
      flex-wrap: wrap;
    }
    .abx-tab {
      background: transparent; border: none; cursor: pointer;
      font-family: 'Archivo', sans-serif; font-size: 13px;
      font-weight: 400; color: #9CA3AF;
      padding: 10px 18px 12px; border-radius: 0;
      border-bottom: 2px solid transparent;
      margin-bottom: -1px;
      transition: color .18s, border-color .18s;
    }
    .abx-tab:hover { color: #0F0F14; }
    .abx-tab.active { color: #4340E8; border-bottom-color: #4340E8; font-weight: 500; }

    .abx-panel { display: none; animation: abxFadeIn .4s ease both; }
    .abx-panel.active { display: block; }
    @keyframes abxFadeIn { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }

    .abx-eyebrow {
      font-family: 'Resist Sans Text', 'Archivo', sans-serif;
      font-weight: 200; font-size: 11px; letter-spacing: 0.16em;
      text-transform: uppercase; color: #4340E8; margin-bottom: 12px;
    }
    .abx-title {
      font-family: 'Resist Sans Text', 'Archivo', sans-serif;
      font-weight: 200; font-size: 38px; letter-spacing: -0.03em;
      color: #0F0F14; line-height: 1.15; margin-bottom: 24px;
    }
    .abx-lead {
      font-family: 'Archivo', sans-serif; font-weight: 300;
      font-size: 15.5px; color: #4B5563; line-height: 1.75;
      max-width: 720px; margin-bottom: 48px;
      border-left: 2px solid #D1EEFC; padding-left: 20px;
    }
    .abx-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 20px; margin-bottom: 56px;
    }
    .abx-card {
      background: #fafafa; border: 1px solid rgba(0,0,0,0.06);
      border-radius: 16px; padding: 24px 22px;
      transition: box-shadow .2s;
    }
    .abx-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.06); }
    .abx-card-icon {
      width: 38px; height: 38px; border-radius: 10px;
      background: #D1EEFC; display: flex; align-items: center;
      justify-content: center; margin-bottom: 14px;
    }
    .abx-card-title {
      font-family: 'Archivo', sans-serif; font-weight: 500;
      font-size: 13.5px; color: #0F0F14; margin-bottom: 6px;
    }
    .abx-card-desc {
      font-family: 'Archivo', sans-serif; font-weight: 300;
      font-size: 13px; color: #6B7280; line-height: 1.6;
    }

    .abx-presence-grid {
      display: grid; grid-template-columns: repeat(3,1fr);
      gap: 16px; margin-bottom: 48px;
    }
    .abx-region {
      border: 1px solid rgba(67,64,232,0.12);
      border-radius: 14px; padding: 22px 20px;
      background: rgba(67,64,232,0.02);
    }
    .abx-region-title {
      font-family: 'Archivo', sans-serif; font-weight: 600;
      font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase;
      color: #4340E8; margin-bottom: 12px;
    }
    .abx-region-list {
      list-style: none; display: flex; flex-direction: column; gap: 7px;
    }
    .abx-region-list li {
      display: flex; align-items: center; gap: 8px;
      font-family: 'Archivo', sans-serif; font-weight: 300;
      font-size: 13px; color: #374151;
    }
    .abx-region-dot {
      width: 6px; height: 6px; border-radius: 50%;
      background: #D1EEFC; border: 1.5px solid #4340E8; flex-shrink: 0;
    }

    .abx-incentive {
      background: linear-gradient(135deg, #f0f4ff 0%, #e8f8fc 100%);
      border: 1px solid rgba(67,64,232,0.1);
      border-radius: 16px; padding: 28px 28px; margin-bottom: 48px;
      display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
    }
    .abx-incentive-item { display: flex; flex-direction: column; gap: 4px; }
    .abx-incentive-label {
      font-family: 'Archivo', sans-serif; font-size: 11px;
      font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase;
      color: #4340E8;
    }
    .abx-incentive-val {
      font-family: 'Resist Sans Text', 'Archivo', sans-serif;
      font-weight: 200; font-size: 28px; color: #0F0F14; letter-spacing: -0.02em;
    }
    .abx-incentive-sub {
      font-family: 'Archivo', sans-serif; font-size: 12px;
      color: #6B7280; font-weight: 300;
    }

    .abx-cta-block {
      text-align: center; padding: 56px 32px;
      border-top: 1px solid rgba(0,0,0,0.06); margin-top: 20px;
    }
    .abx-cta-title {
      font-family: 'Resist Sans Text', 'Archivo', sans-serif;
      font-weight: 200; font-size: 28px; color: #0F0F14;
      letter-spacing: -0.02em; margin-bottom: 12px;
    }
    .abx-cta-sub {
      font-family: 'Archivo', sans-serif; font-weight: 300;
      font-size: 14px; color: #6B7280; margin-bottom: 28px;
    }
    .abx-cta-sub a { color: #4340E8; text-decoration: none; }
    .abx-cta-sub a:hover { text-decoration: underline; }
    .abx-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
    .abx-btn-primary {
      display: inline-flex; align-items: center; gap: 8px;
      background: #1A1A1A; color: white; font-family: 'Archivo', sans-serif;
      font-weight: 400; font-size: 14px; padding: 12px 28px;
      border-radius: 100px; border: none; cursor: pointer; text-decoration: none;
      transition: background .18s, transform .15s;
    }
    .abx-btn-primary:hover { background: #0F0F0F; transform: translateY(-1px); }
    .abx-btn-outline {
      display: inline-flex; align-items: center; gap: 8px;
      background: transparent; color: #1A1A1A; font-family: 'Archivo', sans-serif;
      font-weight: 400; font-size: 14px; padding: 11px 28px;
      border-radius: 100px; border: 1.5px solid rgba(0,0,0,0.18);
      cursor: pointer; text-decoration: none;
      transition: border-color .18s, background .18s, transform .15s;
    }
    .abx-btn-outline:hover { border-color: rgba(0,0,0,0.4); transform: translateY(-1px); }

    @media (max-width: 768px) {
      .abx-wrap { padding: 60px 20px 100px; }
      .abx-grid { grid-template-columns: 1fr; }
      .abx-presence-grid { grid-template-columns: 1fr; }
      .abx-incentive { grid-template-columns: 1fr; }
      .abx-title { font-size: 28px; }
    }

/* ===== About v2 layout (tab bar + full-width panels) ===== */
.abx-tabbar {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,0.07);
}
.abx-tabbar .abx-tabs {
  max-width: 1100px; margin: 0 auto;
  padding: 14px 60px 0; border-bottom: none; margin-bottom: 0;
  justify-content: center;
}
.abx-v2 { min-height: 62vh; }
@media (max-width: 768px) {
  .abx-tabbar .abx-tabs { padding: 12px 16px 0; }
}

/* ===== abx-why (about_why_beeexy, scoped) ===== */

#abx-why *,#abx-why *::before,#abx-why *::after{box-sizing:border-box;margin:0;padding:0}
#abx-why{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
#abx-why{background:linear-gradient(160deg,#F7F9FC 0%,#FFFFFF 55%,#F5F8FB 100%);font-family:'Archivo',sans-serif;color:#1a1a1a;font-weight:300;line-height:1.6}
#abx-why .container{
  padding: 0 80px;
  max-width: 1400px;
  margin: 0 auto;
}
#abx-why .hero{padding:84px 0 30px;text-align:center;position:relative;overflow:hidden}
#abx-why .hero::before{content:'';position:absolute;top:-200px;right:-150px;width:660px;height:660px;background:radial-gradient(circle,rgba(67,64,232,.06) 0%,transparent 60%);pointer-events:none}
#abx-why .tag{display:inline-flex;align-items:center;gap:8px;background:rgba(67,64,232,.08);color:#4340E8;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:100px;margin-bottom:22px}
#abx-why .tag .dot{width:6px;height:6px;border-radius:50%;background:#4340E8}
#abx-why .hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:46px;line-height:1.06;letter-spacing:-.03em;margin:0 auto 18px;max-width:720px}
#abx-why .hero p{font-size:17px;color:#525252;max-width:660px;margin:0 auto}
#abx-why .section{padding:48px 0}
#abx-why .sec-head{text-align:center;margin-bottom:36px}
#abx-why .sec-head .label{font-family:'Archivo',sans-serif;font-size:16.5px;letter-spacing:normal;text-transform:none;color:#4340E8;margin-bottom:10px}
#abx-why .sec-head h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:30px;letter-spacing:-.02em;margin-bottom:12px;max-width:720px;margin-left:auto;margin-right:auto}
#abx-why .sec-head p{font-size:15.5px;color:#666;max-width:680px;margin:0 auto}
#abx-why .statement{padding:54px 0;text-align:center}
#abx-why .statement .q{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:27px;line-height:1.45;letter-spacing:-.015em;color:#1a1a1a;max-width:820px;margin:0 auto}
#abx-why .statement .q strong{font-weight:500;color:#4340E8}
#abx-why .statement .lab{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8f55ff;margin-bottom:20px}
#abx-why .grid{display:grid;gap:18px}
#abx-why .grid-2{grid-template-columns:repeat(2,1fr)}
#abx-why .grid-3{grid-template-columns:repeat(3,1fr)}
#abx-why .card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:28px 26px;transition:all .2s}
#abx-why .card:hover{border-color:rgba(67,64,232,.22);transform:translateY(-2px);box-shadow:0 12px 30px rgba(67,64,232,.07)}
#abx-why .card .kick{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8f55ff;margin-bottom:8px}
#abx-why .card h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:19px;letter-spacing:-.01em;margin-bottom:9px}
#abx-why .card p{font-size:14px;color:#555;line-height:1.62}
#abx-why .cta{padding:64px 0 96px;text-align:center}
#abx-why .cta h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:33px;letter-spacing:-.02em;margin-bottom:26px;max-width:560px;margin-left:auto;margin-right:auto}
#abx-why .cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#abx-why .btn{display:inline-block;text-align:center;padding:13px 26px;border-radius:100px;font-family:'Archivo',sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer}
#abx-why .btn-fill{background:linear-gradient(135deg,#4340E8 0%,#5d5aff 100%);color:#fff;box-shadow:0 4px 12px rgba(67,64,232,.22)}
#abx-why .btn-fill:hover{box-shadow:0 6px 18px rgba(67,64,232,.3)}
#abx-why .btn-out{background:#fff;border:1px solid rgba(0,0,0,.12);color:#4340E8}
#abx-why .btn-out:hover{border-color:rgba(67,64,232,.4)}
@media(max-width:760px){#abx-why .grid-2,#abx-why .grid-3{grid-template-columns:1fr}#abx-why .hero h1{font-size:35px}#abx-why .statement .q{font-size:22px}}


/* ===== abx-company (our_company, scoped) ===== */

#abx-company *,#abx-company *::before,#abx-company *::after{box-sizing:border-box;margin:0;padding:0}
#abx-company{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
#abx-company{background:linear-gradient(160deg,#F7F9FC 0%,#FFFFFF 55%,#F5F8FB 100%);font-family:'Archivo',sans-serif;color:#1a1a1a;font-weight:300;line-height:1.6}
#abx-company .container{
  padding: 0 80px;
  max-width: 1400px;
  margin: 0 auto;
}
#abx-company .hero{padding:84px 0 30px;text-align:center;position:relative;overflow:hidden}
#abx-company .hero::before{content:'';position:absolute;top:-200px;right:-150px;width:660px;height:660px;background:radial-gradient(circle,rgba(67,64,232,.06) 0%,transparent 60%);pointer-events:none}
#abx-company .tag{display:inline-flex;align-items:center;gap:8px;background:rgba(67,64,232,.08);color:#4340E8;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:100px;margin-bottom:22px}
#abx-company .tag .dot{width:6px;height:6px;border-radius:50%;background:#4340E8}
#abx-company .hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:45px;line-height:1.07;letter-spacing:-.03em;margin:0 auto 18px;max-width:740px}
#abx-company .hero p{font-size:17px;color:#525252;max-width:670px;margin:0 auto}
#abx-company .section{padding:48px 0}
#abx-company .sec-head{text-align:center;margin-bottom:36px}
#abx-company .sec-head .label{font-family:'Archivo',sans-serif;font-size:16.5px;letter-spacing:normal;text-transform:none;color:#4340E8;margin-bottom:10px}
#abx-company .sec-head h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:30px;letter-spacing:-.02em;margin-bottom:12px;max-width:720px;margin-left:auto;margin-right:auto}
#abx-company .sec-head p{font-size:15.5px;color:#666;max-width:680px;margin:0 auto}
#abx-company .grid{display:grid;gap:18px}
#abx-company .grid-2{grid-template-columns:repeat(2,1fr)}
#abx-company .grid-3{grid-template-columns:repeat(3,1fr)}
#abx-company .card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:28px 26px;transition:all .2s}
#abx-company .card:hover{border-color:rgba(67,64,232,.22);transform:translateY(-2px);box-shadow:0 12px 30px rgba(67,64,232,.07)}
#abx-company .card .kick{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#8f55ff;margin-bottom:9px}
#abx-company .card h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:19px;letter-spacing:-.01em;margin-bottom:9px}
#abx-company .card p{font-size:14px;color:#555;line-height:1.62}
#abx-company .statement{padding:54px 0;text-align:center}
#abx-company .statement .lab{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8f55ff;margin-bottom:20px}
#abx-company .statement .q{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:25px;line-height:1.5;letter-spacing:-.015em;color:#1a1a1a;max-width:780px;margin:0 auto;font-style:italic}
#abx-company .cta{padding:64px 0 96px;text-align:center}
#abx-company .cta h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:33px;letter-spacing:-.02em;margin-bottom:26px;max-width:560px;margin-left:auto;margin-right:auto}
#abx-company .cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#abx-company .btn{display:inline-block;text-align:center;padding:13px 26px;border-radius:100px;font-family:'Archivo',sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer}
#abx-company .btn-fill{background:linear-gradient(135deg,#4340E8 0%,#5d5aff 100%);color:#fff;box-shadow:0 4px 12px rgba(67,64,232,.22)}
#abx-company .btn-fill:hover{box-shadow:0 6px 18px rgba(67,64,232,.3)}
#abx-company .btn-out{background:#fff;border:1px solid rgba(0,0,0,.12);color:#4340E8}
#abx-company .btn-out:hover{border-color:rgba(67,64,232,.4)}
@media(max-width:760px){#abx-company .grid-2,#abx-company .grid-3{grid-template-columns:1fr}#abx-company .hero h1{font-size:34px}#abx-company .statement .q{font-size:21px}}


/* ===== abx-presence (global_clinical_network, scoped) ===== */

#abx-presence *,#abx-presence *::before,#abx-presence *::after{box-sizing:border-box;margin:0;padding:0}
#abx-presence{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
#abx-presence{background:linear-gradient(160deg,#F7F9FC 0%,#FFFFFF 55%,#F5F8FB 100%);font-family:'Archivo',sans-serif;color:#1a1a1a;font-weight:300;line-height:1.6}
#abx-presence .container{
  padding: 0 80px;
  max-width: 1400px;
  margin: 0 auto;
}
#abx-presence .hero{padding:84px 0 30px;text-align:center;position:relative;overflow:hidden}
#abx-presence .hero::before{content:'';position:absolute;top:-200px;right:-150px;width:660px;height:660px;background:radial-gradient(circle,rgba(67,64,232,.06) 0%,transparent 60%);pointer-events:none}
#abx-presence .tag{display:inline-flex;align-items:center;gap:8px;background:rgba(67,64,232,.08);color:#4340E8;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:100px;margin-bottom:22px}
#abx-presence .tag .dot{width:6px;height:6px;border-radius:50%;background:#4340E8}
#abx-presence .hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:46px;line-height:1.06;letter-spacing:-.03em;margin:0 auto 18px;max-width:680px}
#abx-presence .hero p{font-size:17px;color:#525252;max-width:640px;margin:0 auto}
#abx-presence .section{padding:46px 0}
#abx-presence .sec-head{text-align:center;margin-bottom:32px}
#abx-presence .sec-head .label{font-family:'Archivo',sans-serif;font-size:16.5px;letter-spacing:normal;text-transform:none;color:#4340E8;margin-bottom:10px}
#abx-presence .sec-head h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:29px;letter-spacing:-.02em;margin-bottom:12px;max-width:640px;margin-left:auto;margin-right:auto}
#abx-presence .sec-head p{font-size:15px;color:#666;max-width:560px;margin:0 auto}
#abx-presence .flags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:760px;margin:0 auto}
#abx-presence .flag{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:100px;padding:11px 20px;font-size:14.5px;color:#333;transition:all .2s}
#abx-presence .flag:hover{border-color:rgba(67,64,232,.25);transform:translateY(-2px);box-shadow:0 8px 20px rgba(67,64,232,.07)}
#abx-presence .flag .em{font-size:19px}
#abx-presence .continents{text-align:center;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;color:#8f55ff;margin-top:24px}
#abx-presence .meaning{background:#fff;border:1px solid rgba(67,64,232,.16);border-radius:24px;padding:42px 40px;max-width:760px;margin:0 auto;box-shadow:0 12px 36px rgba(67,64,232,.06)}
#abx-presence .meaning .label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#4340E8;margin-bottom:14px;text-align:center}
#abx-presence .meaning p{font-size:16px;color:#444;line-height:1.72;text-align:center}
#abx-presence .cta{padding:60px 0 96px;text-align:center}
#abx-presence .cta h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:32px;letter-spacing:-.02em;margin-bottom:14px;max-width:560px;margin-left:auto;margin-right:auto}
#abx-presence .cta p{font-size:16px;color:#555;max-width:540px;margin:0 auto 28px}
#abx-presence .cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#abx-presence .btn{display:inline-block;text-align:center;padding:13px 26px;border-radius:100px;font-family:'Archivo',sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer}
#abx-presence .btn-fill{background:linear-gradient(135deg,#4340E8 0%,#5d5aff 100%);color:#fff;box-shadow:0 4px 12px rgba(67,64,232,.22)}
#abx-presence .btn-fill:hover{box-shadow:0 6px 18px rgba(67,64,232,.3)}
#abx-presence .btn-out{background:#fff;border:1px solid rgba(0,0,0,.12);color:#4340E8}
#abx-presence .btn-out:hover{border-color:rgba(67,64,232,.4)}
@media(max-width:760px){#abx-presence .hero h1{font-size:35px}#abx-presence .meaning{padding:32px 24px}}


/* ===== abx-partners (work_with_us, scoped) ===== */

#abx-partners *,#abx-partners *::before,#abx-partners *::after{box-sizing:border-box;margin:0;padding:0}
#abx-partners{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
#abx-partners{background:linear-gradient(160deg,#F7F9FC 0%,#FFFFFF 55%,#F5F8FB 100%);font-family:'Archivo',sans-serif;color:#1a1a1a;font-weight:300;line-height:1.6}
#abx-partners .container{
  padding: 0 80px;
  max-width: 1400px;
  margin: 0 auto;
}
#abx-partners .hero{padding:84px 0 30px;text-align:center;position:relative;overflow:hidden}
#abx-partners .hero::before{content:'';position:absolute;top:-200px;right:-150px;width:660px;height:660px;background:radial-gradient(circle,rgba(67,64,232,.06) 0%,transparent 60%);pointer-events:none}
#abx-partners .tag{display:inline-flex;align-items:center;gap:8px;background:rgba(67,64,232,.08);color:#4340E8;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:100px;margin-bottom:22px}
#abx-partners .tag .dot{width:6px;height:6px;border-radius:50%;background:#4340E8}
#abx-partners .hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:45px;line-height:1.07;letter-spacing:-.03em;margin:0 auto 18px;max-width:720px}
#abx-partners .hero p{font-size:17px;color:#525252;max-width:660px;margin:0 auto}
#abx-partners .section{padding:46px 0}
#abx-partners .sec-head{text-align:center;margin-bottom:34px}
#abx-partners .sec-head .label{font-family:'Archivo',sans-serif;font-size:16.5px;letter-spacing:normal;text-transform:none;color:#4340E8;margin-bottom:10px}
#abx-partners .sec-head h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:30px;letter-spacing:-.02em;margin-bottom:12px;max-width:700px;margin-left:auto;margin-right:auto}
#abx-partners .sec-head p{font-size:15px;color:#666;max-width:640px;margin:0 auto}
#abx-partners .grid{display:grid;gap:18px}
#abx-partners .grid-2{grid-template-columns:repeat(2,1fr)}
#abx-partners .grid-3{grid-template-columns:repeat(3,1fr)}
#abx-partners .card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:30px 28px;display:flex;flex-direction:column;transition:all .2s}
#abx-partners .card:hover{border-color:rgba(67,64,232,.22);transform:translateY(-2px);box-shadow:0 12px 30px rgba(67,64,232,.07)}
#abx-partners .card .kick{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#8f55ff;margin-bottom:9px}
#abx-partners .card h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:20px;letter-spacing:-.01em;margin-bottom:10px}
#abx-partners .card>p{font-size:14px;color:#555;line-height:1.62}
#abx-partners .flist{list-style:none;margin:16px 0 22px}
#abx-partners .flist li{position:relative;padding-left:23px;font-size:13.5px;color:#555;margin-bottom:8px;line-height:1.5}
#abx-partners .flist li::before{content:'';position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;background:rgba(67,64,232,.12)}
#abx-partners .flist li::after{content:'';position:absolute;left:4.5px;top:6px;width:5px;height:3px;border-left:1.5px solid #4340E8;border-bottom:1.5px solid #4340E8;transform:rotate(-45deg)}
#abx-partners .tierbadge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#8f55ff;background:rgba(143,85,255,.1);padding:5px 11px;border-radius:100px;margin-top:14px;align-self:flex-start}
#abx-partners .btn{display:inline-block;text-align:center;padding:12px 24px;border-radius:100px;font-family:'Archivo',sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer;margin-top:auto}
#abx-partners .btn-fill{background:linear-gradient(135deg,#4340E8 0%,#5d5aff 100%);color:#fff;box-shadow:0 4px 12px rgba(67,64,232,.22)}
#abx-partners .btn-fill:hover{box-shadow:0 6px 18px rgba(67,64,232,.3)}
#abx-partners .btn-out{background:#fff;border:1px solid rgba(0,0,0,.12);color:#4340E8}
#abx-partners .btn-out:hover{border-color:rgba(67,64,232,.4)}
#abx-partners .note{background:linear-gradient(135deg,rgba(67,64,232,.05),rgba(143,85,255,.06));border:1px solid rgba(67,64,232,.16);border-radius:22px;padding:34px 36px;max-width:760px;margin:0 auto;text-align:center}
#abx-partners .note .label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8f55ff;margin-bottom:14px}
#abx-partners .note p{font-size:15.5px;color:#444;line-height:1.72}
#abx-partners .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#abx-partners .step{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:24px 22px}
#abx-partners .step .num{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#4340E8,#8f55ff);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:15px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
#abx-partners .step h4{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:15px;margin-bottom:6px}
#abx-partners .step p{font-size:13px;color:#666;line-height:1.55}
#abx-partners .cta{padding:60px 0 96px;text-align:center}
#abx-partners .cta h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:33px;letter-spacing:-.02em;margin-bottom:14px;max-width:540px;margin-left:auto;margin-right:auto}
#abx-partners .cta p{font-size:16px;color:#555;max-width:580px;margin:0 auto 28px}
#abx-partners .cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#abx-partners .cta .btn{margin-top:0;padding:13px 26px}
@media(max-width:860px){#abx-partners .steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){#abx-partners .grid-2,#abx-partners .grid-3{grid-template-columns:1fr}#abx-partners .hero h1{font-size:34px}}
@media(max-width:480px){#abx-partners .steps{grid-template-columns:1fr}}

.bxl-overlay {
      position: fixed; inset: 0; z-index: 999999;
      background: rgba(15, 15, 20, 0.55);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      display: none;
      align-items: center;
      justify-content: center;
      padding: 32px 20px;
      overflow-y: auto;
      opacity: 0;
      transition: opacity .28s ease;
    }
    .bxl-overlay.open { display: flex; opacity: 1; }

    .bxl-modal {
      width: 100%;
      max-width: 440px;
      background: #fff;
      border-radius: 24px;
      box-shadow: 0 30px 80px rgba(15,15,20,0.25), 0 8px 24px rgba(15,15,20,0.08);
      overflow: hidden;
      transform: translateY(20px) scale(.98);
      opacity: 0;
      transition: transform .35s cubic-bezier(.2,.7,.2,1), opacity .28s ease;
      position: relative;
      margin: auto;
    }
    .bxl-overlay.open .bxl-modal { transform: translateY(0) scale(1); opacity: 1; }

    .bxl-close {
      position: absolute;
      top: 16px; right: 16px;
      width: 32px; height: 32px;
      border-radius: 50%;
      background: rgba(15,15,20,0.04);
      border: none;
      cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      color: #5C5C72;
      transition: background .15s, color .15s, transform .15s;
      z-index: 10;
    }
    .bxl-close:hover { background: rgba(15,15,20,0.08); color: #0F0F14; transform: rotate(90deg); }

    /* ── Header ── */
    .bxl-header {
      padding: 44px 40px 24px;
      text-align: center;
    }
    .bxl-icon {
      width: 64px;
      height: 64px;
      margin: 0 auto 20px;
      display: block;
      filter: drop-shadow(0 8px 20px rgba(67,64,232,0.25));
    }
    .bxl-title {
      font-family: 'Instrument Serif', serif;
      font-size: 36px;
      font-weight: 400;
      color: #0F0F14;
      line-height: 1.1;
      letter-spacing: -0.02em;
      margin-bottom: 8px;
    }
    .bxl-title em { font-style: italic; color: #4340E8; }
    .bxl-subtitle {
      font-family: 'Archivo', sans-serif;
      font-size: 13.5px;
      font-weight: 300;
      color: #5C5C72;
      line-height: 1.55;
    }
    .bxl-subtitle strong {
      color: #0F0F14;
      font-weight: 500;
    }

    /* ── Body ── */
    .bxl-body {
      padding: 0 40px 32px;
    }
    .bxl-divider {
      height: 1px;
      background: rgba(0,0,0,0.06);
      margin: 0 0 24px;
    }

    /* ── Google button ── */
    .bxl-google {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      background: #fff;
      border: 1px solid rgba(15,15,20,0.12);
      border-radius: 12px;
      padding: 12px 16px;
      font-family: 'Archivo', sans-serif;
      font-size: 14px;
      font-weight: 500;
      color: #0F0F14;
      cursor: pointer;
      transition: border-color .15s, background .15s, box-shadow .15s;
      margin-bottom: 10px;
    }
    .bxl-google:hover {
      border-color: rgba(15,15,20,0.22);
      background: rgba(15,15,20,0.02);
      box-shadow: 0 2px 8px rgba(15,15,20,0.04);
    }
    .bxl-google:disabled { opacity: .55; cursor: not-allowed; }

    /* ── Apple button ── */
    .bxl-apple {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      background: #fff;
      border: 1px solid rgba(15,15,20,0.12);
      border-radius: 12px;
      padding: 12px 16px;
      font-family: 'Archivo', sans-serif;
      font-size: 14px;
      font-weight: 500;
      color: #0F0F14;
      cursor: pointer;
      transition: border-color .15s, background .15s, box-shadow .15s;
      margin-bottom: 18px;
    }
    .bxl-apple:hover {
      border-color: rgba(15,15,20,0.22);
      background: rgba(15,15,20,0.02);
      box-shadow: 0 2px 8px rgba(15,15,20,0.04);
    }
    .bxl-apple:disabled { opacity: .55; cursor: not-allowed; }
    .bxl-apple svg { color: #0F0F14; }

    /* ── OR separator ── */
    .bxl-or {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 18px;
    }
    .bxl-or-line {
      flex: 1;
      height: 1px;
      background: rgba(0,0,0,0.08);
    }
    .bxl-or-text {
      font-family: 'Archivo', sans-serif;
      font-size: 11px;
      font-weight: 500;
      color: #9CA3AF;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    /* ── Email input ── */
    .bxl-input-wrap {
      position: relative;
      margin-bottom: 12px;
    }
    .bxl-input-icon {
      position: absolute;
      left: 14px;
      top: 50%;
      transform: translateY(-50%);
      color: #9CA3AF;
      pointer-events: none;
      display: flex;
      align-items: center;
    }
    .bxl-input {
      width: 100%;
      background: #fff;
      border: 1px solid rgba(15,15,20,0.12);
      border-radius: 12px;
      padding: 12px 14px 12px 42px;
      font-family: 'Archivo', sans-serif;
      font-size: 14px;
      font-weight: 400;
      color: #0F0F14;
      transition: border-color .18s, box-shadow .18s;
      outline: none;
    }
    .bxl-input::placeholder { color: #9CA3AF; font-weight: 300; }
    .bxl-input:focus {
      border-color: #4340E8;
      box-shadow: 0 0 0 3px rgba(67,64,232,0.10);
    }
    .bxl-input:focus ~ .bxl-input-icon { color: #4340E8; }

    /* ── Continue with Email button ── */
    .bxl-email-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      background: #0F0F14;
      color: #fff;
      border: none;
      border-radius: 12px;
      padding: 13px 18px;
      font-family: 'Archivo', sans-serif;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.01em;
      cursor: pointer;
      transition: background .18s, transform .18s, box-shadow .18s, opacity .18s;
      box-shadow: 0 4px 14px rgba(15,15,20,0.18);
      margin-bottom: 14px;
    }
    .bxl-email-btn:hover:not(:disabled) {
      background: #4340E8;
      transform: translateY(-1px);
      box-shadow: 0 6px 20px rgba(67,64,232,0.30);
    }
    .bxl-email-btn:disabled { opacity: 0.55; cursor: not-allowed; }

    .bxl-helper {
      font-family: 'Archivo', sans-serif;
      font-size: 11.5px;
      font-weight: 300;
      color: #9CA3AF;
      text-align: center;
      line-height: 1.55;
      margin-bottom: 22px;
    }

    .bxl-legal {
      font-family: 'Archivo', sans-serif;
      font-size: 11px;
      font-weight: 300;
      color: #9CA3AF;
      text-align: center;
      line-height: 1.6;
      padding-top: 18px;
      border-top: 1px solid rgba(0,0,0,0.06);
    }
    .bxl-legal a {
      color: #5C5C72;
      text-decoration: underline;
      text-underline-offset: 2px;
    }
    .bxl-legal a:hover { color: #4340E8; }

    /* ── OTP view ── */
    .bxl-view { animation: bxlFadeIn .35s ease both; }
    @keyframes bxlFadeIn {
      from { opacity: 0; transform: translateY(8px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .bxl-otp-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 8px;
      margin-bottom: 20px;
    }
    .bxl-otp-input {
      aspect-ratio: 1;
      width: 100%;
      text-align: center;
      font-family: 'Archivo', sans-serif;
      font-size: 22px;
      font-weight: 600;
      color: #0F0F14;
      background: #fff;
      border: 1.5px solid rgba(15,15,20,0.12);
      border-radius: 10px;
      outline: none;
      transition: border-color .18s, box-shadow .18s, background .18s;
    }
    .bxl-otp-input:focus {
      border-color: #4340E8;
      box-shadow: 0 0 0 3px rgba(67,64,232,0.10);
      background: rgba(67,64,232,0.02);
    }
    .bxl-otp-input.filled {
      border-color: rgba(67,64,232,0.30);
      background: rgba(67,64,232,0.04);
    }

    .bxl-resend {
      text-align: center;
      font-family: 'Archivo', sans-serif;
      font-size: 12.5px;
      font-weight: 300;
      color: #9CA3AF;
      margin-bottom: 18px;
    }
    .bxl-resend a {
      color: #4340E8;
      font-weight: 500;
      text-decoration: none;
      cursor: pointer;
      margin-left: 4px;
    }
    .bxl-resend a:hover { text-decoration: underline; }

    .bxl-back {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      width: 100%;
      background: transparent;
      border: 1px solid rgba(15,15,20,0.10);
      border-radius: 12px;
      padding: 11px;
      font-family: 'Archivo', sans-serif;
      font-size: 13px;
      font-weight: 400;
      color: #5C5C72;
      cursor: pointer;
      transition: border-color .15s, color .15s, background .15s;
    }
    .bxl-back:hover {
      border-color: rgba(15,15,20,0.20);
      color: #0F0F14;
      background: rgba(15,15,20,0.02);
    }

    /* ── Success view ── */
    .bxl-success-icon {
      width: 64px; height: 64px;
      border-radius: 50%;
      background: linear-gradient(135deg, #4340E8 0%, #818CF8 100%);
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 20px;
      box-shadow: 0 12px 30px rgba(67,64,232,0.30);
      animation: bxlPop .6s cubic-bezier(.2,.9,.3,1.3) both;
    }
    @keyframes bxlPop {
      0% { transform: scale(.4); opacity: 0; }
      100% { transform: scale(1); opacity: 1; }
    }

    /* ── Mobile ── */
    @media (max-width: 520px) {
      .bxl-overlay { padding: 0; align-items: flex-end; }
      .bxl-modal {
        border-radius: 24px 24px 0 0;
        max-width: 100%;
        margin-top: auto;
      }
      .bxl-header { padding: 36px 24px 20px; }
      .bxl-body { padding: 0 24px 28px; }
      .bxl-title { font-size: 30px; }
    }

/* Overlay & modal container */
    .bxp-overlay {
      position: fixed; inset: 0; z-index: 999998;
      background: rgba(15, 15, 20, 0.55);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      display: none;
      align-items: flex-start;
      justify-content: center;
      overflow-y: auto;
      opacity: 0;
      transition: opacity .28s ease;
    }
    .bxp-overlay.open { display: flex; opacity: 1; }

    .bxp-modal {
      width: 100%;
      max-width: 1280px;
      background: #fff;
      margin: 32px auto;
      border-radius: 24px;
      overflow: hidden;
      transform: translateY(20px) scale(.98);
      opacity: 0;
      transition: transform .35s cubic-bezier(.2,.7,.2,1), opacity .28s ease;
      position: relative;
      box-shadow: 0 30px 80px rgba(15,15,20,0.25), 0 8px 24px rgba(15,15,20,0.08);
    }
    .bxp-overlay.open .bxp-modal { transform: translateY(0) scale(1); opacity: 1; }

    .bxp-close {
      position: absolute;
      top: 18px; right: 18px;
      width: 40px; height: 40px;
      border-radius: 50%;
      background: rgba(255,255,255,0.92);
      border: 1px solid rgba(15,15,20,0.06);
      backdrop-filter: blur(8px);
      cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      color: #5C5C72;
      transition: background .15s, color .15s, transform .15s;
      z-index: 50;
    }
    .bxp-close:hover { background: rgba(15,15,20,0.08); color: #0F0F14; transform: rotate(90deg); }

    /* All pricing page styles (re-scoped to work inside the modal) */
    /* ── Hero pricing ── */
    .pp-hero {
      padding: 80px 48px 40px;
      text-align: center;
      max-width: 900px;
      margin: 0 auto;
    }
    .pp-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: rgba(67,64,232,0.08);
      color: #4340E8;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 5px 11px;
      border-radius: 100px;
      border: 1px solid rgba(67,64,232,0.15);
      margin-bottom: 22px;
    }
    .pp-eyebrow-dot {
      width: 5px; height: 5px; border-radius: 50%; background: #4340E8;
      box-shadow: 0 0 0 3px rgba(67,64,232,0.18);
    }
    .pp-title {
      font-family: 'Instrument Serif', serif;
      font-size: 64px;
      font-weight: 400;
      color: #0F0F14;
      line-height: 1.05;
      letter-spacing: -0.02em;
      margin-bottom: 20px;
    }
    .pp-title em { font-style: italic; color: #4340E8; }
    .pp-subtitle {
      font-family: 'Archivo', sans-serif;
      font-size: 17px;
      font-weight: 300;
      color: #5C5C72;
      line-height: 1.6;
      max-width: 640px;
      margin: 0 auto;
    }

    /* ── Tier grid ── */
    .pp-tiers-section {
      padding: 30px 48px 80px;
      max-width: 1280px;
      margin: 0 auto;
    }
    .pp-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }

    .pp-tier {
      position: relative;
      background: #fff;
      border: 1px solid rgba(15,15,20,0.08);
      border-radius: 20px;
      padding: 36px 30px 32px;
      display: flex;
      flex-direction: column;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .pp-tier:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 50px rgba(15,15,20,0.08);
      border-color: rgba(15,15,20,0.14);
    }

    .pp-tier-popular {
      border: 1.5px solid rgba(67,64,232,0.30);
      background: linear-gradient(180deg, rgba(67,64,232,0.03) 0%, #FFFFFF 60%);
      box-shadow: 0 12px 36px rgba(67,64,232,0.12);
    }
    .pp-tier-popular:hover {
      border-color: rgba(67,64,232,0.45);
      box-shadow: 0 20px 50px rgba(67,64,232,0.16);
    }
    .pp-popular-badge {
      position: absolute;
      top: -12px;
      left: 50%;
      transform: translateX(-50%);
      background: #4340E8;
      color: #fff;
      font-family: 'Archivo', sans-serif;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 5px 12px;
      border-radius: 100px;
      box-shadow: 0 4px 12px rgba(67,64,232,0.30);
    }

    .pp-tier-name {
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: 13px;
      font-weight: 600;
      color: #4340E8;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      margin-bottom: 8px;
    }
    .pp-tier-desc {
      font-family: 'Archivo', sans-serif;
      font-size: 13.5px;
      font-weight: 300;
      color: #5C5C72;
      line-height: 1.55;
      margin-bottom: 24px;
      min-height: 44px;
    }

    .pp-price-block {
      padding-bottom: 24px;
      border-bottom: 1px solid rgba(0,0,0,0.06);
      margin-bottom: 24px;
    }
    .pp-price {
      font-family: 'Instrument Serif', serif;
      font-size: 48px;
      font-weight: 400;
      color: #0F0F14;
      line-height: 1;
      letter-spacing: -0.02em;
      margin-bottom: 8px;
    }
    .pp-price em { font-style: italic; color: #4340E8; }
    .pp-price-note {
      font-family: 'Archivo', sans-serif;
      font-size: 12px;
      font-weight: 300;
      color: #9CA3AF;
      line-height: 1.4;
    }

    .pp-features {
      list-style: none;
      padding: 0;
      margin: 0 0 28px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      flex-grow: 1;
    }
    .pp-features li {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-family: 'Archivo', sans-serif;
      font-size: 13.5px;
      font-weight: 400;
      color: #0F0F14;
      line-height: 1.5;
    }
    .pp-feat-icon {
      flex-shrink: 0;
      width: 18px; height: 18px;
      border-radius: 50%;
      background: rgba(67,64,232,0.08);
      color: #4340E8;
      display: flex; align-items: center; justify-content: center;
      margin-top: 1px;
    }
    .pp-tier-popular .pp-feat-icon { background: rgba(67,64,232,0.14); }
    .pp-features li.muted { color: #9CA3AF; }
    .pp-features li.muted .pp-feat-icon { background: rgba(15,15,20,0.04); color: #C4C4D0; }

    .pp-cta {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      padding: 13px 18px;
      border-radius: 100px;
      font-family: 'Archivo', sans-serif;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.01em;
      text-decoration: none;
      cursor: pointer;
      transition: background .18s, transform .18s, box-shadow .18s, color .18s, border-color .18s;
      border: 1px solid transparent;
    }
    .pp-cta-outline {
      background: transparent;
      color: #0F0F14;
      border-color: rgba(15,15,20,0.15);
    }
    .pp-cta-outline:hover {
      border-color: #0F0F14; background: #0F0F14; color: #fff;
      transform: translateY(-1px);
    }
    .pp-cta-primary {
      background: #4340E8; color: #fff;
      box-shadow: 0 4px 14px rgba(67,64,232,0.30);
    }
    .pp-cta-primary:hover {
      background: #3633C8; transform: translateY(-1px);
      box-shadow: 0 6px 20px rgba(67,64,232,0.40);
    }
    .pp-cta-dark {
      background: #0F0F14; color: #fff;
      box-shadow: 0 4px 14px rgba(15,15,20,0.18);
    }
    .pp-cta-dark:hover {
      background: #4340E8; transform: translateY(-1px);
      box-shadow: 0 6px 20px rgba(67,64,232,0.30);
    }

    /* ── Trust strip ── */
    .pp-trust-strip {
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 48px 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 36px;
      font-family: 'Archivo', sans-serif;
      font-size: 12.5px;
      font-weight: 300;
      color: #9CA3AF;
    }
    .pp-trust-item { display: inline-flex; align-items: center; gap: 7px; }
    .pp-trust-item svg { color: #4340E8; }

    /* ── Comparison table ── */
    .pp-compare-section {
      padding: 80px 48px;
      background: #FAFAFC;
      border-top: 1px solid rgba(0,0,0,0.05);
      border-bottom: 1px solid rgba(0,0,0,0.05);
    }
    .pp-compare-inner { max-width: 1280px; margin: 0 auto; }
    .pp-section-title {
      font-family: 'Instrument Serif', serif;
      font-size: 44px;
      font-weight: 400;
      color: #0F0F14;
      line-height: 1.1;
      letter-spacing: -0.02em;
      text-align: center;
      margin-bottom: 14px;
    }
    .pp-section-title em { font-style: italic; color: #4340E8; }
    .pp-section-sub {
      font-family: 'Archivo', sans-serif;
      font-size: 15px;
      font-weight: 300;
      color: #5C5C72;
      line-height: 1.6;
      text-align: center;
      max-width: 580px;
      margin: 0 auto 50px;
    }

    .pp-table-wrap {
      background: #fff;
      border: 1px solid rgba(0,0,0,0.06);
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 4px 14px rgba(15,15,20,0.04);
    }
    .pp-table {
      width: 100%;
      border-collapse: collapse;
      font-family: 'Archivo', sans-serif;
    }
    .pp-table thead th {
      background: #F7F8FF;
      padding: 22px 20px;
      text-align: left;
      border-bottom: 1px solid rgba(0,0,0,0.06);
    }
    .pp-table thead th:first-child {
      font-size: 11px;
      font-weight: 600;
      color: #9CA3AF;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .pp-table thead th:not(:first-child) {
      text-align: center;
      font-size: 13px;
      font-weight: 600;
      color: #4340E8;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }
    .pp-table thead th.popular {
      background: rgba(67,64,232,0.06);
      position: relative;
    }
    .pp-table tbody tr.section-row td {
      background: #FAFAFC;
      padding: 14px 20px;
      font-size: 11px;
      font-weight: 600;
      color: #0F0F14;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      border-bottom: 1px solid rgba(0,0,0,0.05);
    }
    .pp-table tbody td {
      padding: 14px 20px;
      font-size: 13.5px;
      font-weight: 300;
      color: #0F0F14;
      border-bottom: 1px solid rgba(0,0,0,0.05);
    }
    .pp-table tbody td:first-child {
      font-weight: 400;
      color: #0F0F14;
    }
    .pp-table tbody td:not(:first-child) {
      text-align: center;
      color: #5C5C72;
    }
    .pp-table tbody td.popular {
      background: rgba(67,64,232,0.03);
    }
    .pp-table tbody tr:last-child td { border-bottom: none; }
    .pp-table .check {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 22px; height: 22px;
      border-radius: 50%;
      background: rgba(67,64,232,0.10);
      color: #4340E8;
    }
    .pp-table .dash {
      color: #C4C4D0;
      font-weight: 300;
      font-size: 18px;
    }

    /* ── FAQ ── */
    .pp-faq-section {
      padding: 80px 48px;
      max-width: 880px;
      margin: 0 auto;
    }
    .pp-faq-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-top: 40px;
    }
    .pp-faq-item {
      background: #fff;
      border: 1px solid rgba(0,0,0,0.08);
      border-radius: 14px;
      overflow: hidden;
      transition: border-color .18s, box-shadow .18s;
    }
    .pp-faq-item:hover { border-color: rgba(67,64,232,0.20); }
    .pp-faq-item.open {
      border-color: rgba(67,64,232,0.30);
      box-shadow: 0 4px 14px rgba(67,64,232,0.06);
    }
    .pp-faq-q {
      width: 100%;
      background: transparent;
      border: none;
      padding: 20px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      cursor: pointer;
      font-family: 'Archivo', sans-serif;
      font-size: 15px;
      font-weight: 500;
      color: #0F0F14;
      text-align: left;
      transition: color .15s;
    }
    .pp-faq-q:hover { color: #4340E8; }
    .pp-faq-chev {
      flex-shrink: 0;
      color: #9CA3AF;
      transition: transform .25s ease, color .15s;
    }
    .pp-faq-item.open .pp-faq-chev {
      transform: rotate(180deg);
      color: #4340E8;
    }
    .pp-faq-a {
      max-height: 0;
      overflow: hidden;
      transition: max-height .35s ease, padding .25s ease;
    }
    .pp-faq-item.open .pp-faq-a {
      max-height: 400px;
      padding: 0 24px 22px;
    }
    .pp-faq-a p {
      font-family: 'Archivo', sans-serif;
      font-size: 14px;
      font-weight: 300;
      color: #5C5C72;
      line-height: 1.7;
    }

    /* ── Final CTA ── */
    .pp-final-cta {
      padding: 90px 48px;
      text-align: center;
      background: linear-gradient(180deg, #FFFFFF 0%, #F7F8FF 100%);
      border-top: 1px solid rgba(0,0,0,0.05);
    }
    .pp-final-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: rgba(67,64,232,0.08);
      color: #4340E8;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 5px 11px;
      border-radius: 100px;
      border: 1px solid rgba(67,64,232,0.15);
      margin-bottom: 22px;
    }
    .pp-final-title {
      font-family: 'Instrument Serif', serif;
      font-size: 52px;
      font-weight: 400;
      color: #0F0F14;
      line-height: 1.05;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
    }
    .pp-final-title em { font-style: italic; color: #4340E8; }
    .pp-final-sub {
      font-family: 'Archivo', sans-serif;
      font-size: 16px;
      font-weight: 300;
      color: #5C5C72;
      line-height: 1.6;
      max-width: 560px;
      margin: 0 auto 32px;
    }
    .pp-final-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #0F0F14;
      color: #fff;
      border: none;
      padding: 14px 28px;
      border-radius: 100px;
      font-family: 'Archivo', sans-serif;
      font-size: 14.5px;
      font-weight: 500;
      cursor: pointer;
      transition: background .18s, transform .18s, box-shadow .18s;
      box-shadow: 0 4px 14px rgba(15,15,20,0.18);
      text-decoration: none;
    }
    .pp-final-btn:hover {
      background: #4340E8;
      transform: translateY(-1px);
      box-shadow: 0 6px 20px rgba(67,64,232,0.30);
    }

    /* ── Mobile ── */
    @media (max-width: 980px) {
      .navbar { padding: 0 20px; }
      .nav-list { display: none; }
      .pp-hero { padding: 56px 24px 28px; }
      .pp-title { font-size: 44px; }
      .pp-subtitle { font-size: 15px; }
      .pp-tiers-section { padding: 20px 20px 60px; }
      .pp-grid { grid-template-columns: 1fr; gap: 14px; }
      .pp-tier-popular { order: -1; }
      .pp-trust-strip { padding: 0 20px 40px; gap: 20px; font-size: 12px; }
      .pp-compare-section { padding: 56px 20px; overflow-x: auto; }
      .pp-section-title { font-size: 32px; }
      .pp-table-wrap { overflow-x: auto; }
      .pp-table { min-width: 640px; }
      .pp-faq-section { padding: 56px 20px; }
      .pp-final-cta { padding: 64px 20px; }
      .pp-final-title { font-size: 36px; }
    }


    /* Mobile adjustments for modal */
    @media (max-width: 980px) {
      .bxp-modal { margin: 0; border-radius: 0; min-height: 100vh; }
    }

/* ===== Pricing (pricing_simple, scoped) ===== */

#bxp-v2 *,#bxp-v2 *::before,#bxp-v2 *::after{box-sizing:border-box;margin:0;padding:0}
#bxp-v2{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
#bxp-v2{background:linear-gradient(160deg,#F7F9FC 0%,#FFFFFF 55%,#F5F8FB 100%);font-family:'Archivo',sans-serif;color:#1a1a1a;font-weight:300;line-height:1.6}
#bxp-v2 .container{
  padding: 0 80px;
  max-width: 1400px;
  margin: 0 auto;
}
#bxp-v2 .hero{padding:80px 0 26px;text-align:center;position:relative;overflow:hidden}
#bxp-v2 .hero::before{content:'';position:absolute;top:-200px;right:-150px;width:640px;height:640px;background:radial-gradient(circle,rgba(67,64,232,.06) 0%,transparent 60%);pointer-events:none}
#bxp-v2 .tag{display:inline-flex;align-items:center;gap:8px;background:rgba(67,64,232,.08);color:#4340E8;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:100px;margin-bottom:22px}
#bxp-v2 .tag .dot{width:6px;height:6px;border-radius:50%;background:#4340E8}
#bxp-v2 .hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:46px;line-height:1.06;letter-spacing:-.03em;margin:0 auto 18px;max-width:720px}
#bxp-v2 .hero h1 em{font-style:normal;color:#4340E8}
#bxp-v2 .hero p{font-size:17px;color:#525252;max-width:600px;margin:0 auto}
#bxp-v2 .plans{padding:30px 0 10px}
#bxp-v2 .sec-head{text-align:center;margin:34px 0 20px}
#bxp-v2 .sec-head .label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#4340E8;margin-bottom:8px}
#bxp-v2 .sec-head h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:27px;letter-spacing:-.02em}
#bxp-v2 .sec-head h2 em{font-style:normal;color:#4340E8}
#bxp-v2 .sec-head p{font-size:14px;color:#777;margin-top:6px}
#bxp-v2 .grid{display:grid;gap:16px}
#bxp-v2 .grid-2{grid-template-columns:repeat(2,1fr);max-width:720px;margin:0 auto}
#bxp-v2 .grid-3{grid-template-columns:repeat(3,1fr)}
#bxp-v2 .card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;position:relative;transition:all .2s}
#bxp-v2 .card:hover{border-color:rgba(67,64,232,.25);transform:translateY(-2px);box-shadow:0 12px 30px rgba(67,64,232,.08)}
#bxp-v2 .card.focus{border-color:rgba(67,64,232,.35);box-shadow:0 12px 30px rgba(67,64,232,.1)}
#bxp-v2 .pill{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#4340E8 0%,#8f55ff 100%);color:#fff;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:100px;white-space:nowrap}
#bxp-v2 .badge{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#4340E8;margin-bottom:10px}
#bxp-v2 .card h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:20px;letter-spacing:-.01em;margin-bottom:12px}
#bxp-v2 .price{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}
#bxp-v2 .price .val{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:32px;letter-spacing:-.02em;color:#1a1a1a}
#bxp-v2 .price .unit{font-size:13px;color:#888}
#bxp-v2 .price-note{font-size:12px;color:#999;margin-bottom:18px;min-height:16px}
#bxp-v2 .desc-long{font-size:14px;color:#555;line-height:1.62;margin-bottom:24px;flex:1}
#bxp-v2 .btn{display:block;text-align:center;padding:12px;border-radius:100px;font-family:'Archivo',sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer}
#bxp-v2 .btn-fill{background:linear-gradient(135deg,#4340E8 0%,#5d5aff 100%);color:#fff;box-shadow:0 4px 12px rgba(67,64,232,.22)}
#bxp-v2 .btn-fill:hover{box-shadow:0 6px 18px rgba(67,64,232,.3)}
#bxp-v2 .btn-out{background:#fff;border:1px solid rgba(0,0,0,.12);color:#4340E8}
#bxp-v2 .btn-out:hover{border-color:rgba(67,64,232,.4)}
#bxp-v2 .trust{padding:46px 0 6px}
#bxp-v2 .trust-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 36px}
#bxp-v2 .trust-item{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#555}
#bxp-v2 .trust-item svg{width:17px;height:17px;stroke:#4340E8;fill:none;stroke-width:1.7}
#bxp-v2 .faq{padding:46px 0 20px}
#bxp-v2 .faq .label{text-align:center;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#4340E8;margin-bottom:10px}
#bxp-v2 .faq h2{text-align:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:30px;letter-spacing:-.02em;margin-bottom:32px}
#bxp-v2 .faq h2 em{font-style:normal;color:#4340E8}
#bxp-v2 .faq-list{max-width:720px;margin:0 auto}
#bxp-v2 .faq-item{border-bottom:1px solid rgba(0,0,0,.08)}
#bxp-v2 .faq-q{padding:18px 0;font-size:15.5px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
#bxp-v2 .faq-q::-webkit-details-marker{display:none}
#bxp-v2 .faq-q::after{content:'+';color:#4340E8;font-size:20px;font-weight:300}
#bxp-v2 details[open] .faq-q::after{content:'\2013'}
#bxp-v2 .faq-a{padding:0 0 20px;font-size:14.5px;color:#555;line-height:1.65}
#bxp-v2 .cta{padding:56px 0 90px;text-align:center}
#bxp-v2 .cta h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:300;font-size:34px;letter-spacing:-.02em;margin-bottom:14px}
#bxp-v2 .cta h2 em{font-style:normal;color:#4340E8}
#bxp-v2 .cta p{font-size:16px;color:#555;max-width:520px;margin:0 auto 28px}
#bxp-v2 .cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#bxp-v2 .cta-btns .btn{padding:13px 26px}
@media(max-width:900px){#bxp-v2 .hero h1{font-size:38px}}
@media(max-width:680px){#bxp-v2 .grid-2,#bxp-v2 .grid-3{grid-template-columns:1fr}#bxp-v2 .hero h1{font-size:32px}#bxp-v2 .price-note{min-height:0}}

#eaOverlay *{margin:0;padding:0;box-sizing:border-box}
#eaOverlay{position:fixed;inset:0;background:rgba(13,15,30,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:1000001;overflow-y:auto}
#eaOverlay.open{opacity:1;pointer-events:auto}
#eaOverlay .modal{background:#fff;border-radius:26px;width:100%;max-width:430px;padding:38px 36px 28px;position:relative;box-shadow:0 30px 80px rgba(20,20,50,.28);transform:scale(.96) translateY(8px);transition:transform .3s cubic-bezier(.2,.8,.25,1);margin:auto;font-family:'Archivo',sans-serif;font-weight:300;line-height:1.6;color:#1a1a1a}
#eaOverlay.open .modal{transform:scale(1) translateY(0)}
#eaOverlay .close{position:absolute;top:18px;right:18px;width:32px;height:32px;border:none;background:rgba(0,0,0,.04);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}
#eaOverlay .close:hover{background:rgba(0,0,0,.09)}
#eaOverlay .close svg{width:15px;height:15px;stroke:#777;stroke-width:2;fill:none;stroke-linecap:round}
#eaOverlay .eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:#4340E8;margin-bottom:14px}
#eaOverlay h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:26px;letter-spacing:-.02em;margin-bottom:10px;line-height:1.15}
#eaOverlay .lead{font-size:14.5px;color:#666;line-height:1.6;margin-bottom:22px}
#eaOverlay .lab{font-size:12.5px;color:#8a8a96;margin-bottom:9px}
#eaOverlay .lab span{color:#c4c4cc}
#eaOverlay .roles{display:flex;gap:8px;margin-bottom:18px}
#eaOverlay .role{flex:1;border:1px solid rgba(0,0,0,.1);background:#fff;border-radius:11px;padding:9px 4px;font-family:'Archivo',sans-serif;font-size:13px;color:#555;cursor:pointer;transition:all .15s}
#eaOverlay .role:hover{border-color:rgba(67,64,232,.35)}
#eaOverlay .role.sel{border-color:#4340E8;background:rgba(67,64,232,.06);color:#4340E8}
#eaOverlay .field{margin-bottom:13px}
#eaOverlay .field input,#eaOverlay .field select{width:100%;border:1px solid rgba(0,0,0,.12);border-radius:13px;padding:14px 16px;font-family:'Archivo',sans-serif;font-size:15px;font-weight:300;color:#1a1a1a;outline:none;background:#fff;transition:border-color .18s,box-shadow .18s}
#eaOverlay .field input::placeholder{color:#a0a0ac}
#eaOverlay .field input:focus,#eaOverlay .field select:focus{border-color:#4340E8;box-shadow:0 0 0 3px rgba(67,64,232,.12)}
#eaOverlay .field select{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:14px}
#eaOverlay .field select.ph{color:#a0a0ac}
#eaOverlay .field.err input,#eaOverlay .field.err select{border-color:#e0556b;box-shadow:0 0 0 3px rgba(224,85,107,.1)}
#eaOverlay .errmsg{font-size:12.5px;color:#e0556b;margin:0 2px;opacity:0;max-height:0;overflow:hidden;transition:opacity .15s,max-height .15s,margin .15s}
#eaOverlay .field.err + .errmsg{opacity:1;max-height:24px;margin:-7px 2px 11px}
#eaOverlay .combo{position:relative}
#eaOverlay .combolist{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:13px;box-shadow:0 14px 34px rgba(20,20,50,.16);max-height:210px;overflow-y:auto;z-index:6;display:none}
#eaOverlay .combolist.show{display:block}
#eaOverlay .combolist .opt{padding:11px 16px;font-size:14.5px;color:#333;cursor:pointer}
#eaOverlay .combolist .opt:hover{background:rgba(67,64,232,.07);color:#4340E8}
#eaOverlay .combolist .none{padding:11px 16px;font-size:13.5px;color:#9a9aa6}
#eaOverlay .cond{max-height:0;opacity:0;overflow:hidden;transition:max-height .32s ease,opacity .25s ease}
#eaOverlay .cond.show{max-height:185px;opacity:1}
#eaOverlay .submit{width:100%;background:linear-gradient(135deg,#4340E8 0%,#6d5aff 100%);color:#fff;border:none;border-radius:13px;padding:15px;font-family:'Archivo',sans-serif;font-size:15.5px;font-weight:500;cursor:pointer;transition:box-shadow .2s,transform .15s;margin-top:4px}
#eaOverlay .submit:hover{box-shadow:0 8px 22px rgba(67,64,232,.3);transform:translateY(-1px)}
#eaOverlay .finenote{font-size:11.5px;color:#a8a8b2;text-align:center;margin-top:15px;line-height:1.5}
#eaOverlay .shake{animation:eaShake .35s}
@keyframes eaShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
#eaOverlay .success{display:none;text-align:center;padding:8px 0}
#eaOverlay .success.show{display:block}
#eaOverlay .checkwrap{width:64px;height:64px;border-radius:50%;background:rgba(67,64,232,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;animation:eaPop .4s cubic-bezier(.2,.9,.3,1.4) both}
@keyframes eaPop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
#eaOverlay .checkwrap svg{width:30px;height:30px;stroke:#4340E8;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
#eaOverlay .success p{font-size:14.5px;color:#666;line-height:1.6;margin-bottom:24px}
#eaOverlay .success p b{font-weight:500;color:#4340E8}
#eaOverlay .done{background:#fff;border:1px solid rgba(0,0,0,.12);color:#4340E8;border-radius:13px;padding:13px 28px;font-family:'Archivo',sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:border-color .18s}
#eaOverlay .done:hover{border-color:rgba(67,64,232,.4)}
@media(prefers-reduced-motion:reduce){#eaOverlay *{animation:none!important;transition:opacity .15s!important}}
@media(max-width:460px){#eaOverlay .modal{padding:32px 22px 24px}#eaOverlay h2{font-size:23px}}

/* ====== Beeexy Book a Demo modal · estilos aislados (#bdOverlay) ====== */

#bdOverlay{
  --bd-blue:#4340E8; --bd-blue2:#6d5aff;
  --bd-ink:#0d0f1e; --bd-mut:#5b6172; --bd-line:#e7e9f2;
  --bd-bg:#ffffff; --bd-soft:#f6f7fb;
  position:fixed; inset:0; z-index:1000001;
  display:none; align-items:center; justify-content:center;
  padding:20px; background:rgba(13,15,30,.55); backdrop-filter:blur(6px);
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
}
#bdOverlay.bd-open{ display:flex; }

#bdOverlay *{ box-sizing:border-box; }

#bdOverlay .bd-modal{
  position:relative; width:100%; max-width:540px;
  max-height:92vh; overflow-y:auto;
  background:var(--bd-bg); border:1px solid var(--bd-line);
  border-radius:24px; box-shadow:0 30px 80px rgba(13,15,30,.28);
  animation:bd-pop .28s cubic-bezier(.16,1,.3,1);
}
@keyframes bd-pop{ from{ opacity:0; transform:translateY(14px) scale(.98);} to{ opacity:1; transform:none;} }

/* ocultar barra de scroll (sigue desplazandose) */
#bdOverlay .bd-modal,
#bdOverlay .bd-combolist{ scrollbar-width:none; -ms-overflow-style:none; }
#bdOverlay .bd-modal::-webkit-scrollbar,
#bdOverlay .bd-combolist::-webkit-scrollbar{ width:0; height:0; display:none; }

#bdOverlay .bd-close{
  position:absolute; top:16px; right:16px; z-index:2;
  width:36px; height:36px; display:flex; align-items:center; justify-content:center;
  border:1px solid var(--bd-line); border-radius:999px; background:#fff;
  color:var(--bd-mut); cursor:pointer; transition:.2s;
}
#bdOverlay .bd-close:hover{ color:var(--bd-ink); border-color:#cfd3e6; transform:rotate(90deg); }

#bdOverlay .bd-body{ padding:34px 32px 28px; }
#bdOverlay .bd-head{ margin-bottom:22px; }

#bdOverlay .bd-eyebrow{
  display:inline-flex; align-items:center; gap:7px;
  font-family:'Archivo',sans-serif; font-weight:400; font-size:14.5px; line-height:1.55; letter-spacing:normal;
  text-transform:none; color:var(--bd-mut); margin-bottom:12px;
}
#bdOverlay .bd-dot{ width:7px; height:7px; border-radius:50%; background:var(--bd-blue); box-shadow:0 0 0 0 rgba(67,64,232,.5); animation:bd-pulse 2s infinite; }
@keyframes bd-pulse{ 0%{box-shadow:0 0 0 0 rgba(67,64,232,.45);} 70%{box-shadow:0 0 0 8px rgba(67,64,232,0);} 100%{box-shadow:0 0 0 0 rgba(67,64,232,0);} }

#bdOverlay .bd-title{
  font-family:'Archivo',sans-serif; font-weight:700; font-size:24px; line-height:1.18;
  color:var(--bd-ink); margin:0 0 8px; letter-spacing:-.01em;
}
#bdOverlay .bd-sub{ font-size:14.5px; line-height:1.55; color:var(--bd-mut); margin:0; }

#bdOverlay .bd-grid2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
#bdOverlay .bd-field{ margin-bottom:14px; display:flex; flex-direction:column; }
#bdOverlay .bd-field label{ font-size:13px; font-weight:600; color:var(--bd-ink); margin-bottom:6px; }
#bdOverlay .bd-req{ color:var(--bd-blue); }
#bdOverlay .bd-opt{ color:var(--bd-mut); font-weight:500; }

#bdOverlay input,
#bdOverlay select,
#bdOverlay textarea{
  width:100%; font-family:inherit; font-size:14.5px; color:var(--bd-ink);
  background:var(--bd-soft); border:1px solid var(--bd-line); border-radius:12px;
  padding:12px 13px; transition:.18s; outline:none;
}
#bdOverlay textarea{ resize:vertical; min-height:80px; }
#bdOverlay input::placeholder,
#bdOverlay textarea::placeholder{ color:#9aa0b4; }
#bdOverlay input:focus,
#bdOverlay select:focus,
#bdOverlay textarea:focus{ border-color:var(--bd-blue); background:#fff; box-shadow:0 0 0 3px rgba(67,64,232,.12); }

#bdOverlay .bd-phone{ display:grid; grid-template-columns:118px 1fr; gap:10px; }
#bdOverlay .bd-phone select{ padding:12px 8px; }

#bdOverlay .bd-combo{ position:relative; }
#bdOverlay .bd-combolist{
  position:absolute; top:calc(100% + 6px); left:0; right:0; background:#fff;
  border:1px solid var(--bd-line); border-radius:13px;
  box-shadow:0 16px 38px rgba(13,15,30,.18); max-height:220px; overflow-y:auto;
  z-index:8; display:none;
}
#bdOverlay .bd-combolist.show{ display:block; }
#bdOverlay .bd-combolist .bd-citem{ padding:11px 14px; font-size:14.5px; color:var(--bd-ink); cursor:pointer; }
#bdOverlay .bd-combolist .bd-citem:hover,
#bdOverlay .bd-combolist .bd-citem.bd-active{ background:rgba(67,64,232,.08); color:var(--bd-blue); }
#bdOverlay .bd-combolist .bd-none{ padding:11px 14px; font-size:13.5px; color:#9aa0b4; }

#bdOverlay .bd-err{
  display:none; color:#d83a52; font-size:12px; margin-top:5px; font-weight:500;
}
#bdOverlay .bd-field.bd-invalid .bd-err,
#bdOverlay .bd-consent.bd-invalid .bd-err[data-for="bd-privacy"]{ display:block; }
#bdOverlay .bd-field.bd-invalid input,
#bdOverlay .bd-field.bd-invalid select{ border-color:#d83a52; background:#fff5f6; }
#bdOverlay .bd-shake{ animation:bd-shake .4s; }
@keyframes bd-shake{ 0%,100%{transform:translateX(0);} 20%,60%{transform:translateX(-6px);} 40%,80%{transform:translateX(6px);} }

#bdOverlay .bd-consent{ margin:6px 0 18px; }
#bdOverlay .bd-check{
  display:flex; align-items:flex-start; gap:10px; cursor:pointer;
  font-size:13px; line-height:1.5; color:var(--bd-mut); margin-bottom:12px; font-weight:500;
}
#bdOverlay .bd-check input{ width:auto; margin-top:2px; accent-color:var(--bd-blue); flex:none; }
#bdOverlay .bd-check a{ color:var(--bd-blue); text-decoration:underline; }
#bdOverlay .bd-consent.bd-invalid .bd-err{ display:block; margin-top:-6px; margin-bottom:10px; }

#bdOverlay .bd-submit{
  width:100%; border:none; border-radius:14px; padding:15px;
  font-family:'Plus Jakarta Sans',sans-serif; font-size:15.5px; font-weight:700; color:#fff;
  background:linear-gradient(135deg,var(--bd-blue),var(--bd-blue2));
  cursor:pointer; transition:.2s; box-shadow:0 10px 26px rgba(67,64,232,.3);
}
#bdOverlay .bd-submit:hover{ transform:translateY(-2px); box-shadow:0 14px 32px rgba(67,64,232,.4); }
#bdOverlay .bd-submit:active{ transform:translateY(0); }

#bdOverlay .bd-trust{
  text-align:center; font-size:11.5px; color:var(--bd-mut); margin:16px 0 0; letter-spacing:.01em;
}

/* success */
#bdOverlay .bd-success{ text-align:center; padding-top:48px; padding-bottom:40px; }
#bdOverlay .bd-check-circle{ display:flex; justify-content:center; margin-bottom:18px; }
#bdOverlay .bd-c-ring{ stroke:var(--bd-blue); stroke-width:3; stroke-dasharray:151; stroke-dashoffset:151; animation:bd-ring .6s cubic-bezier(.65,0,.45,1) forwards; }
#bdOverlay .bd-c-tick{ stroke:var(--bd-blue); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:40; stroke-dashoffset:40; animation:bd-tick .35s cubic-bezier(.65,0,.45,1) .55s forwards; }
@keyframes bd-ring{ to{ stroke-dashoffset:0; } }
@keyframes bd-tick{ to{ stroke-dashoffset:0; } }
#bdOverlay .bd-success .bd-sub{ max-width:340px; margin:0 auto 22px; }
#bdOverlay .bd-done{ max-width:200px; margin:0 auto; }

@media (max-width:520px){
  #bdOverlay{ padding:0; }
  #bdOverlay .bd-modal{ max-width:100%; max-height:100vh; border-radius:0; min-height:100vh; }
  #bdOverlay .bd-grid2{ grid-template-columns:1fr; gap:0; }
  #bdOverlay .bd-body{ padding:28px 22px 26px; }
}
@media (prefers-reduced-motion:reduce){
  #bdOverlay .bd-modal,#bdOverlay .bd-dot,#bdOverlay .bd-c-ring,#bdOverlay .bd-c-tick,#bdOverlay .bd-shake{ animation:none !important; }
  #bdOverlay .bd-c-ring,#bdOverlay .bd-c-tick{ stroke-dashoffset:0; }
}

/* ====== Beeexy Clinical Council modal · estilos aislados (#ccOverlay) ====== */

#ccOverlay{
  --cc-blue:#4340E8; --cc-blue2:#6d5aff;
  --cc-ink:#0d0f1e; --cc-mut:#5b6172; --cc-line:#e7e9f2;
  --cc-bg:#ffffff; --cc-soft:#f6f7fb;
  position:fixed; inset:0; z-index:1000001;
  display:none; align-items:center; justify-content:center;
  padding:20px; background:rgba(13,15,30,.55); backdrop-filter:blur(6px);
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
}
#ccOverlay.cc-open{ display:flex; }
#ccOverlay *{ box-sizing:border-box; }

#ccOverlay .cc-modal{
  position:relative; width:100%; max-width:540px;
  max-height:92vh; overflow-y:auto;
  background:var(--cc-bg); border:1px solid var(--cc-line);
  border-radius:24px; box-shadow:0 30px 80px rgba(13,15,30,.28);
  animation:cc-pop .28s cubic-bezier(.16,1,.3,1);
}
@keyframes cc-pop{ from{ opacity:0; transform:translateY(14px) scale(.98);} to{ opacity:1; transform:none;} }

/* ocultar barra de scroll (sigue desplazandose) */
#ccOverlay .cc-modal,
#ccOverlay .cc-combolist{ scrollbar-width:none; -ms-overflow-style:none; }
#ccOverlay .cc-modal::-webkit-scrollbar,
#ccOverlay .cc-combolist::-webkit-scrollbar{ width:0; height:0; display:none; }

#ccOverlay .cc-close{
  position:absolute; top:16px; right:16px; z-index:2;
  width:36px; height:36px; display:flex; align-items:center; justify-content:center;
  border:1px solid var(--cc-line); border-radius:999px; background:#fff;
  color:var(--cc-mut); cursor:pointer; transition:.2s;
}
#ccOverlay .cc-close:hover{ color:var(--cc-ink); border-color:#cfd3e6; transform:rotate(90deg); }

#ccOverlay .cc-body{ padding:34px 32px 28px; }
#ccOverlay .cc-head{ margin-bottom:22px; }

#ccOverlay .cc-eyebrow{
  display:inline-flex; align-items:center; gap:7px;
  font-family:'Plus Jakarta Sans',sans-serif; font-size:12.5px; font-weight:600;
  letter-spacing:normal; text-transform:none; color:var(--cc-blue); margin-bottom:12px;
}
#ccOverlay .cc-dot{ width:7px; height:7px; border-radius:50%; background:var(--cc-blue); animation:cc-pulse 2s infinite; }
@keyframes cc-pulse{ 0%{box-shadow:0 0 0 0 rgba(67,64,232,.45);} 70%{box-shadow:0 0 0 8px rgba(67,64,232,0);} 100%{box-shadow:0 0 0 0 rgba(67,64,232,0);} }

#ccOverlay .cc-title{
  font-family:'Archivo',sans-serif; font-weight:700; font-size:24px; line-height:1.18;
  color:var(--cc-ink); margin:0 0 8px; letter-spacing:-.01em;
}
#ccOverlay .cc-sub{ font-size:14.5px; line-height:1.55; color:var(--cc-mut); margin:0; }

#ccOverlay .cc-grid2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
#ccOverlay .cc-field{ margin-bottom:14px; display:flex; flex-direction:column; }
#ccOverlay .cc-field label{ font-size:13px; font-weight:600; color:var(--cc-ink); margin-bottom:6px; }
#ccOverlay .cc-req{ color:var(--cc-blue); }
#ccOverlay .cc-opt{ color:var(--cc-mut); font-weight:500; }

#ccOverlay input,
#ccOverlay select,
#ccOverlay textarea{
  width:100%; font-family:inherit; font-size:14.5px; color:var(--cc-ink);
  background:var(--cc-soft); border:1px solid var(--cc-line); border-radius:12px;
  padding:12px 13px; transition:.18s; outline:none;
}
#ccOverlay textarea{ resize:vertical; min-height:80px; }
#ccOverlay input::placeholder,
#ccOverlay textarea::placeholder{ color:#9aa0b4; }
#ccOverlay input:focus,
#ccOverlay select:focus,
#ccOverlay textarea:focus{ border-color:var(--cc-blue); background:#fff; box-shadow:0 0 0 3px rgba(67,64,232,.12); }

#ccOverlay .cc-combo{ position:relative; }
#ccOverlay .cc-combolist{
  position:absolute; top:calc(100% + 6px); left:0; right:0; background:#fff;
  border:1px solid var(--cc-line); border-radius:13px;
  box-shadow:0 16px 38px rgba(13,15,30,.18); max-height:220px; overflow-y:auto;
  z-index:8; display:none;
}
#ccOverlay .cc-combolist.show{ display:block; }
#ccOverlay .cc-combolist .cc-citem{ padding:11px 14px; font-size:14.5px; color:var(--cc-ink); cursor:pointer; }
#ccOverlay .cc-combolist .cc-citem:hover,
#ccOverlay .cc-combolist .cc-citem.cc-active{ background:rgba(67,64,232,.08); color:var(--cc-blue); }
#ccOverlay .cc-combolist .cc-none{ padding:11px 14px; font-size:13.5px; color:#9aa0b4; }

#ccOverlay .cc-err{ display:none; color:#d83a52; font-size:12px; margin-top:5px; font-weight:500; }
#ccOverlay .cc-field.cc-invalid .cc-err{ display:block; }
#ccOverlay .cc-field.cc-invalid input,
#ccOverlay .cc-field.cc-invalid select{ border-color:#d83a52; background:#fff5f6; }
#ccOverlay .cc-shake{ animation:cc-shake .4s; }
@keyframes cc-shake{ 0%,100%{transform:translateX(0);} 20%,60%{transform:translateX(-6px);} 40%,80%{transform:translateX(6px);} }

#ccOverlay .cc-consent{ margin:6px 0 18px; }
#ccOverlay .cc-check{
  display:flex; align-items:flex-start; gap:10px; cursor:pointer;
  font-size:13px; line-height:1.5; color:var(--cc-mut); margin-bottom:12px; font-weight:500;
}
#ccOverlay .cc-check input{ width:auto; margin-top:2px; accent-color:var(--cc-blue); flex:none; }
#ccOverlay .cc-check a{ color:var(--cc-blue); text-decoration:underline; }
#ccOverlay .cc-consent.cc-invalid .cc-err{ display:block; margin-top:-6px; margin-bottom:10px; }

#ccOverlay .cc-submit{
  width:100%; border:none; border-radius:14px; padding:15px;
  font-family:'Plus Jakarta Sans',sans-serif; font-size:15.5px; font-weight:700; color:#fff;
  background:linear-gradient(135deg,var(--cc-blue),var(--cc-blue2));
  cursor:pointer; transition:.2s; box-shadow:0 10px 26px rgba(67,64,232,.3);
}
#ccOverlay .cc-submit:hover{ transform:translateY(-2px); box-shadow:0 14px 32px rgba(67,64,232,.4); }
#ccOverlay .cc-submit:active{ transform:translateY(0); }

#ccOverlay .cc-trust{ text-align:center; font-size:11.5px; color:var(--cc-mut); margin:16px 0 0; letter-spacing:.01em; }

/* success */
#ccOverlay .cc-success{ text-align:center; padding-top:48px; padding-bottom:40px; }
#ccOverlay .cc-check-circle{ display:flex; justify-content:center; margin-bottom:18px; }
#ccOverlay .cc-c-ring{ stroke:var(--cc-blue); stroke-width:3; stroke-dasharray:151; stroke-dashoffset:151; animation:cc-ring .6s cubic-bezier(.65,0,.45,1) forwards; }
#ccOverlay .cc-c-tick{ stroke:var(--cc-blue); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:40; stroke-dashoffset:40; animation:cc-tick .35s cubic-bezier(.65,0,.45,1) .55s forwards; }
@keyframes cc-ring{ to{ stroke-dashoffset:0; } }
@keyframes cc-tick{ to{ stroke-dashoffset:0; } }
#ccOverlay .cc-success .cc-sub{ max-width:360px; margin:0 auto 22px; }
#ccOverlay .cc-done{ max-width:200px; margin:0 auto; }

@media (max-width:520px){
  #ccOverlay{ padding:0; }
  #ccOverlay .cc-modal{ max-width:100%; max-height:100vh; border-radius:0; min-height:100vh; }
  #ccOverlay .cc-grid2{ grid-template-columns:1fr; gap:0; }
  #ccOverlay .cc-body{ padding:28px 22px 26px; }
}
@media (prefers-reduced-motion:reduce){
  #ccOverlay .cc-modal,#ccOverlay .cc-dot,#ccOverlay .cc-c-ring,#ccOverlay .cc-c-tick,#ccOverlay .cc-shake{ animation:none !important; }
  #ccOverlay .cc-c-ring,#ccOverlay .cc-c-tick{ stroke-dashoffset:0; }
}
@media (max-width: 1200px) {
  .hero-grid:before{
    width: 400px;
    height: 270px;
  }
  .hero-grid:after{
    width: 350px;
    height: 270px;
  }
  .optc-embed .d-copy:after{
    right: -130px;
    bottom: -100px;
    width: 360px;
    height: 210px;
  }
  .fcta-container:before{
    width: 200px;
    height: 200px;
  }
  .fcta-container:after{
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 1024px) {
  .who-cards{
    gap: 45px;
  }
  .who-split{
    gap: 45px;
  }
  .bxf-bottom{
    flex-wrap: normal;
  }
}
@media (max-width: 992px) {
  .hero-grid:before {
    width: 300px;
    height: 200px;
  }
  .hero-grid:after {
    width: 260px;
    height: 200px;
  }
  .hero-grid{
    padding: 40px 0 230px;
  }
  .who-card-icon img {
    width: 60px;
    margin-top: -52px;
  }
  .optc-embed .d-copy:after{
    display: none;
  }
  .fcta-container:before{
    width: 200px;
    height: 200px;
    left: -200px;
  }
  .fcta-container:after{
    width: 200px;
    height: 200px;
    right: -200px;
  }
  .fcta-section{
    padding: 60px 140px 60px;
  }
  .bxf-bottom{
    flex-wrap: nowrap;
  }
  .mv-two-col{
    display: flex;
    flex-direction: column;
    gap: 120px;
  }
  #ea-hero .hero{
    padding: 60px 0 60px!important;
  }
}
@media (max-width: 980px) {
  .mv-section{
    padding: 55px 24px;
  }
  .mv-text-side{
    width: 100%;
  }
  .mv-left-sub br{
    display: none;
  }
  .mv-left-desc{
    max-width: initial;
  }
}
@media (max-width: 900px) {
  #bxp-v2 .container,
  #abx-why .container,
  #abx-company .container,
  #abx-presence .container,
  #abx-partners .container,
  #ecx-personal .container,
  #ecx-clinical .container{
    padding: 0 24px;
  }
  #bxp-v2 .grid-2{
    max-width: 100%;
  }
  #bxp-v2 .faq-list,
  #abx-partners .note{
    max-width: 100%;
  }
  #abx-why .hero,
  #abx-company .hero,
  #abx-presence .hero,
  #abx-partners .hero,
  #ecx-clinical .hero,
  #ecx-personal .hero{
    padding-top: 55px;
  }
}
@media (max-width: 768px) {
  .hero-grid {
    padding: 40px 0 150px;
    padding-top: 0;
  }
  .hero-grid:before,
  .hero-grid:after{
    bottom: 0;
  }
  .hero-grid:before {
    width: 200px;
    height: 130px;
  }
  .hero-grid:after {
    width: 180px;
    height: 130px;
  }
  .fcta-container:before,
  .fcta-container:after{
    display: none;
  }
  .fcta-section {
    padding: 100px 60px 80px;
  }
  .hero-tagline{
    white-space: normal;
  }
  .hero-tagline br{
    display: none;
  }
  #ea-hero h1{
    white-space: normal;
  }
  .optc-embed .opt{
    padding: 0;
  }
  .optc-embed .d-copy{
    max-width: initial;
  }
  .optc-embed .sub{
    max-width: initial;
  }
  .optc-embed .d-wrap{
    flex: 0 1;
    width: 100%;
    max-width: initial;
  }
  .optc-embed .d-head br{
    display: none;
  }
  .optc-embed .d-outer{
    gap: 45px;
  }
  .mv-left-title{
    font-size: 32px;
  }
}
@media(max-width:680px){
  #ea-hero .capture input {
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 18px;
    padding: 16px;
  }
  .fcta-section{
    padding: 70px 24px 70px!important;
    padding-top: 70px;
  }
  .fcta-btn-primary{
    box-shadow: 0 10px 26px rgba(67, 64, 232, 0.15);
  }
}
@media(max-width:640px){
  .hero-section .cta-row .btn-primary.navbar-cta-blue{
    box-shadow: 0 10px 26px rgba(67,64,232,.15) !important;
  }
  .hero-section{
    padding-bottom: 30px;
  }
  .mv-left-title{
    font-size: 30px;
  }
  #ea-hero h1{
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  .bxf-bottom{
    flex-wrap: nowrap;
  }
  .mv-section .vstage{
    transform: scale(1);
  }
  .vstage{
    width: 100%;
  }
  .vcard-shadow{
    max-width: initial;
    width: 100%;
  }
  .rec-pill{
    width: 70%;
  }
  .fcta-section {
    padding: 50px 24px 50px!important;
  }
}
@media (max-width: 480px) {
  .hero-grid {
    padding: 40px 0 120px;
    padding-top: 0;
  }
  .hero-grid:before {
    width: 150px;
    height: 100px;
  }
  .hero-grid:after {
    width: 140px;
    height: 100px;
  }
  .navbar{
    gap: 10px;
  }
  .announce-text{
    font-size: 11px;
  }
  .mc-title {
    font-size: 28px;
  }
  .eco-title{
    font-size: 24px;
  }
  .mv-left-title{
    font-size: 26px;
  }
  .rec-pill{
    width: 65%;
  }
  #ea-hero .hero {
    padding: 50px 0 50px!important;
  }
  #abx-partners .hero h1,
  #abx-partners .sec-head h2{
    font-size: 28px;
  }
}
@media (max-width: 400px) {
  .eco-title{
    font-size: 22px;
  }
  .eco-sub{
    font-size: 16px;
  }
  .mc-title {
    font-size: 25px;
  }
  .rec-play{
    width: 35px;
    height: 35px;
  }
  .rec-pill-head{
    font-size: 13px;
  }
  .rec-time{
    font-size: 13px;
  }
  .vcard-title{
    font-size: 22px;
  }
  .vc-saved{
    font-size: 12px;
  }
  .vc-btn{
    padding: 10px 12px;
    font-size: 12px;
  }
  .rec-pill{
    width: 60%;
  }
  #ea-hero .note{
    font-size: 12px;
  }
  .bxf-tagline{
    font-size: 12px;
  }
  #abx-partners .hero h1,
  #abx-partners .sec-head h2{
    font-size: 24px;
  }
}