: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}
.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}
}
@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}
}


/* Small, purposeful pages. Payment and confirmation are separate compositions. */
.support-page{min-height:calc(100svh - 154px);display:flex;align-items:center;padding-block:50px 74px}
.support-layout{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.98fr);align-items:center;gap:clamp(34px,6vw,110px)}
.support-story h1{font-size:clamp(47px,5.1vw,69px);letter-spacing:-.064em;line-height:1.08;margin-top:17px}
.support-story h1 span,.thanks-message h1 span{color:hsl(var(--green))}
.support-intro{font-size:17px;color:hsl(var(--ink-soft));line-height:1.75;max-width:510px;margin-top:23px}
.support-alternative{margin-top:33px}
.support-divider{display:block;width:46px;height:2px;background:hsl(var(--line));margin-bottom:20px}
.support-alternative p{font-size:13px;line-height:1.6;color:hsl(var(--muted));max-width:440px}
.support-alternative a{color:hsl(var(--green-dark));text-decoration:underline;text-underline-offset:3px;text-decoration-color:hsl(var(--line))}
.support-share{display:inline;border:none;background:none;padding:0;color:hsl(var(--green-dark));font:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:hsl(var(--line));cursor:pointer}
.support-share:hover{text-decoration-color:currentColor}
.share-feedback{color:hsl(var(--green-dark));font-size:12px;margin-top:8px;overflow-wrap:anywhere}
.support-story .text-return{margin-top:31px}
.support-payment{min-width:0;border:1px solid hsl(var(--line));border-radius:21px;padding:28px;background:linear-gradient(155deg,hsl(var(--white)),hsl(95 32% 95%));box-shadow:0 15px 42px hsl(var(--ink) / .08)}
.payment-heading{display:flex;align-items:center;gap:14px;padding-bottom:24px;border-bottom:1px solid hsl(var(--line-soft))}
.payment-heading>div{min-width:0}
.payment-heading strong{font-size:21px;font-weight:800;letter-spacing:-.035em;display:block}
.payment-heading span:not(.payment-symbol){font-size:12px;color:hsl(var(--muted));margin-top:4px;display:block}
.payment-symbol{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:hsl(var(--mint));color:hsl(var(--green-dark))}
.payment-content{padding-block:25px 17px}
.payment-label{font-size:11px;font-weight:800;letter-spacing:.065em;color:hsl(var(--muted))}
.payment-key{margin-top:11px;display:block;padding:18px 15px;border:1px solid hsl(var(--line-soft));background:hsl(var(--white));border-radius:10px;color:hsl(var(--ink));font:650 clamp(11px,1.3vw,14px)/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;word-break:break-word;user-select:all}
.payment-button{margin-top:13px;width:100%}
.pix-feedback{min-height:17px;margin-top:9px;font-size:12px;line-height:1.5;color:hsl(var(--green))}
.payment-note{display:flex;align-items:flex-start;gap:10px;background:hsl(var(--mint-light));padding:14px;border-radius:10px}
.payment-note p{color:hsl(var(--ink-soft));font-size:12px;line-height:1.55}
.payment-note-icon{flex:0 0 18px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid hsl(var(--ink-soft));color:hsl(var(--ink-soft));font:bold 12px Georgia,serif}
.interest-thanks{min-height:calc(100svh - 154px);display:flex;align-items:center;justify-content:center;padding-block:54px 72px}
.thanks-message{max-width:580px;text-align:center;margin-inline:auto}
.thanks-symbol{margin:0 auto 26px;width:94px;height:94px;display:grid;place-items:center;background:linear-gradient(160deg,hsl(var(--white)),hsl(var(--mint)));border:1px solid hsl(var(--line-soft));border-radius:31px;color:hsl(var(--green-dark));box-shadow:inset 0 2px 2px hsl(var(--white)),0 12px 28px hsl(var(--ink) / .09)}
.thanks-message h1{font-size:clamp(52px,6vw,78px);line-height:1.04;letter-spacing:-.068em;margin-top:18px}
.thanks-description{max-width:500px;margin:22px auto 0;color:hsl(var(--ink-soft));font-size:17px;line-height:1.65}
.thanks-actions{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:28px}
.thanks-actions .text-return{margin-top:0}
.thanks-note{margin-top:34px;color:hsl(var(--muted));font-size:12px}
@media(max-width:850px){.support-layout{gap:28px}.support-payment{padding:22px}.support-story h1{font-size:clamp(42px,5vw,58px)}}
@media(max-width:720px){
.support-page{min-height:0;padding-block:43px 54px}
.support-layout{grid-template-columns:1fr;gap:29px}
.support-story h1{font-size:clamp(43px,9.5vw,58px)}
.support-intro{font-size:15px;line-height:1.65;margin-top:16px}
.support-alternative{margin-top:22px}
.support-alternative .support-divider{margin-bottom:15px}
.support-story .text-return{margin-top:20px}
.support-payment{padding:23px}
.payment-key{font-size:13px}
.interest-thanks{min-height:calc(100svh - 145px);padding-block:45px 62px}
.thanks-symbol{width:83px;height:83px;border-radius:26px}
.thanks-message h1{font-size:clamp(52px,12vw,73px)}
.thanks-description{font-size:15px;max-width:470px}
}
@media(max-width:390px){.support-payment{padding:19px}.payment-heading strong{font-size:19px}.payment-key{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Header language control: a globe and the active language, one tap to swap. */
.site-language-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:58px;min-height:37px;padding:5px 8px;border:1px solid hsl(var(--line-soft));border-radius:11px;background:hsl(var(--paper));color:hsl(var(--green-dark));font:inherit;font-size:12px;font-weight:800;letter-spacing:.03em;line-height:1;box-shadow:0 2px 6px #173b200d;transition:background-color .16s,border-color .16s}
.header-nav a.site-language-toggle{color:hsl(var(--green-dark))}
.site-language-toggle svg{flex:0 0 16px}
.site-language-toggle:hover{background:hsl(var(--mint-light));border-color:hsl(var(--line))}
.site-language-toggle:focus-visible{outline:3px solid hsl(var(--green));outline-offset:3px}
@media(max-width:720px){.header-nav{gap:8px}.header-inner{gap:10px}.site-language-toggle{min-width:54px;min-height:37px;padding:5px 7px}}
@media(max-width:390px){.brand{font-size:20px;gap:5px}.brand img{width:32px;height:32px}.header-nav{gap:6px}.nav-action{padding:9px 8px;font-size:11px}.site-language-toggle{min-width:50px;min-height:35px;gap:3px;padding:5px}.site-language-toggle svg{width:14px;height:14px;flex-basis:14px}}

@media(max-width:360px){.header-inner{gap:6px}.brand{font-size:18px;gap:4px}.brand img{width:29px;height:29px}.header-nav{gap:5px}.nav-action{font-size:10px;padding:9px 6px}.site-language-toggle{min-width:46px}}


/* Personal Free: the landing tells the same honest story as the app preview. */
.header-nav .nav-personal{display:inline-flex;align-items:center;white-space:nowrap}
.personal-landing{
  display:grid;grid-template-columns:minmax(0,1.03fr) minmax(300px,.97fr);
  align-items:center;gap:clamp(36px,6vw,84px);
  padding-block:88px 98px;border-top:1px solid hsl(var(--line-soft))
}
.personal-landing-intro{
  position:relative;isolation:isolate;overflow:hidden;
  padding:47px 24px 26px;border:1px solid #d9e5d4;border-radius:23px;
  background:radial-gradient(ellipse at 100% 0%,#d6eabd 0%,transparent 58%),linear-gradient(137deg,#edf3e9 0%,#e4eee0 100%)
}
.personal-landing-intro .personal-landing-ribbon{top:19px;right:-49px}
.personal-landing-kicker{
  display:block;color:hsl(var(--green));font-size:11px;
  letter-spacing:.1em;font-weight:850;line-height:1.3
}
.personal-landing h2{
  font-size:clamp(34px,4.4vw,54px);line-height:1.09;
  letter-spacing:-.055em;margin:19px 0 22px;max-width:610px
}
.personal-landing h2 em{font-style:normal;color:hsl(var(--green))}
.personal-landing-lead{
  max-width:510px;color:hsl(var(--ink-soft));
  font-size:16px;line-height:1.72
}
.personal-landing-steps{
  display:grid;gap:0;list-style:none;
  margin:27px 0 27px;padding:0;
  border-top:1px solid #dbe5d8
}
.personal-landing-steps li{
  display:flex;align-items:center;gap:13px;
  padding:13px 0;border-bottom:1px solid #dbe5d8;
}
.personal-landing-steps li>span{
  flex:0 0 33px;width:33px;height:33px;
  display:grid;place-items:center;border-radius:10px;
  background:#e6f0e0;color:#4e8059;
  font-size:11px;letter-spacing:.02em;font-weight:850
}
.personal-landing-steps li>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.personal-landing-steps strong{color:hsl(var(--ink));font-size:14px;font-weight:800}
.personal-landing-steps small{color:hsl(var(--ink-soft));font-size:12px;line-height:1.5}
.personal-landing-cta{
  display:inline-flex;align-items:center;justify-content:space-between;gap:28px;
  background:hsl(var(--green-dark));color:hsl(var(--white))
}
.personal-landing-cta:hover{background:hsl(var(--green))}
.personal-landing-cta span{font-size:17px;font-weight:500;line-height:1}
.personal-landing-how{
  max-width:470px;color:hsl(var(--green));line-height:1.55;
  font-size:12px;font-weight:750;margin-top:17px
}
.personal-landing-note{
  max-width:480px;color:hsl(var(--muted));line-height:1.55;
  font-size:12px;margin-top:7px
}
.personal-landing-side{display:flex;flex-direction:column;gap:15px;width:100%;max-width:470px;justify-self:end}
.personal-landing-preview{
  position:relative;isolation:isolate;overflow:hidden;
  justify-self:end;width:100%;max-width:470px;
  padding:28px 24px 20px;
  border:1px solid #dde7da;border-radius:26px;
  background:linear-gradient(180deg,#fff 0%,#fcfdf9 100%);
  box-shadow:0 12px 23px #1c453310,0 35px 80px #2845320a
}
.personal-landing-ribbon{
  position:absolute;z-index:2;top:29px;right:-49px;
  width:179px;min-height:35px;display:grid;place-items:center;
  rotate:45deg;background:#be6b4f;color:#fff9f1;
  font-size:11px;font-weight:850;letter-spacing:.1em;line-height:1.2;
  text-align:center;white-space:nowrap;pointer-events:none;
  box-shadow:0 4px 13px #5b392a35
}
.personal-landing-preview-top{max-width:305px;padding-right:22px}
.personal-landing-preview-top small{
  display:block;color:#679476;font-size:10px;
  letter-spacing:.13em;font-weight:850
}
.personal-landing-preview-top strong{
  display:block;color:#234a35;font-size:clamp(23px,2.6vw,29px);
  line-height:1.2;letter-spacing:-.045em;margin-top:10px
}
.personal-landing-preview-top p{
  color:#728b78;font-size:12px;line-height:1.6;margin-top:8px
}
.personal-landing-preview-slots{display:grid;gap:10px;margin-top:23px}
.personal-landing-preview-slot{
  display:flex;align-items:center;gap:13px;
  background:#f3f8f0;border:1px dashed #cfe0ca;
  border-radius:15px;padding:14px
}
.personal-landing-preview-number{
  flex:0 0 45px;width:45px;height:45px;display:grid;place-items:center;
  border-radius:13px;background:#e2edde;color:#5f8b69;
  font-size:13px;font-weight:850
}
.personal-landing-preview-slot>div{display:flex;flex:1;flex-direction:column;gap:5px}
.personal-landing-preview-slot strong{font-size:14px;font-weight:800;color:#315441}
.personal-landing-preview-slot small{font-size:11px;color:#83998a}
.personal-landing-preview-plus{color:#95b19a;font-size:22px;font-weight:350;line-height:1}
.personal-landing-preview-disabled{
  display:flex;align-items:center;justify-content:center;
  width:100%;min-height:46px;margin-top:16px;
  background:#e5ece3;border-radius:12px;color:#8b9e8c;
  font-size:12px;font-weight:850;cursor:default
}
.personal-landing-preview-caption{
  margin-top:12px;text-align:center;color:hsl(var(--muted));
  font-size:10px;line-height:1.5
}
.personal-landing-pro{
  padding:20px 23px 19px;border:1px solid #234d38;border-radius:19px;
  color:#f3f8ee;background:linear-gradient(140deg,#204733,#183a2b)
}
.personal-landing-pro-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b4dfa7}
.personal-landing-pro-head span:first-child{font-size:10px;letter-spacing:.12em;font-weight:850}
.personal-landing-pro-head span:last-child{font-size:16px}
.personal-landing-pro h3{max-width:360px;margin:12px 0 8px;font-size:clamp(18px,2.15vw,24px);line-height:1.2;letter-spacing:-.035em;color:#f8faf2}
.personal-landing-pro p{font-size:12px;line-height:1.65;color:#d4e5d5}
.personal-landing-pro small{display:block;margin-top:14px;padding-top:10px;border-top:1px solid #ffffff25;font-size:11px;line-height:1.45;color:#b2d2b9}
@media(max-width:920px){
  .header-nav{gap:18px}
  .header-nav .nav-personal{display:none}
  .personal-landing{gap:28px}
  .personal-landing h2{font-size:clamp(33px,4.5vw,45px)}
  .personal-landing-preview{padding:21px 17px 18px}
}
@media(max-width:720px){
  .personal-landing{grid-template-columns:1fr;gap:35px;padding-block:64px 72px}
  .personal-landing h2{font-size:clamp(34px,8vw,45px);margin:15px 0 17px}
  .personal-landing-lead{font-size:15px}
  .personal-landing-steps{margin:22px 0 25px}
  .personal-landing-side{justify-self:center;max-width:450px}
  .personal-landing-preview{justify-self:center;max-width:450px}
}
@media(max-width:390px){
  .personal-landing{gap:27px}
  .personal-landing h2{font-size:34px}
  .personal-landing-intro{padding:43px 17px 22px;border-radius:19px}
  .personal-landing-preview{padding:21px 15px 17px;border-radius:21px}
  .personal-landing-preview-slot{padding:12px;gap:10px}
  .personal-landing-preview-number{width:38px;height:38px;flex-basis:38px}
  .personal-landing-preview-top strong{font-size:23px}
}
/* The landing's timer mock mirrors the smaller Runner selector below the logo. */
.preview-app-brand .preview-workspace-trigger{display:inline-flex;align-items:center;gap:4px;color:hsl(var(--green));font-weight:800}
.preview-app-brand .preview-workspace-trigger span{font-size:10px}
.preview-app-brand .preview-workspace-trigger svg{width:12px;height:12px;flex:0 0 auto}


/* Two distinct paid plans, presented as previews, not active subscriptions. */
.runner-pro-landing{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);
  align-items:center;gap:clamp(32px,6vw,82px);
  padding-block:84px 94px;border-top:1px solid hsl(var(--line-soft))
}
.runner-pro-landing-eyebrow{
  display:block;color:hsl(var(--green));font-size:11px;line-height:1.4;
  letter-spacing:.11em;font-weight:850
}
.runner-pro-landing h2{
  margin:18px 0 19px;color:hsl(var(--ink));
  font-size:clamp(36px,4.5vw,56px);line-height:1.09;
  letter-spacing:-.055em
}
.runner-pro-landing h2 em{font-style:normal;color:hsl(var(--green))}
.runner-pro-landing-copy>p{
  max-width:500px;color:hsl(var(--ink-soft));font-size:16px;line-height:1.7
}
.runner-pro-landing-link{
  display:inline-flex;align-items:center;justify-content:space-between;gap:25px;
  min-height:48px;margin-top:25px;padding:12px 17px;
  border-radius:11px;background:hsl(var(--green-dark));color:#fff;
  font-size:13px;font-weight:800
}
.runner-pro-landing-link:hover{background:hsl(var(--green))}
.runner-pro-landing-link span{font-size:17px;font-weight:500}
.runner-pro-landing-copy>small{
  display:block;margin-top:12px;color:hsl(var(--muted));
  font-size:11px;line-height:1.55;max-width:470px
}
.runner-pro-landing-card{
  position:relative;isolation:isolate;overflow:hidden;
  padding:34px 27px 21px;border:1px solid #25563d;
  border-radius:25px;background:linear-gradient(145deg,#264c39,#1a3c2d);
  color:#f4f9ef;box-shadow:0 12px 30px #1e4b3423
}
.runner-pro-landing-ribbon{
  position:absolute;z-index:2;top:25px;right:-49px;width:180px;height:35px;
  display:grid;place-items:center;rotate:45deg;
  background:#be6b4f;color:#fff9f1;
  font-size:10px;letter-spacing:.12em;font-weight:850;
  pointer-events:none;box-shadow:0 3px 10px #092d2440
}
.runner-pro-landing-plan{
  display:block;font-size:10px;line-height:1.4;
  letter-spacing:.14em;font-weight:850;color:#bce4ad
}
.runner-pro-landing-card h3{
  margin:10px 0 22px;color:#fff;font-size:clamp(22px,2.6vw,30px);
  line-height:1.19;letter-spacing:-.045em;max-width:300px
}
.runner-pro-landing-features,.personal-landing-pro-features{
  display:grid;gap:0;margin:0;padding:0;list-style:none
}
.runner-pro-landing-features li{
  display:flex;align-items:center;gap:12px;min-height:47px;
  padding:10px 0;border-top:1px solid #ffffff25;
  color:#e6f2e4;font-size:12px;font-weight:750;line-height:1.45
}
.runner-pro-landing-features li>span{
  flex:0 0 27px;font-size:10px;letter-spacing:.02em;
  font-weight:900;color:#b7dcac
}
.personal-landing-pro-features{margin-top:15px}
.personal-landing-pro-features li{
  display:flex;align-items:center;gap:11px;min-height:39px;
  border-top:1px solid #ffffff25;padding:9px 0;
  color:#f0f8ed;font-size:11px;font-weight:730;line-height:1.45
}
.personal-landing-pro-features li>span{
  flex:0 0 25px;color:#acd6a9;font-size:10px;font-weight:900
}
@media(max-width:920px){
  .runner-pro-landing{gap:26px}
  .runner-pro-landing h2{font-size:clamp(34px,4.5vw,46px)}
  .runner-pro-landing-card{padding:31px 18px 15px}
}
@media(max-width:720px){
  .runner-pro-landing{grid-template-columns:1fr;gap:29px;padding-block:60px 65px}
  .runner-pro-landing h2{font-size:clamp(34px,8.2vw,45px)}
  .runner-pro-landing-copy>p{font-size:15px}
  .runner-pro-landing-card{max-width:470px;width:100%;justify-self:center}
}
@media(max-width:390px){
  .runner-pro-landing-card{padding:32px 16px 15px;border-radius:20px}
  .runner-pro-landing h2{font-size:34px}
  .runner-pro-landing-features li{font-size:11px;gap:9px}
}

/* Public legal documents link to the footer without cluttering the product CTA. */
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.footer-legal{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.footer-legal a{color:inherit;font-size:11px;font-weight:700;line-height:1.45;text-decoration:none}
.footer-legal a:hover,.footer-legal a:focus-visible{color:hsl(var(--green-dark));text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){.footer-inner{align-items:flex-start;gap:12px}.footer-legal{gap:13px}}

/* Compact coach cross-link: the homepage remains for runners, not a second product landing. */
.coach-bridge{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.75fr);
  gap:clamp(24px,6vw,88px);align-items:center;
  padding-block:clamp(36px,6vw,80px);border-top:1px solid hsl(var(--line-soft))
}
.coach-bridge-copy h2{font-size:clamp(30px,3.5vw,47px);line-height:1.12;letter-spacing:-.05em;margin:10px 0 18px}
.coach-bridge-copy h2 em{font-style:normal;color:hsl(var(--green))}
.coach-bridge-copy>p:not(.section-overline){font-size:15px;line-height:1.75;color:hsl(var(--ink-soft));max-width:660px}
.coach-bridge-copy .coach-bridge-link{display:inline-flex;gap:8px;align-items:center;margin-top:22px;color:hsl(var(--green-dark));font-size:14px;font-weight:850;text-decoration:underline;text-underline-offset:5px}
.coach-bridge-copy>small{display:block;color:hsl(var(--muted));font-size:11px;margin-top:14px;line-height:1.4}
.coach-bridge-steps{display:grid;gap:8px;padding:18px;border:1px solid #dce7d5;border-radius:23px;background:linear-gradient(150deg,#f4f9ee,#e5f0df)}
.coach-bridge-steps>span{display:flex;align-items:center;gap:13px;min-height:54px;padding:8px 13px;border:1px solid #e1ebda;border-radius:12px;background:#fffefa}
.coach-bridge-steps i{font-style:normal;font-size:11px;font-weight:900;color:#438359}
.coach-bridge-steps strong{color:#2c5940;font-size:13px}
@media(max-width:760px){.coach-bridge{grid-template-columns:1fr}.coach-bridge-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:9px}.coach-bridge-steps>span{padding:8px 5px;min-height:50px;gap:5px;justify-content:center}.coach-bridge-steps strong{font-size:11px}.coach-bridge-steps i{font-size:9px}}
@media(max-width:365px){.coach-bridge-steps strong{font-size:10px}.coach-bridge-steps>span{gap:3px}}