:root{--bg:#F8FAFC;--card:#FFFFFF;--muted:#5B6B80;--text:#0F172A;--brand:#10B981;--brand-2:#0EA5A0;--warning:#B45309;--danger:#DC2626;--ok:#16A34A;--border:#E5E7EB}
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}
  a{color:var(--brand);text-decoration:none}
  img{max-width:100%;height:auto}
  .container{max-width:1120px;margin:0 auto;padding:0 20px}
  .skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
  .skip-link:focus{left:12px;top:12px;width:auto;height:auto;background:#111827;color:#fff;padding:8px 12px;border-radius:8px;z-index:999}

  header.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 6px 16px rgba(16,24,40,.06);z-index:50}
  .nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
  .nav-list{display:flex;gap:16px;list-style:none;margin:0;padding:0}
  .nav-list a{padding:8px 12px;border-radius:999px;color:#0f172a}
  .nav-list a:hover{background:#ECFDF5}
  .cta-link{background:var(--brand);color:#ffffff}

  .hero{padding:56px 0 28px;border-bottom:1px solid var(--border);background:
    radial-gradient(circle at 0 0, rgba(37,211,102,.06) 0, rgba(37,211,102,0) 40%),
    radial-gradient(circle at 100% 0, rgba(14,165,233,.04) 0, rgba(14,165,233,0) 35%),
    linear-gradient(180deg,#F6FFF9 0%,#FFFFFF 100%)}
  .hero h1{font-size:clamp(28px,5vw,44px);margin:0 0 10px}
  .subtitle{color:#334155;margin:0 0 20px;font-size:clamp(16px,2.5vw,18px)}
  .badge-today{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #BBF7D0;border-radius:999px;color:#065F46;background:#ECFDF5;font-weight:600;font-size:13px;margin-bottom:14px}
  .kicker{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
  .kicker .k{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px dashed #A7F3D0;border-radius:10px;background:#F0FDFA;color:#065F46}

  .cta-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
  .cta-button{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:var(--brand);color:#ffffff;font-weight:700;border:1px solid #059669;box-shadow:0 4px 14px rgba(16,185,129,.18)}
  .cta-ghost{background:#ffffff;color:var(--brand);border:1px solid #A7F3D0}
  .cta-button:hover{filter:brightness(1.05)}

  .section{padding:56px 0;border-top:1px solid var(--border)}
  h2{font-size:clamp(22px,3.5vw,32px);margin:0 0 18px}
  h3{margin:0 0 8px}

  .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  @media (max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr}}

  .card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(2,135,73,.06)}
  .card .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
  .card p{color:#334155;margin:8px 0 0}

  .compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  @media (max-width:900px){.compare{grid-template-columns:1fr}}
  .compare .card{position:relative}
  .compare .tag{position:absolute;top:12px;right:12px}

  .pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid #A7F3D0;color:#065F46;background:#ECFDF5}
  .pill.success{color:#065F46;border-color:#BBF7D0;background:#ECFDF5}
  .pill.warn{color:#92400e;border-color:#fde68a;background:#fffbeb}

  .video-container{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#000}
  iframe{width:100%;height:100%;display:block}

  /* Pricing */
  .pricing .table-responsive{overflow:auto;border:1px solid var(--border);border-radius:12px}
  table{width:100%;border-collapse:collapse;min-width:0}
  th,td{padding:12px 14px;border-bottom:1px solid #E5E7EB;text-align:left}
  thead th{background:#ECFDF5;color:#0f172a}
  tbody tr:nth-child(odd){background:#FAFAFA}

  /* Mobile pricing cards */
  .pricing-cards{display:none}
  @media (max-width:900px){
    .pricing .table-responsive{display:none}
    .pricing-cards{display:grid;grid-template-columns:1fr;gap:12px}
    .pricing-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 8px 20px rgba(0,0,0,.04)}
    .pricing-card .title{font-weight:700}
    .pricing-card .row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;color:#334155}
    .pricing-card .price{font-size:20px;font-weight:800;color:#065F46}
  }

  .cta{background:linear-gradient(180deg,#ECFDF5,transparent);text-align:center}

  footer{border-top:1px solid var(--border);padding:26px 0;color:#475569;background:#fff}

  /* Mobile sticky CTA */
  .mobile-cta{position:fixed;left:0;right:0;bottom:0;background:#ffffff;border-top:1px solid var(--border);box-shadow:0 -8px 20px rgba(0,0,0,.06);padding:10px 14px;display:none;z-index:60}
  .mobile-cta .bar{display:flex;gap:10px;align-items:center;justify-content:space-between}
  .mobile-cta .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;background:var(--brand);color:#fff;font-weight:700;border:1px solid #059669}
  @media (max-width:900px){.mobile-cta{display:block}}
  /* Brand text beside logo */
  .brand{display:flex;align-items:center;gap:12px}
  .brand-text{display:flex;flex-direction:column}
  .brand-name{font-weight:800;font-size:clamp(18px,2.6vw,22px);color:#0F172A}
  .brand-sub{font-size:12px;color:#5B6B80;line-height:1.2}
  @media (max-width:640px){.brand-sub{display:none}}
  /* Novedades: badge fuego */
  #novedades .pill.success{color:#7C2D12;border-color:#F59E0B;background:#FFFBEB;box-shadow:0 0 0 2px rgba(245,158,11,.15) inset}
  #novedades .pill.success::before{content:"🔥";margin-right:6px}
  /* Global fixes */
  html,body{height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
  .container{max-width:960px}
  @media (max-width:640px){.container{padding:0 12px}}
  /* WhatsApp full-screen shell */
  .app{min-height:100svh;display:flex;justify-content:center;align-items:stretch;background:#E7FCEB}
  .chat-shell{flex:1;max-width:520px;background:#ffffff;border:1px solid var(--border);box-shadow:0 8px 28px rgba(0,0,0,.08)}
  @media (min-width:1024px){.chat-shell{border-radius:20px;overflow:hidden;margin:20px 0}}
  .chat-header{position:sticky;top:0;z-index:40;background:#FFFFFF;border-bottom:1px solid #E5E7EB;padding:10px 14px}
  .chat-header img{width:44px;height:44px;border-radius:50%;background:#E8FBEF;border:2px solid #E5F7EE;box-shadow:0 1px 0 rgba(0,0,0,.06)}
  .chat-header .t{display:flex;flex-direction:column;line-height:1.1}
  .chat-header .t .name{font-weight:800;color:#0b3a1e}
  .chat-header .t .sub{font-size:12px;color:#08361a;opacity:.85}
  .chat-content{max-height:calc(100svh - 56px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#FFFFFF}
  @supports (height:100dvh){.chat-content{max-height:calc(100dvh - 56px)}}
  /* Avoid double sticky on mobile */
  @media (max-width:640px){header.site-header{position:static;box-shadow:none}}
  /* Prevent horizontal scroll culprits */
  iframe,table{max-width:100%}
  table{table-layout:auto}
  .pricing .table-responsive{min-width:0}
  /* ===== Desktop polish (PC / Laptop) ===== */
  @media (min-width:1024px){
    html,body{height:auto;overflow-y:auto}
    .container{max-width:1120px}
    header.site-header{position:sticky;top:0;box-shadow:0 6px 16px rgba(16,24,40,.06)}
    .app{min-height:auto;background:linear-gradient(180deg,#F8FAFC 0%, #FFFFFF 100%)}
    .chat-shell{max-width:1160px;border-radius:20px;margin:24px auto;border:1px solid var(--border);box-shadow:0 12px 34px rgba(0,0,0,.06)}
    .chat-content{max-height:unset;overflow:visible}
  }

  /* ===== Tablet tweaks ===== */
  @media (min-width:641px) and (max-width:1023.98px){
    .container{max-width:920px}
    .chat-shell{max-width:920px;margin:18px auto;border-radius:16px}
    .chat-content{max-height:unset;overflow:visible}
  }

  /* Extra safety: avoid horizontal scroll at any size */
  body{overflow-x:hidden}
  .pricing .table-responsive{overflow:auto;-webkit-overflow-scrolling:touch}
  table{max-width:100%}
  /* ===== Background pattern (fingerprints, phones, wifi, people, office) ===== */
  .bg-pattern{background-color:#F8FAFC;
    background-image: url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2392A4B1' stroke-width='0.6' opacity='0.25'%3E%3Cpath d='M20 18c8 0 14 6 14 14s-6 14-14 14-14-6-14-14 6-14 14-14zm0 0c10 2 18 10 18 20m-36 0c0-10 8-18 18-20'/%3E%3Cpath d='M120 18l6 6-6 6-6-6 6-6zm-2 20h4v10h-4z'/%3E%3Cpath d='M80 24c0-4 4-6 8-6s8 2 8 6-4 6-8 6-8-2-8-6zm0 0v12m16-12v12'/%3E%3Cpath d='M140 90c6 0 12 6 12 12s-6 12-12 12-12-6-12-12 6-12 12-12zm16-8h-8m-16 0h-8m24 32h-8m-16 0h-8'/%3E%3Cpath d='M28 104c0-8 6-14 14-14s14 6 14 14-6 14-14 14-14-6-14-14zm-8 0h8m28 0h8m-22-8v-8m0 32v8'/%3E%3Cpath d='M92 132c0-6 10-6 10 0 0 6-10 6-10 0zm22 0c0-6 10-6 10 0 0 6-10 6-10 0z'/%3E%3Cpath d='M76 86c0-6 6-10 12-10s12 4 12 10-6 10-12 10-12-4-12-10zm-8 10h40'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 360px 360px;
  }

  /* ===== Mobile nav (hamburger) ===== */
  .nav-toggle{display:none;background:transparent;border:0;padding:8px;border-radius:8px}
  .nav-toggle .bar{display:block;width:22px;height:2px;background:#0F172A;margin:5px 0;border-radius:2px}
  .nav-drawer{display:none;position:fixed;inset:0 30% 0 0;background:#FFFFFF;border-right:1px solid var(--border);padding:14px;z-index:70}
  .nav-drawer ul{list-style:none;padding:0;margin:0}
  .nav-drawer li{border-bottom:1px solid var(--border)}
  .nav-drawer a{display:block;padding:12px 8px;color:#0F172A}
  .nav-drawer .close{display:inline-block;margin-bottom:8px}
  .nav-mask{display:none;position:fixed;inset:0;background:rgba(15,23,42,.35);backdrop-filter:blur(2px);z-index:60}
  @media (max-width:900px){
    .nav-list{display:none}
    .nav-toggle{display:inline-flex}
  }

  /* ===== Chat header (mobile WhatsApp-like) ===== */
  
  .chat-header .back{appearance:none;background:transparent;border:0;color:#111827;font-size:22px;line-height:1;padding:6px 10px;border-radius:10px}
  .chat-header .head-wrap{display:flex;align-items:center;gap:10px}
  .chat-header .title-wrap{display:flex;flex-direction:column}
  .chat-header .title{font-weight:800;color:#128C7E;font-size:17px;line-height:1.1}
  .chat-header .sub{font-size:12px;color:#6B7280;opacity:.95}
  
  @media (max-width:640px){
    .statusbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#0b3a1e;background:#E8FBEF;padding:4px 10px;border-bottom:1px solid rgba(0,0,0,.05)}
    .statusbar .icons{letter-spacing:1px}
  }
  /* Mobile: remove status bar, compact avatar */
  @media (max-width:640px){
    .statusbar{display:none!important}
    header.site-header .brand img{width:28px;height:28px;border-radius:50%}
    header.site-header .brand-text{display:none}
    header.site-header .brand{gap:8px}
  }
  /* Desktop polish */
  @media (min-width:1024px){
    .container{max-width:1200px}
    .app{background:linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 100%)}
    .chat-shell{max-width:1200px;border-radius:20px;margin:24px auto;border:1px solid var(--border);box-shadow:0 18px 40px rgba(2, 6, 23, .06)}
    .chat-content{max-height:unset;overflow:visible}
    .hero{border-radius:18px;margin:12px 16px;padding:64px 32px}
    .card{border-radius:18px}
  }
  /* Mobile: hide first (header) logo and any adjacent line */
  @media (max-width:640px){
    header.site-header{border-bottom:0;box-shadow:none}
    header.site-header .brand a{display:none!important}
    header.site-header .brand::before, header.site-header .brand::after{display:none!important;content:none!important}
    header.site-header .brand{gap:0;min-width:0}
    /* ensure only chat header avatar remains visible */
    .chat-header img{display:inline-block}
  }
  /* Verified & Business badges */
  .name-line{display:flex;align-items:center;gap:6px}
  .verified{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:999px;background:#25D366;color:#ffffff;font-size:11px;line-height:1;border:1px solid #19b45a}
  .badge-business{display:inline-block;margin-top:2px;padding:2px 6px;border-radius:999px;font-size:11px;background:#F0FDF4;color:#065F46;border:1px solid #A7F3D0}
  /* ===== Chat simulation (WhatsApp-like) ===== */
  .chat-sim{max-width:520px;margin:14px auto 24px;border-radius:14px;border:1px solid var(--border);box-shadow:0 2px 10px rgba(0,0,0,.06);overflow:hidden}
  .chat-sim .pad{padding:12px}
  .is-ios .chat-sim{background:#F0F2F5}
  .is-android .chat-sim{background:#ECE5DD}
  .thread{display:flex;flex-direction:column;gap:8px}
  .bubble{max-width:88%;display:inline-block;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.35;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.05);animation:pop .35s ease}
  .bubble.in{background:#FFFFFF;color:#111;border-top-left-radius:4px}
  .bubble.out{background:#DCF8C6;color:#111;border-top-right-radius:4px;align-self:flex-end}
  .meta{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;opacity:.7}
  .ticks{font-size:12px}
  .composer{display:flex;align-items:center;gap:8px;background:#fff;border-radius:26px;border:1px solid #E5E7EB;padding:10px 12px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
  .composer span{color:#94A3B8}
  .composer .icons{margin-left:auto;display:flex;gap:10px;opacity:.7}
  @keyframes pop{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}
  @media (max-width:640px){.chat-sim{margin:10px auto}.bubble{font-size:15px}}

  /* ======= MODAL ANUNCIO (DESACTIVADO) ======= */
  .bf-modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9999;
  }
  .bf-modal{
    position:relative;
    width:40vw;
    max-width:480px;
    min-width:260px;
    cursor:move;
    border-radius:16px;
    box-shadow:0 18px 45px rgba(15,23,42,.45);
    transform:translate(0,0);
  }
  .bf-modal img{
    display:block;
    width:100%;
    height:auto;
    border-radius:16px;
    user-select:none;
    -webkit-user-drag:none;
  }
  .bf-modal-close{
    position:absolute;
    top:8px;
    right:10px;
    border:0;
    background:rgba(15,23,42,.8);
    color:#F9FAFB;
    width:28px;
    height:28px;
    border-radius:999px;
    cursor:pointer;
    font-size:18px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .bf-modal-close:hover{
    background:rgba(15,23,42,.95);
  }
  @media (max-width:640px){
    .bf-modal{
      width:90vw;
      max-width:90vw;
    }
  }

  /* ===== Precios (clases de promo conservadas, pero no usadas) ===== */
  .old-price{
    text-decoration:line-through;
    color:#9CA3AF;
    font-size:13px;
    margin-right:4px;
    white-space:nowrap;
  }
  .promo-price{
    font-weight:800;
    color:#065F46;
    font-size:15px;
    white-space:nowrap;
  }
  .promo-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 10px;
    border-radius:999px;
    background:#FEF3C7;
    color:#92400E;
    font-size:12px;
    font-weight:600;
    border:1px solid #FBBF24;
    margin:8px 0 4px;
  }

  /* ===== Header desktop alignment fix ===== */
  header.site-header .nav-wrap{gap:16px}
  header.site-header .brand{flex:0 0 auto;min-width:0}
  header.site-header nav{flex:1 1 auto;min-width:0}
  header.site-header .nav-list{flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:10px}
  header.site-header .nav-list a{white-space:nowrap;display:inline-flex;align-items:center}
  header.site-header .cta-link{white-space:nowrap}
  header.site-header .brand a img{width:52px;height:52px;max-width:52px}
  header.site-header .brand-text{min-width:0}
  header.site-header .brand-name{white-space:nowrap}
  header.site-header .brand-sub{white-space:nowrap}
  @media (max-width:1100px){
    header.site-header .nav-list a{padding:8px 10px;font-size:14px}
    header.site-header .brand-sub{display:none}
  }


  /* ===== Responsive hardening (100% responsiva) ===== */
  /* Better fluid grids */
  .grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
  .grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
  @media (max-width:360px){
    .grid-2{grid-template-columns:1fr}
  }

  /* Prevent any horizontal overflow */
  body, .app, .chat-shell, .chat-content, .container{max-width:100%}
  .table-responsive{max-width:100%}
  table{min-width:0;width:100%}
  .pricing .table-responsive{overflow-x:auto}
  .pricing-table{min-width:720px} /* only inside desktop table wrapper */
  @media (max-width:900px){
    .pricing-table{min-width:0}
  }

  /* Header: allow wrap on mid sizes so it never "descuadra" */
  header.site-header .nav-wrap{flex-wrap:wrap}
  header.site-header nav{flex:1 1 520px}
  header.site-header .brand{flex:1 1 auto}
  @media (max-width:980px){
    header.site-header .nav-wrap{gap:10px}
  }

  /* Hero spacing on small screens */
  @media (max-width:640px){
    .hero{padding:34px 0 18px}
    .section{padding:38px 0}
    .cta-group{gap:10px}
    .cta-button{width:100%;justify-content:center}
  }

  /* Chat sim container should never overflow */
  .chat-sim{max-width:100%}
  .bubble{word-wrap:break-word;overflow-wrap:anywhere}

  /* Video always keeps aspect ratio */
  .video-container{width:100%}
  .video-container iframe{width:100%!important;height:100%!important}

  /* Pricing cards: ensure long text doesn't break layout */
  .pricing-card .title{overflow-wrap:anywhere}
  .pricing-card .row{gap:10px}



  /* ===== Mobile hamburger visibility fix ===== */
  @media (max-width:900px){
    header.site-header nav{display:none !important;}
    header.site-header .nav-wrap{flex-wrap:nowrap !important;align-items:center;}
    header.site-header .nav-toggle{display:inline-flex !important;margin-left:auto;position:relative;z-index:80;}
    header.site-header .brand{flex:1 1 auto;}
  }


  /* ===== Conversion V2 Styles ===== */
  .hero-v2{padding:64px 0 34px;background:radial-gradient(1200px 600px at 10% -10%, rgba(16,185,129,.18), transparent 55%),radial-gradient(1000px 600px at 90% 0%, rgba(59,130,246,.12), transparent 55%),linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);}
  .hero-v2 h1{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0 0 10px;color:#0f172a;letter-spacing:-.02em}
  .hero-v2 .sub{font-size:clamp(15px,1.6vw,18px);color:#334155;margin:0 0 18px;max-width:860px}
  .hero-v2 .kicker2{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
  .chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-weight:700;font-size:13px;white-space:nowrap}
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch;margin-top:18px}
  .trust-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px;box-shadow:0 14px 40px rgba(2,6,23,.06)}
  .trust-card .row{display:flex;gap:10px;align-items:flex-start}
  .trust-card .icon{width:36px;height:36px;border-radius:12px;background:rgba(16,185,129,.12);display:flex;align-items:center;justify-content:center;font-weight:800;color:#065f46;flex:0 0 auto}
  .trust-card p{margin:0;color:#334155}
  .cta-primary{background:#0f766e;border-color:#0f766e}
  .cta-primary:hover{filter:brightness(.98)}
  .cta-secondary{background:#fff;color:#0f172a;border:1px solid #e2e8f0}
  .cta-secondary:hover{background:#f8fafc}
  .section-alt{background:#f8fafc}
  .metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
  .metric{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px}
  .metric strong{display:block;font-size:22px;color:#0f172a;letter-spacing:-.02em}
  .metric span{color:#64748b;font-size:13px}
  .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
  .step{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px}
  .step .num{width:34px;height:34px;border-radius:12px;background:#0f766e;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
  .compare{overflow:auto;border-radius:18px;border:1px solid #e2e8f0;background:#fff}
  .compare table{width:100%}
  .compare th,.compare td{padding:12px 14px;border-bottom:1px solid #e2e8f0;vertical-align:top}
  .compare thead th{background:#f1f5f9;color:#0f172a;font-weight:800}
  .compare td:first-child{color:#334155}
  .ok{color:#065f46;font-weight:800}
  .no{color:#b91c1c;font-weight:800}
  .industries{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
  .industry{padding:10px 12px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-weight:700;font-size:13px}
  .security-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px}
  .security-item{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px}
  .security-item strong{display:block;color:#0f172a;margin-bottom:6px}
  .security-item p{margin:0;color:#334155}
  @media (max-width:980px){
    .hero-grid{grid-template-columns:1fr}
    .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
    .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media (max-width:520px){
    .metrics,.steps{grid-template-columns:1fr}
  }


  /* ===== Brand imagery ===== */
  .hero-visual{display:grid;grid-template-rows:auto auto;gap:14px}
  .visual-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:14px;box-shadow:0 14px 40px rgba(2,6,23,.06)}
  .visual-card img{display:block;width:100%;height:auto;border-radius:16px}
  .visual-caption{margin-top:10px;color:#475569;font-size:13px;line-height:1.45}
  .mini-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}
  .mini-brand img{width:44px;height:44px;border-radius:14px;background:#ecfdf5;padding:6px}
  .proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
  .proof-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px;text-align:center;font-size:12px;color:#334155;font-weight:700}
  @media (max-width:980px){
    .proof-strip{grid-template-columns:1fr}
  }


  /* ===== Proof / cases / corporate footer ===== */
  .logos-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px}
  .logo-box{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;text-align:center;color:#334155;font-weight:800;min-height:76px;display:flex;align-items:center;justify-content:center}
  .cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px}
  .case-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(2,6,23,.05)}
  .case-card .eyebrow{display:inline-flex;padding:4px 10px;border-radius:999px;background:#ecfeff;color:#0f766e;border:1px solid #a5f3fc;font-size:12px;font-weight:800;margin-bottom:10px}
  .case-card h3{margin:0 0 8px;color:#0f172a;font-size:18px}
  .case-card p{margin:0;color:#334155}
  .case-list{margin:10px 0 0;padding-left:18px;color:#334155}
  .case-list li{margin:6px 0}
  .corp-footer{background:#0f172a;color:#cbd5e1;border-top:0;padding:0}
  .corp-footer a{color:#e2e8f0}
  .corp-footer .inner{max-width:1120px;margin:0 auto;padding:38px 20px;display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:20px;align-items:start}
  .corp-footer .brandline{display:flex;gap:12px;align-items:flex-start}
  .corp-footer .brandline img{width:54px;height:54px;border-radius:16px;background:#f0fdf4;padding:6px}
  .corp-footer h4{margin:0 0 10px;color:#fff;font-size:14px}
  .corp-footer ul{list-style:none;padding:0;margin:0}
  .corp-footer li{margin:8px 0}
  .corp-footer .mini{color:#94a3b8;font-size:13px;line-height:1.55}
  .corp-footer .bottom{border-top:1px solid rgba(255,255,255,.08);padding:14px 20px;color:#94a3b8;font-size:13px;max-width:1120px;margin:0 auto}
  @media (max-width:960px){
    .corp-footer .inner{grid-template-columns:1fr 1fr}
  }
  @media (max-width:640px){
    .corp-footer .inner{grid-template-columns:1fr}
  }

/* ===== VISUAL PROFESIONAL HERO ===== */
.hero-visual{display:grid;grid-template-rows:auto auto;gap:16px;}
.visual-card{position:relative;background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
border:1px solid #e2e8f0;border-radius:20px;padding:20px;
box-shadow:0 20px 60px rgba(2,6,23,.08);text-align:center;overflow:hidden;}
.visual-card::before{content:"";position:absolute;width:260px;height:260px;
background:radial-gradient(circle, rgba(16,185,129,.15), transparent 70%);
top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;}
.visual-card img{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;
border-radius:16px;position:relative;z-index:1;transform:translateY(-6px);
transition:transform .3s ease;}
.visual-card:hover img{transform:translateY(-12px);}
.visual-caption{margin-top:12px;color:#475569;font-size:13px;line-height:1.5;}
.mini-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px;justify-content:center;}
.mini-brand img{width:42px;height:42px;border-radius:12px;background:#ecfdf5;padding:6px;}
.proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;}
.proof-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px;
text-align:center;font-size:12px;color:#334155;font-weight:700;}
@media (max-width:900px){.proof-strip{grid-template-columns:1fr;}}

  /* ===== Premium SaaS polish ===== */
  :root{
    --brand:#00B964;
    --brand-dark:#009E4F;
    --brand-soft:#ECFDF3;
    --blue-accent:#2563EB;
    --page:#F7FAFC;
    --text-strong:#0B1324;
    --header-h:74px;
  }
  html{scroll-padding-top:90px}
  body{background:var(--page);color:var(--text-strong)}
  .container{
    width:min(1280px, calc(100% - 32px));
    margin-inline:auto;
    padding-inline:0;
  }
  @media (min-width:768px){
    .container{width:min(1280px, calc(100% - 48px));}
  }
  @media (min-width:1200px){
    .container{width:min(1280px, calc(100% - 80px));}
  }

  /* Sticky premium header */
  header.site-header{
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(226,232,240,.9);
    box-shadow:0 10px 30px rgba(2,6,23,.05);
  }
  .nav-wrap{
    min-height:var(--header-h);
    padding:12px 0;
    gap:20px;
  }
  .brand-name{font-size:clamp(20px,2.2vw,26px);color:#0f172a}
  .brand-sub{font-size:13px;color:#64748b}
  header.site-header .nav-list{
    gap:8px;
    align-items:center;
  }
  header.site-header .nav-list a{
    padding:10px 14px;
    border-radius:12px;
    color:#1e293b;
    font-weight:700;
    transition:all .18s ease;
  }
  header.site-header .nav-list a:hover{
    background:#F1F5F9;
    color:#0f172a;
  }
  .cta-link{
    background:linear-gradient(180deg,var(--brand) 0%, var(--brand-dark) 100%);
    color:#fff !important;
    border:1px solid rgba(0,0,0,.02);
    box-shadow:0 12px 24px rgba(0,185,100,.22);
  }
  .cta-link:hover{filter:brightness(1.03);transform:translateY(-1px)}

  /* Hero */
  .hero-v2{
    padding:72px 0 48px;
    background:
      radial-gradient(900px 500px at 0% 0%, rgba(0,185,100,.18), transparent 55%),
      radial-gradient(850px 520px at 100% 0%, rgba(37,99,235,.18), transparent 55%),
      linear-gradient(180deg,#ffffff 0%, #F7FAFC 100%);
    border-bottom:1px solid #E5EAF2;
  }
  .hero-v2 .badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:999px;
    background:#fff;
    border:1px solid #DDE7F1;
    color:#334155;
    font-weight:700;
    box-shadow:0 8px 18px rgba(2,6,23,.04);
  }
  .hero-v2 h1{
    max-width:900px;
    font-size:clamp(34px,5vw,64px);
    line-height:1.02;
    letter-spacing:-.045em;
    margin:18px 0 14px;
    color:#0B1324;
  }
  .hero-v2 .sub{
    max-width:760px;
    font-size:clamp(18px,2vw,24px);
    line-height:1.35;
    color:#334155;
    margin-bottom:22px;
  }
  .cta-button{
    border-radius:14px;
    padding:14px 20px;
    font-size:16px;
    box-shadow:0 16px 30px rgba(2,6,23,.08);
  }
  .cta-primary{
    background:linear-gradient(180deg,var(--brand) 0%, var(--brand-dark) 100%);
    border-color:var(--brand-dark);
  }
  .cta-secondary,.cta-ghost{
    background:#fff;
    color:#0f172a;
    border:1px solid #DDE7F1;
  }
  .kicker2{
    gap:12px;
    margin-top:18px;
  }
  .chip{
    padding:10px 14px;
    border-radius:999px;
    border:1px solid #DCE6F0;
    background:rgba(255,255,255,.86);
    box-shadow:0 10px 20px rgba(2,6,23,.03);
    color:#1e293b;
  }
  .hero-grid{
    gap:20px;
    margin-top:28px;
    align-items:start;
  }

  /* Cards / sections */
  .section{padding:72px 0}
  .section-alt{background:#F8FBFF}
  .card,.trust-card,.metric,.step,.security-item,.logo-box,.case-card,.pricing-card,.visual-card{
    border:1px solid #E2EAF2;
    border-radius:22px;
    box-shadow:0 14px 34px rgba(2,6,23,.05);
    background:#fff;
  }
  .card,.trust-card,.metric,.step,.security-item,.case-card,.pricing-card,.visual-card{padding:20px}
  h2{
    font-size:clamp(28px,3.6vw,42px);
    line-height:1.08;
    letter-spacing:-.03em;
    color:#0B1324;
    margin-bottom:16px;
  }
  h3{color:#0F172A}
  .card p,.security-item p,.case-card p,.visual-caption{color:#475569}

  /* Visual block */
  .visual-card{
    background:linear-gradient(180deg,#fff 0%, #F8FBFF 100%);
    overflow:hidden;
  }
  .visual-card::before{
    width:300px;height:300px;
    background:radial-gradient(circle, rgba(0,185,100,.18), transparent 70%);
  }
  .visual-card img{
    max-width:300px;
    transform:translateY(-2px);
  }
  .visual-card:hover img{transform:translateY(-8px)}
  .mini-brand{
    justify-content:flex-start;
    text-align:left;
  }
  .proof-pill{
    background:#F8FBFF;
    border-color:#DCE6F0;
  }

  /* Better compare table */
  .compare{
    border-radius:22px;
    box-shadow:0 16px 34px rgba(2,6,23,.05);
  }
  .compare thead th{
    background:#EEF6FF;
  }

  /* Footer */
  .corp-footer{
    background:linear-gradient(180deg,#0B1324 0%, #0F172A 100%);
  }

  /* Mobile */
  @media (max-width:900px){
    header.site-header nav{display:none !important;}
    .nav-wrap{flex-wrap:nowrap !important}
    .nav-toggle{
      display:inline-flex !important;
      margin-left:auto;
      width:44px;height:44px;
      align-items:center;justify-content:center;
      border:1px solid #DCE6F0;
      background:#fff;
      box-shadow:0 10px 20px rgba(2,6,23,.05);
    }
    .hero-v2{padding:44px 0 28px}
    .hero-v2 h1{font-size:clamp(32px,10vw,48px)}
    .hero-v2 .sub{font-size:18px}
    .cta-group{flex-direction:column;align-items:stretch}
    .cta-button{width:100%;justify-content:center}
  }


  /* ===== Sticky header + stronger colors fix ===== */
  html,body{
    overflow-x:hidden;
    background:#F4F8FF;
  }
  body{
    color:#0B1324;
    padding-top:86px; /* space for fixed header */
  }
  html{
    scroll-padding-top:100px;
  }

  /* truly fixed header */
  header.site-header{
    position:fixed !important;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:2000;
    background:rgba(255,255,255,.96) !important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(203,213,225,.95);
    box-shadow:0 14px 32px rgba(2,6,23,.10);
  }

  /* stronger brand colors */
  :root{
    --brand:#00C853;
    --brand-dark:#009944;
    --brand-soft:#E9FFF2;
    --blue-accent:#1D4ED8;
    --page:#F4F8FF;
    --text-strong:#081223;
  }

  .hero-v2{
    background:
      radial-gradient(950px 540px at 0% 0%, rgba(0,200,83,.28), transparent 52%),
      radial-gradient(880px 560px at 100% 0%, rgba(29,78,216,.22), transparent 52%),
      linear-gradient(180deg,#ffffff 0%, #EEF6FF 100%) !important;
  }

  .section-alt{
    background:#EDF5FF !important;
  }

  .cta-primary,
  .cta-link{
    background:linear-gradient(180deg,#00C853 0%, #009944 100%) !important;
    border-color:#009944 !important;
    color:#fff !important;
    box-shadow:0 18px 34px rgba(0,200,83,.28) !important;
  }

  .cta-secondary,
  .cta-ghost{
    background:#ffffff !important;
    border:1px solid #CAD8EA !important;
    color:#0B1324 !important;
  }

  .chip{
    background:#ffffff !important;
    border:1px solid #D4E0F0 !important;
    color:#0F172A !important;
    box-shadow:0 10px 18px rgba(2,6,23,.05);
  }

  .card,.trust-card,.metric,.step,.security-item,.logo-box,.case-card,.pricing-card,.visual-card,.compare{
    border-color:#D9E5F2 !important;
    box-shadow:0 16px 34px rgba(2,6,23,.07) !important;
  }

  .compare thead th{
    background:#E8F1FF !important;
  }

  header.site-header .nav-list a{
    color:#0F172A !important;
  }
  header.site-header .nav-list a:hover{
    background:#EAF2FF !important;
  }

  .proof-pill{
    background:#F3F8FF !important;
    border-color:#D7E4F2 !important;
  }

  .logo-box{
    background:#ffffff !important;
  }

  .corp-footer{
    background:linear-gradient(180deg,#07101F 0%, #0B1324 100%) !important;
  }

  @media (max-width:900px){
    body{padding-top:78px;}
    header.site-header{
      background:rgba(255,255,255,.98) !important;
    }
  }


  /* ===== Hero image sizing + balanced layout fix ===== */
  .hero-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr) !important;
    align-items:start !important;
  }
  .hero-grid > .trust-card{
    min-height:auto !important;
    align-self:start !important;
  }
  .hero-visual{
    align-self:start !important;
    gap:14px !important;
  }
  .visual-card{
    padding:16px 16px 14px !important;
  }
  .visual-card::before{
    width:190px !important;
    height:190px !important;
    opacity:.8;
  }
  .visual-card img{
    max-width:180px !important;
    width:100% !important;
    margin:8px auto 4px !important;
    transform:none !important;
  }
  .visual-card:hover img{
    transform:translateY(-4px) !important;
  }
  .visual-caption{
    max-width:420px;
    margin:10px auto 0 !important;
    font-size:12px !important;
    line-height:1.45 !important;
  }
  .proof-strip{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:12px !important;
  }
  .proof-pill{
    padding:9px 8px !important;
    font-size:11px !important;
  }
  .mini-brand{
    margin-bottom:6px !important;
  }
  .mini-brand img{
    width:38px !important;
    height:38px !important;
  }

  /* Make left benefit card not too tall */
  .trust-card .row + .row{
    margin-top:10px !important;
  }

  /* Technology accent in hero without washing out */
  .hero-v2{
    position:relative;
    overflow:hidden;
  }
  .hero-v2::after{
    content:"";
    position:absolute;
    right:-120px;
    top:110px;
    width:480px;
    height:480px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(29,78,216,.12), transparent 68%);
    pointer-events:none;
    z-index:0;
  }
  .hero-v2 > .container{
    position:relative;
    z-index:1;
  }

  @media (max-width:1100px){
    .hero-grid{
      grid-template-columns:1fr !important;
    }
    .visual-card img{
      max-width:170px !important;
    }
  }


  /* ===== Product card compact alignment fix ===== */
  .hero-visual{
    width:100%;
    max-width:100%;
    justify-self:stretch;
  }
  .visual-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    padding:14px 18px 14px !important;
    min-height:auto !important;
  }
  .mini-brand{
    width:100%;
    max-width:320px;
    justify-content:flex-start !important;
    margin:0 auto 4px !important;
  }
  .visual-card::before{
    width:150px !important;
    height:150px !important;
    top:42% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
  }
  .visual-card img{
    display:block;
    width:auto !important;
    max-width:120px !important;
    height:auto !important;
    margin:4px auto 6px !important;
  }
  .visual-caption{
    max-width:420px !important;
    margin:8px auto 0 !important;
  }
  .proof-strip{
    width:100%;
    max-width:760px;
    margin:10px auto 0 !important;
  }
  .proof-pill{
    min-height:auto !important;
  }

  /* Reduce empty space by making right column tighter */
  .hero-grid{
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr) !important;
    align-items:start !important;
  }

  /* Right column blocks aligned and compact */
  .hero-grid > .hero-visual,
  .hero-grid > .trust-card{
    align-self:start !important;
  }

  @media (max-width:1100px){
    .hero-grid{
      grid-template-columns:1fr !important;
    }
    .visual-card{
      padding:14px 14px 14px !important;
    }
    .visual-card img{
      max-width:110px !important;
    }
  }


/* ===== Product layout left image / right text ===== */
.visual-card{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  text-align:left !important;
  gap:16px !important;
}

.visual-card img{
  max-width:90px !important;
  margin:0 !important;
  flex-shrink:0;
}

.visual-content{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.visual-caption{
  margin:4px 0 0 !important;
  text-align:left !important;
}

.proof-strip{
  justify-content:flex-start !important;
}

@media (max-width:900px){
  .visual-card{
    flex-direction:column !important;
    text-align:center !important;
  }
  .visual-caption{
    text-align:center !important;
  }
}


/* ===== Remove logo + fix empty space ===== */

/* remove mini brand (logo arriba) */
.mini-brand{
  display:none !important;
}

/* tighter layout */
.visual-card{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  padding:16px !important;
}

/* image left small */
.visual-card img{
  max-width:110px !important;
  width:auto !important;
  margin:0 !important;
}

/* content right */
.visual-content{
  flex:1;
}

/* eliminate left empty feel */
.hero-visual{
  padding-left:0 !important;
  margin-left:0 !important;
}

/* compress grid more */
.hero-grid{
  grid-template-columns: 1.2fr 0.8fr !important;
  gap:16px !important;
}

@media (max-width:900px){
  .visual-card{
    flex-direction:column !important;
    text-align:center !important;
  }
}


  /* ===== Final image-driven marketing polish ===== */
  .hero-v2 .container{position:relative}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,560px) !important;align-items:center !important}
  .hero-media{
    position:relative;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
    border:1px solid #dbe5f0;border-radius:28px;padding:14px;
    box-shadow:0 22px 60px rgba(2,6,23,.08)
  }
  .hero-media img,.feature-media img,.feature-card img,.device-wide img{
    display:block;width:100%;height:auto;border-radius:20px
  }
  .section-kicker{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 12px;border-radius:999px;background:#eff6ff;color:#2563eb;
    border:1px solid #dbeafe;font-weight:700;font-size:13px;margin-bottom:10px
  }
  .lead{font-size:18px;line-height:1.65;color:#475569}
  .feature-split{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:22px;align-items:center
  }
  .feature-media,.device-wide,.feature-card{
    background:#fff;border:1px solid #dbe5f0;border-radius:24px;padding:14px;
    box-shadow:0 18px 50px rgba(2,6,23,.06)
  }
  .feature-copy .mini-list{margin:12px 0 0;padding-left:18px;color:#475569}
  .feature-copy .mini-list li{margin:8px 0}
  .feature-grid{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px
  }
  .feature-card h3{margin:14px 0 8px;font-size:22px;line-height:1.2;color:#0f172a}
  .feature-card p{margin:0;color:#475569}
  .img-note{font-size:13px;color:#64748b;margin-top:10px}
  .device-wide{padding:18px}
  .stats-inline{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px
  }
  .stats-inline .mini-stat{
    background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px;
    box-shadow:0 10px 24px rgba(2,6,23,.04)
  }
  .mini-stat strong{display:block;font-size:20px;color:#0f172a}
  .mini-stat span{color:#64748b;font-size:13px}
  .feature-band{
    display:grid;grid-template-columns:minmax(320px,520px) minmax(0,1fr);gap:22px;align-items:center
  }
  .soft-callout{
    background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px;color:#334155
  }
  .soft-callout strong{color:#0f172a}
  @media (max-width:1100px){
    .hero-grid,.feature-split,.feature-band{grid-template-columns:1fr !important}
    .feature-grid{grid-template-columns:1fr}
  }


  /* ===== Final polish: motion, spacing, hierarchy ===== */
  .section{padding:84px 0}
  .section-alt{padding:84px 0}
  .hero-v2{padding:84px 0 56px}
  .hero-v2 h1{max-width:860px}
  .hero-v2 .sub{max-width:760px}
  .feature-copy h2,.section h2{margin-bottom:14px}
  .feature-copy .mini-list{margin-top:16px}
  .feature-copy .mini-list li{line-height:1.6}
  .feature-media,.hero-media,.feature-card,.card,.trust-card,.metric,.step,.security-item,.logo-box,.case-card,.pricing-card,.compare{
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .feature-card:hover,.feature-media:hover,.hero-media:hover,.card:hover,.trust-card:hover,.metric:hover,.step:hover,.security-item:hover,.case-card:hover{
    transform:translateY(-3px);
    box-shadow:0 24px 60px rgba(2,6,23,.10);
  }
  .reveal{
    opacity:0;
    transform:translateY(18px);
    animation:fadeUp .7s ease forwards;
  }
  .reveal.delay-1{animation-delay:.08s}
  .reveal.delay-2{animation-delay:.16s}
  .reveal.delay-3{animation-delay:.24s}
  @keyframes fadeUp{
    to{opacity:1;transform:translateY(0)}
  }
  img[loading="lazy"]{content-visibility:auto}
  @media (prefers-reduced-motion: reduce){
    .reveal,.reveal.delay-1,.reveal.delay-2,.reveal.delay-3{opacity:1;transform:none;animation:none}
    .feature-card:hover,.feature-media:hover,.hero-media:hover,.card:hover,.trust-card:hover,.metric:hover,.step:hover,.security-item:hover,.case-card:hover{
      transform:none;
    }
  }
  @media (max-width:900px){
    .section,.section-alt{padding:56px 0}
    .hero-v2{padding:52px 0 30px}
  }


  /* ===== Conversion copy and visual consistency ===== */
  .feature-card,.feature-media,.hero-media,.trust-card,.card,.metric,.step,.security-item,.case-card,.logo-box{border-radius:20px !important}
  .section{padding-top:80px !important;padding-bottom:80px !important}
  .section-alt{padding-top:80px !important;padding-bottom:80px !important}
  .feature-card h3{font-size:20px !important}
  .cta-button{transition:all .25s ease !important}
  .cta-button:hover{transform:translateY(-1px)}
  @media (max-width:900px){
    .section,.section-alt{padding-top:56px !important;padding-bottom:56px !important}
  }


  /* ===== Hero split layout refinement ===== */
  .hero-stack{display:flex;flex-direction:column;gap:28px}
  .hero-top{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
    gap:56px;
    align-items:center;
  }
  .hero-text{max-width:620px}
  .hero-image-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100%;
  }
  .hero-image-card{
    width:100%;
    max-width:640px;
    background:#fff;
    border:1px solid #dbe5f0;
    border-radius:28px;
    padding:16px;
    box-shadow:0 22px 60px rgba(2,6,23,.08);
  }
  .hero-image-card img{
    display:block;
    width:100%;
    height:auto;
    border-radius:22px;
  }
  .hero-bottom{
    display:flex;
    flex-direction:column;
    gap:14px;
  }
  .hero-bottom .cta-group{
    margin-top:0 !important;
    justify-content:flex-start;
  }
  .hero-bottom .kicker2{
    margin-top:0;
  }
  .hero-bottom .stats-inline{
    margin-top:0;
  }
  @media (max-width:1100px){
    .hero-top{
      grid-template-columns:1fr;
      gap:28px;
    }
    .hero-text{max-width:none}
    .hero-image-wrap{
      justify-content:flex-start;
    }
    .hero-image-card{
      max-width:none;
    }
  }


  /* ===== Hero title full width refinement ===== */
  .hero-title{
    max-width:900px;
    margin-bottom:24px;
  }
  .hero-main{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:56px;
    align-items:center;
  }
  @media (max-width:1100px){
    .hero-main{
      grid-template-columns:1fr;
    }
  }


  /* ===== Reviewed hero + WhatsApp sections ===== */
  .hero-stack{
    display:grid !important;
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
    grid-template-areas:
      "title image"
      "main image"
      "bottom bottom";
    gap:18px 40px;
    align-items:start;
  }
  .hero-title{grid-area:title;max-width:900px;margin-bottom:0 !important}
  .hero-main{grid-area:main;display:block !important}
  .hero-bottom{grid-area:bottom;display:flex;flex-direction:column;gap:12px;margin-top:4px}
  .hero-text{max-width:620px}
  .hero-title h1{
    font-size:clamp(40px,5.4vw,76px) !important;
    line-height:.98 !important;
    letter-spacing:-.05em !important;
    max-width:980px;
    margin:0;
  }
  .hero-main .sub{
    font-size:clamp(18px,1.8vw,22px) !important;
    line-height:1.42 !important;
    max-width:760px !important;
    margin:0 !important;
  }
  .hero-image-wrap{
    grid-area:image;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100%;
    align-self:stretch;
  }
  .hero-image-card{
    width:100%;
    max-width:640px;
    background:#fff;
    border:1px solid #dbe5f0;
    border-radius:28px;
    padding:16px;
    box-shadow:0 22px 60px rgba(2,6,23,.08);
  }
  .hero-image-card img{display:block;width:100%;height:auto;border-radius:22px}
  .whatsapp-head{max-width:860px}
  .whatsapp-main{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
    margin-top:24px;
  }
  .whatsapp-copy p{
    font-size:18px;
    line-height:1.7;
    color:#475569;
    margin:0;
  }
  .whatsapp-visual{
    display:flex;
    justify-content:center;
    align-items:center;
  }
  .whatsapp-steps{margin-top:28px}
  @media (max-width:1100px){
    .hero-stack{
      grid-template-columns:1fr !important;
      grid-template-areas:
        "title"
        "image"
        "main"
        "bottom";
      gap:18px;
    }
  }
  @media (max-width:900px){
    .whatsapp-main{grid-template-columns:1fr}
    .hero-title h1{font-size:clamp(32px,10vw,48px) !important}
    .hero-main .sub{font-size:18px !important}
  }


  /* ===== Full page hero + pain overrides ===== */
  .hero{
    padding:46px 0 50px !important;
    background:
      radial-gradient(900px 500px at 0% 0%, rgba(0,200,83,.12), transparent 50%),
      radial-gradient(900px 500px at 100% 0%, rgba(29,78,216,.12), transparent 50%),
      linear-gradient(180deg,#ffffff 0%, #EEF6FF 100%) !important;
    border-radius:0 0 28px 28px !important;
  }
  .hero-title{
    margin-bottom:28px !important;
    width:100%;
    max-width:none !important;
  }
  .hero-title h1{
    width:100%;
    max-width:none !important;
    font-size:clamp(48px,6vw,80px) !important;
    line-height:.95 !important;
    letter-spacing:-.04em !important;
    margin:0 !important;
  }
  .highlight{ color:#16a34a; display:block; }
  .hero-grid{
    display:grid !important;
    grid-template-columns:1.1fr .9fr !important;
    gap:60px !important;
    align-items:center !important;
  }
  .hero-text p.sub{
    font-size:18px !important;
    color:#334155 !important;
    line-height:1.6 !important;
    margin-bottom:20px !important;
    max-width:680px !important;
  }
  .hero-image-card{
    background:#fff;
    border-radius:18px;
    padding:10px;
    box-shadow:0 25px 70px rgba(0,0,0,0.08);
  }
  .hero-image-card img{
    width:100%;
    border-radius:12px;
    display:block;
  }
  .hero-bottom{
    margin-top:28px !important;
  }
  .hero-microline{
    margin-top:14px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    font-size:14px;
    font-weight:600;
    color:#64748b !important;
  }
  .hero-microline span{ color:#64748b !important; }
  .hero-microline .dot{
    width:4px;
    height:4px;
    border-radius:999px;
    background:#94a3b8;
    align-self:center;
  }
  .cta-note{
    margin-top:8px;
    margin-bottom:0;
    font-size:14px;
    color:#64748b !important;
  }

  .pain-section{
    padding:80px 0;
    background:#fff;
  }
  .pain-header{
    text-align:center;
    margin-bottom:50px;
  }
  .pain-header h2{
    font-size:42px;
    margin:10px 0 10px;
  }
  .pain-header p{
    color:#64748b;
    font-size:18px;
    max-width:860px;
    margin:0 auto;
  }
  .pain-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
  }
  .pain-card{
    background:#f8fafc;
    border-radius:16px;
    padding:24px;
    border:1px solid #e5e7eb;
    transition:.3s;
  }
  .pain-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
  }
  .pain-icon{
    font-size:28px;
    margin-bottom:12px;
  }
  .pain-title{
    font-weight:700;
    margin-bottom:6px;
    color:#0f172a;
  }
  .pain-text{
    color:#64748b;
    font-size:14px;
    line-height:1.55;
  }
  @media(max-width:900px){
    .hero-grid{ grid-template-columns:1fr !important; gap:28px !important; }
    .pain-grid{ grid-template-columns:1fr; }
    .hero-title h1{ font-size:clamp(38px,10vw,56px) !important; }
  }


  /* ===== Sticky notes board: Problemas ===== */
  .pain-board-section{
    background:linear-gradient(180deg,#f8fbff 0%, #f3f7fb 100%) !important;
  }
  .pain-board-head{
    text-align:center;
    max-width:940px;
    margin:0 auto 34px;
  }
  .pain-board-head h2{
    margin:10px 0 12px;
  }
  .pain-board-head p{
    margin:0;
    color:#64748b;
    font-size:18px;
    line-height:1.6;
  }
  .pain-board{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    align-items:start;
    perspective:1000px;
  }
  .sticky-note{
    position:relative;
    min-height:220px;
    padding:24px 22px 22px;
    border-radius:8px 8px 18px 18px;
    box-shadow:0 18px 32px rgba(15,23,42,.10), 0 2px 0 rgba(255,255,255,.45) inset;
    border:1px solid rgba(15,23,42,.06);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .sticky-note:hover{
    transform:translateY(-6px) rotate(0deg) !important;
    box-shadow:0 24px 40px rgba(15,23,42,.14), 0 2px 0 rgba(255,255,255,.45) inset;
  }
  .sticky-note::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:0;
    height:24px;
    border-radius:0 0 18px 18px;
    background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(15,23,42,.06) 100%);
    opacity:.25;
    pointer-events:none;
  }
  .pin{
    position:absolute;
    top:10px;
    left:50%;
    transform:translateX(-50%);
    width:14px;
    height:14px;
    border-radius:999px;
    background:radial-gradient(circle at 30% 30%, #fff 0%, #d1d5db 35%, #6b7280 100%);
    box-shadow:0 1px 3px rgba(0,0,0,.25);
    z-index:2;
  }
  .sticky-icon{
    font-size:28px;
    margin:6px 0 12px;
  }
  .sticky-note h3{
    margin:0 0 10px;
    font-size:22px;
    line-height:1.15;
    color:#0f172a;
  }
  .sticky-note p{
    margin:0;
    color:#334155;
    line-height:1.55;
    font-size:15px;
  }
  .note-yellow{ background:#fff2a8; }
  .note-pink{ background:#ffd3e2; }
  .note-blue{ background:#cfe9ff; }
  .note-green{ background:#d9f7be; }
  .note-orange{ background:#ffd9b3; }
  .note-lilac{ background:#e8dbff; }
  .tilt-left{ transform:rotate(-2.5deg); }
  .tilt-right{ transform:rotate(2.8deg); }
  .tilt-left-soft{ transform:rotate(-1.25deg); }
  .tilt-right-soft{ transform:rotate(1.4deg); }
  .pain-board-footer{
    margin-top:26px;
  }
  @media (max-width:1100px){
    .pain-board{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
  }
  @media (max-width:720px){
    .pain-board{
      grid-template-columns:1fr;
      gap:18px;
    }
    .sticky-note{
      min-height:auto;
    }
    .pain-board-head p{
      font-size:16px;
    }
  }


  /* ===== Industries premium ===== */
  .industries-premium-section{
    background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  }
  .industries-head{
    text-align:center;
    max-width:940px;
    margin:0 auto 36px;
  }
  .industries-head h2{
    margin:10px 0 12px;
  }
  .industries-head p{
    margin:0;
    color:#64748b;
    font-size:18px;
    line-height:1.6;
  }
  .industries-premium-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
  }
  .industry-premium-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:24px;
    box-shadow:0 12px 28px rgba(15,23,42,.05);
    transition:.25s ease;
  }
  .industry-premium-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 36px rgba(15,23,42,.08);
  }
  .industry-icon{
    font-size:28px;
    margin-bottom:12px;
  }
  .industry-premium-card h3{
    margin:0 0 10px;
    font-size:22px;
    line-height:1.15;
  }
  .industry-premium-card p{
    margin:0;
    color:#64748b;
    line-height:1.6;
    font-size:15px;
  }
  .industries-all-wrap{
    margin-top:34px;
    padding-top:26px;
    border-top:1px solid #e5e7eb;
  }
  .industries-all-wrap h3{
    margin:0 0 14px;
    font-size:20px;
  }
  .industries-all-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  .industry-chip{
    display:inline-flex;
    align-items:center;
    padding:10px 14px;
    border-radius:999px;
    background:#f1f5f9;
    border:1px solid #e2e8f0;
    color:#334155;
    font-size:14px;
    font-weight:600;
  }
  @media (max-width:1100px){
    .industries-premium-grid{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
  }
  @media (max-width:720px){
    .industries-premium-grid{
      grid-template-columns:1fr;
    }
    .industries-head p{
      font-size:16px;
    }
  }


  /* ===== Comparativa premium ===== */
  .compare-premium-section{
    background:linear-gradient(180deg,#f8fbff 0%, #eef6ff 100%);
  }
  .compare-premium-head{
    text-align:center;
    max-width:920px;
    margin:0 auto 34px;
  }
  .compare-premium-head h2{
    margin:10px 0 12px;
  }
  .compare-premium-head p{
    margin:0;
    color:#64748b;
    font-size:18px;
    line-height:1.6;
  }
  .compare-premium-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    align-items:stretch;
  }
  .compare-side{
    border-radius:22px;
    padding:24px;
    border:1px solid #e5e7eb;
    box-shadow:0 14px 28px rgba(15,23,42,.06);
  }
  .compare-old{
    background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
  }
  .compare-new{
    background:linear-gradient(180deg,#f2fff6 0%, #ecfdf3 100%);
    border-color:#b7efc8;
  }
  .compare-side-head{
    margin-bottom:18px;
  }
  .compare-side-head h3{
    margin:10px 0 0;
    font-size:24px;
    line-height:1.15;
  }
  .compare-badge{
    display:inline-flex;
    align-items:center;
    padding:8px 12px;
    border-radius:999px;
    font-size:13px;
    font-weight:800;
  }
  .compare-badge.bad{
    background:#f1f5f9;
    color:#334155;
    border:1px solid #dbe4ef;
  }
  .compare-badge.good{
    background:#dcfce7;
    color:#166534;
    border:1px solid #86efac;
  }
  .compare-row{
    display:grid;
    grid-template-columns:40px 1fr;
    gap:14px;
    align-items:flex-start;
    padding:16px 0;
    border-top:1px solid rgba(15,23,42,.08);
  }
  .compare-row:first-of-type{
    border-top:0;
    padding-top:0;
  }
  .compare-row-icon{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:rgba(255,255,255,.8);
    box-shadow:0 6px 14px rgba(15,23,42,.06);
    font-size:20px;
  }
  .compare-row strong{
    display:block;
    margin-bottom:6px;
    color:#0f172a;
  }
  .compare-row p{
    margin:0;
    color:#64748b;
    line-height:1.55;
    font-size:15px;
  }
  .compare-premium-footer{
    margin-top:24px;
  }
  @media (max-width:900px){
    .compare-premium-grid{
      grid-template-columns:1fr;
    }
    .compare-premium-head p{
      font-size:16px;
    }
  }


  /* ===== Implementation premium ===== */
  .implementation-premium-section{
    background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
  }
  .implementation-head{
    text-align:center;
    max-width:920px;
    margin:0 auto 30px;
  }
  .implementation-head h2{
    margin:10px 0 12px;
  }
  .implementation-head p{
    margin:0;
    color:#64748b;
    font-size:18px;
    line-height:1.6;
  }
  .implementation-top{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:20px;
    margin-bottom:24px;
  }
  .implementation-time-card,
  .implementation-admin-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;
    padding:22px;
    box-shadow:0 12px 28px rgba(15,23,42,.05);
    display:grid;
    grid-template-columns:auto 1fr;
    gap:16px;
    align-items:center;
  }
  .time-icon,.admin-icon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:#ecfdf3;
    font-size:28px;
  }
  .implementation-time-card strong,
  .implementation-admin-card strong{
    display:block;
    color:#0f172a;
    font-size:18px;
    margin-bottom:4px;
  }
  .implementation-time-card span{
    display:block;
    font-size:28px;
    line-height:1;
    font-weight:800;
    color:#16a34a;
    margin-bottom:8px;
  }
  .implementation-time-card p,
  .implementation-admin-card p{
    margin:0;
    color:#64748b;
    line-height:1.6;
  }
  .implementation-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
  }
  .implementation-flow{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:22px;
    padding:24px;
    box-shadow:0 14px 28px rgba(15,23,42,.06);
  }
  .flow-whatsapp{
    background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  }
  .flow-kiosk{
    background:linear-gradient(180deg,#f8fff9 0%, #f1fff4 100%);
    border-color:#d7f5df;
  }
  .flow-head{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:14px;
    align-items:start;
    margin-bottom:18px;
  }
  .flow-icon{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:#eff6ff;
    font-size:26px;
  }
  .flow-head h3{
    margin:0 0 6px;
    font-size:24px;
    line-height:1.15;
  }
  .flow-head p{
    margin:0;
    color:#64748b;
    line-height:1.55;
  }
  .flow-steps{
    display:grid;
    gap:14px;
  }
  .flow-step{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:14px;
    align-items:start;
    padding:16px 0;
    border-top:1px solid rgba(15,23,42,.08);
  }
  .flow-step:first-child{
    border-top:0;
    padding-top:0;
  }
  .step-num{
    width:34px;
    height:34px;
    border-radius:12px;
    background:#16a34a;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:15px;
  }
  .flow-step strong{
    display:block;
    margin-bottom:6px;
    color:#0f172a;
  }
  .flow-step p{
    margin:0;
    color:#64748b;
    line-height:1.55;
    font-size:15px;
  }
  .implementation-footer{
    margin-top:24px;
  }
  @media (max-width:980px){
    .implementation-top,
    .implementation-grid{
      grid-template-columns:1fr;
    }
    .implementation-head p{
      font-size:16px;
    }
  }


  /* ===== Objeciones premium ===== */
  .objections-premium-section{
    background:linear-gradient(180deg,#f8fbff 0%, #ffffff 100%);
  }
  .objections-head{
    text-align:center;
    max-width:940px;
    margin:0 auto 34px;
  }
  .objections-head h2{
    margin:10px 0 12px;
  }
  .objections-head p{
    margin:0;
    color:#64748b;
    font-size:18px;
    line-height:1.6;
  }
  .objections-grid{
    display:grid;
    gap:18px;
  }
  .objection-row{
    display:grid;
    grid-template-columns:1fr 60px 1fr;
    gap:14px;
    align-items:stretch;
  }
  .objection-side{
    border-radius:20px;
    padding:22px;
    border:1px solid #e5e7eb;
    box-shadow:0 12px 28px rgba(15,23,42,.05);
  }
  .objection-problem{
    background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
  }
  .objection-solution{
    background:linear-gradient(180deg,#f2fff6 0%, #ecfdf3 100%);
    border-color:#b7efc8;
  }
  .objection-label{
    display:inline-flex;
    align-items:center;
    padding:7px 11px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    margin-bottom:12px;
    background:#f1f5f9;
    border:1px solid #dbe4ef;
    color:#334155;
  }
  .objection-label.good{
    background:#dcfce7;
    border-color:#86efac;
    color:#166534;
  }
  .objection-side h3{
    margin:0 0 10px;
    font-size:24px;
    line-height:1.15;
  }
  .objection-side p{
    margin:0;
    color:#64748b;
    line-height:1.6;
    font-size:15px;
  }
  .objection-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    color:#16a34a;
    font-weight:900;
  }
  .journey-summary-block{
    margin-top:28px;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:24px;
    align-items:center;
  }
  .journey-copy h3{
    margin:10px 0 12px;
    font-size:30px;
    line-height:1.1;
  }
  .journey-copy p{
    margin:0 0 14px;
    color:#64748b;
    line-height:1.7;
    font-size:17px;
  }
  .journey-phone{
    display:flex;
    justify-content:center;
  }
  .journey-phone-frame{
    width:100%;
    max-width:360px;
    background:#ffffff;
    border:1px solid #dbe5f0;
    border-radius:28px;
    padding:18px 16px;
    box-shadow:0 22px 60px rgba(15,23,42,.08);
  }
  .journey-phone-head{
    font-weight:800;
    color:#0f172a;
    margin-bottom:14px;
    text-align:center;
  }
  .journey-bubble{
    padding:14px 16px;
    border-radius:18px;
    line-height:1.55;
    font-size:14px;
    margin-bottom:12px;
    box-shadow:0 6px 14px rgba(15,23,42,.05);
  }
  .journey-bubble.in{
    background:#f8fafc;
    color:#334155;
    border-top-left-radius:6px;
  }
  .journey-bubble.out{
    background:#dcfce7;
    color:#166534;
    border-top-right-radius:6px;
    margin-left:auto;
    max-width:70%;
    text-align:right;
  }
  .objections-footer{
    margin-top:24px;
  }
  @media (max-width:980px){
    .objection-row{
      grid-template-columns:1fr;
    }
    .objection-arrow{
      transform:rotate(90deg);
      min-height:40px;
    }
    .journey-summary-block{
      grid-template-columns:1fr;
    }
    .objections-head p{
      font-size:16px;
    }
  }


  /* ===== Testimonios premium ===== */
  .testimonials-premium-section{
    background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  }
  .testimonials-head{
    text-align:center;
    max-width:940px;
    margin:0 auto 34px;
  }
  .testimonials-head h2{
    margin:10px 0 12px;
  }
  .testimonials-head p{
    margin:0;
    color:#64748b;
    font-size:18px;
    line-height:1.6;
  }
  .testimonials-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
  }
  .testimonial-card{
    position:relative;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:22px;
    padding:26px 24px 22px;
    box-shadow:0 14px 28px rgba(15,23,42,.06);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .testimonial-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 36px rgba(15,23,42,.09);
  }
  .quote-mark{
    position:absolute;
    top:14px;
    right:18px;
    font-size:58px;
    line-height:1;
    color:#dcfce7;
    font-weight:900;
    pointer-events:none;
  }
  .testimonial-quote{
    position:relative;
    margin:0 0 18px;
    font-size:19px;
    line-height:1.55;
    color:#0f172a;
    font-weight:700;
  }
  .testimonial-person strong{
    display:block;
    color:#0f172a;
    margin-bottom:4px;
  }
  .testimonial-person span{
    color:#64748b;
    font-size:14px;
  }
  .testimonials-impact{
    margin-top:26px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
  }
  .impact-card{
    background:#f8fafc;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:18px;
  }
  .impact-card strong{
    display:block;
    color:#0f172a;
    margin-bottom:6px;
  }
  .impact-card span{
    color:#64748b;
    line-height:1.55;
    font-size:14px;
  }
  .testimonials-footer{
    margin-top:24px;
  }
  @media (max-width:1100px){
    .testimonials-grid{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .testimonials-impact{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
  }
  @media (max-width:720px){
    .testimonials-grid,
    .testimonials-impact{
      grid-template-columns:1fr;
    }
    .testimonials-head p{
      font-size:16px;
    }
    .testimonial-quote{
      font-size:17px;
    }
  }


  /* ===== Confidence / validation premium ===== */
  .confidence-premium-section{
    background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  }
  .confidence-head{
    text-align:center;
    max-width:940px;
    margin:0 auto 34px;
  }
  .confidence-head h2{
    margin:10px 0 12px;
  }
  .confidence-head p{
    margin:0;
    color:#64748b;
    font-size:18px;
    line-height:1.6;
  }
  .confidence-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
  }
  .confidence-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:22px;
    box-shadow:0 14px 28px rgba(15,23,42,.06);
    overflow:hidden;
  }
  .confidence-card-copy{
    padding:24px;
  }
  .confidence-card-media img{
    display:block;
    width:100%;
    height:auto;
  }
  .confidence-card-wide{
    grid-column:span 2;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:stretch;
  }
  .confidence-card-wide .confidence-card-media{
    min-height:100%;
  }
  .confidence-card-wide .confidence-card-media img{
    height:100%;
    object-fit:cover;
  }
  .confidence-icon{
    font-size:28px;
    margin-bottom:12px;
  }
  .confidence-card h3{
    margin:0 0 10px;
    font-size:24px;
    line-height:1.15;
  }
  .confidence-card p{
    margin:0;
    color:#64748b;
    line-height:1.6;
    font-size:15px;
  }
  .confidence-list{
    margin:14px 0 0;
    padding-left:18px;
    color:#334155;
  }
  .confidence-list li{
    margin:8px 0;
  }
  .confidence-card-timeline .confidence-card-copy,
  .confidence-card-quote .confidence-card-copy{
    height:100%;
  }
  .confidence-timeline{
    margin-top:14px;
    display:grid;
    gap:10px;
  }
  .timeline-row{
    display:grid;
    grid-template-columns:70px 1fr auto;
    gap:12px;
    align-items:center;
    padding:12px 14px;
    border-radius:14px;
    background:#f8fafc;
    border:1px solid #e5e7eb;
    font-size:14px;
  }
  .timeline-row span{
    font-weight:800;
    color:#0f172a;
  }
  .timeline-row strong{
    color:#0f172a;
  }
  .timeline-row em{
    font-style:normal;
    color:#16a34a;
    font-weight:800;
  }
  .confidence-quote{
    font-size:18px !important;
    line-height:1.65 !important;
  }
  .confidence-footer{
    margin-top:24px;
  }
  @media (max-width:1100px){
    .confidence-grid{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .confidence-card-wide{
      grid-column:span 2;
    }
  }
  @media (max-width:780px){
    .confidence-grid{
      grid-template-columns:1fr;
    }
    .confidence-card-wide{
      grid-column:span 1;
      grid-template-columns:1fr;
    }
    .confidence-head p{
      font-size:16px;
    }
    .timeline-row{
      grid-template-columns:60px 1fr;
    }
    .timeline-row em{
      grid-column:2;
    }
  }


  /* ===== Innovations / differentiators premium ===== */
  .innovations-premium-section{
    background:linear-gradient(180deg,#ffffff 0%, #f6fbff 100%);
  }
  .innovations-head{
    text-align:center;
    max-width:960px;
    margin:0 auto 34px;
  }
  .innovations-head h2{
    margin:10px 0 12px;
  }
  .innovations-head p{
    margin:0;
    color:#64748b;
    font-size:18px;
    line-height:1.6;
  }
  .innovation-hero{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:24px;
    align-items:center;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:24px;
    box-shadow:0 16px 34px rgba(15,23,42,.06);
    overflow:hidden;
    margin-bottom:24px;
  }
  .innovation-hero-copy{
    padding:28px;
  }
  .innovation-pill{
    display:inline-flex;
    align-items:center;
    padding:8px 12px;
    border-radius:999px;
    background:#dcfce7;
    color:#166534;
    border:1px solid #86efac;
    font-size:13px;
    font-weight:800;
    margin-bottom:14px;
  }
  .innovation-hero-copy h3{
    margin:0 0 12px;
    font-size:32px;
    line-height:1.05;
  }
  .innovation-hero-copy p{
    margin:0;
    color:#64748b;
    font-size:17px;
    line-height:1.7;
  }
  .innovation-list{
    margin:16px 0 0;
    padding-left:18px;
    color:#334155;
  }
  .innovation-list li{
    margin:8px 0;
  }
  .innovation-hero-media img{
    display:block;
    width:100%;
    height:100%;
    min-height:100%;
    object-fit:cover;
  }
  .innovations-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
  }
  .innovation-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;
    padding:22px;
    box-shadow:0 12px 28px rgba(15,23,42,.05);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .innovation-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 36px rgba(15,23,42,.08);
  }
  .innovation-card-special{
    background:linear-gradient(180deg,#f2fff6 0%, #ecfdf3 100%);
    border-color:#b7efc8;
  }
  .innovation-icon{
    font-size:30px;
    margin-bottom:12px;
  }
  .innovation-card h3{
    margin:0 0 8px;
    font-size:22px;
    line-height:1.15;
  }
  .innovation-highlight{
    margin:0 0 8px !important;
    color:#16a34a !important;
    font-weight:800;
  }
  .innovation-card p{
    margin:0;
    color:#64748b;
    font-size:15px;
    line-height:1.6;
  }
  .innovations-compare{
    margin-top:24px;
  }
  @media (max-width:1200px){
    .innovations-grid{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
  }
  @media (max-width:980px){
    .innovation-hero{
      grid-template-columns:1fr;
    }
    .innovations-head p{
      font-size:16px;
    }
  }
  @media (max-width:720px){
    .innovations-grid{
      grid-template-columns:1fr;
    }
    .innovation-hero-copy h3{
      font-size:28px;
    }
  }


  /* ===== Kiosko premium flow ===== */
  .kiosk-flow-section{
    background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
  }
  .kiosk-flow-head{
    text-align:center;
    max-width:920px;
    margin:0 auto 34px;
  }
  .kiosk-flow-head h2{
    margin:10px 0 12px;
  }
  .kiosk-flow-head p{
    margin:0;
    color:#64748b;
    font-size:18px;
    line-height:1.6;
  }
  .kiosk-flow-main{
    display:grid;
    grid-template-columns:1.02fr .98fr;
    gap:24px;
    align-items:center;
  }
  .kiosk-steps{
    margin-top:18px;
    display:grid;
    gap:14px;
  }
  .kiosk-step{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:14px;
    align-items:start;
    padding:16px 0;
    border-top:1px solid rgba(15,23,42,.08);
  }
  .kiosk-step:first-child{
    border-top:0;
    padding-top:0;
  }
  .kiosk-step-num{
    width:34px;
    height:34px;
    border-radius:12px;
    background:#16a34a;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:15px;
  }
  .kiosk-step strong{
    display:block;
    margin-bottom:6px;
    color:#0f172a;
  }
  .kiosk-step p{
    margin:0;
    color:#64748b;
    line-height:1.55;
    font-size:15px;
  }
  .kiosk-benefits{
    margin-top:18px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  .kiosk-chip{
    display:inline-flex;
    align-items:center;
    padding:10px 14px;
    border-radius:999px;
    background:#f1f5f9;
    border:1px solid #e2e8f0;
    color:#334155;
    font-size:14px;
    font-weight:700;
  }
  .kiosk-flow-media{
    display:flex;
    justify-content:center;
    align-items:center;
  }
  .kiosk-media-card{
    width:100%;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:24px;
    padding:14px;
    box-shadow:0 18px 36px rgba(15,23,42,.06);
  }
  .kiosk-media-card img{
    display:block;
    width:100%;
    height:auto;
    border-radius:18px;
  }
  .kiosk-flow-footer{
    margin-top:24px;
  }
  @media (max-width:980px){
    .kiosk-flow-main{
      grid-template-columns:1fr;
    }
    .kiosk-flow-head p{
      font-size:16px;
    }
  }


/* ===== Premium all-packages pricing ===== */
.pricing-premium-section{
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
}
.pricing-head{
  text-align:center;
  max-width:920px;
  margin:0 auto 28px;
}
.pricing-head p{
  margin:0;
  color:#64748b;
  font-size:18px;
  line-height:1.65;
}
.pricing-intro-band{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:18px 20px;
  border:1px solid #e2e8f0;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.05);
  margin-bottom:22px;
}
.pricing-intro-copy strong{
  display:block;
  color:#0f172a;
  margin-bottom:4px;
}
.pricing-intro-copy span{
  color:#64748b;
  font-size:14px;
}
.pricing-intro-note{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.pricing-premium-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.pricing-premium-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:22px;
  padding:22px;
  box-shadow:0 14px 28px rgba(15,23,42,.06);
  transition:transform .25s ease, box-shadow .25s ease;
}
.pricing-premium-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 38px rgba(15,23,42,.10);
}
.pricing-premium-card.featured{
  background:linear-gradient(180deg,#f2fff6 0%, #ffffff 100%);
  border-color:#86efac;
  box-shadow:0 18px 36px rgba(22,163,74,.10);
}
.pricing-premium-card.multiempresa{
  background:linear-gradient(180deg,#f8fbff 0%, #ffffff 100%);
}
.pricing-premium-card.quote-card{
  background:linear-gradient(180deg,#fffaf0 0%, #ffffff 100%);
  border-style:dashed;
}
.plan-badge{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  background:#f1f5f9;
  border:1px solid #dbe4ef;
  color:#334155;
  font-size:12px;
  font-weight:800;
  margin-bottom:12px;
}
.featured-badge{
  background:#dcfce7;
  border-color:#86efac;
  color:#166534;
}
.multi-badge{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#1d4ed8;
}
.quote-badge{
  background:#fff7ed;
  border-color:#fdba74;
  color:#9a3412;
}
.pricing-premium-card h3{
  margin:0 0 6px;
  font-size:28px;
  line-height:1.05;
  color:#0f172a;
}
.plan-range{
  margin:0 0 14px;
  color:#64748b;
  font-weight:700;
}
.plan-price-block{
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin-bottom:8px;
}
.plan-price{
  font-size:40px;
  line-height:1;
  font-weight:900;
  color:#0f172a;
  letter-spacing:-.04em;
}
.custom-price{
  font-size:26px;
  line-height:1.15;
}
.plan-period{
  color:#64748b;
  font-weight:700;
  margin-bottom:4px;
}
.plan-annual{
  color:#0f172a;
  font-weight:800;
  margin-bottom:6px;
}
.plan-saving{
  color:#16a34a;
  font-weight:700;
  font-size:14px;
  margin-bottom:14px;
}
.plan-list{
  margin:0;
  padding-left:18px;
  color:#334155;
  line-height:1.6;
}
.plan-list li{
  margin:8px 0;
}
.pricing-footer-band{
  margin-top:24px;
}
@media (max-width:1100px){
  .pricing-premium-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pricing-intro-band{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width:720px){
  .pricing-premium-grid{
    grid-template-columns:1fr;
  }
  .pricing-head p{
    font-size:16px;
  }
}


/* ===== Premium international pricing ===== */
.pricing-premium-section{
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
}
.pricing-head{
  text-align:center;
  max-width:960px;
  margin:0 auto 28px;
}
.pricing-head p{
  margin:0;
  color:#64748b;
  font-size:18px;
  line-height:1.65;
}
.pricing-currency-topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:18px 20px;
  border:1px solid #e2e8f0;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.05);
  margin-bottom:16px;
}
.pricing-currency-copy strong{
  display:block;
  color:#0f172a;
  margin-bottom:4px;
}
.pricing-currency-copy span{
  color:#64748b;
  font-size:14px;
}
.currency-switch{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.currency-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid #dbe4ef;
  background:#fff;
  color:#334155;
  font-weight:800;
  cursor:pointer;
  transition:.2s ease;
}
.currency-btn.active{
  background:#dcfce7;
  border-color:#86efac;
  color:#166534;
}
.flag-emoji{font-size:18px;line-height:1}
.country-band{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:22px;
}
.country-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#334155;
  font-size:14px;
  font-weight:700;
}
.pricing-premium-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.pricing-premium-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:22px;
  padding:22px;
  box-shadow:0 14px 28px rgba(15,23,42,.06);
  transition:transform .25s ease, box-shadow .25s ease;
}
.pricing-premium-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 38px rgba(15,23,42,.10);
}
.pricing-premium-card.featured{
  background:linear-gradient(180deg,#f2fff6 0%, #ffffff 100%);
  border-color:#86efac;
  box-shadow:0 18px 36px rgba(22,163,74,.10);
}
.pricing-premium-card.multiempresa{
  background:linear-gradient(180deg,#f8fbff 0%, #ffffff 100%);
}
.pricing-premium-card.quote-card{
  background:linear-gradient(180deg,#fffaf0 0%, #ffffff 100%);
  border-style:dashed;
}
.plan-badge{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  background:#f1f5f9;
  border:1px solid #dbe4ef;
  color:#334155;
  font-size:12px;
  font-weight:800;
  margin-bottom:12px;
}
.featured-badge{
  background:#dcfce7;
  border-color:#86efac;
  color:#166534;
}
.multi-badge{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#1d4ed8;
}
.quote-badge{
  background:#fff7ed;
  border-color:#fdba74;
  color:#9a3412;
}
.pricing-premium-card h3{
  margin:0 0 6px;
  font-size:28px;
  line-height:1.05;
  color:#0f172a;
}
.plan-range{
  margin:0 0 14px;
  color:#64748b;
  font-weight:700;
}
.plan-price-block{
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin-bottom:8px;
}
.plan-price{
  font-size:40px;
  line-height:1;
  font-weight:900;
  color:#0f172a;
  letter-spacing:-.04em;
}
.custom-price{
  font-size:26px;
  line-height:1.15;
}
.plan-period{
  color:#64748b;
  font-weight:700;
  margin-bottom:4px;
}
.plan-annual{
  color:#0f172a;
  font-weight:800;
  margin-bottom:6px;
}
.plan-saving{
  color:#16a34a;
  font-weight:700;
  font-size:14px;
  margin-bottom:14px;
}
.plan-list{
  margin:0;
  padding-left:18px;
  color:#334155;
  line-height:1.6;
}
.plan-list li{
  margin:8px 0;
}
.pricing-footer-band{
  margin-top:24px;
}
@media (max-width:1100px){
  .pricing-premium-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pricing-currency-topbar{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media (max-width:720px){
  .pricing-premium-grid{
    grid-template-columns:1fr;
  }
  .pricing-head p{
    font-size:16px;
  }
}


.country-chip{
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  font-family:inherit;
}
.country-chip.active-country{
  background:#dcfce7;
  border-color:#86efac;
  color:#166534;
}


/* ===== Explicit currency label clarity ===== */
.plan-period{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  font-size:12px !important;
  line-height:1;
}


/* ===== Annual-first pricing emphasis ===== */
.annual-priority-badge{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  background:#dcfce7;
  border:1px solid #86efac;
  color:#166534;
  font-size:12px;
  font-weight:800;
  margin-bottom:10px;
}
.plan-annual-primary{
  font-size:36px;
  line-height:1.05;
  font-weight:900;
  color:#0f172a;
  letter-spacing:-.04em;
  margin-bottom:8px;
}
.plan-monthly-secondary{
  margin-bottom:10px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  color:#64748b;
}
.monthly-label{
  font-size:13px;
  font-weight:700;
  color:#64748b;
}
.plan-monthly-secondary .plan-price{
  font-size:22px !important;
  line-height:1 !important;
  font-weight:800;
  color:#334155 !important;
}
.plan-monthly-secondary .plan-period{
  margin-bottom:0 !important;
}
.pricing-premium-card.featured .annual-priority-badge{
  background:#16a34a;
  border-color:#16a34a;
  color:#fff;
}


/* Repair pricing clarity */
.monthly-label{
  font-size:13px;
  font-weight:800;
  color:#334155;
  min-width:68px;
}
.plan-annual-primary{
  font-size:34px;
  line-height:1.05;
  font-weight:900;
}


/* dynamic currency badge */
.plan-annual-primary{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.currency-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  line-height:1;
  border:1px solid transparent;
}
.currency-badge.mxn{
  background:#dcfce7;
  color:#166534;
  border-color:#86efac;
}
.currency-badge.usd{
  background:#dbeafe;
  color:#1d4ed8;
  border-color:#93c5fd;
}


/* ===== Demo modal form ===== */
.demo-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.55);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  z-index:4000;
}
.demo-modal{
  position:relative;
  width:min(860px, 100%);
  max-height:min(90vh, 900px);
  overflow:auto;
  background:#fff;
  border:1px solid #dbe5f0;
  border-radius:28px;
  padding:28px;
  box-shadow:0 30px 80px rgba(15,23,42,.22);
}
.demo-modal-close{
  position:absolute;
  top:14px;
  right:14px;
  width:36px;
  height:36px;
  border:0;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.demo-modal-head p{
  margin:10px 0 0;
  color:#64748b;
  line-height:1.6;
}
.demo-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px 18px;
  margin-top:22px;
}
.demo-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.demo-field-full{
  grid-column:1 / -1;
}
.demo-field label{
  font-weight:700;
  color:#0f172a;
  font-size:14px;
}
.demo-field input,
.demo-field select{
  width:100%;
  height:48px;
  border-radius:14px;
  border:1px solid #dbe5f0;
  background:#fff;
  padding:0 14px;
  font:inherit;
  color:#0f172a;
}
.demo-field input:focus,
.demo-field select:focus{
  outline:none;
  border-color:#86efac;
  box-shadow:0 0 0 4px rgba(22,163,74,.12);
}
.demo-form-actions{
  display:flex;
  gap:12px;
  justify-content:flex-start;
  align-items:center;
  margin-top:8px;
}
@media (max-width:720px){
  .demo-modal{
    padding:22px 16px;
    border-radius:22px;
  }
  .demo-form-grid{
    grid-template-columns:1fr;
  }
  .demo-form-actions{
    flex-direction:column;
    align-items:stretch;
  }
}


/* ===== Modal premium refinement ===== */
.demo-modal-overlay[hidden]{display:none !important;}
.demo-modal-overlay{animation:modalFadeIn .22s ease;}
.demo-modal{
  transform:translateY(10px) scale(.98);
  opacity:0;
  animation:modalCardIn .24s ease forwards;
  background:
    radial-gradient(420px 220px at 0% 0%, rgba(22,163,74,.08), transparent 55%),
    radial-gradient(320px 180px at 100% 0%, rgba(37,99,235,.08), transparent 55%),
    #fff;
}
.demo-modal::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  padding:1px;
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(226,232,240,.65));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.demo-modal-head{padding-right:36px;}
.demo-modal-head h2{
  margin:8px 0 8px;
  font-size:clamp(26px,3vw,36px);
  line-height:1.06;
  letter-spacing:-.03em;
}
.demo-modal-head p{max-width:720px;}
.demo-modal-close{transition:transform .18s ease, background .18s ease;box-shadow:0 10px 22px rgba(15,23,42,.16);}
.demo-modal-close:hover{transform:scale(1.06);background:#111827;}
.demo-form-grid{padding-top:8px;}
.demo-field input,.demo-field select{
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  background:#fcfdff;
}
.demo-field input:hover,.demo-field select:hover{border-color:#cbd5e1;}
.demo-form-actions .cta-button{min-width:220px;}
@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}
@keyframes modalCardIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:720px){
  .demo-modal{width:min(96vw,96vw);max-height:92vh;}
  .demo-modal-head h2{font-size:28px;}
}


/* ===== Modal premium v2 ===== */
.demo-modal-overlay[hidden]{display:none !important;}
.demo-modal-overlay{padding:18px;}
.demo-modal{
  width:min(1180px, calc(100vw - 36px));
  max-height:calc(100vh - 36px);
  overflow:hidden;
  border-radius:34px;
  padding:24px 24px 22px;
  box-shadow:0 35px 90px rgba(15,23,42,.22);
}
.demo-modal-head{margin-bottom:10px;padding-right:36px;}
.demo-modal-head h2{font-size:clamp(24px,3vw,32px);}
.demo-modal-head p{font-size:15px;line-height:1.5;}
.demo-form-grid{gap:14px 18px;margin-top:14px;}
.demo-field{gap:6px;}
.demo-field label{font-size:13px;}
.demo-field input,.demo-field select{height:46px;border-radius:16px;font-size:15px;}
.demo-help{color:#64748b;font-size:12px;line-height:1.4;}
.phone-group{display:flex;align-items:center;height:46px;border:1px solid #dbe5f0;border-radius:16px;background:#fcfdff;overflow:hidden;}
.phone-group:focus-within{border-color:#86efac;box-shadow:0 0 0 4px rgba(22,163,74,.12);}
.phone-prefix{min-width:86px;height:100%;display:flex;align-items:center;justify-content:center;padding:0 14px;background:linear-gradient(180deg,#f8fafc 0%, #eef2f7 100%);border-right:1px solid #dbe5f0;font-weight:800;color:#0f172a;}
.phone-group input{border:0 !important;box-shadow:none !important;background:transparent !important;flex:1;min-width:0;}
.phone-group input:focus{outline:none;}
.cta-cancel-premium{background:linear-gradient(180deg,#f8fafc 0%, #eef2f7 100%) !important;color:#0f172a !important;border:1px solid #dbe5f0 !important;box-shadow:0 10px 24px rgba(15,23,42,.06);}
.cta-cancel-premium:hover{background:linear-gradient(180deg,#f1f5f9 0%, #e2e8f0 100%) !important;}
.demo-form-actions{margin-top:2px;}
.demo-form-actions .cta-button{min-width:200px;}
@media (max-width:900px){
  .demo-modal{width:min(calc(100vw - 20px), calc(100vw - 20px));max-height:calc(100vh - 20px);padding:18px 16px;border-radius:24px;}
  .demo-form-grid{grid-template-columns:1fr;gap:12px;}
}


/* ===== Ultra polish modal ===== */
.demo-modal-overlay[hidden]{display:none !important;}
.demo-modal-overlay{
  background:rgba(15,23,42,.58);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.demo-modal{
  width:min(1120px, calc(100vw - 36px));
  max-height:calc(100vh - 36px);
  overflow:hidden;
  border-radius:34px;
  padding:26px 26px 22px;
  background:
    radial-gradient(480px 240px at 0% 0%, rgba(22,163,74,.08), transparent 55%),
    radial-gradient(360px 200px at 100% 0%, rgba(37,99,235,.08), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98));
  border:1px solid rgba(219,229,240,.9);
  box-shadow:0 40px 100px rgba(15,23,42,.24);
}
.demo-modal::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:34px;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.demo-modal-head{
  margin-bottom:10px;
  padding-right:44px;
}
.demo-modal-head h2{
  margin:8px 0 8px;
  font-size:clamp(26px,3vw,36px);
  line-height:1.05;
  letter-spacing:-.04em;
}
.demo-modal-head p{
  font-size:15px;
  line-height:1.55;
  max-width:780px;
  color:#64748b;
}
.demo-form-grid{
  gap:14px 18px;
  margin-top:14px;
}
.demo-field{
  gap:6px;
}
.demo-field label{
  font-size:13px;
  font-weight:800;
}
.demo-field input,
.demo-field select{
  height:48px;
  border-radius:16px;
  border:1px solid #dbe5f0;
  background:#fcfdff;
  font-size:15px;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}
.demo-field input:hover,
.demo-field select:hover{
  border-color:#cbd5e1;
  background:#fff;
}
.demo-field input:focus,
.demo-field select:focus{
  outline:none;
  border-color:#86efac;
  box-shadow:0 0 0 4px rgba(22,163,74,.12);
  background:#fff;
}
.demo-help{
  color:#64748b;
  font-size:12px;
  line-height:1.4;
}
.phone-group{
  display:grid;
  grid-template-columns:170px 1fr;
  align-items:center;
  height:48px;
  border:1px solid #dbe5f0;
  border-radius:16px;
  background:#fcfdff;
  overflow:hidden;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.phone-group:focus-within{
  border-color:#86efac;
  box-shadow:0 0 0 4px rgba(22,163,74,.12);
  background:#fff;
}
.phone-country-select{
  height:100% !important;
  border:0 !important;
  border-right:1px solid #dbe5f0 !important;
  border-radius:0 !important;
  background:linear-gradient(180deg,#f8fafc 0%, #eef2f7 100%) !important;
  box-shadow:none !important;
  padding:0 12px !important;
  font-weight:800;
  color:#0f172a;
}
.phone-group input{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  min-width:0;
}
.phone-group input:focus{
  outline:none;
}
.demo-modal-close{
  width:40px;
  height:40px;
  top:18px;
  right:18px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  box-shadow:0 10px 22px rgba(15,23,42,.16);
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.demo-modal-close:hover{
  transform:scale(1.06);
  background:#111827;
  box-shadow:0 14px 28px rgba(15,23,42,.22);
}
.demo-form-actions{
  margin-top:6px;
}
.demo-form-actions .cta-button{
  min-width:210px;
}
.cta-cancel-premium{
  background:linear-gradient(180deg,#d1d5db 0%, #9ca3af 100%) !important;
  color:#111827 !important;
  border:1px solid #94a3b8 !important;
  font-weight:800;
  box-shadow:0 12px 28px rgba(15,23,42,.10) !important;
}
.cta-cancel-premium:hover{
  background:linear-gradient(180deg,#cbd5e1 0%, #94a3b8 100%) !important;
  transform:translateY(-1px);
}
.cta-primary{
  box-shadow:0 14px 34px rgba(22,163,74,.24);
}
.demo-modal,
.demo-modal *{
  scrollbar-width:none;
}
.demo-modal::-webkit-scrollbar,
.demo-modal *::-webkit-scrollbar{
  width:0;
  height:0;
}
@media (max-width:900px){
  .demo-modal{
    width:min(calc(100vw - 20px), calc(100vw - 20px));
    max-height:calc(100vh - 20px);
    padding:18px 16px;
    border-radius:24px;
  }
  .demo-form-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .phone-group{
    grid-template-columns:150px 1fr;
  }
}



/* Kiosko dual images */
.kiosko-dual-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.kiosko-dual-grid img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
}



/* ===== Enterprise trust ===== */
.enterprise-trust-section{
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
}
.enterprise-trust-head{
  text-align:center;
  max-width:940px;
  margin:0 auto 30px;
}
.enterprise-trust-head p{
  margin:0;
  color:#64748b;
  font-size:18px;
  line-height:1.65;
}
.enterprise-trust-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.enterprise-trust-card{
  display:block;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:22px;
  padding:24px;
  box-shadow:0 14px 28px rgba(15,23,42,.06);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.enterprise-trust-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 38px rgba(15,23,42,.10);
}
.enterprise-trust-card h3{
  margin:0 0 8px;
  font-size:24px;
  line-height:1.1;
  color:#0f172a;
}
.enterprise-trust-card p{
  margin:0 0 14px;
  color:#64748b;
  line-height:1.65;
  font-size:15px;
}
.enterprise-trust-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  color:#16a34a;
}
.enterprise-trust-bar{
  margin-top:22px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}
.enterprise-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid #dbe5f0;
  color:#334155;
  font-size:13px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}
.footer-legal-grid{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:14px;
}
.footer-legal-grid a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
}
.footer-legal-grid a:hover{
  background:rgba(255,255,255,.06);
}
@media (max-width:980px){
  .enterprise-trust-grid{
    grid-template-columns:1fr;
  }
  .enterprise-trust-head p{
    font-size:16px;
  }
}


/* ===== Final production mobile menu integration ===== */
@media (max-width:900px){
  header.site-header{
    position:fixed !important;
    top:0; left:0; right:0;
    z-index:5000 !important;
    background:rgba(255,255,255,.98) !important;
  }
  body{ padding-top:78px !important; }
  header.site-header .nav-wrap{
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    gap:12px !important; flex-wrap:nowrap !important;
  }
  header.site-header .brand{
    display:flex !important; align-items:center !important; gap:10px !important;
    flex:1 1 auto !important; min-width:0 !important;
  }
  header.site-header .brand a{ display:inline-flex !important; align-items:center !important; }
  header.site-header .brand img{
    display:block !important; width:42px !important; height:42px !important; max-width:none !important;
  }
  header.site-header .brand-text{ display:flex !important; flex-direction:column !important; min-width:0 !important; }
  header.site-header .brand-name{ font-size:18px !important; line-height:1 !important; white-space:nowrap !important; }
  header.site-header .brand-sub{ display:none !important; }
  header.site-header nav{ display:none !important; }

  .nav-toggle{
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    appearance:none; -webkit-appearance:none; width:48px !important; height:48px !important;
    padding:0 !important; border-radius:14px !important; border:1px solid #dbe5f0 !important;
    background:#fff !important; box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
    position:relative !important; z-index:5002 !important; cursor:pointer !important; flex:0 0 auto !important;
  }
  .nav-toggle .bar{
    position:absolute !important; left:12px !important; right:12px !important; height:3px !important;
    border-radius:999px !important; background:#0f172a !important; display:block !important; margin:0 !important;
  }
  .nav-toggle .bar:nth-child(1){ top:15px !important; }
  .nav-toggle .bar:nth-child(2){ top:22px !important; }
  .nav-toggle .bar:nth-child(3){ top:29px !important; }

  #drawer{
    display:block !important; position:fixed !important; top:0 !important; left:0 !important; bottom:0 !important;
    width:min(84vw, 340px) !important; max-width:340px !important; background:#fff !important;
    border-right:1px solid #e5e7eb !important; padding:18px 16px 24px !important; z-index:5001 !important;
    transform:translateX(-110%) !important; transition:transform .28s ease !important; overflow-y:auto !important;
    box-shadow:18px 0 40px rgba(15,23,42,.18) !important;
  }
  #drawer.open{ transform:translateX(0) !important; }
  #drawer .close{
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    width:40px !important; height:40px !important; border-radius:12px !important;
    border:1px solid #e2e8f0 !important; background:#fff !important; color:#0f172a !important;
    font-weight:800 !important; font-size:18px !important; text-decoration:none !important; margin-bottom:12px !important;
  }
  #drawer ul{
    display:flex !important; flex-direction:column !important; gap:0 !important; list-style:none !important;
    padding:0 !important; margin:0 !important;
  }
  #drawer li{ display:block !important; border-bottom:1px solid #eef2f7 !important; margin:0 !important; }
  #drawer li:last-child{ border-bottom:0 !important; }
  #drawer a{
    display:flex !important; align-items:center !important; width:100% !important; min-height:48px !important;
    padding:14px 8px !important; color:#0f172a !important; text-decoration:none !important;
    font-size:16px !important; font-weight:700 !important; opacity:1 !important; visibility:visible !important;
  }
  #drawer .cta-link{
    justify-content:center !important; margin-top:12px !important; border-radius:14px !important;
    background:linear-gradient(180deg,#00C853 0%, #009944 100%) !important; color:#fff !important;
    border:0 !important; box-shadow:0 12px 24px rgba(0,200,83,.24) !important;
  }

  #navmask{
    display:block !important; position:fixed !important; inset:0 !important; background:rgba(15,23,42,.42) !important;
    z-index:5000 !important; opacity:0 !important; pointer-events:none !important; transition:opacity .2s ease !important;
  }
  #navmask.open{ opacity:1 !important; pointer-events:auto !important; }
  body.menu-open{ overflow:hidden !important; }

  .container{ width:min(100%, calc(100% - 20px)) !important; }
  .hero-grid, .whatsapp-main, .kiosk-flow-main, .feature-split, .journey-summary-block, .innovation-hero,
  .implementation-top, .implementation-grid, .compare-premium-grid, .confidence-card-wide{
    grid-template-columns:1fr !important; gap:20px !important;
  }
  .feature-grid, .grid-2, .grid-3, .pain-board, .industries-premium-grid, .innovations-grid, .confidence-grid,
  .testimonials-grid, .testimonials-impact, .pricing-premium-grid, .enterprise-trust-grid{ grid-template-columns:1fr !important; }
  .objection-row{ grid-template-columns:1fr !important; }
  .objection-arrow{ transform:rotate(90deg) !important; min-height:34px !important; }
  .stats-inline{ grid-template-columns:1fr !important; }
  .country-band{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; }
  .currency-switch{ width:100% !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; }
  .currency-btn{ justify-content:center !important; }
  .cta-group{ display:flex !important; flex-direction:column !important; gap:10px !important; }
  .cta-button, .cta-link{ width:100% !important; justify-content:center !important; text-align:center !important; }
  .hero-title h1{ font-size:clamp(30px, 10vw, 44px) !important; line-height:1.03 !important; }
  h2{ font-size:clamp(24px, 7vw, 30px) !important; line-height:1.12 !important; }
  .lead, .hero-text p.sub, .whatsapp-copy p, .pricing-head p, .industries-head p, .compare-premium-head p,
  .implementation-head p, .objections-head p, .confidence-head p, .innovations-head p, .testimonials-head p,
  .pain-board-head p, .enterprise-trust-head p{ font-size:16px !important; line-height:1.6 !important; }
  .demo-modal{
    width:min(100vw - 16px, 100vw - 16px) !important; max-height:calc(100dvh - 16px) !important;
    overflow:auto !important; border-radius:22px !important; padding:18px 14px 16px !important;
  }
  .demo-form-grid{ grid-template-columns:1fr !important; gap:12px !important; }
  .demo-form-actions{ flex-direction:column !important; align-items:stretch !important; }
  .demo-form-actions .cta-button{ width:100% !important; min-width:0 !important; }
  .phone-group{ grid-template-columns:140px 1fr !important; }
}


/* ===== Definitive mobile menu ===== */
@media (max-width:900px){
  #drawer, #navmask { display:none !important; }

  header.site-header{
    position:fixed !important;
    top:0; left:0; right:0;
    z-index:7000 !important;
    background:rgba(255,255,255,.98) !important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  body{
    padding-top:78px !important;
    overflow-x:hidden !important;
  }
  header.site-header .nav-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    flex-wrap:nowrap !important;
  }
  header.site-header nav{
    display:none !important;
  }
  header.site-header .brand{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex:1 1 auto !important;
    min-width:0 !important;
  }
  header.site-header .brand a{
    display:inline-flex !important;
    align-items:center !important;
  }
  header.site-header .brand img{
    width:42px !important;
    height:42px !important;
    max-width:none !important;
    display:block !important;
  }
  header.site-header .brand-text{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
  }
  header.site-header .brand-name{
    font-size:18px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  header.site-header .brand-sub{
    display:none !important;
  }

  .nav-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:52px !important;
    height:52px !important;
    border-radius:18px !important;
    border:1px solid #dbe5f0 !important;
    background:#fff !important;
    box-shadow:0 12px 28px rgba(15,23,42,.10) !important;
    position:relative !important;
    z-index:7002 !important;
    flex:0 0 auto !important;
    padding:0 !important;
    appearance:none;
    -webkit-appearance:none;
  }
  .nav-toggle .bar{
    position:absolute !important;
    left:13px !important;
    right:13px !important;
    height:4px !important;
    border-radius:999px !important;
    background:#0f172a !important;
    display:block !important;
    margin:0 !important;
  }
  .nav-toggle .bar:nth-child(1){ top:16px !important; }
  .nav-toggle .bar:nth-child(2){ top:24px !important; }
  .nav-toggle .bar:nth-child(3){ top:32px !important; }

  #mobileMenuOverlay{
    position:fixed;
    inset:0;
    z-index:6998;
    background:rgba(15,23,42,.44);
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease;
  }
  #mobileMenuOverlay.is-open{
    opacity:1;
    pointer-events:auto;
  }

  #mobileMenuPanel{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    width:min(86vw, 360px);
    background:#ffffff;
    z-index:6999;
    transform:translateX(-104%);
    transition:transform .26s ease;
    box-shadow:24px 0 44px rgba(15,23,42,.18);
    padding:18px 16px 24px;
    overflow-y:auto;
  }
  #mobileMenuPanel.is-open{
    transform:translateX(0);
  }

  .mobile-menu-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:16px;
  }
  .mobile-menu-brand{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
  }
  .mobile-menu-brand img{
    width:38px;
    height:38px;
    border-radius:12px;
    display:block;
  }
  .mobile-menu-brand strong{
    display:block;
    font-size:18px;
    color:#0f172a;
    line-height:1;
  }
  .mobile-menu-brand span{
    display:block;
    font-size:12px;
    color:#64748b;
    margin-top:3px;
  }

  .mobile-menu-close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:14px;
    border:1px solid #e2e8f0;
    background:#fff;
    color:#0f172a;
    font-size:24px;
    font-weight:800;
    text-decoration:none;
    flex:0 0 auto;
  }

  .mobile-menu-list{
    display:flex;
    flex-direction:column;
    gap:2px;
  }
  .mobile-menu-list a{
    display:flex;
    align-items:center;
    width:100%;
    min-height:52px;
    padding:14px 10px;
    border-bottom:1px solid #eef2f7;
    text-decoration:none;
    color:#0f172a;
    font-size:16px;
    font-weight:700;
  }
  .mobile-menu-list a:last-child{
    border-bottom:0;
  }
  .mobile-menu-cta{
    margin-top:14px;
    display:flex;
  }
  .mobile-menu-cta a{
    width:100%;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-radius:16px;
    background:linear-gradient(180deg,#00C853 0%, #009944 100%);
    color:#fff;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 14px 26px rgba(0,200,83,.24);
  }
  body.mobile-menu-open{
    overflow:hidden !important;
  }
}


/* ===== FIX LOGO MENÚ MÓVIL ===== */
@media (max-width:900px){
  #mobileMenuPanel img{
    width:40px !important;
    height:40px !important;
    max-width:40px !important;
    object-fit:contain !important;
    border-radius:10px !important;
    flex:0 0 auto !important;
  }
  #mobileMenuPanel * img{
    max-width:40px !important;
  }
  .mobile-menu-head{
    padding-bottom:12px !important;
    border-bottom:1px solid #eef2f7 !important;
    margin-bottom:14px !important;
  }
  .mobile-menu-brand{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }
  .mobile-menu-brand > div{
    display:flex !important;
    flex-direction:column !important;
    line-height:1 !important;
  }
  .mobile-menu-brand strong{
    font-size:16px !important;
    line-height:1 !important;
    margin:0 !important;
  }
  .mobile-menu-brand span{
    font-size:12px !important;
    color:#64748b !important;
    margin-top:4px !important;
    line-height:1.1 !important;
  }
}


/* ===== Hide mobile menu by default; show only on mobile ===== */
#mobileMenuPanel,
#mobileMenuOverlay{
  display:none !important;
}
@media (max-width:900px){
  #mobileMenuPanel,
  #mobileMenuOverlay{
    display:block !important;
  }
  #mobileMenuPanel{
    transform:translateX(-104%);
  }
  #mobileMenuPanel.is-open{
    transform:translateX(0);
  }
}