:root{color-scheme:dark;--bg:#06110e;--surface:#091a12;--card:#0d2318;--text:#f3fbf6;--muted:#aabbb1;--green:#27e491;--border:rgba(112,242,177,.18);--glow:rgba(39,228,145,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit}.container{width:min(100% - 40px,1240px);margin:auto}.skip-link{position:fixed;z-index:20;top:12px;left:12px;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:var(--green);color:#031009;font-weight:800}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(6,17,14,.86);backdrop-filter:blur(16px)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;font-weight:750;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.brand img{width:40px;height:40px;border-radius:12px;object-fit:cover;box-shadow:0 0 22px var(--glow)}.brand strong,h1 span{color:var(--green)}.main-nav{display:flex;gap:28px}.main-nav a,.footer-links a{color:var(--muted);font-size:.88rem;text-decoration:none}.main-nav a:hover,.footer-links a:hover{color:var(--green)}.header-cta{border:1px solid var(--green);border-radius:999px;padding:9px 15px;background:var(--green);color:#031009;font-size:.84rem;font-weight:800;text-decoration:none}.header-cta:hover{box-shadow:0 10px 24px var(--glow)}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,7vw,94px) 0 50px}.hero:before{position:absolute;z-index:-1;top:-250px;right:-100px;width:720px;aspect-ratio:1;content:"";border-radius:50%;background:radial-gradient(circle,rgba(39,228,145,.15),transparent 65%)}.hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr);align-items:center;gap:clamp(20px,4vw,58px)}.eyebrow{margin:0 0 12px;color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.06em;line-height:1}h1{max-width:670px;margin-bottom:20px;font-size:clamp(3.1rem,5.15vw,5.25rem)}.hero-description{max-width:540px;margin-bottom:25px;color:var(--muted);font-size:1.06rem;line-height:1.65}.store-links{display:flex;flex-wrap:wrap;gap:11px}.store-button{display:grid;min-width:178px;min-height:62px;align-content:center;border:1px solid rgba(255,255,255,.27);border-radius:10px;padding:10px 17px;background:#050706;color:white;box-shadow:inset 0 1px rgba(255,255,255,.1);text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.store-button:hover{transform:translateY(-2px);border-color:var(--green);box-shadow:0 12px 28px rgba(0,0,0,.35),0 0 18px var(--glow)}.store-button-kicker{font-size:.62rem;line-height:1;letter-spacing:.04em}.store-button-name{margin-top:4px;font-size:1.12rem;font-weight:800;line-height:1}.store-button-google .store-button-name{letter-spacing:-.04em}.trust-list{display:flex;flex-wrap:wrap;gap:7px 14px;margin:17px 0 0;padding:0;list-style:none;color:var(--muted);font-size:.76rem}.trust-list li{display:flex;align-items:center;gap:5px}.trust-list b{color:var(--green)}
.hero-visual{position:relative;min-height:570px}.hero-orb{position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);pointer-events:none}.hero-orb-one{top:45px;width:460px;height:460px;border:1px solid rgba(39,228,145,.18);background:radial-gradient(circle,rgba(39,228,145,.13),transparent 67%)}.hero-orb-two{top:100px;width:350px;height:350px;border:1px dashed rgba(39,228,145,.22)}.hero-phone{position:absolute;overflow:hidden;border-radius:12%;box-shadow:0 27px 56px rgba(0,0,0,.5),0 0 26px rgba(39,228,145,.09)}.hero-phone img,.how-media img{display:block;width:100%;height:auto;object-fit:contain}.hero-phone-scan{z-index:3;top:0;left:50%;width:clamp(300px,27vw,390px);transform:translateX(-50%)}.hero-phone-diet{z-index:1;top:97px;left:1%;width:clamp(185px,17vw,245px);transform:rotate(-7deg)}.hero-phone-workout{z-index:2;top:112px;right:1%;width:clamp(185px,17vw,245px);transform:rotate(7deg)}
.product-strip{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:#07140e}.product-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.product-strip article{padding:24px 24px 23px;border-left:1px solid rgba(255,255,255,.07)}.product-strip article:last-child{border-right:1px solid rgba(255,255,255,.07)}.product-strip span,.how-copy>span{color:var(--green);font-family:ui-monospace,monospace;font-size:.7rem;font-weight:800}.product-strip h2{margin:8px 0 4px;font-size:1.1rem;letter-spacing:-.03em}.product-strip p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.section{padding:clamp(62px,7vw,92px) 0}.section-heading{max-width:680px;margin-bottom:30px}.section-heading h2,.final-cta h2{margin-bottom:0;font-size:clamp(2.25rem,3.8vw,3.8rem)}
.how{background:radial-gradient(circle at 90% 12%,rgba(39,228,145,.08),transparent 24%),var(--bg)}.how-heading>p:last-child{max-width:580px;margin:19px 0 0;color:var(--muted);line-height:1.6}.how-flow{display:grid;gap:34px}.how-step{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(380px,1.22fr);align-items:center;gap:clamp(30px,8vw,130px);min-height:360px}.how-step-reverse .how-copy{order:2}.how-step-reverse .how-media-pair{order:1}.how-copy h3{max-width:410px;margin:12px 0;font-size:clamp(1.75rem,2.8vw,2.65rem);letter-spacing:-.055em;line-height:1.03}.how-copy p{max-width:420px;margin:0;color:var(--muted);line-height:1.65}.how-media{max-width:300px;margin:0 auto;overflow:hidden;border:1px solid var(--border);border-radius:27px;background:#07140e;box-shadow:0 22px 48px rgba(0,0,0,.3)}.how-media-pair{display:flex;justify-content:center;align-items:center;gap:clamp(10px,2vw,25px)}.how-media-pair .how-media{width:min(46%,260px)}.how-media-offset{transform:translateY(24px)}
.final-cta{padding-top:62px;padding-bottom:62px}.final-cta-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;border:1px solid var(--border);border-radius:27px;padding:30px;background:linear-gradient(130deg,#123d27,#071b12 64%,#06110e)}.final-cta-inner>img{width:64px;height:64px;border-radius:19px;box-shadow:0 0 27px var(--glow)}.final-cta h2{font-size:clamp(1.9rem,3vw,3rem)}.final-cta p{max-width:500px;margin:12px 0 0;color:var(--muted)}.final-cta .cta-note{font-size:.82rem;color:var(--text)}.store-links-centered{justify-content:flex-end}.site-footer{border-top:1px solid rgba(255,255,255,.07);padding:22px 0 max(22px,env(safe-area-inset-bottom));background:#040b08}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.footer-brand img{width:34px;height:34px;border-radius:10px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.footer-inner>p{justify-self:end;margin:0;color:var(--muted);font-size:.72rem;text-align:right}a:focus-visible{outline:3px solid var(--green);outline-offset:4px}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 1fr;gap:25px}.hero-visual{min-height:480px}.hero-phone-scan{width:clamp(255px,30vw,320px)}.hero-phone-diet,.hero-phone-workout{width:clamp(155px,18vw,190px)}.how-step{gap:48px}.final-cta-inner{grid-template-columns:auto 1fr}.final-cta .store-links{grid-column:2;justify-content:flex-start}}
@media(max-width:768px){.container{width:min(100% - 32px,620px)}.main-nav{display:none}.header-inner{min-height:64px;gap:12px}.brand{font-size:.88rem}.brand img{width:34px;height:34px}.header-cta{padding:8px 12px;font-size:.75rem}.hero{padding-top:47px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-visual{width:min(100%,520px);min-height:470px;margin:auto}.hero-phone-scan{width:min(57vw,320px)}.hero-phone-diet,.hero-phone-workout{width:min(33vw,190px)}.product-strip-grid{grid-template-columns:repeat(2,1fr)}.product-strip article:nth-child(3){border-left:1px solid rgba(255,255,255,.07)}.how-step,.how-step-reverse{grid-template-columns:1fr;gap:22px;min-height:0}.how-step-reverse .how-copy,.how-step-reverse .how-media-pair{order:initial}.how-media{max-width:285px}.how-media-pair{justify-content:flex-start}.how-media-pair .how-media{margin:0}.final-cta-inner{grid-template-columns:1fr;gap:16px;text-align:center}.final-cta-inner>img{margin:auto}.final-cta p{margin-right:auto;margin-left:auto}.final-cta .store-links{grid-column:auto;justify-content:center}.footer-inner{grid-template-columns:1fr;justify-items:center;text-align:center}.footer-inner>p{justify-self:center;text-align:center}}
@media(max-width:430px){.container{width:min(100% - 28px,620px)}h1{font-size:clamp(2.65rem,12.5vw,3.5rem)}.store-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.store-button{min-width:0;min-height:59px;padding:9px 10px}.store-button-name{font-size:.95rem}.trust-list{gap:7px 10px;font-size:.7rem}.hero-visual{min-height:385px}.hero-orb-one{top:18px;width:340px;height:340px}.hero-orb-two{top:65px;width:250px;height:250px}.hero-phone-scan{width:min(68vw,270px)}.hero-phone-diet{top:70px;left:-7px;width:min(40vw,155px)}.hero-phone-workout{top:79px;right:-7px;width:min(40vw,155px)}.product-strip article{padding:18px 15px}.product-strip h2{font-size:1rem}.product-strip p{font-size:.75rem}.section{padding:55px 0}.how-flow{gap:45px}.how-media-pair{gap:8px}.how-media-pair .how-media{width:48%}.how-media-offset{transform:translateY(15px)}.final-cta{padding-top:50px;padding-bottom:50px}.final-cta-inner{padding:24px 16px}.footer-links{gap:10px 14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Store badges use local CSS marks; no third-party artwork is requested. */
.store-button{grid-template-columns:28px 1fr;column-gap:9px}.store-button:before{grid-row:span 2;width:25px;height:29px;content:"";align-self:center;background-position:center;background-repeat:no-repeat;background-size:contain}.store-button-apple:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.58 9 7.3c1.34.07 2.28.74 3.07.8 1.18-.24 2.31-.93 3.56-.84 1.5.12 2.63.71 3.38 1.77-3.1 1.86-2.36 5.95.48 7.09-.57 1.5-1.31 2.99-2.44 4.17ZM12 7.25C11.85 5.02 13.66 3.18 15.74 3c.29 2.58-2.34 4.5-3.74 4.25Z'/%3E%3C/svg%3E")}.store-button-google:before{clip-path:polygon(0 0,100% 50%,0 100%);background:linear-gradient(135deg,#34a853 0 35%,#fbbc04 35% 55%,#ea4335 55% 73%,#4285f4 73% 100%)}

#inicio,#beneficios,#como-funciona,#descargar{scroll-margin-top:92px}.hero-phone{cursor:pointer;transition:transform 300ms ease,opacity 300ms ease,filter 300ms ease,box-shadow 300ms ease}.hero-phone-label{position:absolute;z-index:2;bottom:8%;left:50%;display:none;transform:translateX(-50%);border:1px solid rgba(112,242,177,.3);border-radius:999px;padding:6px 10px;background:rgba(5,15,10,.9);color:var(--text);font-size:.68rem;font-weight:800;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.36)}.hero-phone:focus-visible{outline:3px solid var(--green);outline-offset:5px}.how-flow{gap:22px}.how-step{min-height:305px;gap:clamp(28px,6vw,92px)}.how-media{max-width:350px}.how-media-pair .how-media{width:min(48%,300px)}
@media (hover:hover) and (pointer:fine){.hero-visual.hero-selection-active .hero-phone{opacity:.62;filter:saturate(.82) brightness(.83);box-shadow:0 16px 36px rgba(0,0,0,.34)}.hero-visual .hero-phone.is-active{z-index:6;opacity:1;filter:none;box-shadow:0 32px 66px rgba(0,0,0,.55),0 0 33px rgba(39,228,145,.18)}.hero-visual .hero-phone.is-active .hero-phone-label{display:block}.hero-visual .hero-phone-scan.is-active{transform:translateX(-50%) scale(1.09)}.hero-visual .hero-phone-diet.is-active{transform:rotate(-4deg) scale(1.1)}.hero-visual .hero-phone-workout.is-active{transform:rotate(4deg) scale(1.1)}.hero-visual.hero-selection-active .hero-phone-scan:not(.is-active){transform:translateX(-50%) scale(.94)}.hero-visual.hero-selection-active .hero-phone-diet:not(.is-active){transform:rotate(-8deg) scale(.92)}.hero-visual.hero-selection-active .hero-phone-workout:not(.is-active){transform:rotate(8deg) scale(.92)}}
@media(max-width:768px){#inicio,#beneficios,#como-funciona,#descargar{scroll-margin-top:78px}.how-flow{gap:30px}.how-step{min-height:0}.how-media{max-width:310px}.how-media-pair .how-media{width:min(48%,285px)}}

/* Final product-presentation pass: larger native screenshots, compact narrative sections. */
.hero-demo{position:absolute;z-index:7;right:2%;bottom:18px;max-width:220px;margin:0;border-left:2px solid var(--green);padding:5px 0 5px 11px;color:var(--muted);font-size:.76rem;line-height:1.4;pointer-events:none}.hero-demo strong{display:block;margin-bottom:2px;color:var(--text);font-size:.86rem}.hero-demo span{display:block}

@media(min-width:1001px){.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:clamp(22px,3.2vw,48px)}h1{max-width:630px;font-size:clamp(3rem,4.65vw,4.8rem)}.hero-visual{min-height:685px}.hero-phone-scan{width:clamp(320px,25vw,380px)}.hero-phone-diet,.hero-phone-workout{width:clamp(205px,16vw,238px)}.hero-phone-diet{top:114px;left:2%;transform:rotate(-4deg)}.hero-phone-workout{top:126px;right:2%;transform:rotate(4deg)}.how-media{max-width:400px}.how-media-pair .how-media{width:min(48%,320px)}}
@media(min-width:769px) and (max-width:1000px){.hero-visual{min-height:560px}.hero-phone-scan{width:min(32vw,310px)}}
@media(max-width:768px){.hero-visual{min-height:535px}.hero-demo{display:none}.how-media{max-width:330px}.how-media-pair .how-media{width:min(48%,300px)}}
@media(max-width:430px){.hero-visual{min-height:460px}.how-flow{gap:32px}}
@media(prefers-reduced-motion:reduce){.hero-phone{transition:none!important}.hero-visual.hero-selection-active .hero-phone{filter:none!important;opacity:1!important}.hero-demo{display:none}}

/* Hero cleanup: the phones float over a single, borderless radial halo. */
.hero-orb-one{top:52px;width:620px;height:500px;border:0;background:radial-gradient(ellipse at center,rgba(39,228,145,.1) 0,rgba(39,228,145,.045) 39%,transparent 73%)}.hero-orb-two{display:none}.hero-phone-label{display:none!important}.hero-demo{top:22px;right:2%;bottom:auto;max-width:205px;border:0;padding:0;color:rgba(243,251,246,.7);font-size:.78rem;line-height:1.45}.hero-demo strong{margin-bottom:4px;color:var(--text);font-size:.92rem;letter-spacing:-.02em}.hero-demo span{max-width:200px}
@media(max-width:768px){.hero-orb-one{top:25px;width:480px;height:420px;background:radial-gradient(ellipse at center,rgba(39,228,145,.085),transparent 72%)}}
.hero-phone-scan,.hero-phone-workout{overflow:visible;box-shadow:none}.hero-visual.hero-selection-active .hero-phone-scan,.hero-visual.hero-selection-active .hero-phone-workout,.hero-visual .hero-phone-scan.is-active,.hero-visual .hero-phone-workout.is-active{box-shadow:none}.hero-phone-scan img,.hero-phone-workout img,.transparent-device img{filter:drop-shadow(0 27px 56px rgba(0,0,0,.5)) drop-shadow(0 0 26px rgba(39,228,145,.09))}.transparent-device{overflow:visible;border:0;background:transparent;box-shadow:none}.transparent-device figcaption{border-top:0;padding-right:0;padding-left:0}

/* Transparent device assets: shadows follow each PNG silhouette instead of a rectangular frame. */
.hero-phone{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.hero-phone img{filter:drop-shadow(0 27px 56px rgba(0,0,0,.5)) drop-shadow(0 0 26px rgba(39,228,145,.09))}.hero-visual.hero-selection-active .hero-phone,.hero-visual .hero-phone.is-active{box-shadow:none}.how-media{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.how-media img{filter:drop-shadow(0 20px 38px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(39,228,145,.07))}.hero-demo{top:30px;right:0;max-width:185px}.hero-demo span{max-width:185px}
/* Hero: four transparent product screens, with Analysis and Routines sharing visual priority. */
.hero-visual{min-height:760px}.hero-phone-diet{z-index:1;top:152px;left:-5%;width:clamp(155px,13vw,205px);transform:rotate(-4deg)}.hero-phone-routines{z-index:4;top:30px;left:15%;width:clamp(275px,21vw,335px);transform:rotate(-1.5deg)}.hero-phone-analysis{z-index:5;top:20px;left:48%;width:clamp(275px,21vw,335px);transform:rotate(1.5deg)}.hero-phone-checking{z-index:2;top:150px;right:-5%;width:clamp(155px,13vw,205px);transform:rotate(4deg)}.hero-phone-diet img,.hero-phone-routines img,.hero-phone-analysis img,.hero-phone-checking img{width:100%;height:auto;object-fit:contain}.hero-visual.hero-selection-active .hero-phone{opacity:.88;filter:saturate(.94) brightness(.94)}.hero-visual .hero-phone.is-active{z-index:8;opacity:1;filter:none}.hero-visual.hero-selection-active .hero-phone-analysis:not(.is-active),.hero-visual.hero-selection-active .hero-phone-routines:not(.is-active){opacity:.94;filter:saturate(.98) brightness(.97)}
@media (hover:hover) and (pointer:fine){.hero-visual .hero-phone-diet.is-active{transform:rotate(-2deg) scale(1.08)}.hero-visual .hero-phone-routines.is-active{transform:rotate(-.5deg) scale(1.08)}.hero-visual .hero-phone-analysis.is-active{transform:rotate(.5deg) scale(1.08)}.hero-visual .hero-phone-checking.is-active{transform:rotate(2deg) scale(1.08)}.hero-visual.hero-selection-active .hero-phone-diet:not(.is-active){transform:rotate(-5deg) scale(.94)}.hero-visual.hero-selection-active .hero-phone-routines:not(.is-active){transform:rotate(-2deg) scale(.96)}.hero-visual.hero-selection-active .hero-phone-analysis:not(.is-active){transform:rotate(2deg) scale(.96)}.hero-visual.hero-selection-active .hero-phone-checking:not(.is-active){transform:rotate(5deg) scale(.94)}}
@media (min-width:769px) and (max-width:1000px){.hero-visual{min-height:610px}.hero-phone-diet,.hero-phone-checking{top:132px;width:clamp(135px,16vw,165px)}.hero-phone-routines{top:24px;left:14%;width:clamp(230px,28vw,275px)}.hero-phone-analysis{top:20px;left:48%;width:clamp(230px,28vw,275px)}}
@media(max-width:768px){.hero-visual{display:flex;min-height:0;margin-top:2px;gap:14px;overflow-x:auto;overflow-y:visible;padding:10px 2px 22px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--green) transparent}.hero-orb{display:none}.hero-phone,.hero-phone-diet,.hero-phone-routines,.hero-phone-analysis,.hero-phone-checking{position:relative;top:auto;right:auto;left:auto;flex:0 0 min(72vw,300px);width:min(72vw,300px);margin:0;transform:none!important;scroll-snap-align:start;opacity:1!important;filter:none!important}.hero-phone-analysis{order:1}.hero-phone-routines{order:2}.hero-phone-diet{order:3}.hero-phone-checking{order:4}.hero-phone img{filter:drop-shadow(0 18px 34px rgba(0,0,0,.42)) drop-shadow(0 0 14px rgba(39,228,145,.06))}.hero-demo{display:none!important}}
@media(max-width:430px){.hero-visual{gap:12px;padding-bottom:18px}.hero-phone,.hero-phone-diet,.hero-phone-routines,.hero-phone-analysis,.hero-phone-checking{flex-basis:min(76vw,285px);width:min(76vw,285px)}}
/* Hero micro-adjustment: balanced central pair and readable secondary screens. */
.hero-demo{display:none!important}.hero-phone-routines{z-index:4;top:28px;left:12%;width:clamp(290px,20vw,325px);transform:rotate(-1deg)}.hero-phone-analysis{z-index:5;top:20px;left:48%;width:clamp(305px,21.5vw,347px);transform:rotate(1deg)}.hero-phone-diet{top:150px;left:-7%;width:clamp(165px,13vw,190px);transform:rotate(-3deg)}.hero-phone-checking{top:148px;right:-18%;width:clamp(165px,13vw,190px);transform:rotate(3deg)}
@media (hover:hover) and (pointer:fine){.hero-visual .hero-phone-diet.is-active{transform:rotate(-2deg) scale(1.06)}.hero-visual .hero-phone-routines.is-active{transform:rotate(-.5deg) scale(1.06)}.hero-visual .hero-phone-analysis.is-active{transform:rotate(.5deg) scale(1.06)}.hero-visual .hero-phone-checking.is-active{transform:rotate(2deg) scale(1.06)}.hero-visual.hero-selection-active .hero-phone-diet:not(.is-active){transform:rotate(-3.5deg) scale(.96)}.hero-visual.hero-selection-active .hero-phone-routines:not(.is-active){transform:rotate(-1.5deg) scale(.97)}.hero-visual.hero-selection-active .hero-phone-analysis:not(.is-active){transform:rotate(1.5deg) scale(.97)}.hero-visual.hero-selection-active .hero-phone-checking:not(.is-active){transform:rotate(3.5deg) scale(.96)}}
@media (min-width:769px) and (max-width:1200px){.hero-phone-routines{left:10%;width:clamp(250px,27vw,285px)}.hero-phone-analysis{left:46%;width:clamp(265px,28vw,300px)}.hero-phone-diet{left:-3%;width:clamp(135px,15vw,155px)}.hero-phone-checking{right:-8%;width:clamp(135px,15vw,155px)}}
@media(max-width:768px){.hero-phone-diet,.hero-phone-routines,.hero-phone-analysis,.hero-phone-checking{top:auto;right:auto;left:auto;transform:none!important}.hero-visual{padding-right:22vw}}
/* Hero-only visibility adjustment for the secondary Check-in device. */
@media(min-width:1201px){.hero-phone-checking{right:-22.5%}}

/* Mobile Hero: a contained four-phone editorial composition, not a carousel. */
@media(max-width:768px){.hero-visual{position:relative;display:block;width:calc(100% + 32px);min-height:clamp(340px,92vw,590px);margin:2px -16px 0;padding:0;overflow:visible;scroll-snap-type:none;-webkit-overflow-scrolling:auto}.hero-phone,.hero-phone-diet,.hero-phone-routines,.hero-phone-analysis,.hero-phone-checking{position:absolute;top:auto;right:auto;left:auto;flex:none;margin:0;scroll-snap-align:none;opacity:1!important;filter:none!important}.hero-phone-analysis{z-index:5!important;top:0;left:20%;width:clamp(150px,42vw,260px);transform:rotate(-.6deg)!important}.hero-phone-routines{z-index:4!important;top:9px;left:45%;width:clamp(150px,42vw,260px);transform:rotate(1deg)!important}.hero-phone-diet{z-index:2!important;top:76px;left:0;width:clamp(104px,29vw,165px);transform:rotate(-3deg)!important}.hero-phone-checking{z-index:1!important;top:78px;right:0;width:clamp(104px,29vw,165px);transform:rotate(3deg)!important}.hero-phone img{height:auto;object-fit:contain}.hero-demo{display:none!important}}
@media(max-width:430px){.hero-visual{width:calc(100% + 28px);margin-right:-14px;margin-left:-14px;min-height:clamp(340px,94vw,405px)}.hero-phone-analysis{left:20%}.hero-phone-routines{left:45%}.hero-phone-diet{left:0}.hero-phone-checking{right:0}}
@media(max-width:768px){.hero-phone-analysis{left:15%}.hero-phone-routines{left:43%}}

/* Touch selection preserves the mobile composition while bringing one phone forward. */
@media(max-width:768px){.hero-phone{transition:transform 260ms cubic-bezier(.2,.75,.25,1),filter 260ms ease}.hero-phone-analysis.is-mobile-active{z-index:9!important;transform:rotate(-.6deg) scale(1.09)!important}.hero-phone-routines.is-mobile-active{z-index:9!important;transform:rotate(1deg) scale(1.09)!important}.hero-phone-diet.is-mobile-active{z-index:9!important;transform:rotate(-3deg) scale(1.09)!important}.hero-phone-checking.is-mobile-active{z-index:9!important;transform:rotate(3deg) scale(1.09)!important}}

/* How it works: larger real product views with a continuous editorial rhythm. */
@media(min-width:769px){.how{padding-bottom:clamp(36px,4vw,54px)}.how-flow{gap:clamp(82px,7vw,112px)}.how-step{grid-template-columns:minmax(250px,.58fr) minmax(600px,1.42fr);min-height:0;gap:clamp(38px,5.5vw,76px)}.how-media{max-width:500px}.how-media-pair{justify-content:flex-start;gap:clamp(16px,2.2vw,30px)}.how-media-pair .how-media{width:min(48%,390px)}.how-media-offset{transform:translateY(18px)}}
@media(max-width:768px){.how-flow{gap:clamp(52px,12vw,74px)}.how-step{gap:20px}.how-media{max-width:350px}.how-media-pair{width:100%;justify-content:center;gap:10px}.how-media-pair .how-media{width:calc(50% - 5px);max-width:190px}.how-media-offset{transform:translateY(14px)}}

/* Compact transition from the last product step into the persistent download CTA. */
@media(max-width:768px){.how{padding-bottom:32px}.final-cta{padding-top:44px}}
@media(max-width:430px){.how{padding-bottom:28px}.final-cta{padding-top:38px}}
/* Benefit transformation: a single editorial section after the product flow. */
.benefits{background:linear-gradient(145deg,#07140e,#08180f)}
.benefit-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:clamp(42px,7vw,108px);row-gap:clamp(34px,4vw,52px)}
.benefit-intro h2{max-width:590px;margin:0;font-size:clamp(2.35rem,4vw,4rem);letter-spacing:-.06em;line-height:1.01}
.benefit-intro>p:last-child{max-width:510px;margin:22px 0 0;color:var(--muted);font-size:1rem;line-height:1.68}
.benefit-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}
.benefit-points article{min-width:0;padding:18px clamp(16px,2.3vw,30px) 19px;border-left:1px solid rgba(255,255,255,.1)}
.benefit-points article:first-child{padding-left:0;border-left:0}
.benefit-points article:last-child{padding-right:0}
.benefit-points h3{margin:0;color:var(--text);font-size:.76rem;font-weight:800;letter-spacing:.1em;line-height:1.35}
.benefit-detail{display:block;margin-top:8px;color:rgba(111,232,166,.78);font-size:.72rem;font-weight:700;letter-spacing:.015em;line-height:1.4}
.benefit-points p{margin:10px 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}
.benefit-close{grid-column:1/-1;max-width:830px;margin:0;font-size:clamp(1.8rem,3.35vw,3.45rem);font-weight:750;letter-spacing:-.055em;line-height:1.08}
.benefit-close strong{color:var(--green);font-weight:inherit}
@media(max-width:768px){.benefit-layout{display:block}.benefit-intro>p:last-child{margin-top:18px}.benefit-points{display:block;margin-top:31px}.benefit-points article,.benefit-points article:first-child,.benefit-points article:last-child{padding:18px 0;border-left:0;border-top:1px solid rgba(255,255,255,.1)}.benefit-points article:first-child{border-top:0}.benefit-close{margin-top:32px;font-size:clamp(1.75rem,8vw,2.45rem)}}
@media(max-width:430px){.benefit-intro h2{font-size:clamp(2.15rem,10vw,2.65rem)}.benefit-intro>p:last-child{font-size:.96rem;line-height:1.62}.benefit-points{margin-top:26px}.benefit-close{margin-top:28px}}

/* How it works: tighter editorial pairing between each explanation and real product view. */
.how-heading{margin-bottom:clamp(18px,2vw,26px)}
@media(min-width:769px){.how-flow{gap:clamp(68px,5vw,94px)}.how-step{grid-template-columns:minmax(300px,.78fr) minmax(560px,1.22fr);gap:clamp(30px,4vw,58px)}.how-media{max-width:550px}.how-media-pair{justify-content:center;gap:clamp(14px,2vw,26px)}.how-media-pair .how-media{width:min(48%,360px)}.how-media-offset{transform:translateY(14px)}}
@media (hover:hover) and (pointer:fine){.how-media{transition:transform 250ms ease}.how-media:hover{transform:scale(1.03)}.how-media:hover img{filter:drop-shadow(0 24px 44px rgba(0,0,0,.44)) drop-shadow(0 0 21px rgba(39,228,145,.1))}.how-media-offset:hover{transform:translateY(14px) scale(1.03)}}
@media(max-width:768px){.how-heading{margin-bottom:22px}.how-flow{gap:clamp(46px,10vw,64px)}.how-step{gap:18px}.how-media{max-width:365px}.how-media-pair .how-media{max-width:200px}.how-media-offset{transform:translateY(12px)}}
@media(max-width:430px){.how-heading{margin-bottom:18px}.how-flow{gap:42px}.how-media{max-width:340px}.how-media-pair .how-media{max-width:185px}.how-media-offset{transform:translateY(10px)}}

/* Mobile-only rhythm: keep the product close to its explanation without changing desktop. */
@media(max-width:768px){.how-step{row-gap:14px}.how-copy p{margin-bottom:0}.how-media{margin-right:auto;margin-left:auto}}

/* Mobile step 02 only: use the transparent margins to give both product views more presence. */
@media(max-width:768px){.how-step-reverse .how-media-pair{gap:2px}.how-step-reverse .how-media-pair .how-media{transform:scale(1.16);transform-origin:left center}.how-step-reverse .how-media-pair .how-media-offset{transform:translateY(12px) scale(1.16);transform-origin:right center}}
@media(max-width:430px){.how-step-reverse .how-media-pair .how-media-offset{transform:translateY(10px) scale(1.16)}}

/* Desktop steps 02 and 03: enlarge the real product pairs within their existing horizontal space. */
@media(min-width:769px){.how-step-reverse .how-media-pair,.how-flow>.how-step:last-child .how-media-pair{gap:clamp(6px,1vw,14px)}.how-step-reverse .how-media-pair .how-media{transform:scale(1.18);transform-origin:left center}.how-step-reverse .how-media-pair .how-media-offset{transform:translateY(14px) scale(1.18);transform-origin:right center}.how-flow>.how-step:last-child .how-media-pair .how-media{transform:scale(1.22);transform-origin:left center}.how-flow>.how-step:last-child .how-media-pair .how-media-offset{transform:translateY(14px) scale(1.22);transform-origin:right center}}
@media (min-width:769px) and (hover:hover) and (pointer:fine){.how-step-reverse .how-media-pair .how-media:hover{transform:scale(1.2154)}.how-step-reverse .how-media-pair .how-media-offset:hover{transform:translateY(14px) scale(1.2154)}.how-flow>.how-step:last-child .how-media-pair .how-media:hover{transform:scale(1.2566)}.how-flow>.how-step:last-child .how-media-pair .how-media-offset:hover{transform:translateY(14px) scale(1.2566)}}

/* Mobile step 03 only: larger paired views using their transparent outer margins, without scaling. */
@media(max-width:768px){.how-flow>.how-step:last-child .how-media-pair{width:calc(100% + 12px);margin-right:-6px;margin-left:-6px;justify-content:center;gap:8px}.how-flow>.how-step:last-child .how-media-pair .how-media{flex:0 0 calc(50% + 21px);width:calc(50% + 21px);max-width:none}.how-flow>.how-step:last-child .how-media-pair .how-media:first-child{margin-right:-52px}.how-flow>.how-step:last-child .how-media-pair .how-media-offset{transform:translateY(12px)}}
@media(max-width:430px){.how-flow>.how-step:last-child .how-media-pair .how-media-offset{transform:translateY(10px)}}

/* Mobile-only transition after the final product pair; CTA internals remain unchanged. */
@media(max-width:768px){.how{padding-bottom:16px}.final-cta{padding-top:30px}}
@media(max-width:430px){.how{padding-bottom:14px}.final-cta{padding-top:28px}}

/* Compact language controls; the existing download CTA keeps its styling. */
.header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.language-selector{display:flex;align-items:center;gap:2px;color:var(--muted);font-size:.72rem}
.language-selector button{appearance:none;border:0;border-radius:4px;padding:8px 4px;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}
.language-selector button[aria-pressed="true"],.language-selector button:hover{color:var(--green)}
.language-selector button:focus-visible{outline:3px solid var(--green);outline-offset:2px}
@media(max-width:768px){.header-actions{gap:8px}.header-inner{gap:8px}.language-selector{font-size:.68rem}.language-selector button{padding:8px 3px}}
@media(max-width:374px){.header-inner{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.header-actions{margin-left:auto}}