:root{--experience-paper:#fff;--experience-panel:#f5f7fa;--experience-nav:#ffffffe6;--experience-surface:#fff;--experience-shadow:0 24px 65px #25395514}
:root[data-theme=dark]{--ink:#f5f5f7;--muted:#9ea5af;--paper:#08090c;--line:#ffffff1c;--orange:#ff9f43;--experience-paper:#08090c;--experience-panel:#13171e;--experience-nav:#11141ce6;--experience-surface:#1b2028;--experience-shadow:0 24px 65px #0007;color-scheme:dark}
:root[data-theme=light]{color-scheme:light}body{background:var(--experience-paper);transition:background .3s,color .3s}
.site-nav{position:fixed;top:19px;border-color:var(--line);background:var(--experience-nav);box-shadow:0 6px 24px #14243608;gap:20px;backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5)}.site-nav .brand{font-weight:750;font-size:21px}.site-nav .nav-links{gap:23px}.site-nav .pill{background:var(--ink);color:var(--experience-paper);padding:11px 16px;font-size:11px}.nav-links a{color:var(--muted)}.menu-button{color:var(--ink)}
.locale-picker{position:relative;margin:0}.locale-picker summary{display:grid;place-items:center;width:32px;height:32px;list-style:none;cursor:pointer;border-radius:50%;color:var(--muted)}.locale-picker summary::-webkit-details-marker{display:none}.locale-picker summary:hover,.experience-theme:hover{background:var(--experience-panel);color:var(--ink)}.locale-picker summary svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.4}.locale-options{position:absolute;right:-40px;top:45px;width:180px;background:var(--experience-surface);color:var(--ink);padding:7px;border:1px solid var(--line);border-radius:17px;box-shadow:var(--experience-shadow);animation:menu-arrive .22s ease-out}.locale-options a{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border-radius:10px;font-size:12px;font-weight:550}.locale-options a:hover,.locale-options a[aria-current]{background:var(--experience-panel)}.locale-options svg{width:25px;height:17px;border-radius:3px}.locale-check{margin-left:auto}.experience-theme{display:grid;place-items:center;flex-shrink:0;background:transparent;border:0;padding:0;width:31px;height:31px;border-radius:50%;color:var(--muted);margin-left:-13px}.experience-theme svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.4}
.hero-experience{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:122px max(40px,calc((100vw - 1160px)/2)) 55px;min-height:840px;background-image:radial-gradient(ellipse at 20% 30%,#ffffffd4,transparent 65%),linear-gradient(150deg,#eff6ffdc,#f5f7fbdc 65%,#e7f0ffb8),url(/assets/sky.webp);background-position:center;background-size:cover;margin:10px;border-radius:32px}.hero-experience::after{display:none}.hero-experience .hero-copy{text-align:left;padding:0;max-width:510px}.hero-experience .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:22px;color:#64778a}.hero-experience h1{font-size:clamp(48px,5.3vw,73px);line-height:1.06;letter-spacing:-.065em;margin-bottom:25px}.hero-experience .lead{max-width:415px;margin:0 0 30px;font-size:16px;line-height:1.8}.hero-store-buttons{display:flex;flex-wrap:wrap;gap:12px}.native-store{display:flex;align-items:center;gap:11px;min-height:58px;border:1px solid #ffffff25;border-radius:12px;padding:10px 17px;color:#fff;background:#111317;box-shadow:0 8px 20px #162c4609;transition:transform .2s}.native-store:hover{transform:translateY(-2px)}.native-store img{width:24px;height:28px;object-fit:contain}.native-store span{display:flex;flex-direction:column}.native-store small{font-size:9px;font-weight:500;line-height:1.4}.native-store strong{font-size:19px;font-weight:550;letter-spacing:-.35px;line-height:1.2}.hero-explore{font-size:12px;margin-top:26px;color:var(--muted)}
.hero-showcase{min-width:0}.hero-experience .hero-stage{height:620px;width:100%;max-width:510px;margin:0 auto;display:flex;justify-content:center;align-items:flex-start;left:auto;transform:none}.hero-experience .demo-phone{position:relative;top:auto;width:270px;border:6px solid #22252b;border-radius:42px;z-index:2;transform:rotate(-2deg);box-shadow:0 0 0 1px #80848b,0 25px 75px #172b4929}.demo-viewport{position:relative;aspect-ratio:23/50;border-radius:33px;overflow:hidden;background:#080909;isolation:isolate}.demo-phone .demo-screen,.demo-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;border-radius:0;transition:opacity .55s ease;display:block}.demo-phone .demo-screen.is-active{opacity:1}.demo-video{z-index:2;pointer-events:none}.is-video-playing .demo-video{opacity:1}.preview-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;max-width:470px}.preview-views{display:flex;align-items:center;gap:3px;padding:5px;background:#ffffff87;border:1px solid #ffffffcf;border-radius:25px;overflow-x:auto;scrollbar-width:none;max-width:100%}.preview-views::-webkit-scrollbar{display:none}.preview-views button{flex-shrink:0;border:0;background:transparent;border-radius:20px;padding:9px 12px;font-size:10px;line-height:1.2;color:#748091;transition:background .3s,color .3s}.preview-views button[aria-pressed=true]{background:#fff;color:#17202b;box-shadow:0 3px 12px #24364c0b}.preview-play{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffffb8;border-radius:50%;background:#ffffff87;color:#5d7185}.preview-play svg{width:16px;height:16px}.preview-play .play-icon{display:none}.preview-play[aria-pressed=false] .play-icon{display:block}.preview-play[aria-pressed=false] .pause-icon{display:none}.preview-caption{margin:13px 0 0;font-size:9px;text-align:center;line-height:1.5;color:#778594}
.watch-product{position:absolute;z-index:3;right:-6px;bottom:70px;width:181px;aspect-ratio:7/11;transform:rotate(8deg);filter:drop-shadow(0 14px 23px #14263b38)}.watch-shell{width:100%;height:auto}.watch-surface{position:absolute;inset:21.7% 11% 19.1% 10.2%;border-radius:22%;overflow:hidden;padding:11px 8px 10px;color:#fff;background:radial-gradient(ellipse at 48% 75%,#c2dcff20,transparent 80%),#030405;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;container-type:inline-size;line-height:1.25}.watch-topbar{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:650;margin-bottom:11px}.watch-topbar img{width:17px;height:17px;object-fit:contain}.watch-topbar svg{width:15px;height:15px;color:#c9d4e4}.watch-screen.is-active{animation:watch-enter .45s ease-out both}.watch-date{font-size:11px;color:#fff;font-weight:650;margin:0 0 8px}.watch-rings{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.watch-ring{width:100%;overflow:visible;display:block}.ring-track{fill:none;stroke:#ffffff25;stroke-width:10}.ring-progress{fill:none;stroke-width:10;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:var(--ring-offset);transform:rotate(-90deg);transform-origin:50% 50%;filter:drop-shadow(0 0 2px #bbdfff45)}.is-active .ring-progress{animation:ring-enter 1.1s cubic-bezier(.2,.7,.2,1) both}.watch-ring text{fill:#fff;font-size:28px;font-weight:650;letter-spacing:-1px}.watch-mini-heading{font-size:10px;font-weight:650;margin:14px 0 6px}.watch-mini-card{padding:9px;border-radius:10px;background:#ffffff0e;border:1px solid #ffffff0e;display:flex;align-items:center;justify-content:space-between;color:#d4e1e5;font-size:8px}.watch-mini-card b{font-size:15px;color:#b3e7a4}.watch-battery{display:flex;gap:3px;padding:11px 1px 0;height:23px}.watch-battery i{flex:1;border-radius:2px;background:#ffffff17}.watch-battery i.charged{background:linear-gradient(#b8efa5,#61d9a7);box-shadow:0 0 3px #71e6b030;animation:tooth-light 4s ease-in-out infinite;animation-delay:calc(var(--i)*65ms)}.watch-demo-dot{position:absolute;bottom:4px;left:50%;width:3px;height:3px;border-radius:50%;background:#8a9cab80}.watch-detail-title{font-size:11px;font-weight:650;text-align:right;line-height:1.3;color:#fff;margin:0 0 7px}.sleep-color{color:#9cc0ff}.energy-color,.recovery-color{color:#9eebbe}.watch-detail-ring{width:69px;margin:7px auto 8px}.watch-detail-ring .watch-ring text{font-size:35px}.watch-detail-value{text-align:center;color:#fff;font-size:20px;font-weight:650;margin-top:10px}.watch-detail-value span{font-size:9px;color:#99aac0;font-weight:450}.watch-stages{display:flex;gap:3px;align-items:center;height:32px;border-block:1px solid #ffffff12;margin-top:11px}.watch-stages i{flex:1;height:var(--height);background:#70a4eb;border-radius:2px;opacity:calc(.5 + var(--stage)*.2)}.watch-vitals{display:grid;gap:9px;margin-top:11px}.watch-vitals>span{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff16;padding-top:7px;font-size:8px;color:#a8b8c3}.watch-vitals b{font-size:13px;color:#fff}.watch-vitals small{font-size:7px;color:#b8c5cc}.watch-energy-number{text-align:center;font-size:39px;font-weight:650;letter-spacing:-2px;color:#c3edbc;margin:10px 0 4px}.watch-battery.large{height:24px;padding-top:2px}.watch-energy-chart{width:100%;height:49px;display:block;margin-top:7px}.is-active .draw-line{stroke-dasharray:165;animation:chart-enter 1.2s ease-out both}.watch-energy-stats{display:flex;justify-content:space-around;border-top:1px solid #ffffff16;padding-top:8px;gap:12px}.watch-energy-stats span{display:grid;gap:2px;font-size:7px;color:#aabbcb}.watch-energy-stats b{font-size:14px;color:#a5e6b8}.watch-energy-stats span+span b{color:#ecae9d}.watch-kcal{text-align:center;font-size:27px;font-weight:650;margin:15px 0;letter-spacing:-1px}.watch-kcal>span{display:block;font-size:8px;letter-spacing:0;color:#a1afc1}.watch-macros{display:grid;gap:10px;font-size:8px;color:#a9b8cc}.watch-macros span{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff14;padding-bottom:7px}.watch-macros b{color:#fff}.watch-water{margin-top:11px;display:flex;justify-content:space-between;font-size:8px;color:#97bcf4}.watch-beto{width:55px;margin:9px auto 7px;animation:beto-soft-breathe 5s ease-in-out infinite}.watch-greeting{font-size:12px;text-align:center;color:#fff;font-weight:600;line-height:1.5;margin:3px 0}.watch-chat-example{font-size:8px;line-height:1.6;text-align:center;color:#acbdce;margin-bottom:11px}.watch-compose{display:block;border-radius:10px;border:1px solid #ffffff25;background:#ffffff0b;color:#e1e9f3;font-size:9px;text-align:center;padding:8px 0}
.device-support{padding:50px 0 46px;border-bottom:1px solid var(--line)}.device-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;align-items:end}.device-heading .eyebrow{grid-column:1/-1;margin:0 0 14px;font-size:9px}.device-heading h2{font-size:34px;letter-spacing:-1.4px;margin:0}.device-heading>p:last-child{margin:0;font-size:13px;line-height:1.75;max-width:440px}.device-options{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:32px}.device-option{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:18px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:12px;font-weight:600;transition:background .25s,color .25s,border-color .25s}.device-option svg{width:32px;height:35px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.device-option:hover{color:var(--ink);background:var(--experience-panel)}.device-option.is-selected{background:var(--experience-panel);color:var(--ink);border-color:var(--line)}.device-sync{display:flex;justify-content:center;align-items:center;gap:9px;margin:24px auto 0;min-height:38px}.device-sync p{font-size:12px;line-height:1.6;margin:0;text-align:center;max-width:630px}.sync-symbol{display:inline-block;color:#57a279;flex-shrink:0}.sync-symbol svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.device-details{text-align:center;margin-top:7px;color:var(--muted);font-size:11px}.device-details summary{cursor:pointer;list-style:none;display:inline-block;padding:6px;text-decoration:underline;text-underline-offset:4px}.device-details summary::-webkit-details-marker{display:none}.device-details p{font-size:12px;line-height:1.8;max-width:690px;margin:16px auto}.device-sources{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;font-size:11px}.device-sources a{text-decoration:underline;text-underline-offset:4px}
.daily-visual{background:var(--experience-panel)}.metric-phone{position:relative}.metric-phone img{transition:opacity .4s ease}.metric-phone .metric-incoming{position:absolute;inset:0;opacity:0;height:100%;object-fit:cover}.metric-phone .metric-incoming.is-ready{opacity:1}.feature-tabs button{background:var(--experience-panel);color:var(--muted)}.feature-tabs button[aria-selected=true]{background:var(--ink);color:var(--experience-paper)}
:root[data-theme=dark] .brand img{filter:invert(1)}:root[data-theme=dark] .hero-experience{background-image:radial-gradient(ellipse at 70% 48%,#17355960,transparent 60%),linear-gradient(140deg,#0b111a,#121c2d 60%,#131b27)}:root[data-theme=dark] .hero-experience .eyebrow{color:#a5b6ca}:root[data-theme=dark] .preview-views,:root[data-theme=dark] .preview-play{background:#ffffff08;border-color:#ffffff1f;color:#a6b7cb}:root[data-theme=dark] .preview-views button{color:#a6b7cb}:root[data-theme=dark] .preview-views button[aria-pressed=true]{color:#f4f7fb;background:#ffffff18;box-shadow:none}:root[data-theme=dark] .preview-caption{color:#9aadc6}:root[data-theme=dark] .hero-experience .demo-phone{box-shadow:0 0 0 1px #525962,0 28px 75px #0007}
:root[data-theme=dark] .nav-links.open{background:var(--experience-surface)}:root[data-theme=dark] .beto-section,:root[data-theme=dark] .feature-card,:root[data-theme=dark] .sub-visual,:root[data-theme=dark] .club-hero,:root[data-theme=dark] .reply-form{background:var(--experience-panel)}:root[data-theme=dark] .food-visual{background:#211a15}:root[data-theme=dark] .social-section{background:#161c24}:root[data-theme=dark] .feature-card-art{background:#162330}:root[data-theme=dark] .feature-card-art.cycle{background:#301e28}:root[data-theme=dark] .feature-card-art.labs{background:#231e32}:root[data-theme=dark] .feature-card-art.age{background:#152a25}:root[data-theme=dark] .calendar,:root[data-theme=dark] .document-art,:root[data-theme=dark] .article .callout,:root[data-theme=dark] .tag,:root[data-theme=dark] .article th{background:var(--experience-surface)}:root[data-theme=dark] .launch-section{background:radial-gradient(ellipse at 80% 0%,#243a57,transparent 60%),#141b25}:root[data-theme=dark] .email-row{background:var(--experience-surface);border-color:var(--line)}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] .reply-form input[type=text],:root[data-theme=dark] .reply-form input[type=email],:root[data-theme=dark] .reply-form textarea{color:var(--ink);background:var(--experience-surface);border-color:var(--line)}:root[data-theme=dark] .footer li,:root[data-theme=dark] .article p,:root[data-theme=dark] .article li,:root[data-theme=dark] .fine,:root[data-theme=dark] .form-status,:root[data-theme=dark] .consent{color:var(--muted)}:root[data-theme=dark] .pill.outline{border-color:var(--line)}
@keyframes menu-arrive{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes watch-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes ring-enter{from{stroke-dashoffset:264}to{stroke-dashoffset:var(--ring-offset)}}@keyframes chart-enter{from{stroke-dashoffset:165}to{stroke-dashoffset:0}}@keyframes tooth-light{0%,100%{opacity:.8}50%{opacity:1}}@keyframes beto-soft-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.035)}}
@media(min-width:1450px){.hero-experience .hero-stage{height:660px}.hero-experience .demo-phone{width:292px}.watch-product{width:192px;right:0;bottom:76px}}
@media(max-width:1080px){.site-nav{gap:15px}.site-nav .nav-links{gap:18px;margin:0}.hero-experience{padding-inline:35px;gap:18px;min-height:780px}.hero-experience h1{font-size:59px}.hero-experience .hero-stage{height:560px}.hero-experience .demo-phone{width:245px}.watch-product{width:166px;right:-7px;bottom:52px}.preview-views button{padding:9px 8px;font-size:9px}.native-store{padding:10px 13px}.native-store strong{font-size:17px}.native-store small{font-size:8px}.hero-experience .lead{font-size:14px}}
@media(max-width:760px){.site-nav{top:14px;padding:8px 9px 8px 15px;gap:10px;width:calc(100% - 32px);max-width:none}.site-nav .brand{font-size:20px}.site-nav .pill{font-size:9px;padding:10px 12px}.site-nav .menu-button{margin-left:auto;padding:5px}.experience-theme{margin-left:-5px;width:27px;height:29px}.locale-picker summary{width:28px;height:29px}.locale-options{right:-38px;top:42px}.hero-experience{display:flex;flex-direction:column;gap:33px;padding:120px 20px 31px;margin:6px;min-height:0;border-radius:26px}.hero-experience .hero-copy{text-align:center;max-width:500px}.hero-experience h1{font-size:clamp(45px,10.5vw,64px);line-height:1.08;margin-bottom:24px}.hero-experience .eyebrow{font-size:9px;margin-bottom:20px}.hero-experience .lead{font-size:14px;line-height:1.8;max-width:340px;margin:0 auto 26px}.hero-store-buttons{justify-content:center;gap:10px}.native-store{padding:10px 13px;min-height:54px}.native-store strong{font-size:17px}.hero-explore{font-size:11px;margin-top:24px}.hero-showcase{width:100%;max-width:410px}.hero-experience .hero-stage{height:550px;max-width:360px;width:100%;margin:0 auto}.hero-experience .demo-phone{width:241px;border-width:5px;border-radius:36px;transform:rotate(-2deg);margin-left:-19px}.demo-viewport{border-radius:29px}.watch-product{width:159px;right:-5px;bottom:43px}.watch-surface{padding:10px 7px 8px}.watch-topbar{margin-bottom:9px;font-size:8px}.watch-date{font-size:10px}.watch-mini-heading{margin-top:11px;font-size:9px}.watch-mini-card{padding:7px;font-size:7px}.watch-mini-card b{font-size:13px}.watch-battery{gap:2px}.watch-detail-ring{width:61px;margin:6px auto}.watch-detail-title{font-size:10px}.watch-detail-value{font-size:18px;margin-top:8px}.watch-stages{height:25px;margin-top:8px}.watch-vitals{gap:8px;margin-top:8px}.watch-energy-number{font-size:34px;margin:8px 0 4px}.watch-energy-chart{height:40px}.watch-energy-stats{padding-top:6px}.watch-kcal{font-size:25px;margin:11px 0}.watch-macros{gap:8px}.watch-beto{width:48px;margin-top:5px}.watch-greeting{font-size:11px}.watch-chat-example{margin-bottom:8px}.watch-compose{padding:7px 0;font-size:8px}.preview-controls{gap:7px}.preview-views{padding:4px;gap:1px}.preview-views button{font-size:9px;padding:9px 8px}.preview-play{width:30px;height:30px}.preview-caption{font-size:8px;margin-top:12px}.device-support{padding:37px 0 32px}.device-heading{grid-template-columns:1fr;gap:12px;text-align:center}.device-heading .eyebrow{margin-bottom:0}.device-heading h2{font-size:29px;letter-spacing:-1px}.device-heading>p:last-child{font-size:12px;max-width:350px;margin:auto}.device-options{display:flex;overflow-x:auto;gap:7px;margin-top:24px;padding-bottom:7px;scroll-snap-type:x proximity;scrollbar-width:none}.device-option{min-width:112px;flex:1 0 112px;padding:16px 10px;font-size:10px;gap:12px;scroll-snap-align:center}.device-option svg{width:29px;height:32px}.device-sync{margin-top:17px;min-height:53px}.device-sync p{font-size:11px;max-width:320px}.device-details{font-size:10px}.device-details p{font-size:11px}.device-sources{font-size:10px;gap:15px}}
@media(max-width:370px){.site-nav .pill{display:none}.hero-experience{padding-inline:16px}.hero-experience .hero-stage{height:495px}.hero-experience .demo-phone{width:219px}.watch-product{width:146px;right:-2px;bottom:30px}.preview-views button{font-size:8px;padding-inline:6px}.watch-detail-ring{width:54px}.watch-vitals b{font-size:11px}.watch-beto{width:40px}.watch-greeting{font-size:10px}.watch-kcal{font-size:23px}.watch-macros{gap:6px}.watch-topbar{margin-bottom:8px}.watch-mini-heading{margin-top:8px}.watch-date{margin-bottom:6px}.watch-detail-value{margin-top:5px}.watch-energy-chart{height:33px}.watch-energy-stats b{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.demo-video{display:none!important}.demo-phone .demo-screen{transition:none}.watch-battery i.charged{animation:none}}

/* Product photography in a seamless, right-to-left wearable loop. */
.device-gallery{scroll-margin-top:94px;--device-card-width:210px;--device-loop-duration:var(--device-loop-desktop,64s);padding:68px 38px 36px;margin-top:24px;margin-bottom:34px;border:0;border-radius:32px;background:radial-gradient(ellipse at 50% 8%,#ffffffef,transparent 70%),linear-gradient(155deg,#e8f2faeb,#eff5f9dd 70%,#dcebf6db),url(/assets/sky.webp);background-size:cover;background-position:center;overflow:hidden}
.device-gallery .device-heading{display:block;text-align:center}
.device-gallery .device-heading h2{font-size:clamp(40px,4.9vw,62px);line-height:1.08;letter-spacing:-.055em;margin:0 auto 20px;max-width:700px}
.device-gallery .device-heading>p:last-child{max-width:500px;margin:0 auto;font-size:14px;line-height:1.7}
.device-motion-controls{display:flex;gap:8px;justify-content:flex-end;margin:18px 0 0}
.device-loop-toggle{width:34px;height:34px;display:grid;place-items:center;padding:8px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.device-loop-toggle svg{grid-area:1/1;width:16px;height:16px}.device-play-icon{display:none}
.is-user-paused .device-play-icon{display:block}.is-user-paused .device-pause-icon{display:none}
.device-loop-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.device-loop-toggle:disabled{opacity:.4;cursor:default}
.device-marquee{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:auto;cursor:grab;margin:8px -38px 20px;padding:12px 0;mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent);scrollbar-width:none}
.device-marquee::-webkit-scrollbar{display:none}
.device-gallery .device-options{display:flex;gap:0;width:max-content;margin:0;overflow:visible;padding:0;transform:none;user-select:none;-webkit-user-select:none}
.device-run{display:flex;align-items:center;gap:20px;padding-right:20px;flex-shrink:0}
.device-gallery .device-option{display:flex;flex-direction:column;align-items:center;flex:0 0 var(--device-card-width);width:var(--device-card-width);min-width:0;border:0;border-radius:24px;background:transparent!important;color:var(--ink);padding:4px 0 14px;gap:16px;cursor:grab;transform:none;font:inherit;transition:transform .25s}
.device-gallery .device-option:hover{transform:translateY(-7px)}
.device-gallery .device-option:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.device-product-visual{display:flex;align-items:center;justify-content:center;width:100%;height:275px;filter:drop-shadow(0 18px 15px #182d4622);pointer-events:none}
.device-render{width:100%;height:100%;object-fit:contain;display:block}
.device-garmin .device-render{transform:rotate(-12deg) scale(.92)}
.device-fitbit .device-render{transform:rotate(11deg) scale(.91)}
.device-oura .device-render{transform:rotate(-10deg) scale(.85)}
.device-other .device-render{transform:rotate(9deg) scale(.91)}
.device-galaxy .device-render{transform:rotate(-10deg) scale(1.12)}
.device-ultra .device-render{transform:rotate(11deg) scale(1.15)}
.device-polar .device-render{transform:rotate(10deg) scale(1.28)}
.device-coros .device-render{transform:rotate(-10deg) scale(.96)}
.device-suunto .device-render{transform:rotate(11deg) scale(1.08)}
.device-withings .device-render{transform:rotate(-10deg) scale(1.10)}
.device-ultrahuman .device-render{transform:rotate(10deg) scale(.88)}
.device-ringconn .device-render{transform:rotate(-9deg) scale(1.30)}
.device-xiaomi .device-render{transform:rotate(12deg) scale(1.60)}
.device-huawei .device-render{transform:rotate(12deg) scale(.98)}
.device-apple-case{position:relative;display:block;width:165px;aspect-ratio:7/11;transform:rotate(-12deg)}
.device-apple-frame{display:block;width:100%;height:100%;object-fit:contain}
.device-apple-screen{position:absolute;inset:21.7% 11% 19.1% 10.2%;width:78.8%;height:59.2%;object-fit:cover;border-radius:22%}
.device-name{position:relative;font-size:25px;font-weight:650;letter-spacing:-.045em;line-height:1.2;padding-bottom:8px}
.device-gallery .device-name{height:43px;display:flex;align-items:center;justify-content:center}
.device-generic-label{font-size:20px;font-weight:600;letter-spacing:-.04em;white-space:nowrap}
.device-wordmark{height:32px;width:155px;object-fit:contain;display:block;filter:brightness(0)}
.device-oura .device-wordmark{width:112px}.device-fitbit .device-wordmark{width:132px}.device-amazfit .device-wordmark{width:142px}
.device-huawei .device-wordmark{width:190px}
.device-ultra .device-wordmark{height:39px;width:155px}
.device-polar .device-wordmark{width:130px}.device-coros .device-wordmark{width:135px}.device-suunto .device-wordmark{width:135px}
.device-ultrahuman .device-wordmark{width:180px}.device-ringconn .device-wordmark{width:150px}
.device-xiaomi .device-wordmark{width:185px}
:root[data-theme=dark] .device-wordmark{filter:brightness(0) invert(1)}
.device-name::after{content:"";position:absolute;left:50%;bottom:0;width:18px;height:2px;border-radius:2px;background:currentColor;opacity:0;transform:translateX(-50%);transition:opacity .25s,width .25s}
.device-option.is-selected .device-name::after{opacity:1;width:28px}
.device-gallery .device-sync{margin-top:12px;max-width:760px}
.device-gallery .device-details{margin-top:4px}
:root[data-theme=dark] .device-gallery{background:radial-gradient(ellipse at 50% 0%,#213a51,transparent 75%),linear-gradient(150deg,#121b29,#111827 65%,#172535)}
:root[data-theme=dark] .device-product-visual{filter:drop-shadow(0 18px 18px #0006)}
.device-gallery.is-dragging .device-marquee,.device-gallery.is-dragging .device-option{cursor:grabbing}
.device-gallery.is-dragging .device-option{transition:none}
.device-gallery.is-keyboard .device-clone{display:none}
.device-gallery.is-keyboard .device-marquee{mask-image:none}
@media(max-width:760px){
 .device-gallery{--device-card-width:160px;--device-loop-duration:var(--device-loop-mobile,48s);padding:42px 16px 27px;border-radius:27px;margin-top:20px;margin-bottom:20px}
 .device-gallery .device-heading h2{font-size:37px;max-width:340px;margin-bottom:17px}
 .device-gallery .device-heading>p:last-child{font-size:12px;max-width:290px}
 .device-motion-controls{margin-top:14px}.device-loop-toggle{width:30px;height:30px;padding:7px}
 .device-marquee{margin:6px -16px 15px;mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
 .device-run{gap:14px;padding-right:14px}
 .device-gallery .device-option{padding:0 0 9px;gap:12px;scroll-snap-align:none}
 .device-product-visual{height:192px}
 .device-apple-case{width:112px}
 .device-gallery .device-name{height:34px;max-width:100%}.device-wordmark{height:25px;width:125px;max-width:100%}.device-oura .device-wordmark{width:95px}.device-fitbit .device-wordmark{width:112px}.device-amazfit .device-wordmark{width:118px}.device-generic-label{font-size:16px}
 .device-huawei .device-wordmark{width:145px}
 .device-ultra .device-wordmark{height:31px;width:120px}.device-ultrahuman .device-wordmark{width:144px}.device-xiaomi .device-wordmark{width:147px}
 .device-gallery .device-sync{min-height:44px;margin-top:9px}
 .device-gallery .device-sync p{max-width:320px;font-size:11px}
 .device-gallery .device-details p{max-width:340px}
}
@media(max-width:370px){.device-gallery .device-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.device-gallery .device-track{animation:none;transform:none;will-change:auto}.device-gallery .device-clone{display:none}.device-gallery .device-marquee{overflow-x:auto;mask-image:none}}

/* Selected model families stay outside the moving gallery. */
.device-compatibility{max-width:920px;margin:20px auto 0;text-align:center}
.device-model-list{margin:0;font-size:13px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}
.device-model-list strong{color:var(--ink);font-weight:700}
[data-device-model-list]{unicode-bidi:plaintext}
.device-model-os{display:inline-block;margin-top:10px;padding:4px 9px;border:1px solid var(--line);border-radius:99px;font-size:10px;color:var(--muted);unicode-bidi:isolate;direction:ltr}
.device-model-os[hidden]{display:none}
.device-gallery .device-compatibility .device-sync{margin-top:12px;min-height:38px}
@media(max-width:760px){.device-compatibility{margin-top:16px;padding:0 5px}.device-model-list{font-size:11px;line-height:1.85}.device-gallery .device-compatibility .device-sync{min-height:36px}}

/* Released App Store download and Android availability. */
.download-actions{display:flex;justify-content:center;margin:28px auto 0}.download-actions .native-store{width:max-content}.native-store.store-coming-soon{opacity:.55;cursor:default}.native-store.store-coming-soon:hover{transform:none}.unsubscribe[hidden]{display:none}
