@font-face{font-family:Inter;src:url(/fonts/inter-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap;font-style:normal}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap;font-style:normal}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap;font-style:normal}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap;font-style:normal}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-800-normal.woff2) format('woff2');font-weight:800;font-display:swap;font-style:normal}
@font-face{font-family:'IBM Plex Mono';src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap;font-style:normal}
@font-face{font-family:'IBM Plex Mono';src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap;font-style:normal}

:root{
  --bg:#0C0F13;
  --surface:#141B24;
  --line:#232B36;
  --mint:#46F7DD;
  --mint-hover:#2FD9BF;
  --on-mint:#0B1F1A;
  --text:#F2F4F6;
  --muted:#A9B4C0;
  --err:#FF4438;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  font-size:17px;line-height:1.6;
  background-image:linear-gradient(180deg,rgba(40,63,85,.35) 0%,rgba(12,15,19,0) 620px);
}
a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(70,247,221,.5)}
a:hover{text-decoration-color:var(--mint)}
.wrap{width:100%;max-width:940px;margin:0 auto;padding:0 22px}
.mono{font-family:'IBM Plex Mono',SFMono-Regular,Consolas,monospace}
.dim{color:var(--muted)}
.small{font-size:14px}

.head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:26px;padding-bottom:6px}
.brand{display:inline-flex;text-decoration:none}
.brand img{height:26px;width:auto;display:block}
.tag{color:var(--mint);font-size:12px;letter-spacing:.14em}

.hero{padding:44px 22px 8px}
.eyebrow{color:var(--mint);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}
h1{
  font-size:clamp(34px,6vw,62px);font-weight:800;letter-spacing:-.025em;line-height:1.06;
  margin:0 0 22px;max-width:16ch
}
h1 em{font-style:normal;color:var(--text);border-bottom:3px solid var(--mint);padding-bottom:2px}
.lead{font-size:clamp(16px,2.1vw,19px);max-width:64ch;margin:0 0 14px;color:var(--text)}
.lead.dim{color:var(--muted)}

.form{margin:34px 0 8px;max-width:660px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:620px){.row{grid-template-columns:1fr}}
.field{display:block;margin-bottom:14px}
.lbl{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
input[type=text],input[type=email],input[type=tel]{
  width:100%;padding:13px 14px;border-radius:10px;
  background:var(--surface);border:1px solid var(--line);color:var(--text);
  font-family:inherit;font-size:16px;outline:none;transition:border-color .15s
}
input::placeholder{color:#5C6670}
input:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(70,247,221,.14)}
input[aria-invalid=true]{border-color:var(--err)}

.swag{border:1px solid var(--line);border-radius:12px;padding:16px 16px 4px;margin:6px 0 18px;background:rgba(20,27,36,.5)}
.direccion{padding-top:14px;border-top:1px solid var(--line);margin-top:14px}
.check{display:flex;gap:11px;align-items:flex-start;margin:0 0 14px;font-size:15px;color:var(--muted);cursor:pointer}
.check input{margin:3px 0 0;width:18px;height:18px;accent-color:var(--mint);flex:0 0 auto}
.check span{flex:1}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

button{
  width:100%;padding:15px 22px;border:0;border-radius:10px;cursor:pointer;
  background:var(--mint);color:var(--on-mint);
  font-family:inherit;font-size:17px;font-weight:700;letter-spacing:-.01em;
  transition:background .15s,transform .1s
}
button:hover{background:var(--mint-hover)}
button:active{transform:translateY(1px)}
button[disabled]{opacity:.6;cursor:default}

.msg{min-height:22px;margin:12px 0 0;font-size:15px}
.msg.ok{color:var(--mint)}
.msg.err{color:var(--err)}
.legal{margin:10px 0 0;font-size:12px;color:#7C8894;letter-spacing:.02em}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:52px;padding-bottom:10px;align-items:start}
@media (max-width:820px){.grid{grid-template-columns:1fr}}
.bullets,.sample{list-style:none;margin:0;padding:0}
.bullets li,.sample li{position:relative;padding-left:24px;margin-bottom:14px;color:var(--muted);font-size:16px}
.bullets li::before,.sample li::before{content:'›';position:absolute;left:0;top:-1px;color:var(--mint);font-family:'IBM Plex Mono',monospace}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}
.card .date{font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px}
.card h3{margin:0 0 16px;font-size:21px;font-weight:700;letter-spacing:-.015em}
.card .sample li{font-size:15px}
.card .foot{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);color:#7C8894;font-size:12px}

.strip{padding:46px 22px 30px;text-align:center}
.metrics{color:var(--text);font-size:15px;letter-spacing:.06em;margin:0 0 6px}
.metrics span{color:var(--mint)}
.strip .small{margin:0}

.foot-site{padding:26px 22px 46px;border-top:1px solid var(--line);margin-top:24px}
.foot-site p{font-size:12px;margin:0 0 8px;color:#7C8894;letter-spacing:.02em}
.foot-site a{color:var(--muted)}

.done{border:1px solid var(--mint);background:rgba(70,247,221,.06);border-radius:14px;padding:26px}
.done h2{margin:0 0 10px;font-size:24px;font-weight:800;letter-spacing:-.02em}
.done p{margin:0 0 8px;color:var(--muted);font-size:16px}