:root{--navy:#06182d;--blue:#1663e8;--lime:#b9e62e;--ice:#eef5ff;--ink:#13233a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fc;color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif}a{color:inherit;text-decoration:none}
.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,7vw,112px);background:var(--navy);color:white;border-bottom:1px solid #ffffff1a}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:850;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:var(--navy);background:var(--lime);border-radius:9px 2px;font-size:21px;font-style:italic;font-weight:900}.company{color:#acc0d5;font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.hero{min-height:650px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:72px clamp(24px,7vw,112px) 88px;color:white;background:radial-gradient(circle at 78% 45%,#123e7d 0,transparent 27%),linear-gradient(135deg,#06182d 0%,#092344 67%,#071a33 100%)}.hero::after{content:"";position:absolute;width:46vw;height:46vw;right:-25vw;top:-22vw;border:1px solid #b9e62e2e;transform:rotate(35deg)}.hero-copy{position:relative;z-index:2;max-width:680px}.eyebrow,.kicker{margin:0 0 22px;color:var(--lime);font-family:var(--font-geist-mono),monospace;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:28px;height:2px;background:var(--lime)}h1{margin:0;font-size:clamp(47px,6.4vw,88px);line-height:.98;letter-spacing:-.065em;font-weight:780}h1 em{color:var(--lime);font-style:normal}.intro{max-width:570px;margin:30px 0 34px;color:#c5d4e4;font-size:clamp(17px,1.5vw,20px);line-height:1.65}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.primary-button{min-height:62px;display:inline-flex;align-items:center;gap:14px;padding:0 24px;color:#07182d;background:var(--lime);border-radius:8px;font-weight:800;box-shadow:0 16px 32px #00000038;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-3px);background:#cef65b}.primary-button:focus-visible{outline:3px solid white;outline-offset:4px}.external{margin-left:4px;font-size:20px}.secure-note{display:flex;align-items:center;gap:8px;color:#b5c6d8;font-size:13px}.shield{display:grid;place-items:center;width:21px;height:23px;color:var(--lime);border:1px solid #54708c;border-radius:9px 9px 12px 12px}
.download-icon{position:relative;display:inline-block;width:28px;height:30px}.download-arrow{position:absolute;left:12px;top:1px;width:4px;height:17px;background:currentColor;border-radius:3px}.download-arrow::after{content:"";position:absolute;left:-5px;bottom:-1px;width:10px;height:10px;border-right:4px solid currentColor;border-bottom:4px solid currentColor;transform:rotate(45deg)}.download-tray{position:absolute;left:2px;bottom:0;width:24px;height:9px;border:3px solid currentColor;border-top:0;border-radius:0 0 5px 5px}.visual{min-height:440px;position:relative;display:grid;place-items:center}.download-card{position:relative;z-index:2;display:grid;place-items:center;width:min(25vw,290px);height:min(25vw,290px);min-width:210px;min-height:210px;color:var(--lime);background:linear-gradient(145deg,#1a67e1d9,#061d3beb);border:1px solid #83b7ff59;border-radius:52px;box-shadow:0 38px 80px #0000006b,inset 0 1px 1px #ffffff40;transform:rotate(-3deg)}.download-card .download-icon{width:82px;height:94px}.download-card .download-arrow{left:37px;width:9px;height:54px}.download-card .download-arrow::after{left:-12px;width:25px;height:25px;border-width:0 9px 9px 0}.download-card .download-tray{left:5px;width:72px;height:28px;border-width:8px;border-top:0;border-radius:0 0 12px 12px}.card-shine{position:absolute;inset:12px;border-radius:42px;border:1px solid #ffffff0f}.orb{position:absolute;border-radius:50%;border:1px solid #5291ff47}.orb-one{width:420px;height:420px}.orb-two{width:530px;height:530px;border-color:#b9e62e1f}.status-pill{position:absolute;z-index:3;right:4%;bottom:8%;padding:11px 16px;color:#cfdeed;background:#07182dd1;border:1px solid #264a70;border-radius:100px;font-size:13px;backdrop-filter:blur(10px)}.status-pill i{display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}
.steps{padding:92px clamp(24px,7vw,112px) 100px;background:white}.steps-heading{display:flex;align-items:flex-start;gap:26px;margin-bottom:58px}.section-number{padding-top:5px;color:#9ba8b7;font-family:var(--font-geist-mono);font-size:12px}.kicker{margin-bottom:12px;color:#5a789b}h2{max-width:760px;margin:0;color:var(--navy);font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.045em}.step-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dae2eb}.step-list article{display:flex;gap:20px;padding:32px 5vw 18px 0;border-right:1px solid #dae2eb}.step-list article:not(:first-child){padding-left:3vw}.step-list article:last-child{border-right:0}.step-list strong{display:block;margin-bottom:10px;color:var(--navy);font-size:17px}.step-list p{margin:0;color:#66778a;font-size:14px;line-height:1.6}.step-icon{position:relative;flex:0 0 42px;height:42px;display:grid;place-items:center;color:var(--blue);background:#e9f1ff;border-radius:12px;font-size:24px;font-weight:800}.folder-icon::before{content:"";width:23px;height:16px;border:2px solid currentColor;border-radius:3px}.folder-icon::after{content:"";position:absolute;width:10px;height:4px;margin:-18px 0 0 -8px;border:2px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0}
.help{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:84px clamp(24px,7vw,112px);background:var(--ice)}.help h2{font-size:clamp(30px,3.3vw,46px)}.help ul{list-style:none;margin:0;padding:0}.help li{display:flex;gap:18px;padding:19px 0;border-bottom:1px solid #cbd9e8;color:#415873;line-height:1.5}.help li span{color:var(--blue);font-family:var(--font-geist-mono);font-size:12px;font-weight:700}
footer{min-height:130px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:28px clamp(24px,7vw,112px);color:#9db0c4;background:var(--navy);font-size:12px}footer p{text-align:center}footer>span{text-align:right}.footer-brand{color:white;font-size:16px}.footer-brand .brand-mark{width:28px;height:28px;font-size:17px}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:64px}.visual{min-height:340px}.download-card{width:230px;height:230px}.step-list{grid-template-columns:1fr}.step-list article,.step-list article:not(:first-child){padding:25px 0;border-right:0;border-bottom:1px solid #dae2eb}.help{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center}footer p,footer>span{text-align:center}.footer-brand{justify-content:center}}@media(max-width:520px){.topbar{height:72px}.company{display:none}.hero{min-height:auto;padding-top:52px}h1{font-size:48px}.primary-button{width:100%;justify-content:center}.secure-note{width:100%;justify-content:center}.visual{min-height:290px}.orb-one{width:310px;height:310px}.orb-two{width:370px;height:370px}.steps{padding-top:70px}}@media(prefers-reduced-motion:no-preference){.download-card{animation:float 5s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(-1deg)}}}

/* Official GMÓBIL brand treatment */
:root{--blue:#18376a;--lime:#ff4d76;--ice:#fff3f2}
.topbar{background:#fff;color:var(--navy);border-bottom-color:#e3e8ef}
.brand{gap:0}.brand img{display:block;width:150px;height:auto}
.company{color:#64748b}
.company-logo{display:flex;align-items:center;justify-content:center}.mira-logo{display:block;width:250px;height:39px;background:url('/logo-miravest-oficial.svg') center/100% auto no-repeat}
.primary-button{color:#fff;background:linear-gradient(110deg,#ff8454,#ff3d7b)}
.primary-button:hover{background:linear-gradient(110deg,#ff946c,#ff568a)}
.footer-brand{padding:8px 14px;background:#fff;border-radius:8px;width:max-content}
.footer-brand img{width:120px}
@media(max-width:850px){.footer-brand{margin:auto}}@media(max-width:520px){.mira-logo{width:150px;height:24px}}

.hero-art{position:relative;z-index:2;display:block;width:min(100%,720px);height:auto;border-radius:22px;box-shadow:0 32px 76px #00000073;border:1px solid #ffffff24}
.download-glyph{position:absolute;left:50%;top:0;width:20px;height:21px;transform:translateX(-50%)}
.download-glyph::before{content:"";position:absolute;left:7px;top:0;width:7px;height:13px;background:currentColor;border-radius:4px}
.download-glyph::after{content:"";position:absolute;left:1px;bottom:0;width:19px;height:11px;background:currentColor;clip-path:polygon(0 0,50% 100%,100% 0,68% 0,50% 42%,32% 0)}
.download-glyph{background:currentColor;clip-path:polygon(32% 0,68% 0,68% 50%,100% 50%,50% 100%,0 50%,32% 50%)}
.download-glyph::before,.download-glyph::after{display:none}
.status-pill.is-online i{background:#31d86b;box-shadow:0 0 12px #31d86b}
.status-pill.is-offline i{background:#ff465b;box-shadow:0 0 12px #ff465b}
@media(max-width:850px){.visual{min-height:0;gap:14px}.hero-art{width:100%}.status-pill{position:static;right:auto;bottom:auto;margin:0 auto}}
.platform-download{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.platform-detected{display:flex;align-items:center;gap:8px;padding-left:4px;color:#b5c6d8;font-size:13px}.device-status-icon,.platform-download .shield{display:grid;place-items:center;width:21px;height:21px;border:1px solid #54708c;border-radius:7px;font-size:12px;font-weight:800}.platform-detected.is-detected .device-status-icon{color:#31d86b}.platform-detected.not-detected .device-status-icon{color:#ff465b;font-size:17px}.platform-download .secure-note{margin-top:2px;padding-left:4px;color:#b5c6d8}.platform-download .secure-note .shield{color:#31d86b}
.android-download-options{display:flex;flex-wrap:wrap;gap:12px}.primary-button small{margin-left:-6px;padding:4px 7px;border-radius:99px;background:#07182d;color:#fff;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.04em}.secondary-download{background:transparent;border:1px solid #ff6b69;box-shadow:none}.secondary-download:hover{background:#ffffff12}
#download-buttons{display:flex}.android-download-options{display:flex}
@media(max-width:520px){.platform-download,.android-download-options{width:100%}.android-download-options{flex-direction:column}.platform-detected,.platform-download .secure-note{align-self:center;padding-left:0}}