:root{
    --negro:#0A0A0A; --gris:#52525B; --gris-claro:#A1A1AA;
    --linea:#E4E4E7; --papel:#FFFFFF; --papel-2:#FAFAFA;
    --azul:#006AFF; --azul-d:#0052CC;
    --serif:'Newsreader',Georgia,'Times New Roman',serif;
    --purpura:#006AFF; --purpura-suave:#EAF1FF; --purpura-borde:#CFE0FF;
    --lima:#006AFF; --lima-fill:#BBD6FF; --lima-suave:#EAF1FF; --lima-borde:#CFE0FF;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Inter',-apple-system,sans-serif;background:var(--papel);color:var(--negro);line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv01"}
  .wrap{max-width:1600px;margin:0 auto;padding:0 48px}
  a{color:inherit;text-decoration:none}
  ::selection{background:var(--lima-fill)}

  /* HEADER */
  header.nav{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--linea)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1600px;margin:0 auto;padding:0 48px}
  .logo{font-size:21px;font-weight:900;letter-spacing:-.04em;cursor:pointer}
  .logo i{color:var(--azul);font-style:normal}
  .nav-links{display:flex;gap:6px;align-items:center}
  .nav-links a{font-size:15px;font-weight:500;color:var(--negro);padding:8px 14px;border-radius:100px;transition:.18s;cursor:pointer}
  .nav-links a:hover{color:var(--negro);background:var(--papel-2)}
  .nav-links a.active{color:var(--azul);background:rgba(0,106,255,.08)}
  .nav-cta{font-size:15px;font-weight:600;color:#fff;background:var(--azul);padding:11px 22px;border-radius:9999px;cursor:pointer;transition:.18s}
  .nav-cta:hover{background:var(--azul-d)}
  .nav-left{display:flex;align-items:center;gap:26px}
  .nav-right{display:flex;align-items:center;gap:18px}
  .nav-util{font-size:14px;font-weight:500;color:var(--negro);cursor:pointer;white-space:nowrap;transition:.18s}
  .nav-util:hover{color:var(--azul)}
  .catnav{display:flex;justify-content:center;flex-wrap:wrap;gap:36px;padding:0 0 8px}
  .catnav a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--negro);cursor:pointer;transition:.18s}
  .catnav a:hover{color:var(--azul)}
  .catnav a span{font-size:15px;opacity:.45;font-weight:400}
  .burger{display:none;width:40px;height:40px;border:none;background:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
  .burger span{display:block;width:22px;height:2px;background:var(--negro);border-radius:2px;transition:.25s}
  .burger.isx span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger.isx span:nth-child(2){opacity:0}
  .burger.isx span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* PAGES */
  .page{display:none;animation:fade .4s ease}
  .page.show{display:block}
  @keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

  /* HERO HOME */
  .hero{position:relative;padding:104px 0 84px;overflow:hidden;text-align:center}
  .eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--purpura);border:1px solid var(--purpura);border-radius:100px;padding:6px 16px;margin-bottom:30px}
  h1.big{font-family:var(--serif);font-size:clamp(42px,7.4vw,86px);font-weight:500;letter-spacing:-.02em;line-height:1.02;max-width:16ch;margin:0 auto}
  h1.big mark{background:none;color:var(--purpura)}
  .hero p.sub{font-size:clamp(18px,2.4vw,22px);color:var(--gris);max-width:620px;margin:28px auto 0;font-weight:500;line-height:1.45}
  .hero .underline{color:var(--azul);font-weight:600}
  /* network signature */
  .net{position:absolute;inset:0;z-index:-1;opacity:.5;pointer-events:none}

  /* DOORS */
  .doors{padding:8px 0 88px}
  .doors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .door{display:block;border:1px solid var(--linea);border-radius:22px;padding:32px 28px 28px;background:var(--papel);cursor:pointer;transition:.22s;position:relative;overflow:hidden}
  .door:hover{border-color:var(--purpura);transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(0,106,255,.28)}
  .door .dnum{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--gris-claro)}
  .door h3{font-size:26px;font-weight:800;letter-spacing:-.025em;margin:14px 0 10px}
  .door .dclaim{font-size:16px;font-weight:600;color:var(--purpura);line-height:1.3;margin-bottom:14px}
  .door p{font-size:14px;color:var(--gris);line-height:1.5}
  .door .go{margin-top:20px;font-size:14px;font-weight:700;color:var(--negro);display:inline-flex;align-items:center;gap:7px}
  .door .go::after{content:"→";transition:.22s}
  .door:hover .go::after{transform:translateX(5px);color:var(--purpura)}

  /* STRIP cómo funciona */
  .strip{background:var(--negro);color:#fff;padding:72px 0}
  .strip h2{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.03em;max-width:18ch;line-height:1.08}
  .strip .lead{color:#A1A1AA;font-size:17px;margin-top:14px;max-width:54ch}
  .strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
  .scard{border:1px solid #27272A;border-radius:16px;padding:24px 20px;background:#161618}
  .scard .sn{font-size:13px;font-weight:800;color:var(--lima-fill);letter-spacing:.08em}
  .scard h4{font-size:17px;font-weight:700;margin:12px 0 8px;letter-spacing:-.01em}
  .scard p{font-size:14px;color:#A1A1AA;line-height:1.5}

  /* LANDING HERO */
  .lhero{padding:88px 0 56px;border-bottom:1px solid var(--linea)}
  .back{font-size:13px;font-weight:600;color:var(--gris);cursor:pointer;display:inline-flex;gap:6px;align-items:center;margin-bottom:28px}
  .back:hover{color:var(--purpura)}
  .ltag{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;flex-wrap:wrap}
  .pill{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:100px}
  .p-zenia{background:var(--negro);color:#fff}
  .p-pos{background:var(--purpura-suave);color:var(--purpura)}
  .p-system{background:var(--lima-suave);color:#0052CC}
  .p-crown{background:#FFF1F2;color:#be123c}
  .p-madison{background:#EFF6FF;color:#1d4ed8}
  .ltag .lt{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gris-claro)}
  h1.lh{font-family:var(--serif);font-size:clamp(38px,6.4vw,70px);font-weight:500;letter-spacing:-.02em;line-height:1.04;max-width:18ch}
  .lclaim{font-size:clamp(20px,2.8vw,26px);font-weight:700;letter-spacing:-.02em;margin-top:24px;line-height:1.25;max-width:24ch}
  .lclaim em{font-style:normal;color:var(--purpura)}
  .laud{font-size:17px;color:var(--gris);margin-top:18px;max-width:56ch}

  /* LANDING BODY */
  .lsec{padding:64px 0;border-bottom:1px solid var(--linea)}
  .lsec-head{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gris-claro);margin-bottom:10px}
  h2.l2{font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-bottom:8px;max-width:20ch}
  .l2-lead{font-size:18px;color:var(--gris);max-width:60ch}
  .feat{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}
  .fcard{border:1px solid var(--linea);border-radius:16px;padding:26px 24px;transition:.2s}
  .fcard:hover{border-color:var(--purpura-borde);background:var(--papel-2)}
  .fcard .fi{width:34px;height:34px;border-radius:10px;background:var(--purpura-suave);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:17px}
  .fcard h4{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:7px}
  .fcard p{font-size:15px;color:var(--gris);line-height:1.5}

  /* PRICE */
  .price{background:var(--lima-suave);border:1px solid var(--lima-borde);border-radius:22px;padding:38px 36px;margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
  .price .pt{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0052CC;margin-bottom:8px}
  .price .pn{font-size:clamp(40px,6vw,56px);font-weight:900;letter-spacing:-.04em;line-height:1}
  .price .pn small{font-size:18px;font-weight:600;color:var(--gris)}
  .price .pd{font-size:15px;color:#3f3f46;max-width:34ch;margin-top:8px}
  .price .pcta{font-size:15px;font-weight:600;color:#fff;background:var(--azul);padding:13px 26px;border-radius:9999px;cursor:pointer;transition:.18s}
  .price .pcta:hover{background:var(--azul-d)}

  /* CASHBACK band */
  .cash{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;margin-top:32px;border:1px solid var(--linea);border-radius:22px;padding:36px;background:var(--papel)}
  .cash h3{font-size:26px;font-weight:800;letter-spacing:-.025em;margin-bottom:12px}
  .cash p{font-size:16px;color:var(--gris);line-height:1.55}
  .cash .logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
  .cash .logos span{font-size:13px;font-weight:600;color:var(--gris);border:1px solid var(--linea);border-radius:8px;padding:7px 12px;background:var(--papel-2)}
  .cash-vis{background:var(--negro);border-radius:18px;padding:30px;color:#fff}
  .cash-vis .cv-n{font-size:42px;font-weight:900;color:var(--lima-fill);letter-spacing:-.04em}
  .cash-vis .cv-l{font-size:14px;color:#A1A1AA;margin-top:4px}
  .cash-vis hr{border:none;border-top:1px solid #27272A;margin:18px 0}

  /* DELIVERY steps */
  .steps{margin-top:32px}
  .stp{display:grid;grid-template-columns:90px 1fr;gap:22px;padding:22px 0;border-top:1px solid var(--linea)}
  .stp:first-child{border-top:none}
  .stp .sx{font-size:30px;font-weight:900;color:var(--linea);letter-spacing:-.04em}
  .stp h4{font-size:18px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .stp p{font-size:15px;color:var(--gris)}

  /* TERRITORY tabs */
  .terr{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
  .tcard{border:1px solid var(--linea);border-radius:18px;padding:28px 24px;background:var(--papel);transition:.2s}
  .tcard:hover{border-color:var(--purpura-borde);transform:translateY(-3px)}
  .tcard .tk{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purpura);margin-bottom:12px}
  .tcard h4{font-size:21px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}
  .tcard p{font-size:15px;color:var(--gris);line-height:1.5}

  /* FORM */
  .formsec{padding:72px 0}
  .formcard{border:1px solid var(--linea);border-radius:24px;padding:48px 44px;background:var(--papel-2);max-width:640px;margin:0 auto;text-align:center}
  .formcard h2{font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-.03em;margin-bottom:10px}
  .formcard .fl{font-size:17px;color:var(--gris);margin-bottom:30px;max-width:44ch;margin-left:auto;margin-right:auto}
  .fields{display:flex;flex-direction:column;gap:14px;text-align:left}
  .field label{font-size:13px;font-weight:600;color:var(--gris);display:block;margin-bottom:6px}
  .field input,.field select{width:100%;font-family:inherit;font-size:16px;padding:14px 16px;border:1px solid var(--linea);border-radius:12px;background:#fff;color:var(--negro);transition:.18s}
  .field input:focus,.field select:focus{outline:none;border-color:var(--purpura);box-shadow:0 0 0 3px var(--purpura-suave)}
  .submit{margin-top:8px;width:100%;font-family:inherit;font-size:16px;font-weight:600;color:#fff;background:var(--azul);border:none;padding:16px;border-radius:9999px;cursor:pointer;transition:.18s}
  .submit:hover{background:var(--azul-d)}
  .ok{display:none;background:var(--lima-suave);border:1px solid var(--lima-borde);border-radius:14px;padding:22px;font-size:16px;font-weight:600;color:#0052CC;margin-top:8px}
  .ok.show{display:block}
  .fnote{font-size:13px;color:var(--gris-claro);margin-top:18px}

  /* FOOTER */
  footer{background:#fff;color:var(--negro);padding:64px 0 40px;border-top:1px solid var(--linea)}
  .kitdig{border-top:1px solid var(--linea);margin-top:34px;padding-top:26px;text-align:center}
  .kitdig img{width:1515px;max-width:100%;height:auto}
  .foot-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}
  .foot-logo{font-size:28px;font-weight:900;letter-spacing:-.04em}
  .foot-logo i{color:var(--azul);font-style:normal}
  .foot-tag{font-size:15px;color:var(--gris);margin-top:10px;max-width:34ch}
  .foot-cols{display:flex;gap:56px;flex-wrap:wrap}
  .fcol h5{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#71717A;margin-bottom:14px}
  .fcol a{display:block;font-size:14px;color:var(--gris);padding:4px 0;cursor:pointer}
  .fcol a:hover{color:var(--negro)}
  .foot-bottom{border-top:1px solid var(--linea);margin-top:44px;padding-top:24px;font-size:13px;color:var(--gris-claro);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}

  @media(max-width:880px){
    .doors-grid{grid-template-columns:1fr}
    .strip-grid{grid-template-columns:1fr 1fr}
    .feat{grid-template-columns:1fr}
    .cash{grid-template-columns:1fr}
    .terr{grid-template-columns:1fr}
  }
  /* ===== NAV v2 (desktop dropdown estilo Square) ===== */
  .navitem{position:relative}
  .navitem>a{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:var(--negro);padding:8px 14px;border-radius:100px;cursor:pointer;transition:.18s}
  .navitem>a:hover{background:var(--papel-2)}
  .navitem>a .chev{font-size:10px;opacity:.55;transition:transform .2s}
  .dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:320px;background:#fff;border:1px solid var(--linea);border-radius:16px;box-shadow:0 24px 50px -28px rgba(0,0,0,.28);padding:10px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s;z-index:80}
  .dropdown a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:10px;cursor:pointer;transition:.15s}
  .dropdown a:hover{background:var(--papel-2)}
  .dropdown a b{font-size:15px;font-weight:600;color:var(--negro)}
  .dropdown a span{font-size:13px;color:var(--gris);font-weight:400}
  @media(min-width:1280px){
    .navitem:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
    .navitem:hover>a .chev{transform:rotate(180deg)}
  }
  /* ===== MOBILE NAV (clon Square: 72px, panel desplegable desde arriba) ===== */
  .mobnav{position:fixed;left:0;right:0;top:0;height:0;overflow:hidden;background:#fff;z-index:55;transition:height .3s cubic-bezier(0,0,.2,1)}
  .mobnav.open{height:100vh;height:100dvh;overflow-y:auto}
  .mobnav-inner{padding-top:72px}
  .mob-panel{padding:8px 0}
  .mob-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:19px 32px;font-size:19px;font-weight:500;color:var(--negro);background:none;border:none;border-bottom:1px solid #ececec;cursor:pointer;text-align:left;font-family:inherit;transition:.15s}
  .mob-row:hover{color:var(--azul)}
  .mob-row .rc{font-size:20px;opacity:.4;font-weight:400}
  .mob-cta{padding:28px 32px;display:flex;flex-direction:column;gap:16px}
  .mob-cta a.util{font-size:16px;font-weight:500;color:var(--negro);cursor:pointer}
  .mob-cta a.prim{display:block;text-align:center;background:var(--azul);color:#fff;font-weight:600;font-size:16px;padding:15px;border-radius:9999px;cursor:pointer}
  .mob-sub{position:absolute;top:0;left:0;right:0;min-height:100%;background:#fff;padding-top:72px;transform:translateX(100%);transition:transform .28s cubic-bezier(0,0,.2,1)}
  .mob-sub.open{transform:translateX(0)}
  .mob-back{display:flex;align-items:center;gap:8px;width:100%;padding:18px 32px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);background:none;border:none;border-bottom:1px solid #ececec;cursor:pointer;text-align:left;font-family:inherit}
  .mobnav.open .mob-anim>*{animation:mobIn .34s cubic-bezier(0,0,.2,1) both}
  @keyframes mobIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
  .videohero{position:relative}
  .vhero-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.05) 35%,rgba(0,0,0,.20) 70%,rgba(0,0,0,.40));pointer-events:none}
  .videohero .vh-v{display:none}
  .vhero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px;text-align:center;padding:0 24px clamp(28px,7%,76px);pointer-events:none}
  .vhero-overlay>*{pointer-events:auto}
  .glass-btn{font-family:inherit;font-size:clamp(16px,1.7vw,21px);font-weight:500;color:#fff;background:rgba(255,255,255,.18);border:none;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);padding:16px 36px;border-radius:9999px;cursor:pointer;box-shadow:0 10px 34px rgba(0,0,0,.22);transition:.2s}
  .glass-btn:hover{background:rgba(255,255,255,.46);transform:translateY(-2px)}
  .vhero-cap{color:#fff;font-size:clamp(15px,1.5vw,19px);font-weight:500;letter-spacing:.01em;text-shadow:0 2px 14px rgba(0,0,0,.5);max-width:34ch;margin:0}
  @media(min-width:1280px){.mobnav{display:none}}
  @media(max-width:1279px){
    .nav-links{display:none}
    .nav-util{display:none}
    .nav-cta{display:none}
    .burger{display:flex}
  }
  @media(max-width:680px){
    .videohero .vh-h{display:none!important}
    .videohero .vh-v{display:block!important}
    .strip-grid{grid-template-columns:1fr}
    .price{flex-direction:column;align-items:flex-start}
    .stp{grid-template-columns:1fr;gap:6px}
    .formcard{padding:36px 24px}
  }
  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}