@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');

:root{--ink:#092d4f;--ink-deep:#072441;--muted:#5a7086;--paper:#f9f8f4;--white:#fff;--mint:#e7f6f1;--teal:#008b82;--teal-light:#70dbcf;--gold:#f4b13d;--line:#d8e0df;--serif:"Fraunces",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}a{color:inherit}button,a{font:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:100;color:var(--ink);background:var(--gold);padding:.75rem 1rem;border-radius:.5rem;font-weight:700}.skip-link:focus{top:1rem}.header{height:82px;padding:0 clamp(1.5rem,6vw,7rem);display:flex;align-items:center;gap:2.5rem;background:rgba(249,248,244,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(9,45,79,.08);position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.55rem;font-weight:700;letter-spacing:-.08em;color:var(--ink)}.brand svg{width:30px;height:30px;overflow:visible}.brand path,.cta-symbol path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:30}.brand path:first-child,.cta-symbol path:first-child{stroke:#10b9a8}.brand path:nth-child(2),.cta-symbol path:nth-child(2){stroke:var(--ink)}.brand circle,.cta-symbol circle{fill:var(--gold)}.desktop-nav{display:flex;align-items:center;gap:1.55rem;margin-left:auto}.desktop-nav a,.login-link{color:#435b70;text-decoration:none;font-size:.82rem;font-weight:600}.desktop-nav a:hover,.login-link:hover,.arrow-link:hover,.quiet-link:hover{color:var(--teal)}.header-actions{display:flex;align-items:center;gap:1.2rem}.button{display:inline-flex;gap:.7rem;align-items:center;justify-content:center;color:white;text-decoration:none;background:var(--ink);border:1px solid var(--ink);border-radius:999px;padding:1rem 1.35rem;font-size:.86rem;font-weight:700;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.button:hover{transform:translateY(-3px);box-shadow:0 11px 20px rgba(8,44,79,.17);background:#0d3d67}.button span{font-size:1.05rem}.button-small{padding:.72rem 1rem;font-size:.78rem}.menu-trigger,.mobile-nav{display:none}.eyebrow{display:flex;align-items:center;gap:.6rem;margin:0 0 1.2rem;color:var(--teal);font-size:.66rem;font-weight:800;letter-spacing:.16em}.eyebrow span{width:25px;height:1px;background:currentColor}.hero{min-height:calc(100svh - 82px);padding:clamp(5rem,8vw,8rem) clamp(1.5rem,11vw,12rem) 3.2rem;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(440px,1.15fr);gap:clamp(3rem,7vw,9rem);align-items:center;overflow:hidden;position:relative;background:linear-gradient(128deg,#f9f8f4 22%,#e6f4f0 100%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent 8%,var(--line) 18%,var(--line) 82%,transparent 92%)}.hero-copy,.hero-product{position:relative;z-index:1}.hero-brand{margin:0 0 .35rem;font-size:1.02rem;font-weight:700;letter-spacing:-.05em;color:#0b5065}.hero h1,.section-heading h2,.life-copy h2,.how-intro h2,.privacy-section h2,.plans-header h2,.faq-section h2,.final-cta h2{margin:0;color:var(--ink);font-size:clamp(3.3rem,6.2vw,6.8rem);line-height:.93;letter-spacing:-.075em}.hero h1 em,.section-heading h2 em,.life-copy h2 em,.how-intro h2 em,.privacy-section h2 em,.plans-header h2 em,.faq-section h2 em,.final-cta h2 em{font-family:var(--serif);font-weight:600}.hero-lead{max-width:475px;margin:2rem 0;color:#4d6579;font-size:clamp(1rem,1.3vw,1.13rem);line-height:1.72}.hero-actions{display:flex;align-items:center;gap:1.45rem;flex-wrap:wrap}.quiet-link,.arrow-link{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);text-decoration:none;font-weight:700;font-size:.84rem}.quiet-link span,.arrow-link span{font-size:1.05rem;color:var(--teal)}.microcopy{margin:1.3rem 0 0;color:#718394;font-size:.73rem}.hero-product{align-self:center;padding:2.5rem 0}.product-frame{position:relative;z-index:2;overflow:hidden;border:1px solid rgba(9,45,79,.18);border-radius:1.15rem;background:#fff;box-shadow:0 30px 55px rgba(9,45,79,.17);transform:rotate(1.5deg);transition:transform .5s ease}.hero-product:hover .product-frame{transform:rotate(0) translateY(-7px)}.browser-bar{height:31px;padding:0 .75rem;display:flex;gap:.35rem;align-items:center;background:#f4f7f8;border-bottom:1px solid #dce5e7}.browser-bar span{width:6px;height:6px;border-radius:50%;background:#ced7d7}.browser-bar p{margin:0 auto;color:#8c9ba5;font-size:.58rem}.product-frame img{display:block;width:100%;height:auto}.product-orbit{position:absolute;border:1px solid rgba(0,139,130,.25);border-radius:50%;z-index:0}.orbit-one{width:130%;aspect-ratio:1;right:-28%;top:-18%}.orbit-two{width:100%;aspect-ratio:1;left:-33%;bottom:-31%;border-color:rgba(244,177,61,.65)}.floating-note{position:absolute;z-index:3;display:grid;gap:.1rem;padding:.82rem 1rem;border:1px solid rgba(9,45,79,.1);border-radius:.7rem;background:rgba(255,255,255,.93);box-shadow:0 13px 30px rgba(9,45,79,.11);font-size:.67rem;backdrop-filter:blur(8px)}.floating-note b{color:var(--ink)}.floating-note span{color:#708094}.note-top{right:-2rem;top:1.2rem}.note-bottom{left:-2.5rem;bottom:1rem}.hero-footer{position:absolute;z-index:2;left:clamp(1.5rem,11vw,12rem);right:clamp(1.5rem,11vw,12rem);bottom:1.35rem;display:flex;gap:1.2rem;color:#667b8b;font-size:.65rem;font-weight:700;letter-spacing:.04em}.hero-footer span+span:before{content:"•";margin-right:1.2rem;color:var(--gold)}.glow-a,.glow-b{position:absolute;border-radius:50%;filter:blur(0)}.glow-a{width:430px;height:430px;right:-120px;top:-170px;background:rgba(112,219,207,.22)}.glow-b{width:220px;height:220px;left:38%;bottom:-130px;background:rgba(244,177,61,.18)}.intro-band{padding:clamp(5rem,10vw,10rem) clamp(1.5rem,11vw,12rem);display:grid;grid-template-columns:.55fr 1.45fr;gap:3rem;background:#fff}.section-index{margin:0;color:var(--teal);font-size:.68rem;font-weight:800;letter-spacing:.14em}.intro-band h2{max-width:900px;margin:0;color:var(--ink);font-size:clamp(2.2rem,4vw,4.65rem);letter-spacing:-.07em;line-height:1.05}.intro-band div p{max-width:610px;margin:1.7rem 0 0;color:var(--muted);font-size:1.03rem;line-height:1.8}.feature-focus{padding:clamp(5rem,9vw,9rem) clamp(1.5rem,11vw,12rem);background:#eff7f5}.section-heading{max-width:820px}.section-heading h2{font-size:clamp(2.9rem,5.4vw,5.7rem)}.focus-layout{margin-top:4rem;display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(2.5rem,8vw,9rem);align-items:center}.focus-list{border-top:1px solid #bcd5d0}.focus-item{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1.45rem 0;border-bottom:1px solid #bcd5d0}.focus-item span{padding-top:.25rem;color:var(--teal);font-size:.68rem;font-weight:800}.focus-item h3{margin:0;color:var(--ink);font-size:1.18rem;letter-spacing:-.04em}.focus-item p{max-width:380px;margin:.45rem 0 0;color:var(--muted);font-size:.86rem;line-height:1.65}.focus-item:not(.active){opacity:.58}.capture-panel{margin:0;overflow:hidden;border-radius:1.2rem;background:#fff;box-shadow:0 26px 52px rgba(9,45,79,.13)}.capture-panel img{display:block;width:100%}.capture-panel figcaption{padding:1rem 1.2rem;display:flex;justify-content:space-between;gap:1rem;color:#62758a;font-size:.7rem}.capture-panel figcaption b{color:var(--ink);font-weight:600}.life-section{display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.life-photo{min-height:640px;position:relative;overflow:hidden}.life-photo>img{width:100%;height:100%;object-fit:cover}.photo-stamp{position:absolute;right:1.5rem;bottom:1.5rem;display:flex;gap:.7rem;align-items:center;padding:.9rem 1rem;background:rgba(7,36,65,.92);color:#fff;font-size:.72rem;line-height:1.5;backdrop-filter:blur(8px)}.photo-stamp svg{width:28px;height:28px;fill:none;stroke:var(--teal-light);stroke-width:1.4}.life-copy{align-self:center;padding:clamp(4rem,9vw,10rem);padding-left:clamp(3rem,8vw,9rem)}.life-copy h2{font-size:clamp(2.7rem,4.6vw,5.1rem)}.life-copy>p:not(.eyebrow),.privacy-section>div>p:not(.eyebrow),.plans-header>p:not(.eyebrow){max-width:490px;margin:1.7rem 0;color:var(--muted);line-height:1.8}.how-section{padding:clamp(5rem,10vw,10rem) clamp(1.5rem,11vw,12rem);background:var(--ink);color:#fff}.how-intro h2{color:#fff;font-size:clamp(2.9rem,5.4vw,5.8rem)}.how-intro h2 em{color:var(--teal-light)}.light{color:var(--teal-light)}.steps{margin:4.5rem 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.25)}.steps li{display:grid;grid-template-columns:17% 1fr;gap:2rem;padding:2.1rem 0;border-bottom:1px solid rgba(255,255,255,.25)}.steps>li>span{color:var(--teal-light);font-size:.7rem;font-weight:800;letter-spacing:.13em}.steps h3{margin:0;font-size:clamp(1.45rem,2.1vw,2.1rem);letter-spacing:-.05em}.steps p{max-width:500px;margin:.6rem 0 0;color:#c2d3dd;line-height:1.7;font-size:.91rem}.privacy-section{padding:clamp(5rem,10vw,10rem) clamp(1.5rem,11vw,12rem);display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);align-items:center;gap:clamp(3rem,11vw,12rem);background:#fff}.privacy-mark{min-height:330px;position:relative;display:grid;place-items:center}.privacy-mark svg{position:relative;z-index:1;width:85px;height:85px;padding:1.4rem;border-radius:48% 52% 46% 54%;background:var(--teal);fill:none;stroke:#fff;stroke-width:1.4;box-shadow:0 25px 45px rgba(0,139,130,.25)}.ring{position:absolute;border:1px solid rgba(0,139,130,.3);border-radius:50%}.ring-1{width:min(100%,360px);aspect-ratio:1}.ring-2{width:min(63%,230px);aspect-ratio:1}.privacy-section h2{font-size:clamp(2.65rem,4.6vw,5.1rem)}.privacy-points{display:grid;gap:.8rem;margin:2rem 0}.privacy-points span{display:flex;align-items:center;gap:.55rem;color:#38566d;font-size:.86rem;font-weight:600}.privacy-points span:before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#dff5ee;color:var(--teal);font-size:.68rem}.plans-section{padding:clamp(5rem,10vw,10rem) clamp(1.5rem,11vw,12rem);background:#f1f5f4}.plans-header{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:4rem}.plans-header .eyebrow{padding-top:.8rem}.plans-header h2{font-size:clamp(2.8rem,4.8vw,5.2rem)}.plans-header>p{grid-column:2}.plan-list{margin-top:4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c9d8d5}.plan{min-height:455px;display:flex;flex-direction:column;padding:2rem;background:#fafbf9}.plan.trial{background:#e3f3ef}.plan.featured{background:var(--ink);color:#fff}.plan-top p{margin:0;color:var(--teal);font-size:.63rem;font-weight:800;letter-spacing:.13em}.featured .plan-top p{color:var(--teal-light)}.plan h3{margin:1.35rem 0 0;color:var(--ink);font-size:2rem;letter-spacing:-.06em}.featured h3,.featured .plan-price{color:#fff}.plan-price{margin:2.2rem 0 1.7rem;display:flex;align-items:center;gap:.85rem;color:var(--ink)}.plan-price strong{font-size:3rem;letter-spacing:-.09em}.plan-price span{font-size:.7rem;font-weight:600;line-height:1.45;opacity:.75}.plan ul{display:grid;gap:.8rem;margin:0;padding:1.5rem 0;border-top:1px solid #c7d7d3;list-style:none;color:#456075;font-size:.8rem;line-height:1.45}.featured ul{border-color:rgba(255,255,255,.25);color:#cbdae4}.plan li{display:flex;gap:.5rem}.plan li:before{content:"✓";color:var(--teal);font-weight:800}.featured li:before{color:var(--teal-light)}.plan .arrow-link,.plan .button{margin-top:auto}.featured .button-gold{border-color:var(--gold);background:var(--gold);color:var(--ink)}.faq-section{padding:clamp(5rem,10vw,10rem) clamp(1.5rem,11vw,12rem);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,9vw,11rem);background:#fff}.faq-section h2{font-size:clamp(2.65rem,4.7vw,5.1rem)}.faq-list{border-top:1px solid #c7d4dc}.faq-list details{border-bottom:1px solid #c7d4dc}.faq-list summary{padding:1.35rem 0;display:flex;justify-content:space-between;gap:1rem;cursor:pointer;color:var(--ink);font-weight:700;font-size:.96rem;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--teal);font-size:1.25rem;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{max-width:600px;margin:0 0 1.45rem;color:var(--muted);font-size:.88rem;line-height:1.75}.final-cta{min-height:530px;padding:clamp(5rem,9vw,9rem) clamp(1.5rem,11vw,12rem);position:relative;overflow:hidden;display:flex;align-items:center;background:var(--gold)}.final-cta h2{max-width:830px;margin-bottom:2rem;font-size:clamp(3rem,5.9vw,6.5rem)}.button-light{color:#fff;background:var(--ink);border-color:var(--ink)}.cta-symbol{position:absolute;right:-8rem;bottom:-12rem;width:min(53vw,650px);opacity:.16}.cta-symbol svg{width:100%;overflow:visible}.footer{padding:3.5rem clamp(1.5rem,6vw,7rem) 2.5rem;background:var(--ink);color:#bed0db}.footer-brand{color:#fff}.footer-brand path:nth-child(2){stroke:#fff}.footer>p{margin:1rem 0 2rem;color:#9bb5c7;font-size:.88rem}.footer>div{display:flex;gap:1.25rem;flex-wrap:wrap}.footer>div a{color:#d5e3e9;text-decoration:none;font-size:.79rem;font-weight:600}.footer small{display:block;margin-top:3rem;color:#89a5b7;font-size:.68rem}.reveal{animation:rise .7s .1s both}.reveal-delay{animation:rise .9s .22s both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:900px){.desktop-nav{display:none}.header{gap:1rem}.header-actions{margin-left:auto}.hero{grid-template-columns:1fr;gap:2.4rem;padding-top:4.8rem}.hero-copy{max-width:650px}.hero-product{width:min(83vw,620px);margin:0 auto;padding:0}.hero-footer{position:relative;grid-column:1;left:auto;right:auto;bottom:auto;margin-top:1rem}.intro-band,.plans-header{grid-template-columns:1fr;gap:1.2rem}.plans-header>p{grid-column:auto}.focus-layout,.privacy-section,.faq-section{grid-template-columns:1fr;gap:3rem}.life-section{grid-template-columns:1fr}.life-photo{min-height:500px}.life-copy{padding:5rem 10vw}.privacy-mark{min-height:260px;max-width:340px}.plan-list{grid-template-columns:1fr}.plan{min-height:0}.plans-header .eyebrow{padding-top:0}.faq-section{gap:2.5rem}}
@media (max-width:620px){.header{height:70px;padding:0 1.25rem}.header-actions{display:none}.brand{font-size:1.42rem}.menu-trigger{display:grid;gap:5px;width:40px;height:40px;padding:10px;border:0;background:transparent}.menu-trigger i{display:block;width:20px;height:1.5px;background:var(--ink);transition:transform .2s}.menu-trigger[aria-expanded="true"] i:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-trigger[aria-expanded="true"] i:last-child{transform:translateY(-3.25px) rotate(-45deg)}.mobile-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:1.4rem 1.25rem 1.65rem;gap:1rem;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 16px 25px rgba(9,45,79,.08)}.mobile-nav.open{display:grid}.mobile-nav a:not(.button){text-decoration:none;color:var(--ink);font-weight:600}.mobile-nav .button{margin-top:.55rem}.hero{min-height:auto;padding:4.5rem 1.25rem 2.2rem;gap:2.2rem}.hero h1{font-size:clamp(3.35rem,16vw,5rem)}.hero-lead{font-size:.97rem}.hero-product{width:100%;padding:.7rem 0}.product-frame{border-radius:.85rem}.note-top{top:-.7rem;right:-.2rem}.note-bottom{bottom:-1rem;left:-.2rem}.floating-note{padding:.58rem .7rem;font-size:.56rem}.hero-footer{display:grid;grid-template-columns:1fr;gap:.45rem;margin-top:.8rem;font-size:.6rem}.hero-footer span+span:before{display:none}.intro-band,.feature-focus,.how-section,.privacy-section,.plans-section,.faq-section,.final-cta{padding-left:1.25rem;padding-right:1.25rem}.intro-band{padding-top:4rem;padding-bottom:4rem}.intro-band h2{font-size:2.3rem}.focus-layout{margin-top:2.5rem}.capture-panel figcaption{display:grid;gap:.3rem}.life-photo{min-height:355px}.photo-stamp{right:.8rem;bottom:.8rem;font-size:.61rem}.life-copy{padding:4rem 1.25rem}.steps{margin-top:3rem}.steps li{grid-template-columns:46px 1fr;gap:.7rem;padding:1.5rem 0}.privacy-mark{min-height:220px}.plans-header h2,.faq-section h2{font-size:2.75rem}.plan-list{margin-top:2.6rem}.plan{padding:1.55rem}.final-cta{min-height:430px}.final-cta h2{font-size:3rem}.cta-symbol{right:-5rem;bottom:-5rem;width:85vw}.footer{padding:3rem 1.25rem 2rem}.footer>div{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.footer small{margin-top:2.5rem}}

/* Iteración de Fase 2: una sola voz tipográfica y pasos en tarjetas. */
:root{--serif:var(--sans)}
.hero h1 em,.section-heading h2 em,.life-copy h2 em,.how-intro h2 em,.privacy-section h2 em,.plans-header h2 em,.faq-section h2 em,.final-cta h2 em{font-family:var(--sans);font-style:normal;font-weight:inherit}
.how-intro h2 em{color:inherit}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:3.5rem 0 0;border:0}
.steps li{min-height:220px;display:flex;flex-direction:column;gap:1.25rem;padding:1.65rem;border:1px solid rgba(112,219,207,.35);border-radius:1rem;background:rgba(255,255,255,.06);transition:transform .22s ease,background .22s ease,border-color .22s ease}
.steps li:hover{transform:translateY(-5px);background:rgba(255,255,255,.1);border-color:var(--teal-light)}
.steps>li>span{display:grid;place-items:center;width:2.35rem;height:2.35rem;padding:0;border-radius:50%;background:rgba(112,219,207,.16);font-size:.68rem}
.steps h3{font-size:clamp(1.35rem,1.9vw,1.85rem)}
.steps p{margin:.55rem 0 0}
@media (max-width:900px){.steps{grid-template-columns:1fr}.steps li{min-height:0}}
@media (max-width:620px){.intro-band,.feature-focus,.how-section,.privacy-section,.plans-section,.faq-section{padding-left:1.25rem;padding-right:1.25rem}.steps{margin-top:2.5rem;gap:.8rem}.steps li{padding:1.35rem;gap:1rem}.steps>li>span{width:2.1rem;height:2.1rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-delay{animation:none}.button,.product-frame,.faq-list summary span{transition:none}}