:root{--ink:#0b151c;--turq:#00d4d8;--cream:#f4f1ea;--mint:#dfffa0;--muted:#a9b6bb;--line:rgba(255,255,255,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Poppins,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.narrow{max-width:940px}.light{background:var(--cream);color:var(--ink)}.eyebrow{margin:0 0 22px;color:var(--turq);font-size:.75rem;font-weight:800;letter-spacing:.18em}.eyebrow.dark{color:#087d80}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:.98;letter-spacing:-.055em}h1{font-size:clamp(4rem,6.8vw,7rem)}h2{font-size:clamp(2.6rem,5vw,5.2rem)}h3{font-size:1.4rem}em{color:var(--turq);font-style:normal}.lede{max-width:650px;color:#d5dfe1;font-size:1.2rem}.button{display:inline-flex;min-height:56px;padding:0 28px;align-items:center;justify-content:center;gap:18px;border:1px solid var(--turq);border-radius:99px;background:var(--turq);color:#06181d;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px);background:#42e6e9}.button.small{min-height:44px;padding:0 22px;font-size:.78rem}.button.white{border-color:#fff;background:#fff}.text-link{border-bottom:1px solid;font-weight:700}.text-link.ink{color:var(--ink)}.actions{display:flex;align-items:center;gap:28px;margin:34px 0 56px}
.hero{padding-top:82px;background:radial-gradient(circle at 80% 35%,#17434d,transparent 32%),linear-gradient(145deg,var(--ink),#081116);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;min-height:650px}.profile div span,.trust div span{padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:99px;font-size:.72rem}
.statement,.feature,.process,.trust,.signup{padding:120px 0}.statement h2 em{color:#087d80}.big-copy{max-width:880px;margin-left:auto;color:#4d595f;font-size:clamp(1.2rem,2vw,1.7rem)}.feature{background:var(--turq);color:#062026}.feature h2{font-size:clamp(2.5rem,4.3vw,4.5rem)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.dna{padding:34px;border-radius:30px;background:var(--ink);color:white;box-shadow:18px 18px 0 rgba(5,37,40,.15)}.dna header{display:flex;align-items:end;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.dna header span{font-size:.72rem;letter-spacing:.14em}.dna header strong{color:var(--turq);font-size:3.2rem}.dna>div{display:grid;grid-template-columns:90px 1fr 28px;align-items:center;gap:14px;margin-top:22px;font-size:.78rem}.dna i{height:10px;border-radius:99px;background:#263941}.dna i b{display:block;width:var(--w);height:100%;border-radius:inherit;background:var(--turq)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-head h2{max-width:850px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid #b8c0c0}.steps article{min-height:250px;padding:28px 22px;border-right:1px solid #b8c0c0}.steps article:first-child{border-left:1px solid #b8c0c0}.steps article>span{color:#087d80;font-size:.75rem;font-weight:800}.steps h3{margin-top:62px}.steps p{color:#596469;font-size:.86rem}.trust{background:linear-gradient(135deg,#111e25,#17303a)}.trust h2{max-width:1000px}.trust div{display:flex;flex-wrap:wrap;gap:12px;margin-top:45px}.trust div span{padding:12px 17px}.signup{background:var(--mint);color:#09201d}.signup h2{font-size:clamp(2.5rem,4.1vw,4.5rem)}.signup-form{display:flex;margin-top:30px;padding:6px;border-radius:99px;background:white}.signup-form input{min-width:0;flex:1;padding:0 18px;border:0;outline:0}.consent{display:flex;gap:9px;margin-top:14px;font-size:.72rem}.form-status{font-weight:700}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){.hero-grid,.split{grid-template-columns:1fr}.hero-grid{padding:100px 0 70px}.split{gap:55px}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.hero h1,h1{font-size:clamp(3.1rem,15vw,4.8rem)}h2{font-size:clamp(2.35rem,11vw,3.6rem)}.actions{align-items:flex-start;flex-direction:column}.statement,.feature,.process,.trust,.signup{padding:80px 0}.steps{grid-template-columns:1fr}.steps article,.steps article:first-child{border-left:0;border-right:0}.section-head{display:block}.signup-form{flex-direction:column;gap:10px;background:none}.signup-form input{min-height:56px;border-radius:99px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
:where(a,button,input):focus-visible{outline:3px solid #fff;outline-offset:4px}
:where(.light,.signup,.product,.comparison,.definition) :where(a,button,input):focus-visible{outline-color:#087d80}


/* Más aire bajo el menú en el hero de Inicio */
.hero .hero-grid{padding:64px 0 40px}
@media(max-width:900px){.hero .hero-grid{padding:110px 0 70px}}

/* Bloque del problema */
.problem{padding:120px 0}
.problem h2 em{color:#087d80}
.problem-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:70px}
.problem-intro .eyebrow{grid-column:1/-1;margin-bottom:-35px}
.problem-intro h2{margin:0}
.problem-intro>p:last-child{max-width:480px;margin:0 0 8px;color:#566268;font-size:1.08rem}
@media(max-width:760px){.problem{padding:80px 0}.problem-intro{grid-template-columns:1fr;gap:24px}.problem-intro .eyebrow{grid-column:auto;margin-bottom:0}}

/* Distribución editorial del problema */
.problem-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.7fr);align-items:start;gap:clamp(70px,9vw,140px)}
.problem-layout .problem-intro{display:block;position:sticky;top:110px}
.problem-layout .problem-intro .eyebrow{margin-bottom:24px}
.problem-layout .problem-intro h2{font-size:clamp(3rem,5vw,5.3rem)}
.problem-layout .problem-intro>p:last-child{max-width:590px;margin-top:34px}
.feature h2 em{color:#064c50}
@media(max-width:840px){.problem-layout{grid-template-columns:1fr;gap:60px}.problem-layout .problem-intro{position:static}}

/* Nuestra solución */
.solution{position:relative;padding:125px 0;background:radial-gradient(circle at 88% 56%,rgba(0,212,216,.15),transparent 31%),#0b151c;overflow:hidden}
.solution:before{position:absolute;top:68px;right:-80px;width:260px;height:260px;border:1px solid rgba(0,212,216,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(0,212,216,.035),0 0 0 140px rgba(0,212,216,.02);content:""}
.solution-heading{position:relative;z-index:1;max-width:1060px;margin-bottom:70px}
.solution-heading h2{margin:0;font-size:clamp(3rem,5vw,5.35rem)}
.solution-heading h2 em{color:var(--turq);white-space:nowrap}
.solution-card{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:0;border:1px solid rgba(255,255,255,.18);border-radius:34px;background:rgba(255,255,255,.045);box-shadow:0 36px 90px rgba(0,0,0,.28);overflow:hidden}
.solution-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(38px,5vw,68px)}
.card-kicker{color:var(--turq);font-size:.72rem;font-weight:800;letter-spacing:.17em}
.solution-copy h3{max-width:430px;margin:25px 0 20px;font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.02}
.solution-copy p{max-width:440px;margin-bottom:35px;color:#afbdc1}
.compatibility-demo{display:grid;grid-template-columns:.9fr 1.1fr;min-height:500px;background:var(--turq);color:#062026}
.compatibility-top{display:flex;flex-direction:column;justify-content:center;padding:45px;text-align:center}
.compatibility-top>div{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:35px}
.compatibility-top>div span{padding:9px 14px;border:1px solid rgba(6,32,38,.25);border-radius:99px;font-size:.72rem;font-weight:700}
.compatibility-top>div i{font-style:normal;font-weight:800}
.compatibility-top small{font-size:.72rem;font-weight:800;letter-spacing:.13em}
.compatibility-top>strong{font-size:clamp(5rem,8vw,8.4rem);line-height:.9;letter-spacing:-.08em}
.compatibility-top sup{font-size:.28em;vertical-align:top}
.compatibility-top p{margin:18px 0 0;font-size:.78rem;font-weight:700}
.compatibility-signals{display:flex;flex-direction:column;justify-content:center;padding:42px;background:#e9ffff}
.compatibility-signals>div{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0;font-size:.74rem;font-weight:700}
.compatibility-signals i{grid-column:1/-1;height:8px;border-radius:99px;background:#b7d6d6;overflow:hidden}
.compatibility-signals em{display:block;width:var(--w);height:100%;border-radius:inherit;background:#087d80}
@media(max-width:980px){.solution-card{grid-template-columns:1fr}.compatibility-demo{min-height:430px}.solution-copy{padding:50px}}
@media(max-width:620px){.solution{padding:85px 0}.solution-heading{margin-bottom:45px}.solution-heading h2{font-size:clamp(2.65rem,11vw,3.8rem)}.solution-card{border-radius:24px}.solution-copy{padding:34px 25px 40px}.compatibility-demo{grid-template-columns:1fr;min-height:0}.compatibility-top,.compatibility-signals{padding:35px 25px}.compatibility-top>strong{font-size:6rem}.compatibility-signals>div{margin:10px 0}}
@media(max-width:620px){.solution-heading h2{font-size:clamp(2.35rem,10vw,3.35rem)}}

/* Producto con mockups */
.product{padding:115px 0 105px}
.product-title{text-align:center}
.product-title h2{max-width:780px;margin:0 auto;font-size:clamp(2.6rem,4.2vw,4.45rem)}
.product-intro{max-width:700px;margin:25px auto 0;color:#59656a;font-size:1rem}
.launch-cta .button{margin-top:25px}.product-action{margin-top:50px;text-align:center}
@media(max-width:740px){.product{padding:80px 0}.product-action .button{width:100%}}.hero .actions{margin-top:30px}.lede strong{color:#fff}
.eyebrow.dark{background:transparent}
.signal-row{display:grid!important;grid-template-columns:38px 1fr!important;align-items:center;gap:14px!important;margin:7px 0!important;padding:16px;border:1px solid rgba(8,125,128,.18);border-radius:16px;background:#fff}.signal-row>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#d8f7f4;color:#087d80;font-weight:900}.signal-row p{margin:0}.signal-row b,.signal-row small{display:block}.signal-row small{margin-top:3px;color:#647075;font-size:.72rem}.signal-row.different>span{background:#edf0ef;color:#657176}.signal-row.talk>span{background:#fff0cf;color:#8b6500}
.app-preview-pending{display:none}.product-title{max-width:850px;margin:auto}.product{padding-bottom:80px}
.pricing-teaser{padding:110px 0}.pricing-teaser-grid{display:grid;grid-template-columns:1.1fr .7fr;align-items:center;gap:90px}.pricing-teaser h2{margin:0;font-size:clamp(2.8rem,4.8vw,5rem)}.pricing-teaser h2 em{color:#087d80}.pricing-teaser-grid>div:last-child>p{color:#59656a}.pricing-teaser .button{margin-top:20px}
@media(max-width:800px){.pricing-teaser{padding:80px 0}.pricing-teaser-grid{grid-template-columns:1fr;gap:35px}}

/* Inicio: mensaje, comparación y capturas reales */
.hero-definition{margin-bottom:8px}
.problem-comparison{overflow:hidden;border:1px solid #bdc6c6;border-radius:26px;background:#fff;box-shadow:0 24px 55px rgba(11,21,28,.08)}
.problem-comparison article{display:grid;grid-template-columns:1fr 46px 1fr;align-items:stretch;border-bottom:1px solid #d6dddd}
.problem-comparison article>div{min-height:155px;padding:28px 30px}
.problem-comparison article>div:first-child{background:#edfafa}
.problem-comparison article span{display:block;margin-bottom:28px;color:#087d80;font-size:.72rem;font-weight:900;letter-spacing:.11em}
.problem-comparison article p{margin:0;font-size:clamp(.95rem,1.25vw,1.12rem);line-height:1.45;letter-spacing:-.02em}
.problem-comparison article b{display:grid;z-index:1;align-self:center;width:42px;height:42px;margin:0 -2px;place-items:center;border-radius:50%;background:#087d80;color:#fff;font-size:1.15rem}
.comparison-summary{margin:0;padding:24px 30px;background:#0b151c;color:#c6d2d5;font-size:.82rem;text-align:center}.comparison-summary strong{color:var(--turq)}
.app-shot{margin:0;text-align:center}.app-shot-frame{position:relative;width:min(100%,270px);aspect-ratio:1179/2556;margin:0 auto;padding:7px;border:2px solid #596168;border-radius:43px;background:linear-gradient(145deg,#30353a,#080a0c 45%,#23282d);box-shadow:0 30px 58px rgba(11,21,28,.28),0 0 0 1px rgba(255,255,255,.13) inset;overflow:visible}.app-shot-frame:before{position:absolute;z-index:2;top:17px;left:50%;width:70px;height:20px;border-radius:99px;background:#050606;box-shadow:0 1px 2px rgba(255,255,255,.08) inset;content:"";transform:translateX(-50%)}.app-shot-frame:after{position:absolute;z-index:1;inset:7px;border-radius:35px;background:linear-gradient(112deg,rgba(255,255,255,.12),transparent 23%,transparent 68%,rgba(255,255,255,.04));mix-blend-mode:screen;pointer-events:none;content:""}.app-shot-frame img{display:block;width:100%;height:100%;border-radius:35px;object-fit:cover}
.app-shot figcaption{display:flex;gap:13px;max-width:300px;margin:24px auto 0;text-align:left}.app-shot figcaption>span{display:grid;flex:0 0 36px;height:36px;place-items:center;border-radius:50%;background:var(--turq);font-size:.72rem;font-weight:900}.app-shot h3{margin:4px 0 8px;font-size:1.05rem;letter-spacing:-.03em}.app-shot p{margin:0;color:#58656a;font-size:.75rem;line-height:1.55}
@media(max-width:840px){.problem-comparison{max-width:650px}}
@media(max-width:680px){.hero-definition{margin-bottom:12px}.problem-comparison article{grid-template-columns:1fr}.problem-comparison article>div{min-height:0;padding:24px}.problem-comparison article>div:last-child{background:#fff}.problem-comparison article span{margin-bottom:10px}.problem-comparison article b{margin:-10px auto;transform:rotate(90deg)}.comparison-summary{padding:22px 24px}.app-shot-frame{width:245px}.app-shot figcaption{max-width:280px}.product-intro{font-size:.92rem}}
/* Inicio: mensaje, resultado ilustrativo y registro directo. */
.home-page{color:#fff;background:#0b151c}
.home-page .hero h1{font-size:clamp(2.7rem,4.8vw,4.7rem);line-height:1.04}
.home-page .hero-result{padding:32px;border:1px solid rgba(0,212,216,.35);border-radius:28px;background:#102b32}
.hero-score{display:block;color:#00d4d8;font-size:6rem;line-height:1;letter-spacing:-.07em}
.hero-score span{font-size:2rem}
.hero-result ul{padding:0;margin:24px 0 0;list-style:none}
.hero-result li{display:grid;gap:5px;padding:16px 0;border-top:1px solid rgba(255,255,255,.2)}
.hero-result li b{color:#00d4d8}.hero-result li span{font-size:.9rem;color:#d5dfe1}
.home-page .launch-cta{color:#09201d}.home-page .launch-cta .split{align-items:start}
.home-page .launch-cta .join-form>button{background:#0b151c;color:#fff}
.home-page .launch-cta .join-form .privacy a{text-decoration:underline}
.home-page .launch-cta .join-form .join-status{color:#075b60}
.home-page .home-steps{padding:96px 0;background:var(--mint);color:var(--ink);border-top:1px solid rgba(11,21,28,.16)}
.home-steps h2{max-width:900px}
.home-steps .eyebrow{color:#29451c}
.home-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}
.home-step-grid article{padding:30px;border:1px solid rgba(11,21,28,.2);border-radius:24px;background:rgba(255,255,255,.55)}
.home-step-grid b{display:inline-block;padding:8px 12px;border-radius:99px;background:var(--ink);color:var(--mint);font-size:.78rem}
.home-step-grid h3{margin:24px 0 16px}
.home-step-grid p{margin-bottom:0;color:#344238}
@media(max-width:900px){.home-page .home-steps{padding:64px 0}.home-step-grid{gap:16px;margin-top:32px}.home-step-grid article{padding:24px}}
.home-faq{padding:80px 0}.home-faq details{padding:22px 0;border-top:1px solid rgba(255,255,255,.2)}.home-faq summary{font-weight:700;cursor:pointer}.home-faq details p{max-width:740px;margin:16px 0 0;color:#d5dfe1}
@media(max-width:900px){.home-page .hero .hero-grid{padding:48px 0}.home-step-grid{grid-template-columns:1fr}.home-page .hero-result{padding:24px}}
/* Acento lima de marca: acciones, encaje y detalles sobre fondo oscuro. */
.button{background:var(--turq);border-color:var(--turq);color:#0b151c}
.button:hover{background:#42e6e9;border-color:#42e6e9}
.hero h1 em,.hero .eyebrow{color:var(--turq)}
.home-page .hero-result{border-color:var(--mint)}
.home-page .hero-result .eyebrow{color:var(--mint)}
.solution .card-kicker{color:var(--turq)}
.solution-heading h2 em{color:var(--mint)}
.compatibility-demo{background:var(--mint)}
.home-page .launch-cta .join-form>button{border:2px solid #0b151c}
