:root{--ink:#101a15;--green:#23be78;--deep:#06120d;--muted:#53665b;--paper:#f5f7f5;--line:#d9e3dc;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--deep);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible{outline:3px solid #5fe0a0;outline-offset:4px}.skip{position:fixed;z-index:100;top:-5rem;left:1rem;background:white;color:#111;padding:1rem}.skip:focus{top:1rem}
.read-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:60;pointer-events:none}.read-progress span{display:block;width:0;height:100%;background:#5fe0a0;box-shadow:0 0 12px #5fe0a0}
.nav{height:68px;position:fixed;top:0;left:0;right:0;z-index:50;padding:0 clamp(20px,4.8vw,78px);display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;border-bottom:1px solid rgba(255,255,255,.17);background:rgba(4,15,10,.36);backdrop-filter:blur(18px);transition:background .35s,border-color .35s,color .35s}.nav.is-light{background:rgba(246,249,246,.93);border-color:#dce6df;color:#123326}.wordmark{font-weight:750;letter-spacing:-.065em;font-size:1.55rem;white-space:nowrap}.wordmark em{font-style:normal;color:#75e5a8}.nav.is-light .wordmark em{color:#138655}.nav-links{display:flex;gap:clamp(18px,3vw,50px);font-size:.84rem;font-weight:580}.nav-links a:hover{color:#75e5a8}.nav-actions{display:flex;align-items:center;gap:12px}.language{background:transparent;color:inherit;border:1px solid currentColor;border-radius:100px;padding:6px 10px;min-width:41px;font-size:.75rem;font-weight:750}.nav-button{background:#1cb96f;color:#03190d;border-radius:100px;padding:10px 17px;font-size:.81rem;font-weight:750}.nav-button:hover{background:#86e6b0}
.hero-track{height:235svh;background:#050d09;position:relative}.hero-sticky{height:100svh;min-height:610px;position:sticky;top:0;overflow:hidden;background:#07100c;color:#fff;isolation:isolate}.hero-product{position:absolute;z-index:1;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;transform:translate3d(var(--hero-x,7%),0,0) scale(var(--hero-scale,1.34));will-change:transform;filter:brightness(.75) contrast(1.15)}.hero-glow{position:absolute;inset:-20%;z-index:2;background:radial-gradient(ellipse 35% 45% at 72% 34%,rgba(0,237,104,.65),transparent 77%),radial-gradient(ellipse 25% 35% at 15% 18%,rgba(0,125,60,.28),transparent 80%);mix-blend-mode:screen;opacity:var(--hero-glow,.55);pointer-events:none}.hero-grain{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 58%),linear-gradient(0deg,rgba(0,0,0,.85),transparent 46%);pointer-events:none}.hero-overline{position:absolute;z-index:5;left:clamp(24px,5vw,82px);top:calc(68px + 34px);font-size:.75rem;font-weight:780;letter-spacing:.18em;color:#a6f0bf}.hero-copy{position:absolute;z-index:5;bottom:clamp(85px,12vh,150px);left:clamp(24px,5vw,82px);max-width:980px;opacity:var(--hero-copy-opacity,1);transform:translateY(var(--hero-copy-y,0px));will-change:opacity,transform}.kicker{display:flex;align-items:center;gap:13px;color:#9be7b6;font-size:.78rem;letter-spacing:.18em;font-weight:760;margin-bottom:20px}.kicker-line{width:30px;height:1px;background:#9be7b6}.hero-copy h1{font-size:clamp(5.2rem,11vw,11.5rem);line-height:.85;letter-spacing:-.092em;font-weight:740;margin:0 0 28px}.hero-copy h1 span{color:#5fe099}.hero-lead{font-size:clamp(1.45rem,3vw,2.8rem);letter-spacing:-.055em;font-weight:610;margin:0}.hero-end{position:absolute;z-index:5;right:clamp(24px,5vw,82px);bottom:34px;display:flex;align-items:center;gap:16px;color:#c3d6c8;font-size:.66rem;letter-spacing:.17em;font-weight:760}.scroll-line{height:1px;width:78px;background:linear-gradient(90deg,#6be3a6,transparent)}.hero-index{position:absolute;z-index:5;left:clamp(24px,5vw,82px);bottom:34px;display:flex;gap:12px;align-items:center;font-size:.67rem;letter-spacing:.12em;color:#d5f0dd}.hero-index-line{width:45px;height:1px;background:#81ad91}
.intro{background:#f6f8f6;text-align:center;padding:clamp(120px,16vw,240px) 25px clamp(95px,12vw,180px)}.intro-brow,.label{font-size:.78rem;letter-spacing:.17em;font-weight:790;text-transform:uppercase}.intro-brow{color:#10895a;margin-bottom:32px}.intro h2{font-size:clamp(3.4rem,7.8vw,8.3rem);line-height:.96;letter-spacing:-.08em;font-weight:720;max-width:1250px;margin:0 auto 38px}.intro p:not(.intro-brow){font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.52;max-width:720px;margin:0 auto;color:#4f6258}.intro-rule{height:1px;max-width:1180px;background:#d1ded5;margin:130px auto 0;position:relative}.intro-rule span{position:absolute;width:90px;height:3px;background:#13985e;top:-1px;left:50%;transform:translateX(-50%)}
.highlights{background:#f6f8f6;padding:0 0 clamp(100px,12vw,170px)}.chapter-head{max-width:1510px;margin:0 auto;padding:0 clamp(24px,5vw,80px) 56px;display:flex;align-items:end;justify-content:space-between;gap:50px}.chapter-head .label{color:#0b8050;margin-bottom:22px}.chapter-head h2{font-size:clamp(3.1rem,6.6vw,7.1rem);line-height:.97;letter-spacing:-.078em;font-weight:710;margin:0}.chapter-head>p{font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.48;color:#607066;max-width:365px;margin:0 0 7px}.highlights-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:clamp(24px,5vw,80px);padding:0 clamp(24px,5vw,80px) 18px;scrollbar-width:none}.highlights-rail::-webkit-scrollbar{display:none}.highlight-card{flex:0 0 min(77vw,1050px);height:clamp(550px,69vw,700px);position:relative;overflow:hidden;border-radius:30px;scroll-snap-align:start;background:#111;color:#fff}.highlight-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.highlight-card:hover img{transform:scale(1.035)}.highlight-rest img{object-position:50% 47%}.highlight-motion img{object-position:54% 50%}.highlight-detail img{object-position:50% 50%}.highlight-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,12,7,.83),transparent 57%),linear-gradient(90deg,rgba(4,15,10,.17),transparent 80%)}.highlight-copy{position:absolute;left:clamp(25px,5vw,66px);right:30px;bottom:clamp(30px,5vw,66px)}.highlight-no{display:block;color:#a6efbf;font-size:.79rem;letter-spacing:.14em;font-weight:760;margin-bottom:23px}.highlight-copy h3{font-size:clamp(2.6rem,5vw,5.1rem);letter-spacing:-.068em;line-height:.97;font-weight:680;margin:0 0 15px;max-width:650px}.highlight-copy p{max-width:470px;line-height:1.48;font-size:clamp(1rem,1.4vw,1.2rem);color:#dce9e0;margin:0}.rail-controls{max-width:1510px;margin:23px auto 0;padding:0 clamp(24px,5vw,80px);display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:#5e6c62}.rail-controls>div{display:flex;gap:10px}.rail-controls button{height:48px;width:48px;border:1px solid #cad7ce;background:#fff;color:#0b6c45;border-radius:50%;font-size:1.2rem}.rail-controls button:hover{background:#dcefe3}
.design-track{height:255svh;background:#101817}.design-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;color:white;background:#111a17;isolation:isolate}.design-aura{position:absolute;inset:0;background:radial-gradient(ellipse 30% 60% at 58% 55%,rgba(14,143,79,.2),transparent 85%);z-index:1;pointer-events:none}.design-media{position:absolute;inset:0 36% 0 0;overflow:hidden;background:#cfd5d2}.design-media img{position:absolute;width:100%;height:100%;max-width:none;object-fit:cover;object-position:49% 50%;will-change:transform,opacity}.design-full{transform:scale(var(--design-full-scale,1.13));opacity:var(--design-full-opacity,1)}.design-macro{transform:scale(var(--design-macro-scale,1.2));opacity:var(--design-macro-opacity,0)}.design-sticky:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 50%,#111a17 68%)}.design-content{position:absolute;z-index:3;left:64%;right:clamp(30px,5vw,90px);top:50%;transform:translateY(-50%);min-height:380px}.design-content .label{color:#87dfa6;margin:0 0 52px}.design-step{position:absolute;left:0;top:64px;right:0;will-change:opacity,transform}.design-step-one{opacity:var(--step-one,1);transform:translateY(var(--step-one-y,0px))}.design-step-two{opacity:var(--step-two,0);transform:translateY(var(--step-two-y,22px))}.design-step h2{font-size:clamp(3.3rem,5.4vw,6.4rem);line-height:.98;letter-spacing:-.075em;font-weight:690;margin:0 0 28px}.design-step p{font-size:clamp(1.1rem,1.6vw,1.45rem);line-height:1.5;max-width:470px;color:#b9cfc1}.design-counter{position:absolute;z-index:3;bottom:40px;right:clamp(30px,5vw,90px);display:flex;align-items:center;gap:14px;font-size:.72rem;color:#a3c2ad}.counter-track{display:block;width:90px;height:2px;background:#3d6150}.counter-track i{display:block;height:100%;width:var(--counter-width,0%);background:#66e4a4}
.living{background:#f6f8f6;padding:clamp(105px,14vw,200px) 0 0}.living .chapter-head{padding-bottom:65px}.living-panel{position:relative;height:min(83vh,900px);min-height:570px;overflow:hidden;background:#15231b;color:white}.living-panel img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(var(--living-scale,1.08)) translateY(var(--living-y,0px));will-change:transform}.living-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,9,.81),rgba(5,15,9,.25) 65%,transparent),linear-gradient(0deg,rgba(5,15,9,.62),transparent 50%)}.living-overlay{position:absolute;z-index:2;left:clamp(24px,7vw,120px);bottom:clamp(55px,8vw,110px);max-width:800px}.living-overlay .label{color:#94edb7}.living-overlay h3{font-size:clamp(3.1rem,6.5vw,6.9rem);line-height:.97;letter-spacing:-.08em;font-weight:700;margin:20px 0 28px}.living-overlay p:last-child{font-size:clamp(1.05rem,1.6vw,1.36rem);line-height:1.5;max-width:560px;color:#e6efe8}
.finale{min-height:92vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#03140c;color:#fff;position:relative;overflow:hidden;padding:130px 24px;isolation:isolate}.finale-glow{position:absolute;z-index:-1;inset:-20%;background:radial-gradient(ellipse 42% 40% at 50% 63%,rgba(14,175,83,.42),transparent 80%),radial-gradient(ellipse 20% 27% at 50% 100%,rgba(0,245,98,.23),transparent 80%);transform:scale(var(--finale-scale,1.2));will-change:transform}.finale .label{color:#88e3ad}.finale h2{font-size:clamp(4rem,9.7vw,10.5rem);line-height:.91;letter-spacing:-.09em;font-weight:730;margin:29px 0}.finale>p:not(.label){font-size:clamp(1.3rem,2.8vw,2.5rem);letter-spacing:-.05em;color:#b9dfc5}.outline-button{border:1px solid #83d8a2;border-radius:100px;padding:14px 24px;margin-top:25px;font-size:.9rem;font-weight:650;color:#d5f8df}.outline-button:hover{background:#1a9658;color:#fff}
footer{background:#05110b;color:#e1efe4;padding:70px clamp(24px,5vw,80px) 35px}.footer-main,.footer-bottom{max-width:1510px;margin:auto;display:flex;justify-content:space-between;gap:30px}.footer-wordmark{font-size:2.7rem}.footer-main p{color:#a8b9ad;font-size:1rem;max-width:350px;line-height:1.5}.footer-bottom{border-top:1px solid #244332;margin-top:70px;padding-top:26px;font-size:.82rem;color:#9eb4a4;line-height:1.55}.footer-bottom span:last-child{max-width:760px;text-align:right}
@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.nav-links{display:none}.hero-copy h1{font-size:clamp(4.8rem,13vw,8rem)}.chapter-head{display:block}.chapter-head>p{margin-top:26px}.highlight-card{flex-basis:min(82vw,720px)}.design-media{inset:0 34% 0 0}.design-content{left:61%;right:30px}.design-step h2{font-size:clamp(3rem,6vw,5rem)}.design-sticky:after{background:linear-gradient(90deg,transparent 42%,#111a17 70%)}}
@media(max-width:650px){.nav{height:60px;padding:0 20px}.wordmark{font-size:1.35rem}.nav-button{display:none}.hero-track{height:200svh}.hero-sticky{min-height:550px}.hero-product{object-position:48% 45%;width:135%;left:-17%;height:78%;top:3%;filter:brightness(.75) contrast(1.1)}.hero-grain{background:linear-gradient(0deg,#050d09 5%,rgba(5,13,9,.78) 22%,transparent 65%)}.hero-glow{background:radial-gradient(ellipse 54% 37% at 63% 29%,rgba(0,229,91,.58),transparent 80%)}.hero-overline{top:82px;left:24px;font-size:.66rem}.hero-copy{bottom:120px;left:24px;right:20px}.hero-copy h1{font-size:clamp(4.55rem,16vw,7.3rem);margin-bottom:20px}.hero-lead{font-size:clamp(1.28rem,6vw,2rem);line-height:1.1}.hero-end{bottom:30px;right:24px;font-size:.58rem}.hero-index{bottom:30px;left:24px}.scroll-line{width:27px}.intro{padding:130px 22px 95px}.intro h2{font-size:clamp(3rem,12vw,5.3rem)}.intro-rule{margin-top:95px}.chapter-head{padding:0 22px 38px}.chapter-head h2{font-size:clamp(3rem,11vw,5rem)}.highlights{padding-bottom:105px}.highlights-rail{padding:0 22px 12px;scroll-padding-left:22px;gap:12px}.highlight-card{flex-basis:88vw;height:520px;border-radius:20px}.highlight-card img{object-position:58% center}.highlight-copy{left:27px;bottom:30px;right:24px}.highlight-copy h3{font-size:clamp(2.5rem,10vw,4.3rem)}.highlight-copy p{font-size:1rem}.rail-controls{padding:0 22px}.design-track{height:220svh}.design-sticky{min-height:560px}.design-media{inset:0 0 30% 0}.design-media img{object-position:center 40%}.design-sticky:after{background:linear-gradient(0deg,#111a17 21%,rgba(17,26,23,.94) 35%,transparent 63%)}.design-content{left:24px;right:24px;top:auto;bottom:86px;transform:none;min-height:232px}.design-content .label{margin-bottom:12px;font-size:.7rem}.design-step{top:30px}.design-step h2{font-size:clamp(3.1rem,12vw,5.2rem);margin-bottom:15px}.design-step p{font-size:1.06rem;line-height:1.42}.design-counter{right:24px;bottom:30px}.living{padding-top:110px}.living .chapter-head{padding-bottom:45px}.living-panel{height:760px;min-height:0}.living-panel img{object-position:60% center}.living-panel:after{background:linear-gradient(0deg,rgba(5,15,9,.93),rgba(5,15,9,.12) 70%)}.living-overlay{left:24px;right:24px;bottom:42px}.living-overlay h3{font-size:clamp(3rem,11vw,5rem)}.finale{min-height:80vh}.finale h2{font-size:clamp(4rem,15vw,7rem)}footer{padding:55px 24px 30px}.footer-main,.footer-bottom{display:block}.footer-wordmark{font-size:2.25rem}.footer-main p{margin-top:22px}.footer-bottom{margin-top:42px}.footer-bottom span{display:block}.footer-bottom span:last-child{text-align:left;margin-top:15px}}

/* La identidad oficial y los capítulos de producto amplían la narración existente. */
.wordmark-brand{display:flex;align-items:center;justify-content:center;min-width:174px;padding:8px 10px;border-radius:8px;background:rgba(3,19,11,.57)}.wordmark-brand img{display:block;width:154px;height:auto}.nav.is-light .wordmark-brand{background:#061b10}.hero-copy h1{margin-bottom:24px}.hero-logo{display:block;width:min(76vw,1010px);height:auto;max-height:160px;object-fit:contain;object-position:left center}.hero-cta{display:inline-flex;align-items:center;gap:24px;margin-top:31px;padding:15px 23px;background:#23be78;color:#06120d;border-radius:50px;font-size:1rem;font-weight:750;transition:transform .3s ease,background .3s ease}.hero-cta:hover{background:#80e8ae;transform:translateY(-3px)}
.capabilities{background:#eff4f0;padding:clamp(105px,12vw,175px) clamp(24px,5vw,80px) 125px}.capabilities-intro{max-width:1510px;margin:0 auto 78px;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.7fr);column-gap:75px;align-items:end}.capabilities-intro .label{grid-column:1/-1;color:#15835a;margin-bottom:22px}.capabilities-intro h2{font-size:clamp(3.4rem,6.7vw,7.2rem);line-height:.99;letter-spacing:-.08em;max-width:930px;margin:0;font-weight:720}.capabilities-intro em,.app-copy h2 em{font-style:normal;color:#18915c}.capabilities-intro>p:last-child{font-size:clamp(1.08rem,1.45vw,1.28rem);line-height:1.55;color:#52665b;margin:0 0 9px}.capability-grid{max-width:1510px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.capability-card{min-height:400px;border-radius:28px;background:#fff;padding:35px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 1px 0 rgba(12,40,26,.07)}.capability-card:nth-child(2),.capability-card:nth-child(6){background:#0b2518;color:white}.capability-card:nth-child(4){background:#d8f2df}.capability-featured{background:#082a18;color:#fff}.capability-index{font-size:.78rem;font-weight:760;letter-spacing:.13em;color:#5e806b}.capability-featured .capability-index,.capability-card:nth-child(2) .capability-index,.capability-card:nth-child(6) .capability-index{color:#89d7a8}.capability-card h3{font-size:clamp(1.9rem,2.4vw,3.1rem);line-height:1.07;letter-spacing:-.058em;margin:0 0 14px;font-weight:710}.capability-card p{font-size:1.03rem;line-height:1.5;max-width:350px;color:#4d6557;margin:0}.capability-featured p,.capability-card:nth-child(2) p,.capability-card:nth-child(6) p{color:#c4dacb}.capability-symbol{font-size:clamp(6rem,9vw,10rem);line-height:1;text-align:right;color:#2bb879;font-weight:300;opacity:.7}.capability-symbol-small{font-size:clamp(4.5rem,7vw,8rem);font-weight:500;letter-spacing:-.1em}.capability-ring{width:190px;height:190px;position:relative;margin:10px auto 4px}.capability-ring span{position:absolute;border:10px solid #2e7e48;border-top-color:#83d04d;border-right-color:#83d04d;border-radius:50%;inset:8px;transform:rotate(-25deg)}.capability-ring span:nth-child(2){inset:32px;border-color:#443792;border-top-color:#8670f2;border-right-color:#8670f2;transform:rotate(22deg)}.capability-ring span:nth-child(3){inset:56px;border-color:#624515;border-top-color:#f5ad28;border-right-color:#f5ad28;transform:rotate(-36deg)}.capabilities-note{max-width:1510px;margin:26px auto 0;color:#547162;font-size:.86rem;line-height:1.6}
.app-track{height:210svh;background:#06120d}.app-sticky{position:sticky;top:0;min-height:720px;height:100svh;overflow:hidden;color:#fff;background:#07130e;isolation:isolate;display:flex;align-items:center}.app-aura{position:absolute;inset:-35%;z-index:-1;background:radial-gradient(ellipse 35% 35% at 68% 50%,rgba(35,190,120,.22),transparent 75%),radial-gradient(ellipse 20% 30% at 10% 100%,rgba(17,110,67,.13),transparent 75%)}.app-layout{width:min(100%,1510px);margin:auto;padding:86px clamp(24px,6vw,90px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(25px,5vw,85px)}.app-copy{max-width:660px}.app-copy .label{color:#8ddbab;margin-bottom:28px}.app-copy h2{font-size:clamp(3.8rem,6.3vw,7.5rem);line-height:.98;letter-spacing:-.082em;font-weight:720;margin:0 0 30px}.app-copy h2 em{color:#60da98}.app-lead{font-size:clamp(1.08rem,1.45vw,1.34rem);line-height:1.5;max-width:610px;color:#d2e1d7;margin-bottom:30px}.app-steps{display:grid;gap:0;border-top:1px solid #416552;max-width:620px;margin:0 0 27px}.app-steps>div{display:flex;align-items:baseline;gap:24px;border-bottom:1px solid #294a36;padding:13px 0}.app-steps span{font-size:.82rem;font-weight:750;color:#6bdd9c}.app-steps p{font-size:1rem;line-height:1.4;margin:0;color:#e6eee8}.app-button{display:inline-flex;align-items:center;gap:30px;border-radius:50px;background:#23be78;color:#03190d;padding:16px 25px;font-size:1rem;font-weight:750;transition:background .3s ease,transform .3s ease}.app-button:hover{background:#83e9ae;transform:translateY(-3px)}.app-visual{height:min(79vh,720px);min-height:585px;position:relative;display:flex;align-items:center;justify-content:center}.phone{height:min(70vh,650px);aspect-ratio:930/2048;position:absolute;top:4%;left:50%;transform:translateX(-50%);overflow:hidden;border:7px solid #253c2e;border-radius:38px;background:#080a0d;box-shadow:0 35px 90px rgba(0,0,0,.56),0 0 70px rgba(57,214,116,.13);will-change:opacity,transform}.phone img{display:block;width:100%;height:100%;object-fit:cover}.phone-connect{opacity:var(--app-connect-opacity,1);transform:translateX(-50%) translateY(var(--app-connect-y,0px))}.phone-dashboard{opacity:var(--app-dashboard-opacity,0);transform:translateX(-50%) translateY(var(--app-dashboard-y,30px))}.phone-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;color:#a8c5ae;font-size:.88rem}.app-disclaimer{position:absolute;bottom:20px;left:24px;right:24px;text-align:center;color:#8fa99a;font-size:.78rem;line-height:1.4;margin:0}
.ecosystem{padding:clamp(115px,14vw,210px) clamp(24px,5vw,80px);background:#f6f8f6}.ecosystem-heading{max-width:1510px;margin:auto;display:grid;grid-template-columns:1.6fr .8fr;column-gap:85px;align-items:end}.ecosystem-heading .label{grid-column:1/-1;color:#16855b;margin:0 0 27px}.ecosystem-heading h2{font-size:clamp(3.8rem,7.3vw,8rem);line-height:.97;letter-spacing:-.085em;font-weight:720;margin:0}.ecosystem-heading>p:last-child{font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.5;color:#52665b;margin:0 0 10px}.ecosystem-brands{max-width:1510px;margin:92px auto 0;border-radius:30px;overflow:hidden;background:#07180f;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ecosystem-brands>div{min-height:320px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:48px;border-right:1px solid #27503a}.ecosystem-brands>div:last-child{border:0}.ecosystem-brands img{display:block;width:auto;max-width:85%;height:90px;object-fit:contain;object-position:left center}.ecosystem-brands>div:nth-child(2) img{width:220px}.ecosystem-brands>div:nth-child(3) img{width:170px}.ecosystem-brands span{font-size:.77rem;letter-spacing:.14em;color:#83dbae;font-weight:760}
.footer-logo{display:block;width:min(41vw,410px);align-self:start}.footer-logo img{width:100%;height:auto;display:block}.footer-brand{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.footer-brand img{width:97px;height:auto;display:block;opacity:.9}.footer-brand p{margin:8px 0 0}.footer-main{align-items:start}
@media(max-width:1000px){.capabilities-intro,.ecosystem-heading{display:block}.capabilities-intro>p:last-child,.ecosystem-heading>p:last-child{max-width:650px;margin:28px 0 0}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-copy h2{font-size:clamp(3.6rem,6vw,6rem)}.ecosystem-brands>div{padding:30px}}
@media(max-width:700px){.wordmark-brand{min-width:145px;padding:8px}.wordmark-brand img{width:129px}.hero-logo{width:min(86vw,600px);max-height:none}.hero-cta{font-size:.88rem;padding:13px 18px;margin-top:21px}.hero-copy{bottom:110px}.hero-copy h1{margin-bottom:16px}.capabilities{padding:105px 22px 90px}.capabilities-intro{margin-bottom:43px}.capabilities-intro h2{font-size:clamp(2.9rem,10vw,5.2rem)}.capability-grid{grid-template-columns:1fr;gap:12px}.capability-card{min-height:330px;padding:27px;border-radius:22px}.capability-ring{height:130px;width:130px}.capability-ring span{border-width:7px}.capabilities-note{font-size:.85rem}.app-track{height:auto}.app-sticky{position:relative;height:auto;min-height:0;display:block;padding:0 0 70px}.app-layout{display:block;padding:100px 22px 30px}.app-copy h2{font-size:clamp(3.25rem,11vw,5.5rem)}.app-lead{font-size:1.08rem}.app-visual{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:55px;padding-bottom:58px}.phone{position:relative;top:auto;left:auto;width:100%;height:auto;aspect-ratio:930/2048;border-width:4px;border-radius:25px;transform:none!important;opacity:1!important}.phone-caption{bottom:12px}.app-disclaimer{bottom:22px;font-size:.75rem}.ecosystem{padding:110px 22px}.ecosystem-heading h2{font-size:clamp(3.4rem,10vw,5.8rem)}.ecosystem-brands{margin-top:55px;display:block;border-radius:24px}.ecosystem-brands>div{min-height:170px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid #27503a;padding:28px}.ecosystem-brands img{height:68px;max-width:45%}.ecosystem-brands>div:nth-child(2) img{width:155px}.ecosystem-brands>div:nth-child(3) img{width:125px}.ecosystem-brands span{text-align:right;max-width:45%;font-size:.68rem}.footer-logo{width:min(82vw,340px)}.footer-brand{align-items:flex-start;text-align:left;margin-top:32px}.footer-brand p{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.phone-connect{opacity:0!important}.phone-dashboard{opacity:1!important;transform:translateX(-50%)!important}.hero-cta,.app-button{transition:none}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.phone-connect{opacity:1!important}.phone-dashboard{transform:none!important}}
@media(min-width:701px){.app-layout{padding-top:46px;padding-bottom:50px}.app-copy h2{margin-bottom:22px}.app-lead{margin-bottom:20px}.app-steps{margin-bottom:22px}.app-steps>div{padding:10px 0}}
.questions{background:#0b1c13;color:#fff;padding:clamp(115px,14vw,210px) clamp(24px,5vw,80px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(35px,8vw,135px)}.questions-heading{max-width:590px}.questions-heading .label{color:#8cdda9;margin-bottom:30px}.questions-heading h2{font-size:clamp(3.4rem,6vw,7rem);line-height:.98;letter-spacing:-.08em;font-weight:720;margin:0 0 33px}.questions-heading p:last-child{color:#bad5c2;font-size:clamp(1.1rem,1.4vw,1.32rem);line-height:1.5;max-width:510px}.questions-list{align-self:center;border-top:1px solid #43624c}.questions-list details{border-bottom:1px solid #43624c;padding:0 2px}.questions-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0;font-size:clamp(1.12rem,1.45vw,1.35rem);font-weight:620;line-height:1.35}.questions-list summary::-webkit-details-marker{display:none}.questions-list summary:after{content:'+';color:#79dba0;font-size:2rem;font-weight:350;line-height:1}.questions-list details[open] summary:after{content:'−'}.questions-list details p{font-size:1.05rem;line-height:1.58;color:#bbd3c2;margin:-10px 48px 32px 0;max-width:700px}
@media(max-width:900px){.questions{display:block}.questions-heading{margin-bottom:50px}.questions-list{max-width:760px}}
@media(max-width:700px){.questions{padding:100px 22px}.questions-heading h2{font-size:clamp(3rem,10vw,5.5rem)}.questions-list summary{font-size:1.06rem;padding:27px 0}.questions-list details p{font-size:1rem;margin:0 24px 28px 0}}

/* Dirección visual: verde profundo, fotografía y vidrio translúcido. */
.nav,.nav.is-light{background:rgba(3,15,10,.66);border-color:rgba(207,255,224,.13);color:#f4fff7;backdrop-filter:blur(24px) saturate(150%)}
.intro{background:radial-gradient(ellipse 70% 50% at 50% 15%,rgba(37,146,84,.2),transparent 75%),#0b2015;color:#f5fff7}
.intro-brow{color:#91eeb3}.intro p:not(.intro-brow){color:#bfd9c7}.intro-rule{background:#335941}.intro-rule span{background:#68e59c}
.highlights{background:linear-gradient(180deg,#0b2015 0%,#081911 100%);color:#f4fff6}
.highlights .chapter-head .label,.living .chapter-head .label{color:#8fe8b0}.highlights .chapter-head>p,.living .chapter-head>p{color:#b9d3c2}
.highlight-card{border:1px solid rgba(227,255,236,.18);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.rail-controls{color:#aecbb8}.rail-controls button{background:rgba(214,255,228,.09);color:#d5ffe3;border:1px solid rgba(218,255,230,.25);backdrop-filter:blur(20px)}.rail-controls button:hover{background:rgba(87,221,139,.25)}
.capabilities{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 60% 48% at 76% 13%,#114832 0%,transparent 78%),linear-gradient(180deg,#081911 0%,#071a13 56%,#05110d 100%);color:#f3fff6}
.capabilities::before{content:"";position:absolute;z-index:0;top:-70px;right:-7%;width:73%;height:870px;background:url("/launch/vitalsense-charcoal.webp") 54% 42%/cover no-repeat;opacity:.22;filter:saturate(.8) contrast(1.12);transform:translateY(var(--features-shift,0px)) scale(1.08);mask-image:linear-gradient(90deg,transparent 0%,#000 35%);pointer-events:none;will-change:transform}
.capabilities::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(4,20,11,.12),rgba(4,18,11,.44) 40%,rgba(3,12,8,.6)),radial-gradient(ellipse 45% 28% at 10% 87%,rgba(37,173,99,.13),transparent);pointer-events:none}
.capabilities>*{position:relative;z-index:1}
.capabilities-intro .label{color:#8fe5b0}.capabilities-intro>p:last-child{color:#c3dbca}.capabilities-intro em{color:#6ce3a1}
.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.capability-card,.capability-featured,.capability-card:nth-child(2),.capability-card:nth-child(4),.capability-card:nth-child(6){min-height:410px;padding:34px;border:1px solid rgba(207,255,225,.2);border-radius:30px;background:linear-gradient(145deg,rgba(229,255,237,.15),rgba(171,248,199,.055) 45%,rgba(106,212,150,.075));color:#f4fff6;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 60px rgba(0,0,0,.26);backdrop-filter:blur(27px) saturate(145%);-webkit-backdrop-filter:blur(27px) saturate(145%);transition:transform .45s ease,border-color .45s ease,background .45s ease}
.capability-card:hover{transform:translateY(-7px);border-color:rgba(150,244,182,.47);background:linear-gradient(145deg,rgba(225,255,233,.19),rgba(171,248,199,.09) 48%,rgba(106,212,150,.11))}
.capability-featured,.capability-card:nth-child(6){grid-column:span 2;background:linear-gradient(118deg,rgba(229,255,237,.18),rgba(142,226,174,.06) 70%,rgba(8,39,23,.36));min-height:430px}
.capability-card:nth-child(6){background:linear-gradient(110deg,rgba(17,69,44,.81),rgba(68,134,87,.16) 75%,rgba(13,58,38,.22))}
.capability-index,.capability-featured .capability-index,.capability-card:nth-child(2) .capability-index,.capability-card:nth-child(6) .capability-index{color:#a4f3bf;position:relative;z-index:2}
.capability-card h3{font-size:clamp(2rem,2.5vw,3.5rem);color:#fff}.capability-card p,.capability-featured p,.capability-card:nth-child(2) p,.capability-card:nth-child(6) p{color:#d1e7d7;max-width:390px}
.capability-card>div:last-child{position:relative;z-index:2}.capability-featured>div:last-child,.capability-card:nth-child(6)>div:last-child{max-width:53%}
.capability-symbol{font-size:clamp(5rem,8vw,8rem);color:#8debaf;opacity:.46;text-shadow:0 0 55px rgba(72,218,135,.36)}.capability-symbol-small{font-size:clamp(4.2rem,6.8vw,7rem)}
.capability-preview{position:absolute;z-index:1;right:10%;top:5%;width:185px;height:110%;border:6px solid rgba(33,56,41,.94);border-radius:30px;overflow:hidden;box-shadow:-30px 25px 75px rgba(0,0,0,.47),0 0 80px rgba(74,231,143,.14);transform:rotate(9deg) translateY(10px);pointer-events:none}
.capability-preview img{width:100%;height:100%;object-fit:cover;object-position:top center}
.capability-band{position:absolute;z-index:0;right:-7%;top:0;width:58%;height:100%;object-fit:cover;object-position:57% center;opacity:.75;mask-image:linear-gradient(90deg,transparent 0%,#000 45%);pointer-events:none}
.capabilities-note{color:#a8c4ae}
.ecosystem{background:radial-gradient(ellipse 40% 50% at 75% 0%,rgba(35,122,71,.19),transparent 75%),#091b13;color:#f4fff6}.ecosystem-heading .label{color:#92e9b1}.ecosystem-heading>p:last-child{color:#c0d8c7}.ecosystem-brands{background:linear-gradient(130deg,rgba(218,255,227,.105),rgba(106,212,150,.04));border:1px solid rgba(223,255,231,.18);box-shadow:inset 0 1px rgba(255,255,255,.17),0 27px 85px rgba(0,0,0,.21);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.ecosystem-brands>div{border-color:rgba(214,255,227,.16)}
.living{background:#081a12;color:#f5fff7}.living-panel{border-top:1px solid rgba(228,255,236,.18);border-bottom:1px solid rgba(228,255,236,.18)}.living-overlay{padding:clamp(20px,3vw,42px);left:clamp(18px,5vw,78px);bottom:clamp(25px,4vw,55px);border:1px solid rgba(228,255,236,.22);border-radius:26px;background:rgba(12,40,25,.42);box-shadow:inset 0 1px rgba(255,255,255,.12),0 24px 72px rgba(0,0,0,.2);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.questions-list{border:0}.questions-list details{margin:9px 0;padding:0 24px;border:1px solid rgba(224,255,232,.15);border-radius:18px;background:rgba(223,255,234,.055);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.questions-list details[open]{border-color:rgba(113,220,150,.38);background:rgba(149,225,169,.085)}.questions-list summary{padding:24px 0}.questions-list details p{margin:-4px 32px 28px 0}
@media(max-width:1000px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-featured,.capability-card:nth-child(6){grid-column:span 2}.capability-preview{right:13%}}
@media(max-width:700px){.capabilities{padding-top:108px;padding-bottom:95px}.capabilities::before{width:130%;right:-52%;height:530px;opacity:.17}.capability-grid{grid-template-columns:minmax(0,1fr);gap:14px}.capability-card,.capability-featured,.capability-card:nth-child(6){grid-column:auto;min-height:335px;padding:28px;border-radius:24px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.capability-featured,.capability-card:nth-child(6){min-height:395px}.capability-featured>div:last-child,.capability-card:nth-child(6)>div:last-child{max-width:66%}.capability-preview{width:125px;height:330px;right:3%;top:11%;border-width:4px;border-radius:22px;opacity:.8}.capability-band{width:68%;right:-18%;opacity:.65}.capability-symbol{font-size:6rem}.ecosystem-brands>div{border-color:rgba(214,255,227,.16)}.living-overlay{left:18px;right:18px;bottom:28px;padding:24px;border-radius:20px}.living-overlay h3{font-size:clamp(2.5rem,9vw,4.5rem)}.questions-list details{padding:0 18px}}
@media(max-width:390px){.capability-featured>div:last-child,.capability-card:nth-child(6)>div:last-child{max-width:72%}.capability-preview{width:104px;right:0}.capability-featured h3,.capability-card:nth-child(6) h3{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.capabilities::before{transform:none;will-change:auto}.capability-card{transition:none}.capability-card:hover{transform:none}}
@media(prefers-reduced-motion:no-preference){.capability-card.reveal{transition:opacity .8s ease,transform .8s ease,border-color .45s ease,background .45s ease}}
.capabilities-deep-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;margin:28px clamp(24px,5vw,80px) 0;padding:15px 20px;border:1px solid rgba(149,242,180,.45);border-radius:100px;color:#dcffe6;background:rgba(111,233,150,.12);font-size:.94rem;font-weight:700;backdrop-filter:blur(18px);transition:background .25s,transform .25s}.capabilities-deep-link:hover{background:rgba(111,233,150,.22);transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.hero-track,.design-track{height:auto}.hero-sticky,.design-sticky{position:relative}.hero-product,.design-full,.design-macro,.living-panel img,.finale-glow{transform:none!important}.hero-copy,.design-step{opacity:1!important;transform:none!important}.design-step-two{position:relative;top:220px}.design-sticky{min-height:1000px}.reveal{opacity:1!important;transform:none!important}}

/* Secuencia cinematográfica del producto en el encabezado. */
.hero-media{position:absolute;inset:0;z-index:1;overflow:hidden;background:#141716;transform:translate3d(var(--hero-video-x,2%),0,0) scale(var(--hero-video-scale,1.12));transform-origin:center;will-change:transform}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hero-video.is-active{opacity:1}
.hero-glow{opacity:calc(var(--hero-glow,.55) * .26);background:radial-gradient(ellipse 32% 45% at 80% 45%,rgba(0,186,89,.65),transparent 80%)}
.hero-grain{background:linear-gradient(90deg,rgba(1,8,5,.79),rgba(1,8,5,.35) 41%,transparent 72%),linear-gradient(0deg,rgba(2,8,5,.84),transparent 39%)}
.hero-logo{width:min(62vw,880px)}
.hero-slide-controls{position:absolute;z-index:6;left:clamp(24px,5vw,82px);bottom:25px;display:flex;align-items:center;gap:15px}
.hero-slide-button{appearance:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:0;border:0;background:none;color:rgba(239,255,243,.72);font:700 .73rem/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.06em;cursor:pointer}
.hero-slide-button:hover,.hero-slide-button.is-active{color:#fff}
.hero-slide-track{display:block;width:clamp(52px,6vw,94px);height:2px;background:rgba(238,255,244,.36);overflow:hidden;border-radius:2px}
.hero-slide-fill{display:block;width:var(--slide-progress,0%);height:100%;background:#80e7ac;transition:width .12s linear}
.hero-slide-button:focus-visible,.hero-playback:focus-visible{outline:2px solid #88eeb0;outline-offset:5px}
.hero-playback{appearance:none;position:absolute;z-index:6;right:clamp(24px,5vw,82px);bottom:23px;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(229,255,236,.42);border-radius:50%;background:rgba(14,35,23,.42);color:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:1.1rem;cursor:pointer}
.hero-playback:hover{background:rgba(62,123,81,.62)}
.hero-end{right:calc(clamp(24px,5vw,82px) + 64px);bottom:39px}
@media(max-width:650px){.hero-media{inset:0 0 25%;transform:scale(var(--hero-video-scale,1.13))}.hero-video{object-position:50% 46%}.hero-grain{background:linear-gradient(0deg,#050d09 7%,rgba(5,13,9,.95) 24%,rgba(5,13,9,.5) 49%,rgba(5,13,9,.08) 85%)}.hero-glow{opacity:calc(var(--hero-glow,.55) * .2)}.hero-logo{width:min(83vw,600px)}.hero-copy{bottom:120px}.hero-end{display:none}.hero-slide-controls{left:24px;bottom:21px;gap:12px}.hero-slide-track{width:44px}.hero-playback{right:24px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.hero-media{transform:none!important;will-change:auto}.hero-video{transition:none}}

/* Cinco escenas editoriales, con el dispositivo y el empaque originales intactos. */
.highlight-copy{z-index:3}
.highlight-studio,.highlight-package{background:#071611}
.highlight-studio .highlight-background,.highlight-package .highlight-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.highlight-studio .highlight-cutout{position:absolute;z-index:1;right:18%;bottom:38%;width:auto;height:61%;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.48));transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.highlight-studio:hover .highlight-cutout{transform:translateY(-8px)}
.highlight-studio .highlight-shade{background:linear-gradient(0deg,rgba(2,12,8,.88),rgba(2,12,8,.18) 48%,transparent 75%),linear-gradient(90deg,rgba(2,12,8,.45),transparent 76%)}
.highlight-package .highlight-box{position:absolute;z-index:1;top:0;right:0;width:72%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 28%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%)}
.highlight-package .highlight-shade{background:linear-gradient(90deg,rgba(2,12,8,.84),rgba(2,12,8,.14) 59%,transparent 78%),linear-gradient(0deg,rgba(2,12,8,.78),transparent 35%)}
.highlight-package .highlight-copy{max-width:480px}
.rail-controls .rail-action{display:flex;align-items:center;gap:10px}
.rail-current{margin-right:15px;font-size:.77rem;letter-spacing:.13em;font-weight:750;color:#b9ecc9}
.rail-controls button:disabled{opacity:.34;cursor:default}
.rail-controls button:disabled:hover{background:rgba(214,255,228,.09)}
@media(max-width:650px){.highlight-studio .highlight-background{object-position:72% center}.highlight-studio .highlight-cutout{right:9%;bottom:38%;height:53%}.highlight-package .highlight-box{top:0;right:0;width:100%;height:66%;object-position:60% 42%;mask-image:linear-gradient(0deg,transparent,#000 32%);-webkit-mask-image:linear-gradient(0deg,transparent,#000 32%)}.highlight-package .highlight-shade{background:linear-gradient(0deg,rgba(2,12,8,.94),rgba(2,12,8,.8) 34%,transparent 72%)}.highlight-package .highlight-copy{max-width:none}.rail-current{margin-right:2px;font-size:.69rem}}

/* Teléfonos de titanio en profundidad; las pantallas siguen siendo capturas originales. */
.app-visual{perspective:1200px;transform-style:preserve-3d;isolation:isolate}
.app-visual::before{content:"";position:absolute;z-index:0;inset:7% -10%;background:radial-gradient(ellipse 45% 49% at 60% 48%,rgba(46,185,111,.22),transparent 76%);pointer-events:none}
.app-visual::after{content:"";position:absolute;z-index:0;left:3%;right:3%;bottom:6%;height:45px;border-radius:50%;background:rgba(5,8,7,.92);filter:blur(24px);pointer-events:none}
.app-visual .phone{top:4%;height:min(72vh,650px);width:auto;aspect-ratio:2/3;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform-style:preserve-3d;backface-visibility:hidden;filter:drop-shadow(0 28px 31px rgba(0,0,0,.52));will-change:transform,opacity;transition:filter .4s ease}
.phone .phone-chassis{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.phone .phone-screen{position:absolute;z-index:1;left:17%;top:2.6%;width:66%;height:94.8%;object-fit:cover;object-position:top center;border-radius:23px;pointer-events:none}
.app-visual .phone::after{content:"";position:absolute;z-index:2;left:17%;top:2.6%;width:66%;height:94.8%;border-radius:23px;background:linear-gradient(122deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.02) 19%,transparent 39%),linear-gradient(90deg,rgba(255,255,255,.045),transparent 18%);pointer-events:none}
.phone-lens{position:absolute;z-index:3;left:calc(50% - 5px);top:4.15%;width:10px;height:10px;border:2px solid #091119;border-radius:50%;background:radial-gradient(circle at 58% 45%,#335476 0 18%,#09111b 48%,#010309 100%);box-shadow:0 0 0 3px #080b10;pointer-events:none}
.app-visual .phone-connect{z-index:var(--app-connect-layer,2);opacity:var(--app-connect-opacity,1);transform:translateX(-50%) translate3d(var(--app-connect-x,-75px),var(--app-connect-y,18px),var(--app-connect-z,45px)) rotateY(var(--app-connect-ry,-18deg)) rotateZ(var(--app-connect-rz,-5deg)) scale(var(--app-connect-scale,1))}
.app-visual .phone-dashboard{z-index:var(--app-dashboard-layer,1);opacity:var(--app-dashboard-opacity,.6);transform:translateX(-50%) translate3d(var(--app-dashboard-x,105px),var(--app-dashboard-y,55px),var(--app-dashboard-z,-80px)) rotateY(var(--app-dashboard-ry,22deg)) rotateZ(var(--app-dashboard-rz,6deg)) scale(var(--app-dashboard-scale,.84))}
.phone-caption{z-index:4;bottom:5px;color:#bcddc6;text-shadow:0 2px 12px #021007}
@media(max-width:1000px) and (min-width:701px){.app-visual .phone{height:min(67vh,590px)}.app-visual{perspective:1000px}}
@media(max-width:700px){.app-visual{display:block;height:510px;min-height:0;margin-top:35px;padding:0;perspective:900px}.app-visual .phone{position:absolute;top:5px;left:50%;height:min(108vw,450px);width:auto;aspect-ratio:2/3;border:0;border-radius:0;opacity:var(--app-connect-opacity,1)!important}.app-visual .phone-connect{opacity:var(--app-connect-opacity,1)!important;transform:translateX(-50%) translate3d(var(--app-connect-x,-54px),var(--app-connect-y,14px),var(--app-connect-z,45px)) rotateY(var(--app-connect-ry,-18deg)) rotateZ(var(--app-connect-rz,-5deg)) scale(var(--app-connect-scale,1))!important}.app-visual .phone-dashboard{opacity:var(--app-dashboard-opacity,.6)!important;transform:translateX(-50%) translate3d(var(--app-dashboard-x,70px),var(--app-dashboard-y,40px),var(--app-dashboard-z,-80px)) rotateY(var(--app-dashboard-ry,22deg)) rotateZ(var(--app-dashboard-rz,6deg)) scale(var(--app-dashboard-scale,.84))!important}.phone .phone-screen,.app-visual .phone::after{border-radius:clamp(14px,4vw,22px)}.phone-caption{bottom:8px;left:4%;right:4%}.app-visual::after{bottom:8%}}
@media(max-width:420px){.app-visual{height:480px}.app-visual .phone{height:min(111vw,420px)}}
@media(prefers-reduced-motion:reduce){.app-track{height:auto}.app-sticky{position:relative}.app-visual .phone{will-change:auto;transition:none!important}.app-visual .phone-connect{opacity:1!important;transform:translateX(-50%) translate3d(-115px,0,0) rotateY(-10deg) scale(.88)!important}.app-visual .phone-dashboard{opacity:1!important;transform:translateX(-50%) translate3d(100px,0,0) rotateY(10deg) scale(.88)!important}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.app-visual .phone-connect{transform:translateX(-50%) translate3d(-62px,0,0) rotateY(-10deg) scale(.9)!important}.app-visual .phone-dashboard{transform:translateX(-50%) translate3d(63px,0,0) rotateY(10deg) scale(.9)!important}}

/* Resultados y productos: una revelación horizontal, distinta del cruce 3D de la app. */
.routine-track{height:215svh;background:#06140e}
.routine-sticky{position:sticky;top:0;height:100svh;min-height:690px;overflow:hidden;isolation:isolate;display:flex;align-items:center;color:#f6fff7;background:radial-gradient(ellipse 50% 75% at 73% 52%,#144532 0%,#0a2419 48%,transparent 78%),linear-gradient(120deg,#07170f,#0a1c14 68%,#07120e)}
.routine-ambient{position:absolute;z-index:-1;inset:-15%;background:radial-gradient(ellipse 24% 35% at 75% 38%,rgba(70,233,147,.17),transparent 80%),radial-gradient(ellipse 32% 40% at 96% 80%,rgba(72,178,131,.11),transparent 80%);pointer-events:none}
.routine-layout{width:min(100%,1510px);margin:auto;padding:78px clamp(24px,5vw,80px) 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(30px,4vw,70px);align-items:center}
.routine-copy{position:relative;z-index:4;max-width:670px}
.routine-copy .label{color:#91eab4;margin:0 0 28px}
.routine-copy h2{font-size:clamp(3.4rem,5.5vw,6.4rem);font-weight:720;line-height:.98;letter-spacing:-.078em;margin:0 0 28px}
.routine-copy h2 em{font-style:normal;color:#72eaa4}
.routine-lead{max-width:570px;font-size:clamp(1.08rem,1.42vw,1.28rem);line-height:1.55;color:#cfdfd4;margin:0 0 36px}
.routine-lead strong{display:block;margin-bottom:13px;color:#f6fff8;font-weight:660}
.routine-flow{max-width:550px;display:flex;align-items:center;gap:16px;border-top:1px solid rgba(218,255,229,.23);padding-top:20px;margin-bottom:26px}
.routine-flow>div{min-width:0;display:flex;align-items:center;gap:12px}
.routine-flow>div>span{font-size:.77rem;letter-spacing:.1em;font-weight:790;color:#81e8a8}
.routine-flow p{white-space:nowrap;margin:0;color:#edf9ef;font-size:.92rem;font-weight:630}
.routine-flow-line{flex:1;height:1px;min-width:16px;background:rgba(195,244,210,.25);position:relative}
.routine-flow-line:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--routine-flow-width,0%);background:#8af6b3;box-shadow:0 0 15px #51e195}
.routine-disclaimer{max-width:600px;padding-left:14px;border-left:2px solid #61d698;color:#b5cfc0;font-size:.82rem;line-height:1.55;margin:0}
.routine-gallery{position:relative;height:min(74vh,690px);min-height:560px;isolation:isolate}
.routine-halo{position:absolute;z-index:-1;top:17%;left:5%;width:95%;height:69%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(105,230,157,.18),rgba(36,138,77,.07) 40%,transparent 73%);transform:scale(var(--routine-halo-scale,.68));filter:blur(14px);pointer-events:none}
.routine-device{position:absolute;display:block;height:min(69vh,600px);aspect-ratio:2/3;color:#d8ffdf;filter:drop-shadow(0 32px 36px rgba(0,0,0,.58));will-change:transform,opacity;outline-offset:3px}
.routine-device-guidance{z-index:1;left:-2%;top:8%;opacity:var(--routine-guidance-opacity,.12);transform:translate3d(var(--routine-guidance-x,-104px),0,0) rotate(-6deg)}
.routine-device-products{z-index:2;right:-1%;top:0;opacity:var(--routine-products-opacity,.04);transform:translate3d(var(--routine-products-x,125px),var(--routine-products-y,72px),0) rotate(5deg)}
.routine-device:hover{filter:drop-shadow(0 38px 38px rgba(0,0,0,.66)) drop-shadow(0 0 22px rgba(67,218,134,.24))}
.routine-chassis{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.routine-screen{position:absolute;left:17%;top:2.6%;width:66%;height:94.8%;object-fit:fill;border-radius:22px;pointer-events:none}
.routine-device:after{content:"";position:absolute;left:17%;top:2.6%;width:66%;height:94.8%;border-radius:22px;background:linear-gradient(120deg,rgba(255,255,255,.18) 0%,transparent 24%,transparent 70%,rgba(255,255,255,.045) 100%);pointer-events:none}
.routine-lens{position:absolute;z-index:2;left:calc(50% - 5px);top:4.15%;width:10px;height:10px;border:2px solid #091119;border-radius:50%;background:radial-gradient(circle at 58% 45%,#335476 0 18%,#09111b 48%,#010309 100%);box-shadow:0 0 0 3px #080b10;pointer-events:none}
.routine-device-tag{position:absolute;z-index:3;bottom:5%;left:50%;transform:translateX(-50%);white-space:nowrap;padding:10px 16px;border:1px solid rgba(201,255,219,.34);border-radius:100px;background:rgba(6,22,14,.82);backdrop-filter:blur(18px);font-size:.75rem;font-weight:730;letter-spacing:.015em;box-shadow:0 10px 26px rgba(0,0,0,.32);pointer-events:none}
.routine-brand{position:absolute;z-index:4;right:0;top:-2%;display:flex;align-items:center;justify-content:center;width:145px;height:67px;border:1px solid rgba(214,255,226,.2);border-radius:16px;background:rgba(214,255,226,.085);backdrop-filter:blur(20px);box-shadow:0 15px 35px rgba(0,0,0,.14);pointer-events:none}
.routine-brand img{width:auto;max-width:110px;height:53px;object-fit:contain}
.routine-image-note{position:absolute;bottom:0;right:0;color:#a2c4ae;font-size:.77rem;margin:0}
@media(max-width:1100px) and (min-width:701px){.routine-layout{grid-template-columns:1.04fr .96fr;gap:8px}.routine-copy h2{font-size:clamp(3.4rem,5.8vw,5.5rem)}.routine-lead{font-size:1.05rem}.routine-device{height:min(60vh,530px)}.routine-device-guidance{left:-8%}.routine-device-products{right:-11%}.routine-gallery{min-height:530px}}
@media(max-width:700px){.routine-track{height:auto}.routine-sticky{position:relative;min-height:0;height:auto;display:block;padding:100px 0 90px}.routine-layout{display:block;padding:0 22px}.routine-copy h2{font-size:clamp(3.15rem,10.8vw,5rem);max-width:550px}.routine-copy .label{font-size:.71rem}.routine-lead{font-size:1.06rem;margin-bottom:27px}.routine-flow{gap:10px}.routine-flow>div{gap:6px}.routine-flow p{font-size:.74rem}.routine-disclaimer{font-size:.8rem}.routine-gallery{display:flex;gap:0;align-items:center;height:500px;min-height:0;margin:28px -22px 0;padding:40px 12vw 48px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.routine-gallery::-webkit-scrollbar{display:none}.routine-halo{position:fixed;display:none}.routine-device{position:relative;top:auto;left:auto;right:auto;height:390px;flex:0 0 260px;scroll-snap-align:center;will-change:auto;opacity:1!important;filter:drop-shadow(0 18px 24px rgba(0,0,0,.5))}.routine-device-guidance{transform:rotate(-4deg)!important}.routine-device-products{margin-left:-6px;transform:rotate(4deg)!important}.routine-screen,.routine-device:after{border-radius:16px}.routine-device-tag{padding:8px 12px;font-size:.68rem}.routine-brand{top:6px;right:8vw;width:115px;height:51px}.routine-brand img{max-width:90px;height:39px}.routine-image-note{bottom:8px;left:12vw;right:auto;font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.routine-track{height:auto}.routine-sticky{position:relative;height:auto;min-height:700px}.routine-device{will-change:auto;transition:none!important;opacity:1!important}.routine-device-guidance{transform:translate3d(0,0,0) rotate(-6deg)!important}.routine-device-products{transform:translate3d(0,0,0) rotate(5deg)!important}.routine-halo{transform:none!important}.routine-flow-line:after{width:100%!important}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.routine-sticky{min-height:0}.routine-device-guidance{transform:rotate(-4deg)!important}.routine-device-products{transform:rotate(4deg)!important}}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.has-js .routine-gallery .routine-device{opacity:0!important;transition:transform .9s cubic-bezier(.2,.8,.25,1),opacity .8s ease}.has-js .routine-gallery .routine-device-guidance{transform:translateY(55px) rotate(-4deg)!important}.has-js .routine-gallery .routine-device-products{transform:translateY(75px) rotate(4deg)!important;transition-delay:.22s}.has-js .routine-gallery.is-visible .routine-device{opacity:1!important}.has-js .routine-gallery.is-visible .routine-device-guidance{transform:translateY(0) rotate(-4deg)!important}.has-js .routine-gallery.is-visible .routine-device-products{transform:translateY(0) rotate(4deg)!important}}

/* El isotipo suministrado aparece a baja opacidad sin alterar sus píxeles. */
.intro,.ecosystem{position:relative;isolation:isolate;overflow:hidden}
.intro::before,.ecosystem::before,.routine-sticky::before,.finale::before,.capabilities .site-watermark{content:"";position:absolute;width:clamp(440px,55vw,890px);aspect-ratio:310/309;background-color:#86e8ac;-webkit-mask:url("/launch/vitalsense-isotype-texture.webp") center/contain no-repeat;mask:url("/launch/vitalsense-isotype-texture.webp") center/contain no-repeat;opacity:.07;pointer-events:none}
.intro::before{right:-12%;top:3%;transform:rotate(-12deg)}
.ecosystem::before{left:-11%;bottom:-17%;transform:rotate(18deg)}
.routine-sticky::before{right:-13%;top:1%;transform:rotate(-15deg);opacity:.055}
.finale::before{left:50%;top:6%;transform:translateX(-50%) rotate(-9deg);opacity:.09}
.intro>*,.ecosystem>*,.routine-layout,.finale>*{position:relative;z-index:1}
.capabilities .site-watermark{z-index:0;right:-20%;top:10%;transform:rotate(12deg);opacity:.095}

/* Un ritmo de lectura más holgado en los títulos principales y secundarios. */
.intro h2{margin-bottom:55px}
.chapter-head{gap:clamp(55px,7vw,115px)}
.highlight-copy h3{margin-bottom:24px}
.capabilities-intro{column-gap:clamp(80px,9vw,150px);margin-bottom:95px}
.capabilities-intro>p:last-child{margin-bottom:7px}
.design-step h2{margin-bottom:40px}
.app-copy h2{margin-bottom:35px}
.routine-copy h2{margin-bottom:38px}
.ecosystem-heading{column-gap:clamp(90px,10vw,155px)}
.living-overlay h3{margin-bottom:37px}
.questions-heading h2{margin-bottom:43px}
.finale h2{margin:37px 0 42px}

/* Cristal translúcido, reflejos y seis iconos tridimensionales. */
.capability-card,.capability-featured,.capability-card:nth-child(2),.capability-card:nth-child(4),.capability-card:nth-child(6){background:linear-gradient(135deg,rgba(232,255,238,.19),rgba(141,238,181,.055) 43%,rgba(24,70,46,.14) 100%);border:1px solid rgba(233,255,240,.25);box-shadow:inset 0 1px 1px rgba(255,255,255,.23),inset 0 -1px 0 rgba(122,240,162,.1),0 25px 70px rgba(0,0,0,.3);backdrop-filter:blur(33px) saturate(150%);-webkit-backdrop-filter:blur(33px) saturate(150%)}
.capability-card:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 77% 27%,rgba(95,243,154,.16),transparent 37%),linear-gradient(112deg,rgba(255,255,255,.08),transparent 30%);pointer-events:none}
.capability-icon{position:absolute;z-index:1;top:61px;right:14px;width:clamp(113px,12vw,155px);height:clamp(113px,12vw,155px);object-fit:contain;filter:drop-shadow(0 14px 17px rgba(0,0,0,.35));transition:transform .5s ease;pointer-events:none}
.capability-card:hover .capability-icon{transform:translateY(-7px) rotate(-4deg) scale(1.04)}
.capability-featured{background:linear-gradient(110deg,rgba(20,60,40,.92),rgba(16,54,37,.43) 55%,rgba(29,95,58,.25))}
.capability-featured:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,25,16,.95) 0%,rgba(5,25,16,.6) 43%,rgba(5,25,16,.06) 85%),linear-gradient(0deg,rgba(3,18,10,.52),transparent 52%);pointer-events:none}
.capability-featured .capability-runner{position:absolute;z-index:0;inset:0 0 0 18%;width:82%;height:100%;max-width:none;object-fit:cover;object-position:35% center;filter:saturate(.88) contrast(1.07)}
.capability-featured .capability-icon{z-index:2;top:19px;right:22px;width:104px;height:104px;filter:drop-shadow(0 15px 20px rgba(0,0,0,.4))}
.capability-featured .capability-index,.capability-featured>div:last-child{z-index:3}
.capability-icon-connect{right:7%;top:12%;width:112px;height:112px}
.capability-card:nth-child(6) .capability-band{opacity:.65}

/* Nueva escena oscura para la pieza original, seguida por su detalle original. */
.design-media{background:#06140f}
.design-media .design-full{object-position:center;filter:none}
.design-media .design-macro{object-position:48% 50%}

@media(max-width:1000px){.capabilities-intro{column-gap:0}.capabilities-intro>p:last-child{margin-top:38px}.ecosystem-heading>p:last-child{margin-top:42px}}
@media(max-width:700px){.intro h2{margin-bottom:38px}.chapter-head{gap:28px}.chapter-head>p{margin-top:31px}.capabilities-intro{margin-bottom:56px}.capabilities-intro>p:last-child{margin-top:36px}.highlight-copy h3{margin-bottom:19px}.capability-card,.capability-featured,.capability-card:nth-child(6){min-height:375px}.capability-featured,.capability-card:nth-child(6){min-height:420px}.capability-icon{top:47px;right:12px;width:128px;height:128px}.capability-featured .capability-icon{width:83px;height:83px;right:10px;top:13px}.capability-featured .capability-runner{inset:0;width:100%;object-position:61% center}.capability-featured:after{background:linear-gradient(0deg,rgba(4,21,12,.91),rgba(4,21,12,.31) 60%,rgba(4,21,12,.07)),linear-gradient(90deg,rgba(4,21,12,.4),transparent 65%)}.capability-featured>div:last-child{max-width:88%}.capability-icon-connect{right:1%;top:3%;width:90px;height:90px}.design-step h2{margin-bottom:27px}.app-copy h2{margin-bottom:28px}.routine-copy h2{margin-bottom:27px}.ecosystem-heading>p:last-child{margin-top:35px}.living-overlay h3{margin-bottom:26px}.questions-heading h2{margin-bottom:31px}.finale h2{margin:30px 0 35px}.intro::before,.ecosystem::before,.routine-sticky::before,.finale::before,.capabilities .site-watermark{width:110vw;opacity:.055}.capabilities .site-watermark{right:-46%;top:6%}}
@media(prefers-reduced-motion:reduce){.capability-icon{transition:none}.capability-card:hover .capability-icon{transform:none}}

/* Letras más abiertas en los títulos; el logotipo de portada conserva su arte original. */
.intro h2,.chapter-head h2,.capabilities-intro h2,.design-step h2,.app-copy h2,.routine-copy h2,.ecosystem-heading h2,.questions-heading h2,.finale h2{letter-spacing:-.035em;line-height:1.03}
.highlight-copy h3,.capability-card h3,.living-overlay h3{letter-spacing:-.022em;line-height:1.1}
.capability-card h3{margin-bottom:21px}
@media(max-width:700px){.intro h2,.chapter-head h2,.capabilities-intro h2,.design-step h2,.app-copy h2,.routine-copy h2,.ecosystem-heading h2,.questions-heading h2,.finale h2{letter-spacing:-.028em;line-height:1.05}.highlight-copy h3,.capability-card h3,.living-overlay h3{letter-spacing:-.012em;line-height:1.11}}
@media(max-width:700px){.capability-featured .capability-runner{object-position:35% center}}

/* Alcance global: fotografía conceptual, tipografía amplia y cifra en vidrio. */
.global-reach{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:clamp(690px,62vw,870px);background:#03100d;color:#f4fff7}
.global-reach-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.02)}
.global-reach-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,10,.94) 0%,rgba(3,13,10,.82) 24%,rgba(3,13,10,.25) 58%,rgba(3,13,10,.06) 100%),linear-gradient(0deg,rgba(2,12,8,.67),transparent 32%);pointer-events:none}
.global-reach-content{position:relative;z-index:1;max-width:680px;margin-left:clamp(24px,7vw,120px);padding:110px 24px 110px 0}
.global-reach .label{color:#9aefb8;margin:0 0 29px}
.global-reach h2{font-size:clamp(3.4rem,6.1vw,7rem);font-weight:710;line-height:1.04;letter-spacing:-.035em;margin:0 0 42px;text-wrap:balance}
.global-reach h2 em{font-style:normal;color:#8ff0b1}
.global-reach-lead{max-width:530px;font-size:clamp(1.08rem,1.5vw,1.32rem);line-height:1.55;color:#d1e5d7;margin:0 0 40px}
.global-reach-stat{display:inline-flex;align-items:center;gap:25px;max-width:100%;padding:20px 31px;border:1px solid rgba(224,255,234,.25);border-radius:23px;background:linear-gradient(135deg,rgba(230,255,238,.16),rgba(83,172,120,.08));backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);box-shadow:inset 0 1px rgba(255,255,255,.2),0 18px 55px rgba(0,0,0,.27)}
.global-reach-stat strong{font-size:clamp(4rem,6vw,6rem);line-height:.92;letter-spacing:-.065em;font-weight:690;white-space:nowrap}
.global-reach-stat strong span{color:#77e9a1}
.global-reach-stat>span{max-width:145px;color:#e0f2e5;font-size:1rem;line-height:1.3;font-weight:570}
.global-reach-note{font-size:.82rem;line-height:1.5;color:#aacbb4;margin:24px 0 0}
@media(max-width:900px){.global-reach-shade{background:linear-gradient(90deg,rgba(3,13,10,.96),rgba(3,13,10,.56) 53%,rgba(3,13,10,.19)),linear-gradient(0deg,rgba(2,12,8,.45),transparent 50%)}}
@media(max-width:700px){.global-reach{min-height:850px;align-items:flex-end}.global-reach-image{left:-30%;top:0;width:160%;height:62%;object-position:61% top}.global-reach-shade{background:linear-gradient(0deg,#03100d 30%,rgba(3,16,12,.94) 43%,rgba(3,16,12,.08) 83%),linear-gradient(90deg,rgba(3,16,12,.36),transparent 70%)}.global-reach-content{margin:0;padding:390px 22px 78px;max-width:600px}.global-reach .label{margin-bottom:23px}.global-reach h2{font-size:clamp(3.1rem,10.6vw,5.2rem);letter-spacing:-.028em;margin-bottom:31px}.global-reach-lead{font-size:1.06rem;margin-bottom:29px}.global-reach-stat{gap:21px;padding:17px 22px;border-radius:19px}.global-reach-stat strong{font-size:4.2rem}.global-reach-stat>span{font-size:.92rem}.global-reach-note{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.global-reach-image{transform:none}}

/* Capítulo de vida más compacto: el producto y el texto ocupan zonas distintas. */
.living{padding-top:clamp(78px,9vw,130px)}
.living .chapter-head{padding-bottom:clamp(34px,4vw,54px)}
.living-panel{height:clamp(520px,67vh,690px);min-height:0}
.living-panel img{object-position:64% center}
.living-panel:after{background:linear-gradient(90deg,rgba(4,15,10,.72) 0%,rgba(4,15,10,.32) 43%,transparent 66%),linear-gradient(0deg,rgba(4,15,10,.38),transparent 43%)}
.living-overlay{width:min(42%,570px);max-width:none;padding:clamp(23px,2.6vw,35px);left:clamp(24px,5vw,78px);bottom:clamp(30px,4vw,55px)}
.living-overlay h3{font-size:clamp(2.5rem,4.2vw,4.65rem);margin-bottom:23px}
.living-overlay p:last-child{font-size:clamp(1rem,1.3vw,1.16rem);max-width:470px}
@media(max-width:900px) and (min-width:701px){.living-overlay{width:48%}.living-overlay h3{font-size:clamp(2.35rem,4.5vw,3.6rem)}}
@media(max-width:700px){.living{padding-top:84px}.living-panel{height:auto;display:flex;flex-direction:column;overflow:hidden}.living-panel img{height:clamp(330px,94vw,500px);object-position:73% 45%;transform:none!important}.living-panel:after{display:none}.living-overlay{position:relative;left:auto;right:auto;bottom:auto;width:auto;max-width:none;margin:0;padding:30px 24px 36px;border:0;border-top:1px solid rgba(228,255,236,.16);border-radius:0;background:linear-gradient(145deg,#102c1d,#071a11);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.living-overlay h3{font-size:clamp(2.55rem,10vw,4.5rem);margin:14px 0 20px}.living-overlay p:last-child{font-size:1.05rem}}

/* Fotografía suministrada para la tarjeta de diseño. */
.highlight-studio .highlight-background{object-position:57% center}
.highlight-studio .highlight-shade{background:linear-gradient(0deg,rgba(2,12,8,.94),rgba(2,12,8,.47) 30%,transparent 65%)}
@media(max-width:650px){.highlight-studio .highlight-background{object-position:59% center}}

/* Invitación comercial en un panel de producto con movimiento de entrada. */
.opportunity{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(650px,76vh,830px);display:flex;align-items:center;background:#03110b;color:#f5fff7;border-top:1px solid rgba(209,255,225,.16);border-bottom:1px solid rgba(209,255,225,.16)}
.opportunity-glow{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(ellipse 28% 38% at 76% 53%,rgba(34,185,104,.37),transparent 76%),radial-gradient(ellipse 38% 62% at 9% 89%,rgba(12,83,49,.3),transparent 80%)}
.opportunity-inner{width:min(100%,1510px);margin:auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);align-items:center;gap:clamp(35px,5vw,90px);padding:110px clamp(24px,5vw,80px)}
.opportunity-copy{position:relative;z-index:2;max-width:830px}
.opportunity .label{color:#91e9b3;margin-bottom:27px}
.opportunity h2{font-size:clamp(3.4rem,5.8vw,7rem);font-weight:710;line-height:1.04;letter-spacing:-.035em;margin:0 0 38px;text-wrap:balance}
.opportunity h2 em{font-style:normal;color:#86e9ae}
.opportunity-copy>p:not(.label):not(.opportunity-note){max-width:620px;font-size:clamp(1.12rem,1.5vw,1.35rem);line-height:1.55;color:#d0e3d6;margin:0 0 35px}
.opportunity-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px}
.opportunity-actions a{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:52px;padding:14px 22px;border-radius:100px;font-size:.96rem;font-weight:730;transition:transform .3s ease,background .3s ease}
.opportunity-actions a:hover{transform:translateY(-3px)}
.opportunity-primary{background:#31c77f;color:#05150d}.opportunity-primary:hover{background:#98efba}
.opportunity-secondary{color:#eaffed;border:1px solid rgba(226,255,234,.54);background:rgba(227,255,235,.07);backdrop-filter:blur(16px)}.opportunity-secondary:hover{background:rgba(227,255,235,.18)}
.opportunity-note{color:#a9c5b1;font-size:.82rem;line-height:1.55;margin:22px 0 0}
.opportunity-visual{position:relative;display:flex;align-items:center;justify-content:center;height:min(66vh,640px);min-height:500px;perspective:900px}
.opportunity-ring{position:absolute;width:min(92%,480px);aspect-ratio:1;border:1px solid rgba(166,255,197,.22);border-radius:50%;box-shadow:0 0 0 34px rgba(102,231,148,.035),0 0 0 91px rgba(102,231,148,.025),inset 0 0 90px rgba(23,175,95,.1);transform:rotate(-18deg)}
.opportunity-visual img{position:relative;z-index:1;height:min(62vh,600px);width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 38px 34px rgba(0,0,0,.55));transform:translate3d(0,var(--opportunity-y,35px),0) rotateY(var(--opportunity-ry,-9deg)) scale(var(--opportunity-scale,.92));will-change:transform}
@media(max-width:900px){.opportunity-inner{grid-template-columns:1fr .78fr;gap:20px}.opportunity h2{font-size:clamp(3.2rem,6.2vw,5.4rem)}.opportunity-visual{min-height:430px}.opportunity-visual img{height:480px}}
@media(max-width:700px){.opportunity{min-height:0}.opportunity-inner{display:flex;flex-direction:column-reverse;align-items:stretch;gap:0;padding:65px 22px 85px}.opportunity-visual{height:330px;min-height:0;margin:0 auto 15px;width:min(100%,410px)}.opportunity-ring{width:270px}.opportunity-visual img{height:340px}.opportunity h2{font-size:clamp(3.1rem,10.7vw,5.2rem);margin-bottom:27px}.opportunity-copy>p:not(.label):not(.opportunity-note){font-size:1.07rem;margin-bottom:28px}.opportunity-actions{align-items:stretch}.opportunity-actions a{width:100%}.opportunity-note{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.opportunity-visual img{transform:none!important;will-change:auto}.opportunity-actions a{transition:none}}

/* La fotografía oficial del siguiente paso guía la composición de la escena. */
.opportunity{display:flex;min-height:clamp(730px,82vh,900px)}
.opportunity-scene{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% center;transform:scale(var(--opportunity-scale,1.04)) translateY(var(--opportunity-y,0px));will-change:transform}
.opportunity:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,11,9,.04) 0%,rgba(2,11,9,.05) 42%,rgba(2,11,9,.53) 58%,rgba(2,11,9,.82) 100%)}
.opportunity-inner{position:relative;z-index:2;display:flex;justify-content:flex-end;align-items:center;padding-top:78px;padding-bottom:78px}
.opportunity-copy{width:min(45%,620px);max-width:none;margin-left:auto;padding:clamp(25px,2.4vw,38px);border:1px solid rgba(224,255,236,.18);border-radius:28px;background:linear-gradient(135deg,rgba(6,22,16,.68),rgba(9,32,22,.5));box-shadow:inset 0 1px rgba(255,255,255,.12),0 28px 80px rgba(0,0,0,.25);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px)}
.opportunity h2{font-size:clamp(3rem,4.25vw,5.7rem)}
.opportunity-visual{display:none}
@media(max-width:900px) and (min-width:701px){.opportunity-copy{width:51%}.opportunity h2{font-size:clamp(2.75rem,5vw,4.2rem)}}
@media(max-width:700px){.opportunity{display:block;min-height:0}.opportunity-scene{position:relative;width:100%;height:clamp(300px,85vw,450px);object-position:37% center;transform:none!important}.opportunity:after{display:none}.opportunity-inner{display:block;padding:0 22px 75px}.opportunity-copy{width:auto;margin:0;padding:31px 0 0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.opportunity h2{font-size:clamp(3rem,10.4vw,5.2rem)}.opportunity-glow{inset:25% -20% -20%}}
@media(prefers-reduced-motion:reduce){.opportunity-scene{transform:none!important;will-change:auto}}

/* ── Language menu ─────────────────────────────────────────────────────────
   Not part of the design export. The design ships a single ES/EN toggle
   (`.language`); the launch serves eleven languages, so the same pill now
   opens this list. The pill itself keeps the design's `.language` rule
   untouched; only the panel below is new, and it borrows the nav's own glass
   (`rgba(3,15,10,.66)` + `blur(24px) saturate(150%)`, line 354 of the
   design's CSS) and the design's green (`--green`). */
.language-menu{position:relative}
.language-list{position:absolute;top:calc(100% + 12px);right:0;z-index:60;margin:0;padding:6px;list-style:none;min-width:176px;max-height:calc(100vh - 96px);overflow-y:auto;border:1px solid rgba(207,255,224,.13);border-radius:16px;background:rgba(3,15,10,.9);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:0 18px 50px rgba(0,0,0,.4)}
.language-list[hidden]{display:none}
.language-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border-radius:10px;color:#f4fff7;font-size:.84rem;font-weight:600;line-height:1.2}
.language-list a:hover{background:rgba(255,255,255,.08)}
.language-list a:focus-visible{outline-offset:-3px}
.language-list a[aria-current="true"]{color:var(--green)}
.language-list a[aria-current="true"]::after{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}

/* ── Phone menu ─────────────────────────────────────────────────────────────
   Not part of the design export. The design hides its nav links below 900px
   (`.nav-links{display:none}`) and offers nothing in their place, so phones and
   tablets could not reach the other page (Bronson, 2026-09-28: "on mobile, the
   site doesnt show a hamburger menu so i cant navigate the pages"). This
   button opens those same links as a panel under the bar. It takes the
   design's `.language` pill (1px currentColor border, 100px radius) and the
   nav's own glass, so it reads as part of the bar. */
.nav-menu-toggle{display:none;position:relative;width:42px;height:31px;padding:0;border:1px solid currentColor;border-radius:100px;background:transparent;color:inherit}
.nav-menu-toggle span{position:absolute;left:13px;right:13px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .2s}
.nav-menu-toggle span:nth-child(1){top:10px}
.nav-menu-toggle span:nth-child(2){top:14.5px}
.nav-menu-toggle span:nth-child(3){top:19px}
.nav.is-menu-open .nav-menu-toggle span:nth-child(1){transform:translateY(4.5px) rotate(45deg)}
.nav.is-menu-open .nav-menu-toggle span:nth-child(2){opacity:0}
.nav.is-menu-open .nav-menu-toggle span:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}
@media(max-width:900px){
  .nav-menu-toggle{display:block}
  .nav.is-menu-open .nav-links{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;padding:6px clamp(20px,4.8vw,78px) 16px;background:#04120c;border-bottom:1px solid rgba(207,255,224,.13);box-shadow:0 18px 40px rgba(0,0,0,.35);font-size:1.05rem}
  .nav.is-menu-open .nav-links a{padding:15px 0;border-bottom:1px solid rgba(207,255,224,.08)}
  .nav.is-menu-open .nav-links a:last-of-type{border-bottom:0}
}
@media(max-width:650px){
  .nav.is-menu-open .nav-links{padding:4px 20px 14px}
}
@media(prefers-reduced-motion:reduce){.nav-menu-toggle span{transition:none}}

/* ── Buy buttons and the store picker ───────────────────────────────────────
   Not part of the design export (Bronson, 2026-09-29). The markup comes from
   src/launch/buy.ts; the script is the BUY block of
   scripts/launch/build-template.mjs. Each button borrows the look of the
   design button beside it: the top bar's pill, the hero's button, the closing
   section's. The picker uses the closing section's greens and glow. */
.buy-button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.buy-button:focus-visible,.buy-store:focus-visible,.buy-close:focus-visible{outline:2px solid #5fe099;outline-offset:3px}

/* Top bar: an outlined twin of the design's "Connect" pill, which it sits
   before. Phones hide both, as the design does; there it is in the menu. */
.buy-nav{padding:9px 16px;border:1px solid currentColor;border-radius:100px;background:transparent;color:inherit;font-size:.81rem;font-weight:750}
.buy-nav:hover{background:#1cb96f;border-color:#1cb96f;color:#03190d}
.buy-menu{display:none}
@media(max-width:650px){
  .buy-nav{display:none}
  .nav.is-menu-open .nav-links .buy-menu{display:block;margin-top:12px;padding:14px 18px;border:0;border-radius:100px;background:#1cb96f;color:#03190d;font-size:1rem;font-weight:750;text-align:center}
}

/* Homepage hero: an outlined twin of "Discover what you can do", same height. */
.buy-hero{display:inline-flex;align-items:center;margin:31px 0 0 10px;padding:14px 22px;border:1px solid rgba(213,248,223,.6);border-radius:50px;background:rgba(4,18,12,.3);color:#fff;font-size:1rem;font-weight:750;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .3s ease,border-color .3s ease,transform .3s ease}
.buy-hero:hover{background:rgba(35,190,120,.22);border-color:#80e8ae;transform:translateY(-3px)}
@media(max-width:700px){.buy-hero{margin-top:21px;padding:12px 17px;font-size:.88rem}}
/* Phones: too narrow for the two side by side in most languages, so Buy takes
   its own line under the hero's button instead of wrapping ragged. */
@media(max-width:650px){.buy-hero{display:flex;width:max-content;margin:10px 0 0}}

/* Homepage "Make VitalSense yours": replaces the design's "Ask about
   availability" link, keeping its class. The design styles that row's buttons
   as `.opportunity-actions a`, so the same rules are repeated for a button. */
.opportunity-actions .buy-opportunity{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:52px;padding:14px 22px;border:0;border-radius:100px;font-size:.96rem;font-weight:730;transition:transform .3s ease,background .3s ease}
.opportunity-actions .buy-opportunity:hover{transform:translateY(-3px)}
@media(max-width:700px){.opportunity-actions .buy-opportunity{width:100%}}
@media(prefers-reduced-motion:reduce){.opportunity-actions .buy-opportunity{transition:none}}

/* Homepage closing section: the solid button, above "Explore the app". */
.buy-final{margin-top:28px;padding:15px 28px;border:0;border-radius:100px;background:#23be78;color:#03190d;font-size:1rem;font-weight:750;transition:background .3s ease,transform .3s ease}
.buy-final:hover{background:#80e8ae;transform:translateY(-3px)}
.buy-final+.outline-button{margin-top:14px}

/* The picker. A native <dialog>: focus stays in it, Escape closes it. */
.buy-dialog{width:min(470px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;background:transparent;color:#eafff1;overflow:visible}
.buy-dialog::backdrop{background:rgba(1,8,5,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.buy-panel{position:relative;max-height:calc(100dvh - 32px);overflow:auto;padding:30px 26px 26px;border:1px solid rgba(207,255,224,.14);border-radius:26px;background:radial-gradient(ellipse 75% 55% at 50% 0%,rgba(14,175,83,.24),transparent 72%),#05150e;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.buy-panel h2{margin:0 48px 8px 0;font-size:1.6rem;line-height:1.1;letter-spacing:-.035em;font-weight:730;text-wrap:balance}
.buy-panel>p{margin:0 0 22px;color:#a9cdb6;font-size:.98rem;line-height:1.45}
.buy-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(207,255,224,.22);border-radius:50%;background:transparent;color:#d5f8df;font:inherit;font-size:1.35rem;line-height:1;cursor:pointer}
.buy-close:hover{background:rgba(207,255,224,.08)}
.buy-stores{display:grid;gap:12px}
.buy-store{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(207,255,224,.16);border-radius:18px;background:rgba(207,255,224,.04);color:inherit;text-decoration:none;transition:border-color .2s ease,background .2s ease}
.buy-store:hover{border-color:#5fe099;background:rgba(35,190,120,.12)}
.buy-store.is-last{border-color:#23be78}
.buy-store-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(35,190,120,.14);color:#7fe3a9}
.buy-store-mark svg{width:26px;height:26px}
.buy-store-text strong{display:block;color:#fff;font-size:1.08rem;font-weight:700;letter-spacing:-.01em}
.buy-store-text span{display:block;margin-top:3px;color:#9fc4ad;font-size:.84rem;line-height:1.35}
.buy-store-arrow{color:#7fe3a9;font-size:1.1rem}
.buy-store-last{display:none;position:absolute;top:-9px;right:16px;padding:2px 9px;border-radius:100px;background:#23be78;color:#03190d;font-size:.68rem;font-weight:750;letter-spacing:.02em}
.buy-store.is-last .buy-store-last{display:block}
@media(max-width:420px){.buy-panel{padding:26px 18px 20px}.buy-panel h2{font-size:1.4rem}.buy-store{gap:12px;padding:15px 14px}}
@media(prefers-reduced-motion:no-preference){
  .buy-dialog[open] .buy-panel{animation:buy-in .28s cubic-bezier(.2,.8,.25,1)}
  @keyframes buy-in{from{opacity:0;transform:translateY(14px) scale(.98)}}
}
@media(prefers-reduced-motion:reduce){.buy-hero,.buy-final,.buy-store{transition:none}.buy-hero:hover,.buy-final:hover{transform:none}}

/* ── Fixes to the design ───────────────────────────────────────────────────
   Deliberate departures from the design export, each one asked for by
   Bronson after review. Appended after the design's CSS so the export itself
   stays untouched; each rule says what it fixes and when it was asked for. */

/* "One band. A whole ecosystem." on phones (2026-09-28: "this section is not
   right on mobile"). The design lays the two app screens out as a sideways
   swipe carousel with the second phone half off the right edge and nothing
   saying it scrolls, so it reads as clipped, on the design URL too. This
   keeps the design's phones (260×390, the same tilt, the same reveal) but
   overlaps them as the desktop layout does, both fully on screen.

   The phone image has transparent sides (the screen spans the middle 66%), so
   pulling the second box back by 42% of a phone's width leaves the two
   visible phones overlapping by about a tenth, and the pair 1.26 phone-widths
   wide. The width is capped so that pair fits a 320px screen with a margin.

   Overlapping the phones brings two collisions the carousel never had:
   - the VitalHealth badge (top: 6px, 51px tall) would sit on the right
     phone's screen, so the phones start below it;
   - the left phone's label ("Your results", and "Rezultatele dumneavoastră"
     in Romanian) would slide under the right phone. So the left phone sits
     lower, as it does on desktop (top: 8% there): 16% of its height, which puts
     its label wholly below the right phone whatever the language's length. */
@media(max-width:700px){
  .routine-gallery{--routine-phone:min(260px,calc((100vw - 24px) / 1.26));justify-content:center;align-items:flex-start;height:auto;padding:72px 0 48px;overflow:visible;scroll-snap-type:none}
  .routine-device{flex:0 0 var(--routine-phone);height:auto}
  .routine-device-guidance{margin-top:calc(var(--routine-phone) * .24)}
  .routine-device-products{margin-left:calc(var(--routine-phone) * -.42)}
}

/* Text that outgrows its box in translation (2026-09-28 language sweep: all
   eleven languages at 1440, 1024, 390 and 360px, checked for clipped text.
   Spanish, the design's own copy, clips nowhere; these only bite once a
   language runs longer). */

/* Capability titles: German compounds ("Schlafgewohnheiten.", 340px in a 241px
   card at 1440) and, at 1024, even the design's English "temperature." are
   single words wider than the card, which clips them. Hyphenate by the page's
   language (`<html lang>` is stamped per language); break-word is the last
   resort where the browser has no hyphenation dictionary. Spanish is left out
   on purpose: its titles fit the card (at 1024 "Temperatura" runs into the
   padding but is not clipped), and hyphenating would re-break the design's
   own copy. */
html:not([lang="es"]) .capability-card h3{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}

/* The "01 Explore your results — 02 Discover your routine" row is nowrap in
   the design; on phones Vietnamese and Filipino run 27-30px past the screen.
   Letting the two labels wrap changes nothing where they already fit
   (Spanish fits exactly at 360px). */
@media(max-width:700px){
  .routine-flow p{white-space:normal}
}

/* Tablet (701-1100px): the right phone sits partly past the screen edge by
   design (right: -11%), so its label is centered close to that edge. Longer
   labels ("For your routine", "Für Ihre Routine") ran past it by ~20px. Its
   label moves toward the phone's on-screen side. */
@media(max-width:1100px) and (min-width:701px){
  .routine-device-products .routine-device-tag{left:38%}
}

/* Footer: the live site's link columns and FDA disclaimer (src/launch/footer.ts),
   added to the design's footer (2026-09-28: "i just need the footer to have all
   of the links and the fda [text] that links to plondo.com ... the look of the
   new footer can stay"). Styled from the design's own footer: its 1510px
   measure, its text greys (#a8b9ad, #9eb4a4), its uppercase label (.label:
   .17em, weight 790) in the green its closing section's label uses. */
.footer-links{max-width:1510px;margin:56px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:40px 64px}
.footer-links h4{margin:0 0 16px;font-size:.72rem;letter-spacing:.17em;font-weight:790;text-transform:uppercase;color:#88e3ad}
.footer-links ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.footer-links a{color:#a8b9ad;font-size:.92rem;line-height:1.4;transition:color .2s}
.footer-links a:hover{color:#e1efe4}
.footer-fda{max-width:1510px;margin:18px auto 0;color:#7f978a;font-size:.74rem;line-height:1.6}
.footer-fda a{color:inherit;text-decoration:underline;text-decoration-color:rgba(158,180,164,.45);text-underline-offset:2px}
.footer-fda a:hover{color:#e1efe4}
@media(max-width:650px){
  .footer-links{margin-top:42px;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
  /* The design's phone rule `.footer-bottom span{display:block}` (and
     `span:last-child{margin-top:15px}`) also catches the year nested inside
     the copyright line, breaking it into "©" / "2026" / "VitalHealth Global."
     on the design URL too. Only the line's two direct spans were meant. */
  .footer-bottom span span{display:inline;margin-top:0}
}

/* 2026-09-29, "Made to move with you": the text sat right on the image's edge
   (Bronson: "can we add some padding between the images and the text to the
   right of images? Text is right on the line"). On desktop the image ends at
   64% and the text starts at 64%, so there was no gap at all; on tablets the
   text began 34-44px inside the image. The image's right edge moves left, so
   the text column keeps its width and the headline wraps as designed. Phones
   stack the image above the text and are unaffected. */
@media(min-width:901px){.design-media{right:calc(36% + clamp(32px,3vw,56px))}}
@media(min-width:651px) and (max-width:900px){.design-media{right:calc(39% + 24px)}}