@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--teal:#047074;--ink:#063e42;--mint:#aee4dc;--paper:#f7f8f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #e1a84c;outline-offset:5px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:37px;font-weight:700;letter-spacing:-2px}.brand span{font-size:12px;vertical-align:super;margin-left:4px;letter-spacing:0}nav{display:flex;gap:32px;font-size:14px;font-weight:550}.outline{background:transparent;border:1px solid #80a4a1;border-radius:50px;padding:13px 23px;font-size:14px}.outline span{margin-left:20px}.hero{margin:0 24px;border-radius:34px;min-height:710px;position:relative;overflow:hidden;background:#143e39;color:white;display:flex;align-items:center;padding:64px 6% 75px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,45,43,.96),rgba(2,45,43,.78) 40%,rgba(2,45,43,.24)),url('assets/hero-celular.png') 60% 48%/cover;opacity:.96}.hero-content{position:relative;z-index:1;width:58%}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:650;line-height:1.5}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:8px}h1{font-size:clamp(60px,6.3vw,91px);font-weight:500;letter-spacing:-4px;line-height:1.02;margin:25px 0}h1 em{font-style:normal;color:#ace1d8}.hero-content>p{font-size:19px;line-height:1.5;color:#dfebe7;margin-bottom:27px}.cta{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;background:var(--mint);color:var(--ink);border:0;border-radius:40px;padding:19px 26px;font-weight:650;font-size:16px}.cta:hover{background:#c5eee7}.cta span{font-size:22px;line-height:16px}.stores{margin-top:25px}.stores>span{font-size:9px;letter-spacing:1.5px;color:#d3dfd9}.stores>div{display:flex;gap:10px;margin-top:10px}.stores button{background:transparent;border:1px solid #8aa6a0;border-radius:11px;color:white;padding:10px 14px;font-size:14px}.stores b{margin-right:6px}.hero-phone{position:relative;z-index:1;width:42%;display:flex;align-items:center;flex-direction:column;padding-left:60px}.phone{width:270px;border:6px solid #272a29;border-radius:39px;background:#161a19;box-shadow:0 30px 65px #00242166,0 0 0 2px #929b95;overflow:hidden;line-height:0}.phone img{width:100%;height:auto;display:block;border-radius:32px}.screen-note{font-size:9px;color:#e7ebe6;margin-top:18px}.hero-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#bfd5cc}.hero-bottom a{font-size:23px;border:1px solid #abc5bb;border-radius:50%;width:36px;height:36px;text-align:center;line-height:32px}.section{max-width:1280px;margin:auto;padding:100px 6%}.section-top{display:flex;justify-content:space-between}.small{font-size:9px;letter-spacing:1.5px;color:#6b8079}h2{font-size:clamp(36px,4vw,55px);font-weight:500;line-height:1.1;letter-spacing:-2px;margin:24px 0}h2 span{color:#82928b}.split-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:35px}.split-title>p{max-width:340px;font-size:15px;line-height:1.7;color:#667970;margin-bottom:27px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border-radius:28px;padding:30px;display:flex;flex-direction:column;min-height:450px}.card-dark{background:var(--ink);color:#fff}.card-pale{background:#dfebe4}.card-white{background:#fff;border:1px solid #e2e8e1}.card-icon{font-size:32px}.card h3{font-size:29px;line-height:1.1;font-weight:500;letter-spacing:-1px;margin:22px 0 12px}.card p{font-size:14px;line-height:1.6;opacity:.8;margin:0}.card>a{font-size:12px;font-weight:600;margin-top:auto;padding-top:27px;display:flex;justify-content:space-between}.mini-balance{background:#ffffff0d;border:1px solid #ffffff25;border-radius:16px;padding:16px;margin-top:25px}.mini-balance>span{font-size:11px;color:#add3c7}.mini-balance>div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff15;padding:11px 0 4px;font-size:14px}.mini-balance>div>span{font-size:10px;border:1px solid #ffffff44;border-radius:20px;padding:3px 8px}.chips{display:flex;gap:8px;flex-wrap:wrap;padding-top:35px}.chips span{border:1px solid #a6bfb1;border-radius:30px;padding:12px 16px;font-size:13px}.chart{margin-top:30px}.chart svg{width:100%;height:85px}.chart path{stroke:#047074;stroke-width:2.5;fill:none}.chart span{font-size:10px;color:#84948c}.footnote{font-size:10px;line-height:1.6;color:#7c8982;margin-top:20px}.experience{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:25px;align-items:center}.experience-art{background:#dfebe4;border-radius:35px;min-height:650px;display:flex;align-items:center;flex-direction:column;padding:32px;overflow:hidden}.orbit-label{font-size:10px;letter-spacing:2px;margin:0 0 30px}.second{width:250px}.experience-copy>p{font-size:17px;line-height:1.6;color:#6b7d73}.feature{display:flex;gap:20px;padding:24px 0;border-top:1px solid #dae2da}.feature>span{font-size:12px;color:#81988b;padding-top:4px}.feature h3{margin:0;font-weight:550;font-size:17px}.feature p{font-size:14px;color:#6b7d73;line-height:1.6;margin-bottom:0}.teal{background:var(--teal);color:white}.teal:hover{background:#07585a}.photo-section{margin:0 24px;border-radius:34px;min-height:480px;background:linear-gradient(90deg,#053d3bef,#053d3b09),url('assets/hero.png') center 45%/cover;padding:80px 7%;color:white}.photo-section h2{font-size:48px}.photo-section p{line-height:1.7;color:#d2e1d8}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq>div>p{color:#718277;line-height:1.6}.answers article{padding:18px 0;border-bottom:1px solid #d7e0d8}.answers h3{font-size:18px;font-weight:550}.answers p{font-size:14px;line-height:1.7;color:#6a7c71}.closing{text-align:center;background:var(--ink);color:white;margin:0 24px;border-radius:34px;padding:70px 20px}.closing p{font-size:12px;color:#b5cdc2;margin-top:22px}footer{padding:50px 6% 25px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px}footer>p,footer>a:not(.brand){font-size:13px}.legal{width:100%;border-top:1px solid #dbe2db;padding-top:24px;font-size:10px;line-height:1.8;color:#7a8981}dialog{max-width:510px;width:calc(100% - 32px);border:0;border-radius:28px;padding:48px 35px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#002a2bc9}dialog h2{font-size:37px}dialog p{font-size:16px;line-height:1.6;margin-bottom:28px}.close{position:absolute;top:12px;right:18px;border:0;background:none;font-size:30px;color:var(--ink)}
@media(max-width:800px){header{height:80px;padding:0 6%}nav{display:none}.brand{font-size:32px}.hero{margin:0 12px;border-radius:26px;padding:42px 7% 70px;flex-direction:column;gap:45px}.hero-content{width:100%}h1{font-size:63px;letter-spacing:-3px}.hero-content>p{font-size:17px}.hero-phone{width:100%;padding:0}.hero-phone .phone{width:255px}.hero-bottom{font-size:7px;letter-spacing:1px}.section{padding:65px 7%}.small{display:none}.split-title{display:block}.split-title>p{max-width:none}.cards{grid-template-columns:1fr}.card{min-height:390px}.experience{grid-template-columns:1fr;gap:30px}.experience-art{min-height:600px;padding:30px}.experience-copy{padding-top:10px}.photo-section{margin:0 12px;padding:50px 7%;min-height:450px;background-position:62% center}.photo-section h2{font-size:38px}.faq{grid-template-columns:1fr;gap:10px}.closing{margin:0 12px;padding:55px 20px}.closing h2{font-size:37px}footer{padding:35px 7%}.screen-note{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Refinamiento de portada: foto a sangre, acento de la app y capturas HD. */
:root{--mint:#047074}.brand{color:#111}.hero{margin:0;border-radius:0;min-height:730px;padding:55px 5% 75px;display:grid;grid-template-columns:44% 25% 31%;align-items:center}.hero:before{background:linear-gradient(90deg,rgba(2,34,36,.94) 0%,rgba(2,34,36,.82) 33%,rgba(2,34,36,.15) 72%,rgba(2,34,36,.06)),url('assets/hero-celular.png') center 44%/cover;opacity:1}.hero-content{width:100%}.hero h1{font-size:clamp(57px,5.4vw,82px);letter-spacing:-3px}.hero h1 em{color:#35b8c1}.hero-phone{width:100%;padding:0;justify-self:center}.hero-phone .phone{width:min(260px,100%)}.hero .eyebrow i{background:#35b8c1}.cta{background:#047074;color:white}.cta:hover{background:#065f64}.arrow{display:block;flex:none;width:21px;height:21px}.outline{display:inline-flex;align-items:center;gap:22px}.card>a .arrow{width:17px;height:17px}.hero-bottom{left:5%;right:5%}.photo-section{margin:0;border-radius:0}.phone{box-shadow:0 25px 50px #00242140,0 0 0 2px #929b95}.second{width:275px}.experience-art{min-height:700px}
@media(min-width:801px) and (max-width:1050px){.hero{grid-template-columns:46% 27% 27%}.hero h1{font-size:57px}.hero .eyebrow{font-size:9px}.hero-phone .phone{width:225px}}
@media(max-width:800px){.hero{display:flex;flex-direction:column;margin:0;border-radius:0;padding:42px 7% 70px;gap:45px;background:#073d40}.hero:before{background:linear-gradient(90deg,rgba(2,34,36,.91),rgba(2,34,36,.28)),linear-gradient(0deg,#073d40,transparent 70%),url('assets/hero-celular.png');background-size:100% 640px,100% 660px,auto 640px;background-position:top,top,100% top;background-repeat:no-repeat}.hero-content{width:100%}.hero h1{font-size:59px}.hero-phone{width:100%;align-items:center}.hero-phone .phone{width:270px}.photo-section{margin:0;border-radius:0}.experience-art{min-height:690px}.second{width:270px}}

/* El teléfono ocupa el follaje entre el texto y las personas. */
@media(min-width:801px){.hero{grid-template-columns:30% 22% 48%;column-gap:0}.hero h1{font-size:clamp(44px,4.4vw,68px);letter-spacing:-2.4px}.hero .eyebrow{max-width:270px;font-size:9px}.hero-phone .phone{width:clamp(180px,17.2vw,250px)}.hero-content>p{font-size:17px}.stores>div{gap:9px}.stores button{padding:11px 12px;font-size:14px}}
.stores button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:12px;border-color:#ffffff80}.store-logo{width:24px;height:27px;display:block;object-fit:contain;flex:none}.stores button:hover{background:#ffffff12}
@media(max-width:800px){.stores button{padding:11px 14px;font-size:15px}.store-logo{width:23px;height:26px}}
/* Más presencia de la app, sin invadir los rostros del fondo. */
@media(min-width:801px){.hero-phone{transform:translateX(10px)}.hero-phone .phone{width:clamp(210px,20.3vw,290px)}}
@media(max-width:800px){.hero-phone .phone{width:min(290px,100%)}}

/* Preview: full-bleed hero with navigation over the photograph. */
header{position:absolute;inset:0 0 auto;z-index:5;height:100px;background:transparent;color:#fff}
header .brand{display:inline-flex;align-items:center;background:rgba(247,248,245,.94);padding:7px 18px 10px;border-radius:18px;box-shadow:0 4px 24px #00232612;color:#111}
header nav{gap:30px;font-weight:600;text-shadow:0 1px 10px #001b20b3}
header nav a{padding:12px 0;border-bottom:1px solid transparent}
header nav a:hover{border-bottom-color:#fff}
header .outline{color:#fff;border-color:#ffffffb3;background:#073d402b;backdrop-filter:blur(8px)}
header .outline:hover{background:#ffffff24}
.hero{min-height:830px;padding-top:155px}
.hero:after{content:'';position:absolute;inset:0 0 auto;height:190px;background:linear-gradient(180deg,rgba(1,25,29,.7),rgba(1,25,29,.25) 60%,transparent);pointer-events:none}
@media(max-width:800px){header{height:88px;gap:15px}header .brand{font-size:30px;padding:6px 13px 8px;border-radius:15px}header .outline{padding:12px 18px;gap:14px}.hero{padding-top:125px}.hero:after{height:155px}}

/* Original supplied artwork, framed with CSS without changing the asset. */
.brand .logo-crop{display:block;position:relative;width:140px;height:96px;overflow:hidden;margin:0;vertical-align:baseline}
.logo-crop img{position:absolute;display:block;width:184px;height:184px;max-width:none;left:-22px;top:-40px}
header .brand{padding:0;background:none;border-radius:0;box-shadow:none;mix-blend-mode:screen;flex-shrink:0}
footer .brand{filter:invert(1);mix-blend-mode:multiply}
@media(max-width:800px){header .brand .logo-crop{width:112px;height:77px}header .logo-crop img{width:147px;height:147px;left:-18px;top:-32px}}
header{mix-blend-mode:screen}

/* Horizontal lockup, retaining the supplied symbol. */
header .brand,footer .brand{display:inline-flex;align-items:center;gap:11px;color:#fff;filter:none;mix-blend-mode:normal}
.brand .brand-symbol{display:block;position:relative;overflow:hidden;width:43px;height:43px;margin:0;flex:none}
.brand-symbol img{position:absolute;width:295.35%;height:295.35%;max-width:none;left:-97.67%;top:-65.12%}
.brand .brand-name{font-size:36px;font-weight:650;letter-spacing:-1.8px;margin:0;line-height:1;vertical-align:baseline}
footer .brand{color:#111;mix-blend-mode:multiply}
footer .brand-symbol{filter:invert(1)}
.phone:has(.device-stage){position:relative;aspect-ratio:390/844;border-radius:39px;overflow:hidden;background:#eeedea}
.device-stage{position:absolute;inset:0 auto auto 0;width:390px;height:844px;transform-origin:top left;line-height:normal}
.device-stage iframe{display:block;width:390px;height:844px;border:0;background:#eeedea}
.device-status{position:absolute;inset:0 0 auto;height:48px;z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:space-between;padding:0 28px 0 32px;color:#121416;font:600 14px Arial,sans-serif}
.device-status i{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:116px;height:31px;border-radius:22px;background:#08090a}
.device-home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:132px;height:5px;background:#151719;border-radius:8px;pointer-events:none}
@media(max-width:800px){.brand .brand-symbol{width:35px;height:35px}.brand .brand-name{font-size:30px;letter-spacing:-1.4px}header .brand{gap:9px}}
.device-icons{display:flex;align-items:center;gap:6px}.device-icons svg{display:block}
/* The poster has the same native viewport as the interactive demo. */
.device-stage .demo-poster{position:absolute;inset:0;z-index:1;pointer-events:none;background:#eeedea}
.device-stage>iframe[data-demo-slot]{opacity:0;pointer-events:none}
.device-stage.demo-ready>iframe[data-demo-slot]{opacity:1;pointer-events:auto}
.device-stage.demo-ready .demo-poster{visibility:hidden}
.device-home{z-index:2}