/* Scoped body refinements. Shared brand-header.css remains the chrome standard. */
:is(#growth-launch,#growth-pro) .ux-split{display:grid;grid-template-columns:1.12fr .88fr;gap:8%;align-items:center}
:is(#growth-launch,#growth-pro) .ux-split>*,:is(#growth-launch,#growth-pro) .ux-values>*{min-width:0}
:is(#growth-launch,#growth-pro) .ux-reverse{grid-template-columns:.88fr 1.12fr}
:is(#growth-launch,#growth-pro) .ux-reverse .ux-visual{grid-column:1;grid-row:1}
:is(#growth-launch,#growth-pro) .ux-reverse :is(.px-copy,.pv-copy){grid-column:2;grid-row:1}
:is(#growth-launch,#growth-pro) .ux-feature{padding-block:100px}
:is(#growth-launch,#growth-pro) .ux-feature h2{font-size:clamp(29px,3.2vw,45px);line-height:1.34;letter-spacing:-.055em;text-wrap:initial}
:is(#growth-launch,#growth-pro) .ux-feature .release-screen{width:min(100%,280px)}
:is(#growth-launch,#growth-pro) .ux-visual{position:relative}
:is(#growth-launch,#growth-pro) .ux-visual:before{content:'';position:absolute;inset:10% 0;background:radial-gradient(ellipse,#ffffff04,transparent 70%);pointer-events:none}
:is(#growth-launch,#growth-pro) .release-label{color:#bfc5b6;font-size:12px;line-height:1.8;letter-spacing:.14em}
:is(#growth-launch,#growth-pro) .ux-hero-summary{color:#e0e3da;line-height:1.85;max-width:30em}
:is(#growth-launch,#growth-pro) .ux-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 26px}
#growth-launch .px-hero{min-height:750px;padding:60px 0 24px;background:#090b09;overflow:hidden}
#growth-launch .px-hero-grid{grid-template-columns:1.2fr .8fr;gap:7%}
#growth-launch #launch-title{font-size:clamp(32px,3.55vw,52px);line-height:1.3;letter-spacing:-.065em;text-wrap:initial}
#growth-launch .ux-hero-phone .release-screen{width:min(100%,285px)}
#growth-launch .ux-hero-phone img{filter:drop-shadow(0 24px 25px #0007)}
#growth-launch .px-hero-copy .launch-brand{margin-bottom:32px}
#growth-launch .px-hero-copy .ux-hero-summary{font-size:19px;margin-top:26px}
#growth-launch .px-hero-copy .px-button{margin-top:26px}
#growth-launch .px-hero-copy .px-text-link{margin-top:26px;padding:14px 0;border-color:#9aa38a;font-size:14px}
#growth-launch .px-hero-copy .px-availability{margin-top:22px;font-size:12px;color:#d4dacb;letter-spacing:0;line-height:1.85}
#growth-launch .ux-motion{position:absolute;inset:0;z-index:0;pointer-events:none;background:#090b09}
#growth-launch .ux-motion :is(video,.ux-motion-poster,.ux-motion-shade){position:absolute;inset:0;width:100%;height:100%}
#growth-launch .ux-motion :is(video,.ux-motion-poster){object-fit:cover;object-position:center;filter:grayscale(1);opacity:.38}
#growth-launch .ux-motion video{opacity:0;transition:opacity .4s linear}
#growth-launch .ux-motion[data-video-state=playing] video,#growth-launch .ux-motion[data-video-state=paused] video{opacity:.38}
#growth-launch .ux-motion-shade{background:linear-gradient(90deg,#090b09f2 0%,#090b09c4 50%,#090b0961),linear-gradient(0deg,#090b09,transparent 35%)}
#growth-launch .ux-hero-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;padding-top:20px;border-top:1px solid #ffffff24;color:#bdc5b3;font-size:12px;line-height:1.8}
#growth-launch .ux-motion-toggle{font:inherit;line-height:1.6;min-height:44px;padding:10px 14px;color:#e8eddf;background:#141812;border:1px solid #67725a;border-radius:3px;cursor:pointer;flex:none}
#growth-launch .ux-motion-toggle[hidden]{display:none}
#growth-launch .ux-motion-toggle:disabled{cursor:default;color:#bdc5b3;border-color:#46503d}
#growth-launch .px-workout{background:linear-gradient(90deg,#11130ff7,#11130ff0),url('/growth/assets/temp-growth-gym.webp') center/cover}
#growth-launch .px-calendar{background-color:#171a15;background-image:radial-gradient(#ffffff0a 1px,transparent 1px);background-size:20px 20px}
#growth-launch .px-progress{background-color:#0d100b;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:64px 64px}
#growth-launch .px-photos{background:#191d16}
#growth-launch .px-ai{background:radial-gradient(ellipse at 82% 48%,#d2ff0008,transparent 58%),#0e110c}
#growth-launch .px-card{background:linear-gradient(90deg,#141811f0,#141811fa),url('/growth/assets/gym-barbell-poster.webp') center/cover}
#growth-launch .ux-devices{background:#0b0e09;padding-block:105px}
#growth-launch .ux-devices h2{font-size:clamp(32px,3.8vw,52px)}
#growth-launch .ux-device-pair{position:relative;width:100%;max-width:550px;aspect-ratio:1/1.10;margin:0 auto}
#growth-launch .ux-device-pair .is-ipad{position:absolute;top:0;left:0;width:77%;max-width:none}
#growth-launch .ux-device-pair .is-phone{position:absolute;bottom:0;right:0;width:35%;max-width:none;filter:drop-shadow(0 16px 25px #0009)}
#growth-launch .ux-devices .px-fine{margin-top:20px}
#growth-launch .px-home-plan{background:#171d12;padding-block:95px}
#growth-launch .release-plan-grid{grid-template-columns:1.1fr 1.1fr .65fr;gap:5%}
#growth-launch .release-plan-grid h2{font-size:clamp(29px,3vw,42px);line-height:1.38;text-wrap:initial}
#growth-launch .ux-end{padding:90px 0;background:#10150c;min-height:0}
#growth-launch .ux-end h2{font-size:clamp(28px,3.5vw,48px);line-height:1.4;text-wrap:initial}
#growth-launch .ux-end p{margin-top:24px}
#growth-pro .pv-hero{background:#10140d;padding:72px 0 70px}
#growth-pro .pv-hero-grid{grid-template-columns:1.4fr .8fr;gap:7%}
#growth-pro #pro-title{font-size:clamp(29px,3.4vw,48px);line-height:1.38;letter-spacing:-.065em;text-wrap:initial}
#growth-pro .pv-hero .ux-hero-summary{font-size:18px;max-width:29em;margin-top:24px}
#growth-pro .pv-hero .pv-link{min-height:44px;padding:12px 0;margin-top:16px}
#growth-pro .pv-hero .release-screen{width:min(100%,270px)}
#growth-pro .pv-exercise{background:#14190f}
#growth-pro .pv-analytics{background-color:#0c1009;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:64px 64px}
#growth-pro .ux-category{background:#171d11}
#growth-pro .pv-photos{background:#10140d}
#growth-pro .pv-ai{background:radial-gradient(ellipse at 80% 50%,#d2ff0006,transparent 55%),#161c10}
#growth-pro .ux-metric{margin-top:30px;padding:23px 0;border-block:1px solid #46513c;max-width:510px}
#growth-pro .ux-metric-label{font-size:13px;color:#d4dcc9;display:block;margin-bottom:17px}
#growth-pro .ux-values{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1.15fr);gap:12px;align-items:center}
#growth-pro .ux-values small{display:block;font-size:11px;letter-spacing:.09em;color:#b9c4a9;margin-bottom:10px}
#growth-pro .ux-values :is(strong,div>span){font-size:clamp(21px,2.7vw,36px);font-weight:750;line-height:1.35;letter-spacing:-.06em;display:block}
#growth-pro .ux-values div>span{color:#d8dfcf}
#growth-pro .ux-values strong{color:#d2ff00}
#growth-pro .ux-metric-arrow{font-size:24px;color:#a7b895}
#growth-pro .pv-copy .pv-note{font-size:13px;line-height:1.85;color:#b4c1a5;max-width:40em;margin-top:20px}
#growth-pro .pv-other{padding:90px 0;background:#0b1008}
#growth-pro .pv-other>div>h2{font-size:clamp(30px,3.2vw,44px)}
#growth-pro .release-custom h3{font-size:clamp(27px,2.8vw,37px);line-height:1.4;letter-spacing:-.045em}
#growth-pro .pv-other-grid{margin-top:40px;gap:35px}
#growth-pro .pv-other-grid h3{font-size:19px}
#growth-pro .pv-other-grid p{margin-top:14px;color:#b9c4ad}
#growth-pro .pv-other-grid .release-label{margin-bottom:15px}
#growth-pro .vp-comparison{padding-block:90px}
#growth-pro .vp-comparison>h2{font-size:clamp(30px,3.3vw,45px)}
#growth-pro .pv-compare-visual{margin-block:32px}
#growth-pro .ux-pro-break{padding:70px 0;background:#141b0e;min-height:0}
#growth-pro .ux-pro-break h2{font-size:clamp(27px,3.1vw,43px);line-height:1.45}
#growth-pro .pv-final{padding:95px 0}
#growth-pro .pv-final h2{font-size:clamp(29px,3.2vw,44px);line-height:1.4;text-wrap:initial}
#growth-pro .pv-final .pv-annual{font-size:clamp(56px,6.4vw,88px)}
:is(#growth-launch,#growth-pro) a,:is(#growth-launch,#growth-pro) button{touch-action:manipulation}
@media(max-width:1000px){
  :is(#growth-launch,#growth-pro) .ux-feature{padding-block:80px}
  #growth-launch .px-hero{min-height:660px}
  #growth-launch .release-plan-grid{grid-template-columns:1fr 1fr}
  #growth-launch .release-plan-grid .release-screen{grid-column:2;max-width:210px}
  #growth-launch .ux-device-pair{aspect-ratio:1/1.10}
}
@media(max-width:820px) and (min-width:651px){
  :is(#growth-launch,#growth-pro) .ux-split{grid-template-columns:1fr .8fr;gap:6%}
  :is(#growth-launch,#growth-pro) .ux-reverse{grid-template-columns:.8fr 1fr}
  :is(#growth-launch,#growth-pro) .ux-feature h2{font-size:29px}
  #growth-launch .px-hero-grid{gap:5%;grid-template-columns:1.15fr .85fr}
  #growth-launch #launch-title{font-size:30px}
  #growth-pro .pv-hero-grid{grid-template-columns:1.25fr .75fr;gap:5%}
  #growth-pro #pro-title{font-size:30px}
  #growth-pro .ux-values{gap:8px;grid-template-columns:1fr 20px 1.12fr}
  #growth-pro .ux-values :is(strong,div>span){font-size:23px}
}
@media(max-width:650px){
  :is(#growth-launch,#growth-pro) .ux-split{grid-template-columns:1fr;gap:36px}
  :is(#growth-launch,#growth-pro) .ux-reverse .ux-visual,:is(#growth-launch,#growth-pro) .ux-reverse :is(.px-copy,.pv-copy){grid-column:auto;grid-row:auto}
  :is(#growth-launch,#growth-pro) .ux-feature{padding-block:65px}
  :is(#growth-launch,#growth-pro) .ux-feature h2{font-size:clamp(26px,7.2vw,33px);line-height:1.4;letter-spacing:-.06em}
  :is(#growth-launch,#growth-pro) .ux-feature .release-screen{width:min(76vw,265px)}
  :is(#growth-launch,#growth-pro) .release-label{font-size:11px;margin-bottom:17px}
  #growth-launch .px-hero{padding:38px 0 20px;min-height:0}
  #growth-launch .px-hero-grid{grid-template-columns:1fr;gap:35px}
  #growth-launch #launch-title{font-size:clamp(28px,7.8vw,35px);line-height:1.4}
  #growth-launch .px-hero-copy .launch-brand{margin-bottom:27px}
  #growth-launch .px-hero-copy .ux-hero-summary{font-size:17px;margin-top:19px}
  #growth-launch .ux-hero-phone .release-screen{width:min(65vw,250px)}
  #growth-launch .ux-hero-bottom{margin-top:27px;align-items:flex-start;gap:15px;flex-wrap:wrap}
  #growth-launch .ux-motion-shade{background:linear-gradient(0deg,#090b09,transparent 40%),linear-gradient(90deg,#090b09d9,#090b09b8)}
  #growth-launch .ux-devices{padding-block:65px}
  #growth-launch .ux-device-pair{width:min(100%,430px);aspect-ratio:1/1.10;margin-top:7px}
  #growth-launch .ux-device-pair .is-ipad{width:79%}
  #growth-launch .ux-device-pair .is-phone{width:36%}
  #growth-launch .ux-devices h2{font-size:32px}
  #growth-launch .px-home-plan{padding-block:65px}
  #growth-launch .release-plan-grid{grid-template-columns:1fr;gap:27px}
  #growth-launch .release-plan-grid h2{font-size:29px}
  #growth-launch .release-plan-grid .release-screen{grid-column:auto;max-width:220px;width:min(70vw,220px);margin-top:8px}
  #growth-launch .ux-end{padding-block:65px}
  #growth-launch .ux-end h2{font-size:clamp(24px,6.8vw,31px)}
  #growth-pro .pv-hero{padding:40px 0 55px}
  #growth-pro .pv-hero-grid{grid-template-columns:1fr;gap:36px}
  #growth-pro #pro-title{font-size:clamp(25px,6.85vw,34px);line-height:1.45}
  #growth-pro .pv-hero .ux-hero-summary{font-size:16px;margin-top:20px}
  #growth-pro .pv-hero .release-screen{width:min(68vw,250px)}
  #growth-pro .pv-hero-visual{padding:0}
  #growth-pro .ux-values{grid-template-columns:1fr 23px 1.15fr;gap:9px}
  #growth-pro .ux-values :is(strong,div>span){font-size:clamp(21px,6vw,27px)}
  #growth-pro .ux-values small{font-size:10px}
  #growth-pro .ux-metric{padding-block:20px;margin-top:24px}
  #growth-pro .pv-other,#growth-pro .vp-comparison,#growth-pro .pv-final{padding-block:65px}
  #growth-pro .pv-other>div>h2{font-size:30px}
  #growth-pro .release-custom h3{font-size:27px}
  #growth-pro .ux-pro-break{padding-block:55px}
  #growth-pro .ux-pro-break h2{font-size:26px;max-width:22em}
  #growth-pro .pv-final h2{font-size:29px}
  #growth-pro .pv-price-panel{padding-top:10px}
}
@media(prefers-reduced-motion:reduce){
  #growth-launch .ux-motion video{transition:none}
  :is(#growth-launch,#growth-pro) *,html{scroll-behavior:auto!important}
}