/* Public KneeRange experience. Scope every rule to preserve the member app. */
.marketing{--bg:#f6f5ef;--panel:#eeeee6;--line:#d5d8cc;--muted:#566054;--white:#172018;--lime:#d9f86c;background:var(--bg);color:var(--white);color-scheme:light}
.marketing h1,.marketing h2{font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:-.055em;line-height:1.08;text-wrap:balance}
.marketing h1{font-size:clamp(2.8rem,4.8vw,4.5rem)}
.marketing h2{font-size:clamp(2.1rem,3.35vw,3.2rem);margin-bottom:24px}
.marketing h3{font-weight:600;letter-spacing:-.03em;line-height:1.25}
.marketing em{color:inherit}
.marketing .header{height:90px;max-width:1540px;margin:auto;padding-inline:5%;border:0;gap:24px}
.marketing .header nav{gap:28px;overflow:visible}
.marketing .header nav a{color:#354232;font-size:.875rem}
.marketing .header nav a:hover,.marketing .header nav a[aria-current]{color:#203d11;text-decoration:underline}
.marketing .brand{letter-spacing:-.065em;font-size:1.8rem}
.marketing .brand span{font-size:.56rem;letter-spacing:.19em;color:#394835}
.marketing .header-actions{display:flex;align-items:center;gap:24px}
.marketing .sign-in-link{font-size:.875rem;text-decoration:none;white-space:nowrap}
.marketing .account-link{background:var(--lime);padding:12px 18px;border:1px solid #cbe766;border-radius:5px;color:#142011;white-space:nowrap}
.marketing .account-link>span{color:#142011}
.marketing .account-link:hover{background:#cceb65}
.marketing .section{max-width:1540px;padding:90px 5%}
.marketing .eyebrow{color:#3d5034;font-size:.7rem;line-height:1.6;letter-spacing:.13em;margin-bottom:22px}
.marketing .section-heading{align-items:end;margin-bottom:40px;gap:48px}
.marketing .section-heading h2{margin-bottom:0}
.marketing .section-heading>p{font-size:1rem;max-width:330px;line-height:1.7;margin-bottom:3px}
.marketing .button{color:#142011;border-radius:5px;display:inline-flex;min-height:52px;padding:14px 22px;font-size:.9375rem;gap:24px;background:var(--lime)}
.marketing .button:hover{background:#c9ed5f}
.marketing .button:disabled{opacity:.65}
.marketing .quiet-link{display:inline-flex;align-items:center;gap:15px;font-size:.875rem;font-weight:600;text-decoration:none;border-bottom:1px solid #819076;padding:12px 0;min-height:44px}
.marketing .text-link{font-size:.875rem;text-decoration:none;border-bottom:1px solid #b2baaa;padding-bottom:5px;margin-top:10px}
.marketing .quiet-link:hover,.marketing .text-link:hover{color:#486126;border-color:currentColor}
.marketing a:focus-visible,.marketing summary:focus-visible,.marketing button:focus-visible{outline:3px solid #42621d;outline-offset:5px}
.marketing .small,.marketing .section-copy{color:var(--muted)}
.marketing .section-copy{font-size:1.05rem;line-height:1.8;max-width:480px}
.marketing [id]{scroll-margin-top:30px}
.marketing .welcome-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:4%;align-items:center;padding-top:12px;padding-bottom:40px}
.marketing .welcome-copy{padding-block:38px}
.marketing .welcome-copy h1{margin-bottom:25px;max-width:650px}
.marketing .welcome-intro{font-size:1.1rem;line-height:1.7;max-width:480px;margin-bottom:27px;color:#374232}
.marketing .hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.marketing .purchase-note{color:var(--muted);font-size:.775rem;margin:19px 0 0}
.marketing figure{margin:0}
.marketing .welcome-photo{position:relative;overflow:hidden;border-radius:9px;align-self:stretch;min-height:465px;background:#e6e2d6}
.marketing .welcome-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:55% center}
.marketing .welcome-photo figcaption{position:absolute;bottom:18px;left:20px;right:20px;width:fit-content;padding:8px 12px;border-radius:4px;background:#f6f5efe8;color:#25301f;font-size:.72rem;line-height:1.6}
.marketing .home-benefit-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1386px;width:90%;padding:24px 0;border-block:1px solid var(--line);text-align:center;gap:0;font-size:.98rem}
.marketing .home-benefit-band>span+span{border-left:1px solid #bec5b6}
.marketing .practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.marketing .practice-grid article{min-width:0}
.marketing .practice-grid article+article{border-left:1px solid var(--line);padding-left:32px}
.marketing .practice-visual{height:250px;position:relative;border-radius:7px;overflow:hidden;margin-bottom:25px;background:#e3e5d9}
.marketing .practice-visual img{display:block;width:100%;height:100%;object-fit:cover}
.marketing .movement-visual img{object-position:50% 45%}
.marketing .visual-label{position:absolute;left:15px;bottom:15px;color:#fff;background:#11170fd9;border:1px solid #ffffff33;padding:6px 9px;border-radius:3px;font-size:.56rem;letter-spacing:.06em}
.marketing .feature-number{font-size:.67rem;letter-spacing:.09em;color:#5b6b4c}
.marketing .practice-grid h3{font-size:1.35rem;margin:10px 0 12px}
.marketing .practice-grid article>p{color:var(--muted);font-size:.96rem;line-height:1.7;margin-bottom:10px}
.marketing .mini-training{background:#161c12;color:#ecf2e3;padding:20px 21px;box-shadow:inset 0 0 0 1px #33402a}
.marketing .mini-app-brand{font-size:.86rem;display:flex;justify-content:space-between;align-items:center;font-weight:700}
.marketing .mini-app-brand>span{font-size:.56rem;color:#cad6ba;font-weight:400}
.marketing .mini-training .mini-app-title{font-size:.58rem;letter-spacing:.13em;color:#d9f86c;margin:20px 0 8px}
.marketing .mini-training ul{list-style:none;padding:0;margin:0}
.marketing .mini-training li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.67rem;line-height:1.15;border-bottom:1px solid #333e2c}
.marketing .mini-training li>span{color:#d9f86c;font-size:.8rem;width:14px}
.marketing .mini-app-bottom{display:flex;justify-content:space-between;font-size:.52rem;margin-top:12px;color:#ccd6bd}
.marketing .mini-app-bottom>span{color:#d9f86c}
.marketing .review-visual{background:#dbe0cf;padding:18px 35px 0;display:grid;grid-template-rows:1fr auto}
.marketing .review-window{max-width:200px;width:100%;margin:auto;border:6px solid #20271e;border-bottom:0;border-radius:13px 13px 0 0;overflow:hidden;height:200px;position:relative;background:#161c12}
.marketing .review-window>span{position:absolute;top:9px;left:10px;background:#182114d9;color:#e3f0d3;border-radius:3px;font-size:.52rem;padding:5px 7px;letter-spacing:.08em}
.marketing .review-window>img{object-position:50% 44%}
.marketing .review-caption{background:#dbe0cf;display:flex;justify-content:space-around;font-size:.6rem;padding:11px 0;color:#35472a;gap:6px}
.marketing .form-feature{background:#162017;color:#f3f5ed;padding:78px 5%}
.marketing .form-feature-inner{max-width:1386px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center}
.marketing .form-feature .eyebrow{color:#d9f86c}
.marketing .form-feature h2{font-size:clamp(2.5rem,4.4vw,4.2rem)}
.marketing .form-feature-copy>p:not(.eyebrow){color:#d0d9c8;font-size:1rem;max-width:440px}
.marketing .form-feature ol{padding:0;margin:30px 0;list-style:none}
.marketing .form-feature li{display:flex;gap:20px;font-size:.92rem;padding:10px 0}
.marketing .form-feature li>span{font-size:.68rem;letter-spacing:.1em;color:#b0c193;padding-top:4px}
.marketing .form-feature .local-note{font-size:.75rem!important;margin:27px 0}
.marketing .local-note>span{color:#d9f86c;font-size:1rem;margin-right:5px}
.marketing .form-feature .button{font-size:.85rem;gap:14px}
.marketing .form-screen{background:#0e150c;border:1px solid #64725a;border-radius:10px;overflow:hidden;box-shadow:0 18px 45px #0004}
.marketing .screen-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #374630;font-size:1rem;font-weight:700}
.marketing .screen-topbar>span+span{font-size:.6rem;font-weight:400;color:#c1cfb2}
.marketing .form-screen img{width:100%;height:auto;max-height:555px;object-fit:cover;object-position:top;display:block}
.marketing .form-screen figcaption{font-size:.7rem;line-height:1.6;padding:15px 20px;color:#c8d3bc;background:#202b1c}
.marketing .collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.marketing .collection-image{position:relative;aspect-ratio:3/4;border-radius:6px;overflow:hidden;background:#e3e3d8}
.marketing .collection-image img{width:100%;height:100%;object-fit:cover;display:block;object-position:50% 48%}
.marketing .forthcoming .collection-image img{object-position:64% center}
.marketing .collection-status{position:absolute;left:10px;right:10px;bottom:11px;padding:6px 8px;background:#172015e8;color:#f0f6e6;border:1px solid #fff3;border-radius:3px;font-size:.58rem;line-height:1.5;text-align:center}
.marketing .forthcoming .collection-status{background:#f4f3ebed;color:#29321f;border-color:#d9ddcd}
.marketing .artwork-label{position:absolute;left:10px;right:10px;top:13px;color:#f2f4e9;text-shadow:0 1px 8px #000;font-size:.5rem;letter-spacing:.09em}
.marketing .collection-number{display:block;margin:17px 0 8px;color:#68745d;font-size:.66rem}
.marketing .collection-card h3{font-size:1.06rem;margin-bottom:9px}
.marketing .collection-card>p{font-size:.8rem;line-height:1.65;color:var(--muted);margin:0}
.marketing .collection-note{border-top:1px solid var(--line);padding-top:22px;margin:30px 0 0;font-size:.78rem;color:var(--muted)}
.marketing .human-section{display:grid;grid-template-columns:1fr 1.05fr;gap:9%;border-block:1px solid var(--line);background:#eef0e5}
.marketing .human-story blockquote{font-size:clamp(2rem,3.1vw,3rem);line-height:1.15;letter-spacing:-.045em;margin:0 0 26px;font-weight:500}
.marketing .human-story>p:not(.eyebrow),.marketing .human-feedback>p:not(.eyebrow){font-size:1rem;color:var(--muted)}
.marketing .story-attribution{font-size:.72rem;color:#667259}
.marketing .human-feedback h2{font-size:2.25rem}
.marketing .feedback-path{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0;font-size:.72rem;font-weight:500}
.marketing .feedback-path>span:nth-child(even){color:#71845b}
.marketing .human-feedback .small{font-size:.78rem!important}
.marketing .research-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start;border-bottom:1px solid var(--line)}
.marketing .research-section>div>p:not(.eyebrow){color:var(--muted);max-width:450px}
.marketing .research-note-list>div{display:grid;grid-template-columns:35px 1fr;column-gap:12px;padding:21px 0;border-top:1px solid var(--line)}
.marketing .research-note-list>div:first-child{padding-top:0;border-top:0}
.marketing .research-note-list>div>span{grid-row:span 2;font-size:.7rem;color:#5e7250;padding-top:3px}
.marketing .research-note-list h3{font-size:1.15rem;margin-bottom:6px}
.marketing .research-note-list p{font-size:.84rem;color:var(--muted);margin:0}
.marketing .public-pricing{gap:9%;align-items:center}
.marketing .price-card{background:#fffef8;border:1px solid #ccd4be;border-radius:9px;padding:35px}
.marketing .price-card:before{display:none}
.marketing .price-card .price{font-family:'DM Sans',sans-serif;font-size:5rem;font-weight:600;letter-spacing:-.075em}
.marketing .price-card .price>span{font-size:.88rem}
.marketing .price-card .price-lede{font-size:1rem;color:var(--muted);margin:18px 0 24px}
.marketing .price-card ul{padding-top:22px;margin-bottom:15px}
.marketing .price-card li{font-size:.9rem;line-height:1.55;margin-bottom:15px}
.marketing .price-card li:before{color:#55752b}
.marketing .price-card .button{width:100%;justify-content:center}
.marketing .price-card .small{font-size:.73rem}
.marketing .price-card .eyebrow{color:#4e6637}
.marketing .public-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;border-top:1px solid var(--line)}
.marketing .public-faq>div>p:not(.eyebrow){font-size:.9rem;color:var(--muted)}
.marketing .faq-list details{border-bottom:1px solid var(--line)}
.marketing .faq-list details:first-child{border-top:1px solid var(--line)}
.marketing .faq-list summary{list-style:none;font-size:.95rem;font-weight:500;line-height:1.5;padding:22px 32px 22px 0;position:relative;cursor:pointer}
.marketing .faq-list summary::-webkit-details-marker{display:none}
.marketing .faq-list summary:after{content:'+';position:absolute;right:4px;top:18px;font-size:1.4rem;color:#526b37}
.marketing .faq-list details[open] summary:after{content:'−'}
.marketing .faq-list p{color:var(--muted);font-size:.875rem;margin:0;padding:0 20px 23px 0}
.marketing .back-link{display:inline-block;font-size:.8rem;color:var(--muted);margin-bottom:30px;text-decoration:none}
.marketing .public-join{padding-top:55px}
.marketing .public-join h1{font-size:clamp(2.8rem,4.4vw,4.2rem)}
.marketing .large-copy{color:#44513d;font-size:1.1rem}
.marketing .join-feature b{color:#4d6338;font-size:.7rem}
.marketing .join-feature p{font-size:.95rem;max-width:480px}
.marketing .public-join .price-card{margin-top:50px}
.marketing .auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;min-height:65vh;align-items:start}
.marketing .auth-layout h1{font-size:clamp(2.8rem,4.2vw,4rem)}
.marketing .auth-membership-note{border-left:2px solid #789949;padding-left:22px;margin:30px 0;max-width:440px}
.marketing .auth-membership-note p{font-size:.95rem;color:var(--muted);margin:10px 0}
.marketing #account-auth{min-width:0;width:100%}
.marketing #auth-status{color:var(--muted);padding:20px;border:1px solid var(--line);border-radius:5px}
.marketing footer{max-width:1540px;margin:auto;padding:35px 5%;font-size:.8rem}
.marketing footer nav{font-size:.8rem}
.marketing footer>p{font-size:.7rem}
@media(min-width:1700px){.marketing .welcome-photo{min-height:540px}}
@media(max-width:1100px){.marketing .header nav{gap:18px}.marketing .header-actions{gap:16px}.marketing .practice-grid{gap:22px}.marketing .practice-grid article+article{padding-left:22px}.marketing .mini-training{padding-inline:14px}.marketing .form-feature-inner{gap:5%}.marketing .collection-grid{gap:13px}.marketing .welcome-photo{min-height:420px}.marketing .welcome-copy h1{font-size:clamp(2.65rem,4.8vw,3.8rem)}}
@media(max-width:850px){.marketing .header{height:auto;min-height:108px;padding-block:19px 12px;flex-wrap:wrap;gap:16px}.marketing .header nav{order:3;flex-basis:100%;justify-content:center;padding-top:6px;gap:28px}.marketing .header-actions{margin-left:auto}.marketing .section{padding-block:65px}.marketing .welcome-hero{padding-top:25px;gap:4%}.marketing .welcome-photo{min-height:410px}.marketing .welcome-copy{padding-block:18px}.marketing .welcome-intro{font-size:1rem}.marketing .hero-actions{gap:12px}.marketing .practice-visual{height:225px}.marketing .mini-training li{font-size:.6rem}.marketing .review-visual{padding-inline:15px}.marketing .review-window{height:175px}.marketing .practice-grid h3{font-size:1.2rem}.marketing .practice-grid article>p{font-size:.87rem}.marketing .section-heading{gap:26px}.marketing .section-heading>p{font-size:.9rem;max-width:260px}.marketing .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px}.marketing .form-feature-inner{grid-template-columns:1fr;gap:36px}.marketing .form-feature-copy{max-width:600px}.marketing .form-feature-copy>p:not(.eyebrow){max-width:550px}.marketing .form-feature ol{display:flex;gap:22px;flex-wrap:wrap;margin:22px 0}.marketing .form-feature li{font-size:.8rem;gap:10px}.marketing .form-screen{max-width:670px;width:100%;margin:auto}.marketing .form-screen img{max-height:580px}.marketing .human-section{gap:6%}.marketing .human-feedback h2{font-size:2rem}.marketing .public-pricing{gap:5%}.marketing .price-card{padding:25px}.marketing .public-faq{gap:6%}}
@media(max-width:650px){.marketing .brand{font-size:1.5rem}.marketing .brand span{font-size:.48rem}.marketing .header-actions{gap:13px}.marketing .account-link{font-size:.75rem;padding:10px 12px}.marketing .sign-in-link{font-size:.75rem}.marketing .header nav{justify-content:space-between;gap:12px}.marketing .header nav a{font-size:.75rem}.marketing .section{padding:56px 6%}.marketing .welcome-hero{grid-template-columns:1fr;padding:20px 6% 30px;gap:24px}.marketing .welcome-copy{padding:16px 0 0}.marketing .welcome-copy .eyebrow{font-size:.63rem;margin-bottom:19px}.marketing .welcome-copy h1{font-size:clamp(2.5rem,9.7vw,3.7rem);margin-bottom:20px}.marketing .welcome-intro{font-size:1rem;max-width:500px;margin-bottom:24px}.marketing .hero-actions{gap:17px}.marketing .hero-actions .button{padding:13px 16px;font-size:.85rem;gap:17px}.marketing .hero-actions .quiet-link{font-size:.79rem;gap:10px}.marketing .purchase-note{font-size:.68rem;margin-top:14px}.marketing .welcome-photo{min-height:0;aspect-ratio:4/3}.marketing .welcome-photo figcaption{font-size:.62rem;left:12px;bottom:12px;padding:6px 8px}.marketing .home-benefit-band{font-size:.66rem;line-height:1.6;align-items:center;padding:19px 0;width:88%}.marketing .home-benefit-band>span{padding:0 10px}.marketing .section-heading{display:block;margin-bottom:30px}.marketing .section-heading>p{max-width:100%;margin-top:20px}.marketing .practice-grid{grid-template-columns:1fr;gap:36px}.marketing .practice-grid article+article{padding-left:0;border-left:0}.marketing .practice-visual{height:280px}.marketing .practice-grid h3{font-size:1.4rem}.marketing .practice-grid article>p{font-size:.98rem}.marketing .mini-training{padding:24px 28px}.marketing .mini-training li{font-size:.78rem;padding-block:7px}.marketing .mini-training .mini-app-title{font-size:.66rem}.marketing .mini-app-brand{font-size:1rem}.marketing .mini-app-brand>span{font-size:.63rem}.marketing .mini-app-bottom{font-size:.58rem}.marketing .review-visual{padding:20px 30px 0}.marketing .review-window{height:223px;max-width:210px}.marketing .review-caption{font-size:.66rem}.marketing .form-feature{padding:58px 6%}.marketing .form-feature h2{font-size:2.6rem}.marketing .form-feature ol{display:block}.marketing .form-feature li{font-size:.9rem;gap:18px}.marketing .form-screen img{max-height:340px}.marketing .screen-topbar{padding:13px;font-size:.85rem}.marketing .screen-topbar>span+span{font-size:.55rem}.marketing .form-screen figcaption{font-size:.67rem;padding:13px}.marketing .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.marketing .collection-status{font-size:.52rem;left:7px;right:7px;padding:5px}.marketing .collection-card h3{font-size:1.04rem}.marketing .collection-card>p{font-size:.8rem}.marketing .artwork-label{font-size:.45rem;left:8px}.marketing .human-section,.marketing .research-section,.marketing .public-faq,.marketing .public-pricing,.marketing .public-join,.marketing .auth-layout{grid-template-columns:1fr;gap:36px}.marketing .human-story{padding-bottom:35px;border-bottom:1px solid var(--line)}.marketing .human-story blockquote{font-size:2.3rem}.marketing .human-feedback h2{font-size:2.15rem}.marketing .research-note-list>div:first-child{border-top:1px solid var(--line);padding-top:22px}.marketing .public-pricing h2{font-size:2.4rem}.marketing .price-card{padding:29px 24px}.marketing .price-card .price{font-size:5rem}.marketing .public-join .price-card{margin-top:0;position:static}.marketing .public-join h1{font-size:2.8rem}.marketing .auth-layout{min-height:0}.marketing .auth-layout h1{font-size:2.6rem}.marketing footer{padding:30px 6%;gap:16px}.marketing footer>span{font-size:.73rem}.marketing footer nav{gap:18px;font-size:.72rem}.marketing .faq-list summary{font-size:.9rem}}
@media(max-width:360px){.marketing .header{padding-inline:5%;gap:14px}.marketing .brand{font-size:1.35rem}.marketing .header-actions{gap:9px}.marketing .account-link{font-size:.68rem;padding:10px}.marketing .sign-in-link{font-size:.7rem}.marketing .hero-actions{gap:9px}.marketing .hero-actions .quiet-link{font-size:.73rem}.marketing .collection-status{font-size:.49rem}.marketing .collection-card h3{font-size:.94rem}}
