:root{
    --bg:#FFFFFF;
    --bg-soft:#F6F5FC;
    --ink:#15141F;
    --muted:#6B6B7D;
    --violet:#6753F0;
    --violet-dark:#4F3AD1;
    --violet-soft:#EEEBFD;
    --sky:#31C0E8;
    --mint:#22B87A;
    --line:#ECEAF4;
    --card-shadow: 0 20px 45px -24px rgba(21,20,31,0.18);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg); color:var(--ink);
    font-family:'Inter', sans-serif;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  .wrap{max-width:1180px; margin:0 auto; padding:0 28px;}
  h1,h2,h3,h4{font-family:'Sora', sans-serif; font-weight:700; letter-spacing:-0.01em; color:var(--ink);}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}

  /* ===== NAV ===== */
  nav{position:sticky; top:0; z-index:50; background:rgba(255,255,255,0.85); backdrop-filter:blur(10px); border-bottom:1px solid var(--line);}
  nav .wrap{display:flex; align-items:center; justify-content:space-between; padding:16px 28px;}
  .logo{font-family:'Sora'; font-weight:800; font-size:1.28rem;}
  .logo span{color:var(--violet);}
  .nav-links{display:flex; gap:28px; font-size:0.92rem; font-weight:500; color:var(--muted);}
  .nav-actions{display:flex; align-items:center; gap:18px;}
  .link-login{font-size:0.92rem; font-weight:600; color:var(--ink);}
  .btn{
    font-family:'Inter'; font-weight:700; font-size:0.92rem; padding:11px 22px; border-radius:999px;
    display:inline-block; transition:transform .15s ease, box-shadow .15s ease;
  }
  .btn-primary{background:var(--violet); color:#fff; box-shadow:0 10px 24px -10px rgba(103,83,240,0.55);}
  .btn-primary:hover{transform:translateY(-1px); box-shadow:0 14px 28px -10px rgba(103,83,240,0.6);}
  .btn-outline{border:1.5px solid var(--line); color:var(--ink);}

  /* ===== HERO ===== */
  .hero{position:relative; padding:90px 0 60px; overflow:hidden;}
  .blob{position:absolute; border-radius:50%; filter:blur(60px); opacity:0.35; z-index:-1;}
  .blob1{width:460px; height:460px; background:var(--violet); top:-160px; right:-120px;}
  .blob2{width:380px; height:380px; background:var(--sky); bottom:-140px; left:-140px; opacity:0.25;}
  .hero-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
  .pill-badge{
    display:inline-flex; align-items:center; gap:8px; background:var(--violet-soft); color:var(--violet-dark);
    font-size:0.82rem; font-weight:700; padding:7px 16px; border-radius:999px; margin-bottom:22px;
  }
  .pill-badge .dot{width:7px; height:7px; border-radius:50%; background:var(--mint);}
  .hero h1{font-size:clamp(2.3rem, 4vw, 3.3rem); line-height:1.08; margin-bottom:20px;}
  .hero h1 .hl{color:var(--violet);}
  .hero p.lead{color:var(--muted); font-size:1.08rem; max-width:44ch; margin-bottom:30px;}
  .hero-actions{display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-bottom:22px;}
  .hero-note{font-size:0.85rem; color:var(--muted);}
  .link-preview{
    display:inline-flex; align-items:center; gap:8px; background:var(--bg-soft); border:1px solid var(--line);
    border-radius:10px; padding:9px 14px; font-family:'Inter'; font-size:0.86rem; color:var(--muted); margin-top:6px;
  }
  .link-preview b{color:var(--ink); font-weight:600;}

  /* ===== FLOATING CARD (signature) ===== */
  .card-stage{position:relative; display:flex; justify-content:center;}
  .float-card{
    width:100%; max-width:380px; background:#fff; border-radius:22px; box-shadow:var(--card-shadow);
    padding:26px; border:1px solid var(--line); position:relative; z-index:2;
  }
  .fc-top{display:flex; align-items:center; gap:12px; padding-bottom:16px; border-bottom:1px solid var(--line); margin-bottom:16px;}
  .fc-avatar{width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg, var(--violet), var(--sky)); flex-shrink:0;}
  .fc-name{font-weight:700; font-size:0.95rem;}
  .fc-role{font-size:0.8rem; color:var(--muted);}
  .fc-row{display:flex; justify-content:space-between; align-items:center; font-size:0.86rem; margin-bottom:10px; color:var(--muted);}
  .fc-row b{color:var(--ink); font-weight:600;}
  .fc-meet{
    display:flex; align-items:center; gap:8px; background:var(--bg-soft); border-radius:10px; padding:9px 12px;
    font-size:0.82rem; font-weight:600; color:var(--violet-dark); margin:12px 0 16px;
  }
  .fc-meet .ico{width:16px; height:16px; border-radius:4px; background:var(--mint); flex-shrink:0;}
  .fc-toggle{display:flex; background:var(--bg-soft); border-radius:12px; padding:4px; gap:4px; margin-bottom:18px;}
  .fc-opt{
    flex:1; text-align:center; font-size:0.76rem; font-weight:700; padding:9px 4px; border-radius:9px; cursor:pointer;
    color:var(--muted); transition:all .18s ease; border:none; font-family:'Inter'; background:transparent;
  }
  .fc-opt.active{background:#fff; color:var(--violet-dark); box-shadow:0 4px 10px -4px rgba(21,20,31,0.15);}
  .fc-amount{font-family:'Sora'; font-size:1.85rem; font-weight:700; margin-bottom:18px; transition:opacity .12s ease;}
  .fc-amount span{font-size:1rem; color:var(--muted); font-weight:500; margin-right:2px;}
  .fc-btn{width:100%; background:var(--violet); color:#fff; border:none; padding:13px; border-radius:12px; font-weight:700; font-size:0.9rem; cursor:pointer; font-family:'Inter'; transition:background .15s ease;}
  .fc-btn:hover{background:var(--violet-dark);}
  .fc-check{
    position:absolute; top:-14px; right:-14px; background:var(--mint); color:#fff; width:44px; height:44px; border-radius:50%;
    display:flex; align-items:center; justify-content:center; font-size:1.3rem; font-weight:700; box-shadow:0 8px 20px -6px rgba(34,184,122,0.6);
    opacity:0; transform:scale(0.5); transition:all .3s cubic-bezier(.34,1.56,.64,1); z-index:3;
  }
  .fc-check.show{opacity:1; transform:scale(1);}
  .float-tag{
    position:absolute; background:#fff; border:1px solid var(--line); border-radius:12px; padding:10px 14px;
    box-shadow:var(--card-shadow); font-size:0.78rem; font-weight:600; display:flex; align-items:center; gap:8px; z-index:1;
  }
  .float-tag.t1{top:-10px; left:-30px;}
  .float-tag.t2{bottom:20px; right:-36px;}
  .float-tag .dot{width:8px; height:8px; border-radius:50%; background:var(--mint);}

  /* ===== INTEGRATIONS STRIP ===== */
  .integrations{padding:40px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .integrations .wrap{display:flex; align-items:center; gap:40px; flex-wrap:wrap; justify-content:space-between;}
  .integrations .label{font-size:0.82rem; color:var(--muted); font-weight:600; white-space:nowrap;}
  .int-list{display:flex; gap:34px; flex-wrap:wrap; align-items:center;}
  .int-item{display:flex; align-items:center; gap:8px; font-size:0.88rem; font-weight:600; color:var(--ink); opacity:0.75;}
  .int-item .sw{width:8px; height:8px; border-radius:2px; background:var(--violet);}

  /* ===== SECTION SCAFFOLD ===== */
  section{padding:90px 0;}
  .section-head{max-width:600px; margin:0 auto 52px; text-align:center;}
  .section-head.left{text-align:left; margin:0 0 48px;}
  .section-head h2{font-size:clamp(1.9rem,3vw,2.5rem); margin-bottom:14px;}
  .section-head p{color:var(--muted); font-size:1.02rem;}
  .kicker{font-size:0.82rem; font-weight:700; color:var(--violet); text-transform:uppercase; letter-spacing:0.05em; margin-bottom:12px; display:block;}

  /* ===== PILARES ===== */
  .pilares{background:var(--bg-soft);}
  .pilar-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .pilar{background:#fff; border-radius:18px; padding:32px 26px; border:1px solid var(--line); box-shadow:var(--card-shadow);}
  .pilar .icn{width:44px; height:44px; border-radius:12px; background:var(--violet-soft); margin-bottom:18px; display:flex; align-items:center; justify-content:center;}
  .pilar .icn .dot{width:14px; height:14px; border-radius:4px; background:var(--violet);}
  .pilar h3{font-size:1.15rem; margin-bottom:10px;}
  .pilar p{color:var(--muted); font-size:0.94rem;}

  /* ===== STAT CALLOUT ===== */
  .stat-callout{background:linear-gradient(120deg, var(--violet), #8B6BF2); color:#fff; border-radius:28px; padding:56px 48px; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap;}
  .stat-callout h3{color:#fff; font-size:clamp(1.6rem,3vw,2.1rem); max-width:26ch;}
  .stat-num{font-family:'Sora'; font-size:clamp(3rem,6vw,4.2rem); font-weight:800; line-height:1;}
  .stat-num span{font-size:1.6rem; vertical-align:top;}
  .stat-sub{font-size:0.92rem; opacity:0.85; margin-top:6px;}

  /* ===== MODALIDADES ===== */
  .modal-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px;}
  .modal-card{background:#fff; border:1px solid var(--line); border-radius:20px; padding:34px 30px; box-shadow:var(--card-shadow);}
  .modal-card .kicker{margin-bottom:10px;}
  .modal-card h3{font-size:1.4rem; margin-bottom:12px;}
  .modal-card p.desc{color:var(--muted); font-size:0.95rem; margin-bottom:20px;}
  .modal-card li{padding:10px 0; border-top:1px solid var(--line); font-size:0.92rem; display:flex; gap:10px; align-items:flex-start;}
  .modal-card li .chk{width:18px; height:18px; border-radius:6px; background:var(--violet-soft); color:var(--violet-dark); flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:0.7rem; font-weight:800; margin-top:1px;}

  /* ===== MODULOS ===== */
  .mod-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
  .mod-item{background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px 20px;}
  .mod-item .icn{width:34px; height:34px; border-radius:9px; background:var(--bg-soft); margin-bottom:14px; display:flex; align-items:center; justify-content:center;}
  .mod-item .icn .dot{width:10px; height:10px; border-radius:3px; background:var(--sky);}
  .mod-item h4{font-size:0.95rem; margin-bottom:6px; font-family:'Inter'; font-weight:700;}
  .mod-item p{font-size:0.82rem; color:var(--muted);}

  /* ===== PRICING ===== */
  .pricing{background:var(--bg-soft);}
  .price-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:900px; margin:0 auto;}
  .price-card{background:#fff; border:1px solid var(--line); border-radius:22px; padding:38px 32px; position:relative; box-shadow:var(--card-shadow);}
  .price-card.featured{border:2px solid var(--violet);}
  .price-badge{position:absolute; top:-13px; left:32px; background:var(--violet); color:#fff; font-size:0.72rem; font-weight:700; padding:5px 14px; border-radius:999px;}
  .price-name{font-family:'Sora'; font-weight:700; font-size:1.3rem; margin-bottom:4px;}
  .price-tag{color:var(--muted); font-size:0.88rem; margin-bottom:20px;}
  .price-amount{font-family:'Sora'; font-size:2.4rem; font-weight:800; margin-bottom:2px;}
  .price-amount span{font-size:1rem; font-weight:500; color:var(--muted);}
  .price-per{font-size:0.82rem; color:var(--muted); margin-bottom:24px;}
  .price-card ul{margin-bottom:26px;}
  .price-card li{padding:9px 0; border-top:1px solid var(--line); font-size:0.9rem; display:flex; gap:10px;}
  .price-card li:first-child{border-top:none;}
  .price-card li .chk{width:17px; height:17px; border-radius:5px; background:var(--violet-soft); color:var(--violet-dark); flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:0.65rem; font-weight:800;}
  .price-card .btn{width:100%; text-align:center;}

  /* ===== FAQ ===== */
  .faq-list{max-width:760px; margin:0 auto;}
  .faq-item{border-bottom:1px solid var(--line); padding:22px 0;}
  .faq-q{display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-weight:700; font-size:0.98rem;}
  .faq-q .plus{font-size:1.4rem; color:var(--violet); font-weight:400; transition:transform .2s ease;}
  .faq-item.open .plus{transform:rotate(45deg);}
  .faq-a{max-height:0; overflow:hidden; transition:max-height .3s ease;}
  .faq-a p{padding-top:14px; color:var(--muted); font-size:0.92rem; max-width:60ch;}

  /* ===== CTA FINAL ===== */
  .cta-final{text-align:center;}
  .cta-box{background:var(--ink); border-radius:28px; padding:64px 40px; color:#fff;}
  .cta-box h2{color:#fff; font-size:clamp(1.9rem,4vw,2.6rem); max-width:16ch; margin:0 auto 18px;}
  .cta-box p{color:#B8B6C4; max-width:48ch; margin:0 auto 30px;}

  footer{padding:40px 0; border-top:1px solid var(--line);}
  footer .wrap{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px;}
  footer p{font-size:0.85rem; color:var(--muted);}

  [data-reveal]{opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease;}
  [data-reveal].in{opacity:1; transform:translateY(0);}

  @media (max-width:900px){
    .hero-grid{grid-template-columns:1fr;}
    .nav-links{display:none;}
    .pilar-grid, .mod-grid, .price-grid, .modal-grid{grid-template-columns:1fr;}
    .mod-grid{grid-template-columns:1fr 1fr;}
    .float-tag{display:none;}
    .stat-callout{flex-direction:column; text-align:center; align-items:center;}
  }
  @media (prefers-reduced-motion: reduce){*{transition:none !important;}}