:root{
  --paper:60 25% 97%;
  --white:0 0% 100%;
  --ink:150 35% 18%;
  --ink-soft:152 18% 29%;
  --muted:148 12% 43%;
  --line:120 14% 83%;
  --line-soft:120 12% 89%;
  --mint:93 31% 86%;
  --mint-light:102 27% 92%;
  --green:148 38% 27%;
  --green-dark:149 43% 20%;
  --peach:30 64% 68%;
  --blue:204 39% 67%;
  --purple:290 22% 65%;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  color:hsl(var(--ink));
  background:hsl(var(--paper));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;min-width:320px}
a{color:inherit;text-decoration:none;cursor:pointer}
button{cursor:pointer;font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid hsl(var(--green));outline-offset:4px}
img{display:block;max-width:100%}
.container{width:min(1160px,calc(100% - 64px));margin-inline:auto}
h1,h2,h3,p{margin:0}
.site-header{border-bottom:1px solid hsl(var(--line-soft));background:hsl(var(--paper))}
.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-.055em;white-space:nowrap}
.brand img{width:42px;height:42px;object-fit:contain}
.brand-dot{color:hsl(var(--green))}
.header-nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:650}
.header-nav a:not(.nav-action){color:hsl(var(--ink-soft))}
.header-nav a:not(.nav-action):hover,.quiet-link:hover,.text-return:hover{color:hsl(var(--green))}
.nav-action{padding:11px 18px;border:1px solid hsl(var(--ink));border-radius:10px;white-space:nowrap}
.nav-action:hover{background:hsl(var(--mint-light))}
.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);gap:clamp(32px,5vw,88px);align-items:center;padding-block:clamp(58px,7vw,105px) clamp(58px,6vw,82px)}
.hero-context,.section-overline{font-size:13px;font-weight:680;color:hsl(var(--green));letter-spacing:.005em}
.hero h1{margin-top:20px;font-size:clamp(52px,6.7vw,86px);line-height:1.035;letter-spacing:-.065em;font-weight:800;max-width:750px}
.hero h1 span,.subpage h1 span{color:hsl(var(--green))}
.hero-description{margin-top:29px;max-width:510px;font-size:19px;line-height:1.65;color:hsl(var(--ink-soft))}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:36px}
.button{min-height:53px;display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:10px;font-size:14px;font-weight:760;transition:background-color .18s ease,border-color .18s ease}
.button-primary{background:hsl(var(--green-dark));color:hsl(var(--white))}
.button-primary:hover{background:hsl(var(--green))}
.quiet-link{font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:5px;text-decoration-color:hsl(var(--line));transition:color .18s ease}
.hero-fineprint{margin-top:19px;font-size:12px;color:hsl(var(--muted))}

/* Faithful static preview of the live workout card, not a second runnable timer. */
.product-preview{width:100%;min-width:0}
.preview-app{background:linear-gradient(145deg,hsl(var(--white)),hsl(var(--mint-light)));border:1px solid hsl(var(--white));border-radius:31px;padding:17px;box-shadow:0 7px 18px hsl(var(--ink) / .06),0 24px 60px hsl(var(--ink) / .13);max-width:422px;margin-left:auto}
.preview-app-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 2px 14px}
.preview-app-brand{display:flex;align-items:center;gap:9px}
.preview-app-brand img{width:34px;height:34px;border-radius:11px}
.preview-app-brand>span{display:flex;flex-direction:column}
.preview-app-brand strong{font-size:20px;letter-spacing:-.055em;line-height:1}
.preview-app-brand strong span{color:hsl(var(--green))}
.preview-app-brand small{font-size:8px;color:hsl(var(--muted));margin-top:4px}
.preview-app-tools{display:flex;gap:5px}
.preview-app-tools i{display:block;width:27px;height:27px;border-radius:10px;background:linear-gradient(155deg,hsl(var(--white)),hsl(var(--mint-light)));border:1px solid hsl(var(--line-soft));box-shadow:0 2px 4px hsl(var(--ink) / .05)}
.preview-mode-tabs{display:grid;grid-template-columns:1fr 1fr .76fr;gap:4px;background:hsl(114 14% 90%);border-radius:14px;padding:4px;color:hsl(var(--muted));font-size:11px;text-align:center;font-weight:750}
.preview-mode-tabs span{padding:10px 5px;white-space:nowrap}
.preview-mode-tabs .active{background:hsl(var(--white));color:hsl(var(--green-dark));border-radius:10px;box-shadow:0 2px 6px hsl(var(--ink) / .08)}
.preview-timer{display:flex;flex-direction:column;margin-top:10px;min-height:362px;padding:19px 18px 17px;background:linear-gradient(152deg,hsl(151 43% 32%),hsl(152 49% 21%) 62%,hsl(153 54% 15%));color:hsl(var(--white));border-radius:23px;box-shadow:inset 0 1px 2px hsl(var(--white) / .14),0 7px 15px hsl(var(--ink) / .15)}
.preview-timer-top{display:flex;justify-content:space-between;gap:12px}
.preview-status{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.10em;font-weight:850;color:hsl(105 38% 86%)}
.preview-status i{display:block;width:6px;height:6px;border-radius:50%;background:hsl(105 70% 72%)}
.preview-next{border-left:2px solid hsl(var(--blue));padding-left:9px;margin-top:16px;display:flex;flex-direction:column;gap:4px;color:hsl(112 31% 92%)}
.preview-next small{font-size:8px;letter-spacing:.11em;color:hsl(116 23% 78%);font-weight:800}
.preview-next span{font-size:11px;font-weight:760}
.preview-next strong{font-size:13px;color:hsl(202 90% 78%);margin-right:4px}
.preview-edit-tools{display:flex;gap:6px}
.preview-edit-tools i{width:28px;height:28px;display:block;border-radius:9px;border:1px solid hsl(var(--white) / .2);background:hsl(var(--white) / .12)}
.preview-timer-center{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 0 21px}
.preview-timer-center>strong{font-size:18px;letter-spacing:-.025em}
.preview-big-time{font-size:clamp(58px,6.7vw,83px);font-variant-numeric:tabular-nums;letter-spacing:-.085em;line-height:1.15;font-weight:850;margin-top:3px}
.preview-stage{font-size:9px;letter-spacing:.15em;color:hsl(117 25% 86%);font-weight:800;margin-top:3px}
.preview-timer-center small{font-size:8px;letter-spacing:.1em;color:hsl(120 29% 84% / .82);margin-top:12px}
.preview-play-actions{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:9px;font-size:12px;font-weight:800;text-align:center}
.preview-play,.preview-stop{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;min-height:45px}
.preview-play{background:linear-gradient(175deg,hsl(75 96% 87%),hsl(102 70% 67%));color:hsl(var(--green-dark));box-shadow:inset 0 2px 2px hsl(var(--white) / .8),0 3px 0 hsl(107 40% 41%)}
.preview-stop{background:hsl(18 50% 88%);color:hsl(12 37% 39%);box-shadow:0 3px 0 hsl(15 28% 65%)}
.preview-pause-icon{position:relative;display:block;width:13px;height:15px;border-left:4px solid currentColor;border-right:4px solid currentColor}
.preview-progress{display:grid;grid-template-columns:.32fr 1fr .5fr 1fr .5fr 1fr .35fr;gap:2px;height:5px;margin:19px 0 16px;border-radius:6px;overflow:hidden}
.preview-progress i{display:block}
.preview-progress .phase-warmup{background:hsl(var(--peach))}
.preview-progress .phase-work{background:hsl(110 62% 73%)}
.preview-progress .phase-rest{background:hsl(var(--blue))}
.preview-progress .phase-cooldown{background:hsl(var(--purple))}
.preview-stats{display:flex;align-items:end;justify-content:space-between;gap:10px}
.preview-stats>div{display:flex;flex-direction:column}
.preview-stats>div:not(:first-child){text-align:right}
.preview-stats strong{font-size:20px;line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums}
.preview-stats small{font-size:8px;letter-spacing:.055em;color:hsl(130 20% 77%);margin-top:5px}
.preview-app-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:hsl(var(--ink-soft));padding:16px 6px 2px;font-weight:650}
.preview-app-bottom span:last-child{color:hsl(var(--green))}
.preview-caption{font-size:11px;margin:12px 0 0;text-align:center;color:hsl(var(--muted))}
/* Three examples replace the empty text columns and the duplicate mode strip. */
.use-modes{padding-block:72px 104px;border-top:1px solid hsl(var(--line-soft))}
.modes-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}
.modes-heading h2{font-size:clamp(36px,4.4vw,57px);line-height:1.07;letter-spacing:-.055em;margin-top:14px}
.modes-heading>p{font-size:15px;color:hsl(var(--muted));line-height:1.6;max-width:385px;padding-bottom:5px}
.modes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.mode-card{display:flex;flex-direction:column;min-width:0;min-height:355px;padding:25px 24px 21px;background:hsl(var(--white));border:1px solid hsl(var(--line));border-radius:18px;box-shadow:0 10px 26px hsl(var(--ink) / .035)}
.mode-card-type{display:block;font-size:10px;font-weight:850;letter-spacing:.065em;color:hsl(var(--green))}
.mode-card h3{margin-top:10px;font-size:28px;letter-spacing:-.045em}
.mode-card-copy p{margin-top:9px;font-size:13px;line-height:1.58;color:hsl(var(--muted));max-width:285px}
.mode-example{margin-top:auto;min-width:0;border-radius:13px;padding:20px 18px;min-height:145px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.example-kicker{font-size:9px;letter-spacing:.065em;font-weight:850}
.example-intervals{background:hsl(111 31% 92%);color:hsl(var(--green-dark))}
.interval-figures{display:grid;grid-template-columns:1fr 1px 1fr;gap:10px;align-items:center}
.interval-figures>div{display:flex;flex-direction:column;gap:2px}
.interval-figures strong{font-size:clamp(23px,2.5vw,32px);letter-spacing:-.075em;line-height:1;font-variant-numeric:tabular-nums}
.interval-figures>div:last-child{color:hsl(205 37% 35%)}
.interval-figures>div>span{font-size:11px;font-weight:650;margin-top:4px}
.interval-divider{height:38px;background:hsl(var(--line))}
.interval-pattern{height:6px;display:grid;grid-template-columns:1fr 1.7fr 1fr 1.7fr 1fr 1.7fr;gap:3px;border-radius:5px;overflow:hidden}
.interval-pattern i{background:hsl(116 34% 42%)}.interval-pattern b{background:hsl(var(--blue))}
.example-rounds{background:hsl(38 43% 91%);color:hsl(32 35% 24%)}
.round-figure{display:flex;gap:9px;align-items:baseline}
.round-figure strong{font-size:63px;letter-spacing:-.085em;line-height:.95;font-variant-numeric:tabular-nums}
.round-figure span{font-size:13px;font-weight:700}
.round-times{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;font-weight:700}
.round-times span{display:flex;align-items:center;gap:6px}
.round-times i{display:inline-block;width:7px;height:7px;border-radius:2px;background:hsl(35 57% 46%)}
.round-times span:last-child i{background:hsl(var(--blue))}
.example-free{background:hsl(var(--green-dark));color:hsl(var(--white))}
.example-free .example-kicker{color:hsl(120 24% 77%)}
.free-figure{font-size:clamp(44px,5vw,62px);font-variant-numeric:tabular-nums;letter-spacing:-.085em;line-height:1;font-weight:850}
.free-lap{font-size:11px;color:hsl(122 25% 77%)}.free-lap b{color:hsl(94 75% 81%);font-size:14px;margin-left:5px}
.closing{background:hsl(var(--mint-light));padding:44px 50px;display:flex;justify-content:space-between;align-items:center;gap:60px;border-radius:13px}
.closing h2{font-size:29px;line-height:1.15;letter-spacing:-.045em;margin:13px 0}
.closing p:not(.section-overline){max-width:650px;font-size:14px;color:hsl(var(--ink-soft));line-height:1.6}
.closing .button{flex-shrink:0}
.community{display:flex;justify-content:space-between;gap:55px;align-items:center;padding-block:90px 100px}
.community h2{font-size:26px;letter-spacing:-.045em}
.community p{font-size:14px;color:hsl(var(--muted));line-height:1.65;max-width:565px;margin-top:10px}
.community-links{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;font-weight:700;color:hsl(var(--green-dark))}
.community-links a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:hsl(var(--line))}
.community-links a:hover{text-decoration-color:currentColor}
.site-footer{border-top:1px solid hsl(var(--line));padding-block:18px 22px}
.footer-inner{font-size:11px;color:hsl(var(--muted))}
.footer-name{display:flex;align-items:center;gap:12px}
.footer-name strong{color:hsl(var(--ink));font-size:16px;letter-spacing:-.05em}
.subpage{min-height:calc(100dvh - 250px);padding-block:100px 115px;max-width:830px}
.subpage h1{margin-top:18px;font-size:clamp(46px,6vw,72px);letter-spacing:-.06em;line-height:1.075}
.subpage-lead{font-size:18px;line-height:1.65;color:hsl(var(--ink-soft));max-width:720px;margin-top:23px}
.subpage-panel{background:hsl(var(--white));border:1px solid hsl(var(--line));border-radius:14px;margin-top:45px;padding:31px 35px}
.subpage-panel h2{font-size:22px;letter-spacing:-.03em}
.subpage-panel p{margin-top:12px;font-size:14px;line-height:1.7;color:hsl(var(--ink-soft))}
.subpage-panel .panel-muted{font-size:12px;color:hsl(var(--muted))}
.subpage-panel .button{margin-top:25px}
.text-return{display:inline-block;margin-top:27px;font-size:13px;color:hsl(var(--muted));text-decoration:underline;text-underline-offset:4px}
@media(max-width:920px){
.hero{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);gap:28px}
.hero h1{font-size:clamp(46px,5.6vw,69px)}
.hero-description{font-size:16px}
.modes-grid{gap:12px}.mode-card{padding:20px 17px}.interval-figures strong{font-size:24px}
.closing{gap:24px}
}
@media(max-width:720px){
.container{width:calc(100% - 40px)}
.header-inner{min-height:72px}
.header-nav{gap:12px}
.header-nav .nav-about,.header-nav .nav-support{display:none}
.nav-action{font-size:12px;padding:11px 12px}
.brand{font-size:22px}
.brand img{width:37px;height:37px}
.hero{grid-template-columns:1fr;gap:38px;padding-block:54px 55px}
.hero h1{font-size:clamp(49px,9.5vw,68px)}
.hero-description{font-size:16px;line-height:1.62;margin-top:21px}
.hero-actions{margin-top:27px}
.preview-app{margin-inline:auto}
.preview-app{max-width:420px}
.preview-big-time{font-size:clamp(64px,12vw,83px)}
.use-modes{padding-block:64px 78px}
.modes-heading{display:block;margin-bottom:24px}
.modes-heading>p{padding:0;margin-top:13px;max-width:540px}
.modes-grid{grid-template-columns:1fr;gap:12px}
.mode-card{min-height:unset;padding:22px;gap:22px}
.mode-example{margin-top:0;min-height:132px}
.interval-figures strong{font-size:clamp(27px,8vw,34px)}
.free-figure{font-size:58px}
.closing{border-radius:11px;padding:29px 25px;display:block}
.closing h2{font-size:26px}
.closing .button{margin-top:23px}
.community{padding-block:75px;display:block}
.community-links{margin-top:24px;gap:20px}
.subpage{padding-block:72px 90px}
.subpage-lead{font-size:16px}
.subpage-panel{padding:25px 22px}
}
@media(max-width:390px){
.container{width:calc(100% - 30px)}
.hero h1{font-size:clamp(42px,11.5vw,49px)}
.hero-actions{gap:17px}
.preview-app{padding:12px;border-radius:23px}.preview-timer{padding:16px 13px 15px;min-height:344px}.preview-big-time{font-size:63px}.preview-stats small{font-size:7px}.preview-app-tools i{width:23px;height:23px}.mode-card{padding:20px}
}

.pix-label{display:block;font-size:12px;font-weight:750;color:hsl(var(--ink-soft));margin-top:25px}
.pix-copy{display:flex;align-items:stretch;gap:12px;margin:10px 0 0}
.pix-copy code{flex:1;min-width:0;padding:14px;display:flex;align-items:center;overflow-wrap:anywhere;word-break:break-word;border:1px solid hsl(var(--line-soft));border-radius:10px;background:hsl(var(--mint-light));color:hsl(var(--ink));font:600 13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
.pix-copy button{flex:0 0 auto;white-space:nowrap}
.pix-feedback{min-height:1.4em;margin-top:9px!important;color:hsl(var(--green))!important;font-size:12px!important}
@media(max-width:720px){.pix-copy{flex-direction:column}.pix-copy button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}