:root{color-scheme:light;--dock-height:82px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#faf8f1;color:#192d27;scroll-snap-type:y proximity}
*{box-sizing:border-box}html,body{margin:0;background:#faf8f1;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body{min-width:280px}img{display:block}#gallery{display:block;padding:0;margin:0}.slide{height:var(--viewport-height,100svh);min-height:320px;display:grid;place-items:center;padding:14px 12px calc(var(--dock-height) + 14px);scroll-snap-align:start;scroll-snap-stop:normal;position:relative;overflow:clip}.artboard{position:relative;flex:none}.poster{position:absolute;left:0;top:0;transform-origin:top left;pointer-events:none}.poster img{-webkit-user-drag:none}.poster h1,.poster h2{font-family:inherit}.download-dock{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid #e0e5d9;background:#faf8f1f5;backdrop-filter:blur(14px)}.download-button{display:flex;align-items:center;justify-content:center;width:min(100%,380px);min-height:50px;padding:12px 24px;border-radius:17px;background:#1f85eb;color:white;text-decoration:none;font:600 15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transition:background .2s;cursor:pointer}.download-button:hover{background:#1475d6}.download-button:focus-visible{outline:3px solid #1f85eb;outline-offset:4px}.no-script{padding:50px 25px;max-width:520px;margin:auto;line-height:1.9}.no-script img{border-radius:20px}.no-script h1{font-size:35px;margin-top:24px}.no-script p{margin-top:20px}
/* English replaces only marketing copy; supplied screenshots retain their original UI. */
html[lang=en] .poster h1{font-size:77px;letter-spacing:-2.5px;line-height:1.22}html[lang=en] .cover h1{font-size:89px}html[lang=en] .independent h1{font-size:70px}html[lang=en] .custom h1{font-size:72px}html[lang=en] .poster p.subtitle{font-size:25px;line-height:1.6;max-width:950px}html[lang=en] .topic{font-size:21px}html[lang=en] .character span{font-size:22px}html[lang=en] .detail-title h2{font-size:28px}html[lang=en] .eyebrow{font-size:20px}html[lang=en] .record-guide{left:535px;right:65px}html[lang=en] .record-guide b{font-size:24px}html[lang=en] .record-guide span{font-size:21px}html[lang=en] .stress-notes{left:535px;font-size:22px;right:65px}html[lang=en] .watch-benefits{left:585px;right:65px}html[lang=en] .watch-benefits h2{font-size:38px}html[lang=en] .watch-benefits p{font-size:23px}html[lang=en] .extra-row{font-size:21px;gap:12px}html[lang=en] .extra-row b{width:160px}html[lang=en] .card-list{font-size:23px}html[lang=en] .cover-tag{font-size:27px}html[lang=en] .small-label{font-size:23px}html[lang=en] .custom-note{font-size:25px}
@media(min-width:900px){.slide{padding-top:22px;padding-bottom:calc(var(--dock-height) + 22px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-snap-type:none}.download-button{transition:none}}

/* Compact web composition: preserve image proportions while giving the visual more room. */
.poster .top{top:24px;left:40px;right:40px}
.poster .heading,.poster.cover .heading{top:124px;left:40px;right:40px}
.poster .product-logo{width:64px;height:64px}
.poster .brand{font-size:32px}
.poster .topic{font-size:23px}
.poster .scene{position:absolute;width:1080px;transform-origin:top left}
.poster .pastel{inset:160px -80px -80px}
.poster .cover-tag{left:40px;right:40px;top:auto;bottom:24px;text-align:center;font-size:31px}
.cover .scene .phone{left:35px!important;top:30px!important;width:625px!important;transform:rotate(-7deg)!important}
.cover .scene .watch{left:430px!important;top:390px!important;width:630px!important;transform:rotate(4deg)!important}
.home .scene .phone:nth-child(1){left:28px!important;top:25px!important;width:500px!important;transform:rotate(-4deg)!important}
.home .scene .phone:nth-child(2){left:553px!important;top:25px!important;width:500px!important;transform:rotate(4deg)!important}
.home .scene .device-label{top:1120px!important;width:500px;font-size:31px}
.home .scene .device-label:nth-child(3){left:28px!important}
.home .scene .device-label:nth-child(4){left:553px!important}
.home .scene .card-list{top:1200px;left:20px;right:20px;font-size:28px}
.expressions .scene .characters{top:0;left:20px;right:20px}
.expressions .scene .phone{left:80px!important;top:360px!important;width:460px!important}
.expressions .scene .watch{left:480px!important;top:640px!important;width:580px!important}
.expressions .scene .small-label{top:1370px!important;font-size:30px}
.expressions .scene .small-label:nth-last-child(2){left:140px!important}
.expressions .scene .small-label:last-child{left:650px!important}
.custom .scene .phone,.stress .scene .phone,.measurements .scene .phone,.sleep .scene .phone{left:22px!important;top:30px!important;width:510px!important}
.custom .scene .detail-title,.stress .scene .detail-title,.measurements .scene .detail-title{left:575px!important;top:35px!important}
.custom .scene .seagull{left:558px!important;top:210px!important;width:510px!important;height:415px!important}
.custom .scene .seagull img{top:-634px}
.custom .scene .steps{left:580px!important;top:750px!important;font-size:29px}
.custom .scene .custom-note{left:40px;right:40px;top:1100px;bottom:auto;font-size:29px;text-align:center}
.stress .scene .overview{left:558px!important;top:220px!important;width:510px!important;height:310px!important}
.stress .scene .overview img{top:-202px}
.stress .scene .stress-notes{left:580px;right:10px;top:730px;font-size:27px}
.measurements .scene .measurement-detail{left:558px!important;top:245px!important;width:510px!important;height:340px!important}
.measurements .scene .measurement-detail img{top:-178px}
.measurements .scene .record-guide{left:580px;right:0;top:690px;gap:28px}
.measurements .scene .record-guide b{font-size:29px}.measurements .scene .record-guide span{font-size:26px}
.sleep .scene>.eyebrow{left:580px!important;top:30px!important}
.sleep .scene .night-heart{left:560px!important;top:120px!important;width:510px!important;height:375px!important}
.sleep .scene .night-hrv{left:560px!important;top:540px!important;width:510px!important;height:375px!important}
.sleep .scene .sleep-note{left:40px;top:1160px;font-size:33px;line-height:1.5}
.independent .scene .watch{left:140px!important;top:0!important;width:800px!important;transform:rotate(-3deg)!important}
.independent .scene .watch-benefits{left:40px;right:40px;top:920px;display:grid;grid-template-columns:1fr 1fr;column-gap:45px;align-items:start}
.independent .scene .watch-benefits>.eyebrow{grid-column:1;grid-row:1}
.independent .scene .watch-benefits h2{grid-column:1;grid-row:2;margin:12px 0;font-size:43px}
.independent .scene .watch-benefits>p:not(.support){grid-column:2;grid-row:1 / span 2;margin:0;font-size:27px;line-height:1.7}
.independent .scene .watch-benefits .rule{display:none}
.independent .scene .watch-benefits .support{grid-column:1 / -1;margin:25px 0 0;font-size:25px}
.independent .scene .watch-benefits .support br{display:none}
.independent .scene .extras{left:40px;right:40px;top:1200px}
html[lang=en] .poster .topic{font-size:21px}
html[lang=en] .scene .small-label{font-size:25px}
html[lang=en] .scene .detail-title h2{font-size:26px}
html[lang=en] .scene .eyebrow{font-size:19px;letter-spacing:0}
html[lang=en] .scene .stress-notes{font-size:25px}
html[lang=en] .scene .record-guide span{font-size:23px}
html[lang=en] .independent .scene .watch-benefits h2{font-size:37px}
html[lang=en] .independent .scene .watch-benefits>p:not(.support){font-size:25px}

.download-button{gap:9px}.app-store-icon{display:block;width:22px;height:22px;flex:none;fill:currentColor}
.poster p.subtitle{font-size:32px;line-height:1.55}
html[lang=en] .poster p.subtitle{font-size:29px;line-height:1.55}
.custom .scene .phone,.stress .scene .phone,.measurements .scene .phone,.sleep .scene .phone{left:20px!important;width:610px!important}
.custom .scene .detail-title,.stress .scene .detail-title,.measurements .scene .detail-title{left:675px!important}
.custom .scene .seagull{left:650px!important;top:245px!important;width:420px!important;height:342px!important}
.custom .scene .seagull img{top:-522px}
.custom .scene .steps{left:675px!important;top:800px!important;font-size:28px}
.custom .scene .custom-note{top:1350px}
.stress .scene .overview{left:650px!important;top:270px!important;width:420px!important;height:256px!important}
.stress .scene .overview img{top:-166px}
.stress .scene .stress-notes{left:675px;top:800px;font-size:27px;line-height:1.65}
.measurements .scene .measurement-detail{left:650px!important;top:280px!important;width:420px!important;height:280px!important}
.measurements .scene .measurement-detail img{top:-146px}
.measurements .scene .record-guide{left:675px;top:760px;gap:35px}
.sleep .scene>.eyebrow{left:675px!important}
.sleep .scene .night-heart{left:650px!important;top:160px!important;width:420px!important;height:325px!important}
.sleep .scene .night-hrv{left:650px!important;top:540px!important;width:420px!important;height:325px!important}
.sleep .scene .sleep-note{top:1330px;font-size:29px;line-height:1.4}
html[lang=en] .scene .detail-title h2{font-size:27px}
html[lang=en] .scene .stress-notes{font-size:25px}

/* Swiper enhancement owns paging; ordinary document scrolling remains the fallback. */
.browser-safari .poster .top{display:none}
.browser-safari .poster .heading,.browser-safari .poster.cover .heading{top:28px}
#gallery:not(.swiper-initialized)>.swiper-wrapper{display:block;height:auto;transform:none!important}
html.paging-ready,html.paging-ready body{height:var(--viewport-height);overflow:hidden;scroll-snap-type:none;overscroll-behavior-y:none}
.paging-ready #gallery{height:var(--viewport-height);width:100%;overflow:hidden;position:relative}
.paging-ready #gallery>.swiper-wrapper{height:100%;width:100%;display:flex;flex-direction:column}
#gallery .slide{display:grid;flex-shrink:0;box-sizing:border-box}
.paging-ready #gallery .slide{height:100%;min-height:0;scroll-snap-align:none}
#gallery.swiper-vertical{touch-action:pan-x pinch-zoom}