/* Marketing polish: normal-flow images, filled demo screens, compact spacing. */
html{scroll-padding-top:100px}.shell>*{min-width:0}img{height:auto}
.hero{min-height:0;padding-top:144px;padding-bottom:72px;gap:40px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.hero h1{font-size:clamp(3.3rem,5.25vw,5.3rem);line-height:1.02;letter-spacing:-.052em}
.hero h1 span,.section-heading h2 span,.coach-copy h2 span,.final-cta h2 span{color:var(--text);-webkit-text-stroke:0}
.hero-stage{min-height:0;padding:30px 0 120px;display:block;isolation:isolate}
.browser-frame{width:100%;margin:0;transform:perspective(1200px) rotateY(-3deg);border-radius:20px}
.phone-frame{right:0;bottom:40px;width:29%;height:auto;aspect-ratio:390/1060;transform:rotate(3deg)}
.phone-frame img{width:100%;height:100%;object-fit:cover;object-position:top}
.card-progress{bottom:38px;left:0;width:158px}.card-status{display:none}
.demo-note{color:#a9bbb5;font-size:.75rem;line-height:1.5;letter-spacing:0;margin:14px 0 0}
.hero-stage>.demo-note{position:absolute;bottom:0;left:0;right:0;max-width:100%}
.browser-url{color:#a9c3b8}.live-pill{font-size:.65rem}.section{padding-block:88px}.section-heading{margin-bottom:40px}
.section-heading h2,.coach-copy h2{line-height:1.06;letter-spacing:-.045em}
.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:20px}
.bento-large,.bento-tall{grid-row:auto;min-height:0;padding:28px;display:flex;flex-direction:column;gap:24px}
.bento-copy{flex:none;max-width:none}.bento h3{line-height:1.1;overflow-wrap:break-word}
.screen-window,.phone-card{position:relative;inset:auto;width:100%;max-width:100%;height:auto;margin:0;transform:none;flex:none;overflow:hidden;border-radius:18px;box-shadow:0 16px 45px #0003}
.screen-window{margin-top:auto;border:1px solid var(--line)}.screen-window img{width:100%;height:auto}
.phone-card{width:min(300px,100%);align-self:center;padding:0;background:var(--white);border:1px solid #0e1f1a20;margin-top:auto}
.phone-card img{width:100%;height:auto;border-radius:0}.screen-window picture,.phone-card picture{display:block}
.bento>.demo-note{margin-top:-10px}.bento-mint .demo-note{color:#28544a}
.coach-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px}.coach-visual{padding:0 0 48px}
.coach-screen{transform:none}.coach-float.one{right:14px;top:-20px;min-width:120px}.coach-float.two{left:12px;bottom:20px}
.coach-visual>.demo-note{position:absolute;bottom:-8px;left:0}.personas{padding-top:68px;padding-bottom:88px}
.persona{min-height:240px;gap:14px}.persona h3{margin:12px 0 0}.persona p{margin:0}.persona a{margin-top:auto;display:inline-flex;align-items:center;min-height:44px}
.metric-demo-label{display:block;margin-top:12px;color:var(--muted);font-size:.8rem}.price{flex-wrap:wrap}.price strong{white-space:nowrap}
.plan-badge{color:#bbd1c8}.price span,.annual{color:#adc2ba}.coach-tiers>p{color:#adc2ba}.footer-links a,.footer-brand p,.footer-bottom{color:#a5beb3}
.reveal{opacity:1;transform:none}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(12px)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:5px}
.final-cta{min-height:460px;padding-block:72px}.final-cta h2{line-height:1.04}footer{padding-top:52px}
@media(max-width:1100px){
 .hero{grid-template-columns:minmax(0,1fr);gap:20px}.hero-copy{max-width:780px}.hero-stage{width:min(780px,100%);margin-inline:auto}
 .menu-button{display:grid}.mobile-nav.open{display:block}.coach-grid{grid-template-columns:minmax(0,1fr);gap:40px}.coach-visual{max-width:900px}
}
@media(max-width:820px){
 .header-inner{gap:12px}.header-actions{gap:12px}.hero{padding-top:120px;padding-bottom:44px}.hero-stage{padding-top:16px;padding-bottom:100px}
 .hero h1{font-size:clamp(3rem,10vw,4.6rem)}.section{padding-block:60px}.section-heading{margin-bottom:30px}
 .section-heading h2,.coach-copy h2,.section-heading.compact h2{font-size:clamp(2.45rem,8.3vw,3.8rem);line-height:1.07}
 .bento-grid{grid-template-columns:minmax(0,1fr)}.bento-large,.bento-tall{padding:24px;gap:24px}
 .screen-window{margin-top:0}.phone-card{width:min(360px,100%);align-self:center;margin-top:0}.bento>.demo-note{margin-top:0}
 .coach-visual{padding-bottom:42px}.coach-float.one{display:none}.coach-float.two{left:12px;bottom:22px}.coach-visual>.demo-note{bottom:-8px}
 .personas{padding-top:48px;padding-bottom:60px}.persona{min-height:0;gap:14px}.persona h3{margin:0}.persona-number{margin-bottom:4px}
 .final-cta{min-height:0;padding-block:68px}.faq-grid{gap:10px}.footer-links a{min-height:30px}.hero-meta{margin-top:30px}
}
@media(max-width:560px){
 .brand{padding:7px 8px}.brand img{width:116px}.header-inner{gap:8px}.header-actions{gap:8px}.button-small{padding-inline:12px;font-size:.82rem}
 .hero .eyebrow{font-size:.64rem;letter-spacing:.11em;line-height:1.7}.hero h1{font-size:clamp(2.7rem,12.7vw,3.8rem)}
 .hero-stage{min-height:0;width:100%;margin-top:0}.browser-frame{border-radius:15px}.phone-frame{width:29%;height:auto;right:0;bottom:40px;border-radius:22px;padding:5px}
 .card-progress{width:128px;padding:12px;bottom:34px;transform:none}.card-progress>strong{font-size:1.4rem}.card-progress>span{font-size:.55rem}.mini-bars{height:22px}
 .screen-window{inset:auto;transform:none;width:100%;margin:0}.bento h3{font-size:1.72rem}.bento:not(.bento-large):not(.bento-tall){min-height:0}.micro-list{gap:7px;margin-top:20px}.micro-list li{font-size:.72rem;padding:8px 10px}
 .demo-note{font-size:.72rem}.coach-points{margin-block:24px}.coach-points>div{padding-block:15px}.hero-meta{gap:8px;padding-top:20px}.persona{padding:24px}.footer-bottom{margin-top:30px}
}
@media(prefers-reduced-motion:reduce){.js-motion .reveal:not(.visible){opacity:1;transform:none}}
/* The decorative glow must not enlarge the document on 320 px screens. */
.ambient{max-width:80%;max-height:80%}