:root{
    --lime:#C4E938; --mint:#72E3AD; --teal:#14B8A6; --emerald:#22C55E; --amber:#FC9342;
    --bg:#07130f; --fg:#EAF4EE; --mut:#8AA79B; --line:#183028; --card:#0b1c16;
    --grad:linear-gradient(100deg,var(--lime),var(--mint) 46%,var(--teal));
  }
  *{box-sizing:border-box}
  body{margin:0}
  .shell{background:#04100c;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--fg)}

  .deckbar{position:sticky;top:0;z-index:50;background:rgba(4,16,12,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px clamp(16px,4vw,40px)}
  .deckbar .mk{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.03em}
  .deckbar .mk svg{width:20px;height:20px;fill:var(--mint)}
  .deckbar .mk i{color:var(--mint);font-style:normal}
  .deckbar .lab{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
  .tabs{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
  .tab{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--mut);font:inherit;font-size:12.5px;font-weight:600;padding:8px 13px;border-radius:999px;cursor:pointer;transition:.18s}
  .tab:hover{color:var(--fg);border-color:#2c5546}
  .tab[aria-selected="true"]{background:var(--mint);color:#06231a;border-color:var(--mint)}

  .stage{display:none}
  .stage.on{display:block}
  .site{background:radial-gradient(120% 40% at 82% -4%, #0d2a20 0%, var(--bg) 46%)}

  nav.top{display:flex;align-items:center;gap:26px;padding:20px clamp(20px,4vw,44px);max-width:1080px;margin:0 auto}
  .logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none}
  .logo .mark{width:24px;height:24px;fill:var(--mint)}
  .logo .wm{font-weight:800;letter-spacing:-.03em;font-size:20px;color:#F2F6F3}
  .logo .wm i{color:var(--mint);font-style:normal}
  nav.top .lk{color:var(--mut);font-size:14px;font-weight:600;cursor:pointer;transition:color .18s}
  nav.top .lk:hover,nav.top .lk.act{color:var(--fg)}
  nav.top .sp{margin-left:auto}
  .prim{background:var(--grad);color:#06231a;font-weight:800;padding:11px 20px;border-radius:11px;font-size:14px;cursor:pointer;display:inline-block;border:none}

  /* artículo */
  .art{max-width:720px;margin:0 auto;padding:clamp(20px,4vw,40px) clamp(20px,4vw,44px) 20px}
  .back{color:var(--mint);font-weight:700;font-size:13px;text-decoration:none}
  .amt{margin:20px 0 14px;font-size:12.5px;letter-spacing:.04em;color:var(--mut);text-transform:uppercase;font-weight:700}
  .amt b{color:var(--mint)}
  .art h1{font-size:clamp(30px,4.6vw,46px);line-height:1.05;letter-spacing:-.035em;margin:0 0 18px;text-wrap:balance;font-weight:850}
  .dek{font-size:clamp(17px,2.2vw,21px);line-height:1.5;color:#c7d6cf;margin:0 0 8px;font-weight:500}
  .art .body{font-size:16.5px;line-height:1.72;color:#cdd9d2}
  .art .body h2{font-size:clamp(20px,2.6vw,26px);letter-spacing:-.02em;color:var(--fg);margin:38px 0 12px;font-weight:800;text-wrap:balance}
  .art .body p{margin:0 0 18px}
  .art .body strong{color:var(--fg)}
  .art .body ul{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:14px}
  .art .body ul li{position:relative;padding-left:26px}
  .art .body ul li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:3px;background:var(--grad)}
  .art .body ul li b{color:var(--fg)}
  .art .body .num{counter-reset:s;list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:16px}
  .art .body .num li{counter-increment:s;position:relative;padding-left:44px}
  .art .body .num li::before{content:counter(s);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:9px;background:#0e2219;border:1px solid #234438;color:var(--mint);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
  .pull{border-left:3px solid var(--mint);padding:4px 0 4px 18px;margin:22px 0;font-size:clamp(19px,2.4vw,23px);line-height:1.35;letter-spacing:-.01em;color:var(--fg);font-weight:600}

  .artfig{margin:26px 0 8px;background:linear-gradient(160deg,#0e2419,#0a1712);border:1px solid #1e3a2e;border-radius:16px;padding:clamp(18px,3vw,26px);overflow:hidden}
  .artfig svg{display:block;width:100%;height:auto}
  .artfig figcaption{margin:14px 0 0;font-size:12.5px;color:var(--mut);text-align:center;letter-spacing:.02em}
  .artfig .fl{font:600 12px system-ui,sans-serif;fill:#8AA79B}
  .artfig .fv{font:800 15px system-ui,sans-serif;fill:#EAF4EE}
  .artfig .fm{font:800 13px system-ui,sans-serif;fill:#72E3AD}

  /* caja de guía (lead) */
  .guiabox{background:linear-gradient(180deg,#0e2a1f,#0a1c15);border:1px solid #234438;border-radius:18px;padding:clamp(22px,3vw,30px);margin:30px 0}
  .guiabox .gtag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--mint);margin-bottom:10px}
  .guiabox h3{margin:0 0 8px;font-size:clamp(19px,2.4vw,23px);letter-spacing:-.02em;font-weight:800;text-wrap:balance}
  .guiabox>p{margin:0 0 18px;color:var(--mut);font-size:14.5px;line-height:1.55}

  /* lead form */
  .leadform{max-width:100%}
  .lf-row{display:flex;gap:10px;flex-wrap:wrap}
  .lf-row input[type=email]{flex:1;min-width:210px;background:#071410;border:1px solid #2a4d40;color:var(--fg);border-radius:11px;padding:13px 15px;font:inherit;font-size:15px}
  .lf-row input[type=email]::placeholder{color:#5f7a6f}
  .lf-row input[type=email]:focus{outline:2px solid var(--mint);outline-offset:1px}
  .leadform .btn-lime{background:var(--grad);color:#06231a;font-weight:800;border:none;border-radius:11px;padding:13px 20px;font:inherit;font-size:15px;cursor:pointer;white-space:nowrap}
  .leadform .btn-lime:hover{filter:brightness(1.05)}
  .leadform .btn-lime:disabled{opacity:.6;cursor:default}
  .lf-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
  .lf-consent{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.5;margin-top:10px;color:var(--mut);cursor:pointer}
  .lf-consent input{margin-top:2px;flex:0 0 auto;width:16px;height:16px;accent-color:var(--mint)}
  .lf-consent a{color:var(--mint)}
  .lf-note{margin-top:10px;font-size:12px;color:var(--mut);line-height:1.5}
  .lf-note .lf-oferta{color:var(--fg);font-weight:700}
  .lf-msg{margin-top:12px;font-size:14px;border-radius:11px;padding:12px 14px;line-height:1.5}
  .lf-msg.ok{background:#0e2b1f;color:var(--mint);border:1px solid #234438}
  .lf-msg.err{background:#2b1414;color:#ffb4a8;border:1px solid #4d2a2a}
  .lf-guia-link{color:var(--mint);font-weight:800}
  .signoff{margin:30px 0 0;font-weight:700;color:var(--fg)}

  /* cierre */
  .endcta{max-width:720px;margin:10px auto 0;padding:0 clamp(20px,4vw,44px)}
  .endcard{background:linear-gradient(180deg,#0f2a20,#0a1c15);border:1px solid #234438;border-radius:20px;padding:clamp(26px,4vw,40px);text-align:center}
  .endcard h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.03em;margin:0 0 10px;font-weight:850}
  .endcard p{color:var(--mut);margin:0 auto 20px;max-width:44ch;font-size:15px;line-height:1.5}

  footer{border-top:1px solid var(--line);background:#050f0b;margin-top:50px}
  .foot{max-width:1080px;margin:0 auto;padding:clamp(30px,4vw,48px) clamp(20px,4vw,44px);display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}
  .foot .brand p{color:var(--mut);font-size:13px;margin:12px 0 0;max-width:30ch;line-height:1.55}
  .foot h5{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:0 0 14px;font-weight:700}
  .foot a{display:block;color:var(--fg);opacity:.82;text-decoration:none;font-size:14px;margin-bottom:10px}
  .foot a:hover{opacity:1;color:var(--mint)}
  .footbar{border-top:1px solid var(--line);padding:16px clamp(20px,4vw,44px);max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--mut);font-size:12.5px}

  @media(max-width:820px){ .foot{grid-template-columns:1fr 1fr} }
  @media(max-width:520px){ .foot{grid-template-columns:1fr} }

body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;margin:0}
body{color:#EAF4EE}