/* FitBot canon: brandbook.md §§5–6; no independent font or palette. */
:root{--color-bg:#fbf5fb;--color-card:#fffafd;--color-accent:#7851a9;--color-primary-light:#ede1f8;--color-text-main:#000;--orange:#f97316;--purple-gradient:linear-gradient(135deg,#7851a9 0%,#9c6dcc 100%);--orange-gradient:linear-gradient(135deg,#f97316 0%,#fb923c 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--color-bg);color:var(--color-text-main);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.6}::selection{background:#7851a9;color:white}a{color:inherit;text-underline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #7851a9;outline-offset:5px}h1,h2,p,figure{margin:0}h1,h2{font-weight:800;line-height:1.12;letter-spacing:-.03em;text-wrap:balance}h2{font-size:clamp(32px,4vw,49px)}h2 span{color:var(--color-accent)}p{font-size:18px}.wrap{width:min(1140px,calc(100% - 72px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;height:100px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:800;text-decoration:none;color:var(--color-accent)}.brand img{display:block}.club{font-size:14px;color:#7851a9}.header-link{font-size:14px;font-weight:700;text-decoration:none}.header-link span{margin-left:15px}.hero{padding:35px 0 70px;background:linear-gradient(135deg,#fbf5fb 0%,#ede1f8 100%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}.hero h1{font-size:clamp(41px,4.5vw,60px)}.hero h1 span{color:var(--color-accent)}.hero-copy p{margin-top:22px;max-width:540px}.hero-copy .hero-lead{font-size:27px;line-height:1.45;margin-top:28px}.hero-lead strong{color:var(--color-accent)}.button{display:inline-flex;align-items:center;justify-content:space-between;min-height:58px;gap:28px;padding:17px 22px;border-radius:16px;font-size:16px;font-weight:800;color:white;text-decoration:none;transition:transform .2s,box-shadow .2s}.button span{font-size:23px;line-height:1}.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #7851a933}.primary{background:var(--purple-gradient);box-shadow:0 4px 14px #7851a933}.orange{background:var(--orange-gradient);box-shadow:0 4px 14px #f9731633}.hero .button{margin-top:28px}.hero-copy .free-note{font-size:14px;margin-top:17px;font-weight:700;color:#7851a9}.hero-screen{width:100%;max-width:350px;justify-self:center}.screen-frame{overflow:hidden;border-radius:22px;background:#fbf5fb;box-shadow:0 12px 38px #7851a922;border:1px solid #ded0eb}.screen-frame img{display:block;width:100%;height:auto;object-fit:contain;filter:none;transform:none}.hero-screen .screen-frame{border:6px solid #7851a9;border-radius:28px}figcaption{text-align:center;font-size:12px;line-height:1.5;margin-top:16px;color:#665777}.ribbon{background:var(--purple-gradient);color:white;text-align:center;padding:24px}.ribbon p{font-size:21px}.intro{padding-top:75px;padding-bottom:70px}.intro>p{max-width:730px;margin-top:22px}.story-nav{display:flex;gap:40px;margin-top:30px}.story-nav a{font-size:16px;font-weight:800;color:#7851a9}.story-nav span{margin-left:25px}.section{padding:75px 0}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}.section-copy>p{margin-top:24px}.section-copy>.detail{font-size:13px;color:#665777;margin-top:24px}.section-copy .button{margin-top:28px}.nutrition{background:#fffafd}.product-figure{max-width:350px;width:100%;justify-self:center}.screenshot-tabs{display:flex;gap:8px;margin-bottom:15px}.screenshot-tabs button{font:inherit;font-size:13px;font-weight:700;border:1px solid #d9c5ee;background:#f5f3ff;color:#7851a9;border-radius:12px;min-height:46px;width:50%;cursor:pointer}.screenshot-tabs button.active{background:var(--purple-gradient);color:white}.benefits{padding:0;margin:27px 0;list-style:none}.benefits li{font-size:17px;border-top:1px solid #e4d7ee;padding:18px 0}.benefits strong{color:#7851a9;font-size:19px}.progress-section{background:#f3e8ff}.reverse{grid-template-columns:.85fr 1.15fr}.reverse .section-copy{grid-column:2;grid-row:1}.reverse .product-figure{grid-column:1;grid-row:1}.bold-line{font-weight:800;color:#7851a9}.inbody{background:#fffafd}.inbody h2 span{color:#e5650d}.beta-note{background:#f5f3ff;padding:20px;border-radius:16px;margin-top:25px}.beta-note strong{font-size:15px;color:#7851a9}.beta-note p{font-size:14px;margin-top:8px}.author{background:var(--purple-gradient);color:white}.author-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.author h2 span{color:white}.author-lead{font-size:23px;font-weight:600}.author-layout p+p{font-size:15px;margin-top:18px}.start{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%)}.start h2{font-size:clamp(35px,4.5vw,54px)}.start-lead{margin-top:23px;font-size:22px}.steps{counter-reset:step;list-style:none;padding:0;margin:45px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps li{counter-increment:step;border-top:1px solid #c9b4df;padding-top:20px}.steps li:before{content:counter(step);display:block;color:#7851a9;font-weight:800;margin-bottom:12px}.steps strong{display:block;font-size:19px;color:#7851a9}.steps span{display:block;font-size:15px;margin-top:8px}.final-action{border-top:1px solid #c9b4df;padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.final-action strong{font-size:29px;color:#7851a9}.final-action p{font-size:15px;margin-top:6px}.final-action .button{min-width:310px}.final-note{font-size:13px;margin-top:20px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px}.footer>a:last-child{font-size:12px}.footer p{font-size:20px;font-weight:750;line-height:1.3;color:var(--color-accent);max-width:24ch;text-wrap:balance}.skip{position:fixed;top:-100px;left:15px;background:white;padding:15px;z-index:10}.skip:focus{top:15px}
@media(max-width:980px){.wrap{width:calc(100% - 48px)}.hero-grid,.split{gap:40px}.hero h1{font-size:44px}.hero-copy .hero-lead{font-size:24px}.hero-screen,.product-figure{max-width:310px}.hero .button{font-size:14px;padding:17px}.author-layout{gap:35px}.section{padding:60px 0}}
@media(max-width:768px){.wrap{width:calc(100% - 36px)}.header{height:78px}.brand{font-size:25px}.brand img{width:34px;height:34px}.club{font-size:12px}.header-link{display:none}.hero{padding-top:24px;padding-bottom:40px}.hero-grid,.split,.author-layout{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(36px,8.8vw,58px);line-height:1.1}.hero-copy .hero-lead{font-size:23px;margin-top:23px}.hero-copy>p{font-size:16px;margin-top:17px}.hero .button{width:100%;font-size:14px;margin-top:23px;min-height:56px}.hero-copy .free-note{font-size:13px;margin-top:14px}.hero-screen{max-width:350px;width:100%}.hero-screen .screen-frame{border-width:5px}.ribbon{padding:20px 18px}.ribbon p{font-size:17px}.ribbon strong{display:block}.intro{padding-top:45px;padding-bottom:45px}.intro h2{font-size:32px}.intro>p{font-size:16px;margin-top:19px}.story-nav{flex-direction:column;gap:17px;margin-top:26px}.story-nav a{display:flex;justify-content:space-between;font-size:15px}.section{padding:45px 0}.section-copy h2{font-size:34px}.section-copy>p{font-size:16px;margin-top:21px}.section-copy>.detail{font-size:13px}.product-figure{max-width:350px;width:100%}.benefits{margin:22px 0 10px}.benefits li{font-size:16px;padding:14px 0}.benefits strong{font-size:18px}.reverse .section-copy,.reverse .product-figure{grid-column:auto;grid-row:auto}.section-copy .button{width:100%;font-size:14px;margin-top:24px}.beta-note{padding:18px}.beta-note p{font-size:14px}.author h2{font-size:34px}.author-lead{font-size:20px}.author-layout{gap:23px}.start h2{font-size:36px}.start-lead{font-size:19px;margin-top:21px}.steps{grid-template-columns:1fr;gap:21px;margin:30px 0}.steps li{display:grid;grid-template-columns:25px 1fr;gap:0 10px;padding-top:15px}.steps li:before{grid-row:1/3;margin:2px 0}.steps strong{font-size:18px}.steps span{font-size:14px;margin-top:5px}.final-action{display:block;padding-top:25px}.final-action strong{font-size:27px}.final-action .button{width:100%;min-width:0;margin-top:23px}.footer{flex-wrap:wrap;gap:15px}.footer p{font-size:16px;line-height:1.35;flex-basis:100%;max-width:none;margin:0;order:-1}.footer>a:last-child{font-size:12px}figcaption{font-size:12px}.screen-frame{border-radius:18px}}
@media(max-width:380px){.hero h1{font-size:35px}.hero-copy .hero-lead{font-size:21px}.button{gap:12px}.section-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.workspace{background:#f3e8ff}.chat-section{background:#f5f3ff}.dashboard-figure{max-width:400px}.dashboard-figure>a{display:block} .dashboard-figure figcaption a{font-weight:700;color:#7851a9}
.science{background:#fffafd;border-top:1px solid #e4d7ee}.science-heading{max-width:800px}.science-eyebrow{font-size:14px;font-weight:800;color:#7851a9;margin-bottom:14px}.science-heading>p:last-child{margin-top:24px}.science-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px}.science-source{display:flex;flex-direction:column;text-decoration:none;border-top:3px solid #9c6dcc;padding-top:20px}.science-source-title>strong{font-size:39px;line-height:1.2;letter-spacing:-.03em;color:#7851a9}.science-org{font-size:13px;font-weight:700;line-height:1.5;margin-top:9px}.science-source p{font-size:15px;margin:17px 0 20px}.science-link{font-size:12px;font-weight:700;color:#7851a9;margin-top:auto;text-decoration:underline}.science-source:hover .science-link{text-decoration-thickness:2px}.science-close{font-size:16px;max-width:760px;margin-top:34px;font-weight:600}@media(max-width:980px){.science-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.science-grid{grid-template-columns:1fr;gap:27px}.science-heading h2{font-size:32px}.science-heading>p:last-child{font-size:16px}.science-source-title>strong{font-size:36px}.science-source p{margin:12px 0 14px}}
.founder{background:#fffafd}.founder-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:64px;align-items:center}.founder-photo{display:block;width:100%;height:auto;border-radius:22px}.founder-label{font-size:14px;font-weight:700;color:#7851a9;margin-bottom:18px}.founder-copy h2{font-size:clamp(30px,3.5vw,43px)}.founder-copy>p:not(.founder-label){margin-top:20px;max-width:620px}@media(max-width:768px){.founder-layout{grid-template-columns:1fr;gap:28px}.founder-photo{max-width:320px;justify-self:center}.founder-label{font-size:13px;margin-bottom:14px}.founder-copy>p:not(.founder-label){font-size:16px;margin-top:17px}}
/* Canonical screenshot galleries: native horizontal scroll, no nested vertical panel. */
.split>*{min-width:0}.screen-carousel{width:100%;max-width:380px;justify-self:center}.carousel-hint{font-size:13px;color:#665777;margin-bottom:12px;text-align:center}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9c6dcc #ede1f8;border-radius:18px;overscroll-behavior-x:contain}.carousel-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;margin:0;padding-bottom:10px}.carousel-slide .screen-frame{box-shadow:none}.carousel-slide figcaption{min-height:42px;padding:0 8px;color:#59436c;font-size:13px}.carousel-track:focus-visible{outline:3px solid #7851a9;outline-offset:5px}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.carousel-controls[hidden]{display:none}.carousel-arrow,.carousel-dot{border:0;font:inherit;cursor:pointer;min-width:44px;height:44px;color:#7851a9}.carousel-arrow{border-radius:12px;background:#ede1f8;font-size:23px}.carousel-arrow:disabled{opacity:.35;cursor:default}.carousel-dots{display:flex;justify-content:center;flex-wrap:wrap}.carousel-dot{display:grid;place-items:center;padding:0;background:transparent;min-width:32px}.carousel-dot:before{content:'';width:8px;height:8px;background:#cdb8e1;border-radius:50%}.carousel-dot[aria-current=true]:before{background:#7851a9;width:20px;border-radius:6px}.carousel-count{font-size:12px;color:#665777;white-space:nowrap}@media(max-width:768px){.screen-carousel{max-width:380px}.carousel-dot{min-width:36px}}
.autosync{margin-top:25px;border-left:4px solid #9c6dcc;padding:4px 0 4px 20px}.autosync h3{font-size:25px;line-height:1.2;letter-spacing:-.02em;color:#7851a9;margin:0 0 16px}.autosync>p{font-size:16px}.autosync dl{margin:18px 0 0}.autosync dl>div+div{margin-top:15px}.autosync dt{font-size:16px;font-weight:800;color:#7851a9}.autosync dd{margin:3px 0 0;font-size:16px}

.club{font-size:20px;font-weight:750;line-height:1.3}@media(max-width:768px){.club{font-size:16px;line-height:1.35}.header{gap:16px}}

/* Caption-free frames do not reserve the removed caption height. */
.carousel-track{align-items:flex-start}

.science-source-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.source-flag{display:block;width:57px;height:38px;object-fit:contain}.footer p span{display:block;color:#c24b08}

.club>span{color:#c24b08}