:root{color-scheme:dark;--bg:#111210;--paper:#f1f1e9;--ink:#161713;--lime:#c2fa3b;--muted:#a3a69b;--rule:#36382f;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#f6f6f0;font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.light-section a:focus-visible{outline-color:#477000}button,select{color:inherit}p,h1,h2,h3,figure{margin:0}img,svg{max-width:100%}button[hidden],[hidden]{display:none!important}.shell{width:min(1240px,calc(100% - 100px));margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:600;line-height:1.5}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:27px;letter-spacing:-.06em;font-weight:700}.brand img{border-radius:8px}.site-header nav{display:flex;gap:32px;margin-left:auto;font-size:13px}.site-header nav a{text-decoration:none;color:#dedfd6}.site-header nav a:hover{color:var(--lime)}.launch-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid #404336;border-radius:30px;padding:8px 13px;font-size:11px;white-space:nowrap}.launch-tag>span{width:5px;height:5px;background:var(--lime);border-radius:50%}.hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:640px;align-items:center;gap:40px;padding-block:42px 74px}.hero-copy{padding-bottom:20px}.hero .eyebrow{margin-bottom:24px;color:#c4c8b8}h1{font-size:clamp(62px,6.4vw,94px);font-weight:550;letter-spacing:-.072em;line-height:1.01;max-width:760px}h1 em{font-style:normal;color:var(--lime)}.hero-lead{font-size:20px;line-height:1.5;margin-top:28px;color:#c3c7b9;letter-spacing:-.025em}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 23px;border-radius:32px;text-decoration:none;font-size:14px;font-weight:650;line-height:1.4;min-height:50px}.primary{background:var(--lime);color:#152000}.primary:hover{background:#d2ff6c}.button span{font-size:20px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:16px;text-decoration:none;font-size:13px}.text-link:hover{text-decoration:underline}.availability{font-size:11px;line-height:1.6;color:#8e9283;max-width:330px;margin-top:24px}.hero-product{display:flex;align-items:center;flex-direction:column;padding-top:42px}.hero-product figcaption{font-size:8px;letter-spacing:.16em;color:#8e9384;margin-top:60px}.hero-product figcaption span{margin:0 12px;color:#505448}.watch-fixture{position:relative;width:292px;height:350px;margin-block:45px;isolation:isolate}.watch-fixture:before,.watch-fixture:after{content:"";position:absolute;background:#22251f;border:1px solid #34382c;width:174px;height:120px;left:59px;z-index:-1}.watch-fixture:before{top:-70px;border-radius:55% 55% 25% 25%}.watch-fixture:after{bottom:-70px;border-radius:25% 25% 55% 55%}.watch-body{width:100%;height:100%;border:8px solid #41463a;border-radius:66px;background:#000;box-shadow:0 0 0 3px #1d201a,0 0 0 5px #53584a,0 25px 40px #0008,inset 0 0 0 3px #12150f;padding:17px}.watch-crown{position:absolute;right:-20px;top:90px;background:#34392d;border:3px solid #626b51;border-radius:7px;width:15px;height:37px;z-index:-1;box-shadow:0 0 0 2px #1d201a}.watch-screen{height:100%;display:flex;flex-direction:column;justify-content:center;gap:8px}.watch-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;line-height:1.5}.watch-top>span:first-child{color:var(--lime);font-weight:600}.watch-top>span:last-child{font-variant-numeric:tabular-nums;color:#babdb2;font-size:10px}.watch-time{font-size:68px;letter-spacing:-.05em;font-weight:600;line-height:1.1;text-align:center;font-variant-numeric:tabular-nums}.watch-overline{display:block;text-align:center;font-size:8px;color:#a4a89a;letter-spacing:.16em;line-height:1.5}.watch-start{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;background:var(--lime);color:#122000;border:0;border-radius:15px;font-size:17px;font-weight:650;letter-spacing:-.035em;margin-top:8px}.watch-presets{display:flex;gap:5px;width:100%;margin-top:4px}.watch-presets>span,.watch-presets>button{width:33.333%;min-height:42px;display:flex;align-items:center;justify-content:center;background:#1d201a;border:1px solid transparent;border-radius:13px;color:#f3f5ed;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.watch-presets .selected{border-color:var(--lime);color:var(--lime)}.promises{display:grid;grid-template-columns:1fr 1.2fr 1fr;border-top:1px solid var(--rule);padding-block:30px 44px;gap:24px}.promises>div{display:flex;gap:18px;align-items:baseline}.promises>div+div{border-left:1px solid var(--rule);padding-left:35px}.mini-number{font-size:9px;color:#838977;font-variant-numeric:tabular-nums}.promises p{font-size:15px;letter-spacing:-.025em}.promises small{display:block;font-size:12px;color:var(--muted);margin-top:3px;letter-spacing:0}.light-section{background:var(--paper);color:var(--ink)}.section-heading{text-align:center}.section-heading h2{margin-top:17px}.section-heading>p:last-child{font-size:16px;color:#66695c;margin-top:18px}h2{font-size:clamp(40px,4.8vw,66px);font-weight:550;letter-spacing:-.065em;line-height:1.07}.flow{padding-block:95px 90px}.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:60px}.flow-steps article{max-width:300px;margin-inline:auto}.flow-visual{height:142px;margin-bottom:30px;display:flex;align-items:center}.flow-visual svg{height:130px;fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.flow-visual .filled{fill:var(--lime)}.flow-visual .ink-stroke{stroke:var(--ink)}.flow-steps .eyebrow{font-size:9px;color:#686d5a}.flow-steps h3{font-size:24px;font-weight:550;letter-spacing:-.045em;margin-top:12px}.flow-steps article>p:last-child{font-size:14px;color:#656a5b;line-height:1.8;margin-top:9px}.demo-section{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:130px;padding-block:110px}.demo-copy>.eyebrow{color:#a4aa96;margin-bottom:25px}.demo-copy>p:not(.eyebrow){color:#aab09e;max-width:400px;font-size:16px;line-height:1.8;margin-top:25px}.feature-list{margin:30px 0 0;padding:0}.feature-list>div{border-top:1px solid var(--rule);padding-block:18px}.feature-list dt{font-size:14px;font-weight:550}.feature-list dd{margin:5px 0 0;font-size:12px;color:#969f89;line-height:1.7}.interactive-preview{width:min(100%,340px);justify-self:center}.demo-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.demo-heading .eyebrow{font-size:9px;color:#8f9880}.reset-button{padding:5px 0;border:0;background:none;color:#bec8b0;font-size:11px;min-height:40px}.demo-watch{width:292px;max-width:100%;height:344px;padding:28px 24px;background:#000;border:5px solid #4e5740;outline:3px solid #242a1e;border-radius:58px;margin:auto;box-shadow:0 20px 35px #0003}.demo-panel{margin-top:13px;display:flex;flex-direction:column;align-items:center;gap:7px}.duration-select{display:block;background:#000;border:0;color:#f3f7ed;text-align:center;text-align-last:center;appearance:none;width:100%;font-size:65px;line-height:1.15;letter-spacing:-.05em;font-weight:550;font-variant-numeric:tabular-nums;padding:0;cursor:pointer;border-radius:5px}.demo-panel .watch-start{font-size:17px;margin-top:6px;min-height:45px}.demo-panel .watch-presets>button{min-height:44px}.demo-panel .watch-time{font-size:70px;line-height:1.3}.demo-panel .accent{color:var(--lime);margin-top:10px}.demo-controls{display:flex;gap:6px;width:100%;margin-top:15px}.demo-controls button{background:#23271d;border:0;border-radius:16px;min-height:49px;width:50%;font-size:16px}.demo-controls button:hover,.watch-presets button:hover{background:#353e28}.demo-check{display:flex;align-items:center;justify-content:center;background:var(--lime);color:#1b260c;border-radius:50%;width:55px;height:55px;font-size:35px;line-height:1;margin-top:16px;font-weight:600}.finished-heading{font-size:25px;font-weight:600;letter-spacing:-.05em;margin-top:4px}.next-set{font-size:12px;color:#a4ad97;margin-bottom:3px}progress{width:100%;height:3px;border:0;appearance:none;background:#30362a;border-radius:5px;margin-top:7px}progress::-webkit-progress-bar{background:#30362a;border-radius:5px}progress::-webkit-progress-value{background:var(--lime);border-radius:5px}progress::-moz-progress-bar{background:var(--lime)}.demo-disclosure{font-size:10px;text-align:center;color:#929c82;line-height:1.8;margin:25px auto 0;max-width:320px}.finish-demo{display:block;background:none;color:#bbc7a6;border:0;border-bottom:1px solid #566247;font-size:11px;min-height:40px;margin:20px auto 0;padding:0 3px}.quiet-section{padding-block:90px}.quiet-grid{display:grid;grid-template-columns:1fr 2.1fr;gap:50px}.quiet-grid>.eyebrow{color:#6b715f;padding-top:9px}.quiet-grid p:not(.eyebrow){font-size:16px;color:#555e48;line-height:1.85;max-width:620px;margin-top:28px}.quiet-grid .quiet-note{font-size:12px!important;color:#737b67!important;margin-top:20px!important}.quiet-grid .text-link{margin-top:27px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;padding-block:100px 60px}.faq .eyebrow{color:#97a187;margin-bottom:20px}.faq-list details{border-top:1px solid var(--rule);padding-block:20px}.faq-list details:last-child{border-bottom:1px solid var(--rule)}summary{cursor:pointer;list-style:none;position:relative;padding-right:30px;font-size:15px;letter-spacing:-.015em}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:2px;top:0;color:#a9b795;font-size:20px}details[open] summary:after{content:"−"}.faq-list p{font-size:14px;line-height:1.9;color:#a7b197;margin-top:16px;max-width:560px}.closing{text-align:center;padding-block:100px 110px}.closing .eyebrow{color:#8e9b7c;margin-bottom:25px}.closing h2{font-size:clamp(56px,6.8vw,90px)}.closing .button{margin-top:35px}.closing-status{display:block;font-size:11px;color:#8c997b;margin-top:20px}.site-footer{border-top:1px solid var(--rule);padding-block:35px;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.site-footer .brand{font-size:22px}.site-footer>div>p{font-size:11px;color:#8e9881;margin-top:4px}.site-footer nav{display:flex;gap:28px;font-size:12px;margin-top:9px}.site-footer nav a{text-decoration:none}.copyright{font-size:9px;color:#7f8a72;line-height:1.8;text-align:right;margin-top:4px}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);color:#000;z-index:50;padding:12px}.skip:focus{top:20px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Content pages use the same typography and quieter paper surface. */
.document-body{background:var(--paper);color:var(--ink);color-scheme:light}.document-body .site-header nav a{color:#545c48}.document-body .launch-tag{border-color:#ccd0c0}.document-body .launch-tag>span{background:#5a800d}.document-body a:focus-visible,.document-body summary:focus-visible{outline-color:#5a800d}.document{width:min(780px,calc(100% - 100px));margin:auto;padding-block:60px 110px}.document>header{border-bottom:1px solid #cdd2c2;padding-bottom:35px;margin-bottom:36px}.document h1{font-size:clamp(48px,6vw,76px);line-height:1.05;margin-top:20px}.document .updated{font-size:12px;color:#758066;margin-top:24px}.document .intro{font-size:19px;color:#58634a;line-height:1.8;margin-top:27px}.document h2{font-size:26px;letter-spacing:-.04em;line-height:1.3;margin-block:42px 15px}.document h3{font-size:19px;font-weight:600;letter-spacing:-.03em;margin-block:26px 8px}.document p,.document li{font-size:15px;line-height:1.9;color:#4c5840}.document p+p{margin-top:15px}.document ul{padding-left:22px}.document li+li{margin-top:8px}.document address{font-style:normal;font-size:15px;line-height:1.9;color:#4c5840;border-left:2px solid #8fa169;padding-left:20px;margin-top:20px}.document a{color:#38510d}.document .notice{border:1px solid #c5ceaf;padding:22px 25px;margin-block:28px}.document .notice p{margin:0}.document details{padding-block:22px;border-bottom:1px solid #cbd1bd}.document details p{margin-top:17px}.document summary{font-size:17px}.document summary:after{color:#567a12}.document-body .site-footer{border-color:#c5cdb6}.document-body .site-footer>div>p,.document-body .copyright{color:#717d61}.document-body .brand{color:#17200e}.document-body .site-footer nav a{color:#4a5c34}.back-link{font-size:12px;text-decoration:none;color:#677750!important}.contact-card{margin-top:35px;border-top:1px solid #c5cdb6;padding-top:25px}.contact-card a{font-size:clamp(18px,3.5vw,28px);font-weight:500;letter-spacing:-.04em;overflow-wrap:anywhere}
@media(min-width:1600px){.hero{min-height:700px}.hero-product{transform:scale(1.07)}}
@media(max-width:1050px){.shell{width:calc(100% - 60px)}.hero{gap:20px;min-height:600px}.hero h1{font-size:70px}.hero-product{transform:scale(.91)}.promises{gap:12px}.promises>div{gap:10px}.promises>div+div{padding-left:20px}.promises p{font-size:13px}.promises small{font-size:10px}.flow-steps{gap:35px}.demo-section{gap:60px}.faq{gap:50px}.site-header nav{gap:22px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.site-header{height:84px;gap:12px}.brand{font-size:24px}.brand img{width:27px;height:27px}.site-header nav a:not(:last-child){display:none}.site-header nav{margin-left:auto}.site-header nav a{font-size:12px}.site-header .launch-tag{font-size:9px;padding:6px 9px}.hero{grid-template-columns:1fr;padding-block:40px 50px;gap:5px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(55px,10.5vw,78px);max-width:650px}.hero-lead{font-size:19px;margin-top:25px}.hero .eyebrow{font-size:9px;margin-bottom:20px}.actions{gap:20px;margin-top:28px}.button{font-size:13px;padding:14px 20px;min-height:48px}.text-link{font-size:12px;gap:10px}.availability{font-size:10px;margin-top:19px;max-width:300px}.hero-product{padding-top:50px;transform:none}.hero-product figcaption{margin-top:58px}.watch-fixture{width:264px;height:325px}.watch-body{border-radius:62px;padding:16px}.watch-fixture:before,.watch-fixture:after{width:154px;left:55px}.watch-time{font-size:62px}.watch-start{font-size:16px;min-height:43px}.watch-presets>span{min-height:40px;font-size:12px}.promises{grid-template-columns:1fr;padding-block:5px 30px;gap:0;border-top:0}.promises>div{padding-block:18px;border-top:1px solid var(--rule);gap:18px}.promises>div+div{padding-left:0;border-left:0}.promises p{font-size:15px}.promises small{font-size:12px;display:inline;margin-left:8px}.flow{padding-block:65px}.section-heading{text-align:left}.section-heading h2{font-size:43px}.section-heading>p:last-child{font-size:14px;margin-top:17px}.flow-steps{grid-template-columns:1fr;gap:0;margin-top:35px}.flow-steps article{position:relative;max-width:none;margin:0;padding:25px 0 28px 80px;border-bottom:1px solid #ccd2bf}.flow-visual{position:absolute;left:0;top:40px;width:55px;height:65px;margin:0}.flow-visual svg{height:65px;stroke-width:5}.flow-steps h3{font-size:24px;margin-top:10px}.flow-steps article>p:last-child{font-size:14px}.flow-steps .eyebrow{font-size:8px}.demo-section{grid-template-columns:1fr;gap:50px;padding-block:70px}.demo-copy h2{font-size:51px}.demo-copy>p:not(.eyebrow){font-size:15px}.feature-list>div{padding-block:15px}.demo-heading{margin-bottom:24px}.quiet-section{padding-block:60px}.quiet-grid{grid-template-columns:1fr;gap:22px}.quiet-grid h2{font-size:45px}.quiet-grid p:not(.eyebrow){font-size:15px;margin-top:23px}.faq{grid-template-columns:1fr;gap:30px;padding-block:65px 30px}.faq h2{font-size:43px}.faq .eyebrow{margin-bottom:15px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px}.closing{padding-block:65px 80px}.closing h2{font-size:59px}.closing .eyebrow{font-size:8px}.site-footer{flex-wrap:wrap;padding-block:28px;gap:20px}.site-footer>div{flex:1 1 100%}.site-footer nav{gap:25px}.copyright{margin-left:auto;font-size:8px}.document{width:calc(100% - 40px);padding-block:30px 70px}.document h1{font-size:54px}.document>header{padding-bottom:25px;margin-bottom:25px}.document .intro{font-size:17px}.document h2{font-size:25px}.document p,.document li{font-size:14px}.document address{font-size:14px}}
@media(max-width:370px){.launch-tag>span{display:none}.site-header nav{display:none}.hero h1{font-size:51px}.actions{gap:16px}.text-link{font-size:11px}.promises small{display:block;margin-left:0}.watch-fixture{width:245px;height:310px}.watch-body{padding:14px}.watch-time{font-size:58px}.watch-fixture:before,.watch-fixture:after{left:47px}.hero-product figcaption{font-size:7px}.demo-watch{width:270px;padding:26px 20px}.quiet-grid h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* The hero and lower demo share one interactive timer state. */
.watch-fixture .demo-panel{margin-top:0;flex:1;justify-content:center;gap:7px;width:100%}.watch-fixture .duration-select{font-size:64px}.watch-fixture .demo-panel .watch-time{font-size:64px;line-height:1.1}.watch-fixture .demo-controls{margin-top:10px}.watch-fixture .demo-check{width:43px;height:43px;font-size:29px;margin-top:4px}.watch-fixture .finished-heading{font-size:24px}.watch-change{border:0;background:none;color:var(--lime);font-size:12px;min-height:30px}.hero-product figcaption{margin-top:50px;font-size:9px;text-align:center;letter-spacing:.08em}.hero-demo-tools{display:flex;align-items:center;justify-content:center;gap:20px;min-height:40px}.hero-demo-tools .finish-demo{margin:0}.hero-preview-disclosure{font-size:10px;color:#8e9384;text-align:center;line-height:1.6}.watch-fixture button:focus-visible,.watch-fixture select:focus-visible{outline-offset:2px}.watch-fixture .watch-start{border-radius:15px}.watch-fixture .watch-presets>button{min-height:44px}.duration-select:hover{color:var(--lime)}
@media(max-width:760px){.watch-fixture .duration-select,.watch-fixture .demo-panel .watch-time{font-size:58px}.hero-product figcaption{margin-top:50px}.hero-preview-disclosure{font-size:9px}}
.demo-heartline{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:8px;letter-spacing:.07em;color:#89987c;line-height:1.4;margin-top:4px}.demo-bpm{font-size:11px;letter-spacing:0;color:#ff8f97;font-variant-numeric:tabular-nums}.watch-fixture .demo-panel .watch-time{font-size:58px}.watch-fixture .duration-select{font-size:58px}.watch-fixture .demo-panel{gap:5px}.demo-workout-tools{display:flex;justify-content:center;gap:24px;margin-top:13px}.demo-summary{gap:5px!important;justify-content:center}.summary-overline{font-size:8px;letter-spacing:.12em;color:#929f83}.demo-summary .finished-heading{font-size:22px;margin:0}.summary-mini-stats{display:flex;width:100%;justify-content:space-evenly;font-size:9px;color:#a4b197;gap:12px;line-height:1.2}.summary-mini-stats strong{display:block;font-size:19px;font-weight:600;color:#f4f7ed;font-variant-numeric:tabular-nums;line-height:1.3}.demo-heart-chart{width:100%;line-height:0}.demo-heart-chart svg{width:100%;height:auto}.chart-key{display:flex;gap:13px;font-size:8px;line-height:1.3;align-items:center;justify-content:center}.heart-key{color:#ff8f97}.rest-key{color:var(--lime)}.demo-summary .watch-start{font-size:12px;min-height:36px;margin-top:5px}.demo-breakdown{margin-top:24px;border:1px solid #39422e;border-radius:16px;padding:19px}.demo-breakdown>.eyebrow{font-size:9px;color:#9daa8e}.demo-breakdown dl{margin:13px 0}.demo-breakdown dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #303929}.demo-breakdown dt{font-size:11px;color:#b0bba3}.demo-breakdown dd{margin:0;font-size:13px;font-variant-numeric:tabular-nums}.demo-breakdown>p:last-child{font-size:10px;color:#8d9b7e;line-height:1.8}.hero-demo-tools{gap:15px}.hero-demo-tools .reset-button{font-size:10px}.hero-demo-tools .finish-demo{font-size:10px}.demo-watch .demo-panel{margin-top:8px}.demo-watch .duration-select{font-size:57px}.demo-watch .demo-panel .watch-time{font-size:60px;line-height:1.1}.demo-watch .demo-controls{margin-top:9px}.demo-watch .demo-panel .accent{margin-top:0}

/* Workout timeline: a larger, accessible companion to the watch graph. */
.workout-chart-card{margin-top:35px;padding:25px 24px 20px;background:linear-gradient(145deg,#20251c,#151813);border:1px solid #353e2d;border-radius:24px;box-shadow:0 14px 35px #0002}.chart-card-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.chart-card-header .eyebrow{font-size:9px;color:#a6b88f;letter-spacing:.14em}.chart-card-header h3{font-size:21px;font-weight:550;letter-spacing:-.04em;margin-top:5px}.chart-sample-tag{padding:4px 7px;border:1px solid #48523d;border-radius:6px;font-size:8px;letter-spacing:.06em;white-space:nowrap;color:#afba9f}.chart-headline{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:17px}.chart-headline p{margin:0!important;font-size:11px!important;color:#9ba98f!important}.chart-headline strong{font-size:38px;font-weight:550;color:#ff929b;letter-spacing:-.05em;line-height:1.2;font-variant-numeric:tabular-nums}.chart-headline span{color:#dc969a}.workout-timeline{line-height:0;margin-top:12px}.workout-timeline svg{display:block;width:100%;height:auto;overflow:visible}.timeline-legend{display:flex;flex-wrap:wrap;gap:8px 16px;color:#aebaa2;font-size:9px;margin-top:13px;line-height:1.5}.timeline-legend>span{display:inline-flex;align-items:center;gap:5px}.timeline-legend>span:before{content:"";display:block;width:12px;border-top:2px solid #ff7c86}.timeline-legend>.legend-rest:before{height:8px;border:0;background:#c2fa3b55;border-top:2px solid #c2fa3b}.timeline-legend>.legend-average:before{border-top:1px dashed #ff7c86}.timeline-legend>.legend-target:before{border-top:1px dashed var(--lime)}.scrubber-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 10px;margin-top:21px;font-size:10px;color:#becab1}.scrubber-label output{color:#9eac91;font-variant-numeric:tabular-nums}.workout-chart-card input[type=range]{width:100%;min-height:40px;margin:0;accent-color:var(--lime);cursor:ew-resize}.timeline-note{font-size:10px!important;line-height:1.7!important;color:#8e9c82!important;margin:4px 0 0!important}.workout-chart-card input:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:5px}
@media(max-width:760px){.workout-chart-card{padding:20px 16px 16px;margin-top:28px}.chart-card-header h3{font-size:20px}.chart-sample-tag{font-size:7px}.timeline-legend{font-size:9px;gap:8px 13px}.chart-headline strong{font-size:34px}}

/* Workout states share the same controls as the Watch app. */
.demo-idle{justify-content:center;gap:12px!important;min-height:215px;text-align:center}.idle-icon{color:var(--lime);font-size:34px;line-height:1}.demo-idle .next-set{line-height:1.6}.demo-controls [data-action="start-set"]{background:var(--lime);color:#122000;font-weight:650}.demo-controls [data-action="start-set"]:hover{background:#d2ff6c}.hero-demo-tools{flex-wrap:wrap;column-gap:15px;row-gap:0}.hero-demo-tools .finish-demo{flex-basis:100%;border:0;margin:0}.demo-watch [data-panel="ready"]{gap:4px}.demo-watch [data-panel="ready"] .duration-select{font-size:52px}.demo-watch [data-panel="ready"] .watch-overline{font-size:8px}

.demo-waiting{justify-content:center;gap:8px!important}.demo-waiting .finished-heading{font-size:18px!important;text-align:center;line-height:1.2;color:var(--lime)}.demo-waiting .watch-time{font-size:44px!important;line-height:1!important}.demo-waiting .watch-overline{font-size:7px}.demo-waiting .demo-controls{margin-top:6px}.demo-waiting .demo-controls button{font-size:15px;min-height:44px}

/* Timer-only workout charts and summary-first finish. */
.demo-summary .finished-heading{font-size:18px;line-height:1.2}.demo-summary{gap:4px!important}.wrap-split{display:flex;align-items:center;justify-content:center;gap:12px;margin-block:2px}.time-donut{width:100px;line-height:0;flex-shrink:0}.time-donut svg{display:block;width:100%}.wrap-split>div>strong{display:block;font-size:25px;line-height:1.2;margin-block:4px;font-variant-numeric:tabular-nums}.watch-secondary{display:block;width:100%;min-height:44px;background:transparent;border:0;color:#a3a69b;font-size:13px}.demo-summary .watch-start{margin-top:0;font-size:16px}.demo-watch .wrap-split .time-donut{width:90px}.breakdown-split{display:flex;align-items:center;gap:20px;margin-block:14px}.breakdown-split strong{font-size:30px;font-weight:550}.breakdown-split p{margin:0!important}.chart-mode-label,.ratio-target-label{display:flex;flex-direction:column;gap:6px;font-size:11px;margin-top:16px;color:#bac5af}.chart-mode-label select,.ratio-target-label select{width:100%;min-height:44px;border:1px solid #48523c;border-radius:10px;padding:7px 10px;background:#171c13;font-size:12px;color:#ecf0e6}.demo-breakdown .ratio-target-label select{background:#252d20}.demo-summary .demo-heart-chart{min-height:100px}
@media(max-width:760px){.wrap-split .time-donut{width:84px}.demo-summary .watch-start{min-height:44px}.demo-summary .finished-heading{font-size:16px}.wrap-split{gap:8px}.wrap-split>div>strong{font-size:22px}}
/* Language links remain visible on narrow screens. */
.language-switch{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:12px;white-space:nowrap}.language-switch a{text-decoration:none;padding:8px 2px}.language-switch a[aria-current=page]{color:var(--lime);font-weight:700}.language-switch span{opacity:.4}.document-body .language-switch a[aria-current=page]{color:#3f6100}.guide-callout{padding-block:65px;border-bottom:1px solid #34382c}.guide-callout h2{font-size:clamp(30px,4vw,50px);line-height:1.12;margin-block:20px}.guide-callout>p:not(.eyebrow){max-width:720px;margin-block:20px;color:#b7bdae}.guide-callout .language-note{font-size:12px}.hero h1{font-size:clamp(48px,5.7vw,82px);letter-spacing:-.06em}.site-header{gap:20px}.site-header nav{gap:24px}.document-body h1{overflow-wrap:break-word}html[lang=fr-CA] .demo-controls button{font-size:13px;white-space:nowrap}html[lang=fr-CA] .demo-summary .watch-start{font-size:14px}html[lang=fr-CA] .demo-waiting .finished-heading{font-size:18px!important}html[lang=fr-CA] .demo-heartline{letter-spacing:0}html[lang=fr-CA] .hero-product figcaption{max-width:290px;line-height:1.6}
@media(max-width:900px){.site-header{gap:14px}.site-header nav{gap:15px}.site-header .launch-tag{display:none}}
@media(max-width:760px){.site-header{height:auto;min-height:100px;flex-wrap:wrap;gap:2px 16px;padding-block:18px}.site-header .brand{order:0}.site-header .language-switch{order:1;margin-left:auto}.site-header nav{order:2;width:100%;justify-content:flex-start;margin:0;font-size:12px;gap:20px}.hero h1{font-size:clamp(46px,11vw,72px)}.guide-callout{padding-block:42px}.actions{flex-wrap:wrap;row-gap:18px}html[lang=fr-CA] .hero-demo-tools{max-width:300px}html[lang=fr-CA] .demo-watch{max-width:100%}}