/* ============================================================
   EDGEBOUND LABS — Start a Project (captación de lead)
   Reusa tokens de styles.css · dark premium
   ============================================================ */
.sp-page{background:var(--bg);min-height:100vh}
.sp-wrap{max-width:680px;margin:0 auto;padding:128px 28px 96px}

.sp-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-bright);margin-bottom:18px;display:flex;align-items:center;gap:10px}
.sp-eyebrow::before{content:"";width:28px;height:1px;background:var(--blue-bright);opacity:.6}
.sp-h1{font-size:clamp(34px,5.2vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.04;color:var(--t1);margin-bottom:18px}
.sp-h1 .grad{background:linear-gradient(102deg,#fff 20%,var(--blue-bright) 58%,#fff 96%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.sp-sub{font-size:17px;line-height:1.6;color:var(--t2);max-width:60ch}
.sp-sub strong{color:var(--t1);font-weight:600}

/* form card */
.sp-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px;margin-top:32px}
.sp-field{margin-bottom:16px}
.sp-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.sp-row{grid-template-columns:1fr;gap:0}}
.sp-label{display:block;font-size:13px;font-weight:600;color:var(--t2);margin-bottom:7px}
.sp-label .opt{color:var(--t3);font-weight:400}
.sp-input,.sp-area{width:100%;background:var(--bg-2);border:1px solid var(--line-2);border-radius:11px;padding:14px 16px;font-size:15px;color:var(--t1);font-family:var(--sans);transition:.2s var(--ease)}
.sp-input:focus,.sp-area:focus{outline:none;border-color:var(--blue-bright);background:rgba(80,70,229,.07);box-shadow:0 0 0 3px rgba(80,70,229,.16)}
.sp-input::placeholder,.sp-area::placeholder{color:var(--t3)}
.sp-area{min-height:120px;resize:vertical;line-height:1.55}
.sp-captcha{margin:2px 0 14px;height:66px;overflow:hidden}
.sp-captcha .h-captcha{transform:scale(.85);transform-origin:left top}
.sp-submit{width:100%;justify-content:center;margin-top:6px}
.sp-submit[disabled]{opacity:.6;cursor:default}

.sp-trust{display:flex;gap:11px;align-items:flex-start;margin-top:18px;font-size:13px;line-height:1.55;color:var(--t3)}
.sp-trust svg{flex:0 0 auto;width:17px;height:17px;stroke:var(--blue-bright);margin-top:1px}
.sp-err{display:none;margin-top:14px;font-size:13.5px;color:#ff8b8b;text-align:center}
.sp-err.show{display:block}
.sp-err a{color:#ff8b8b;text-decoration:underline}
.sp-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}

/* thank-you page */
.ty-wrap{min-height:64vh;display:flex;align-items:center;justify-content:center}
.ty-done{margin-top:0}
.ty-cta{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}

/* what's next — timeline sin cajas */
.sp-next{margin-top:50px;padding-top:38px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.sp-step{position:relative}
.sp-step .n{display:flex;align-items:center;gap:11px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--blue-bright);margin-bottom:14px}
.sp-step .n::before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--blue-bright);box-shadow:0 0 0 4px var(--blue-soft)}
.sp-step .n::after{content:"";flex:1;height:1px;background:var(--line-2)}
.sp-step p{font-size:14.5px;color:var(--t2);line-height:1.55}
@media(max-width:560px){.sp-next{grid-template-columns:1fr;gap:22px;padding-top:30px;margin-top:38px}}

/* confirmation */
.sp-card.hide{display:none}
.sp-done{display:none;text-align:center;padding:34px 0 8px;margin-top:32px}
.sp-done.show{display:block}
.sp-done .ic{width:64px;height:64px;border-radius:50%;background:var(--blue-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 22px}
.sp-done .ic svg{width:30px;height:30px;stroke:var(--blue-bright)}
.sp-done h2{font-size:26px;font-weight:700;color:var(--t1);margin-bottom:12px;letter-spacing:-.02em}
.sp-done p{font-size:15.5px;color:var(--t2);line-height:1.6;max-width:48ch;margin:0 auto}
.sp-done a{color:var(--blue-bright)}