500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#163f3e;--lime:#d2f88a;--muted:#61706b;--line:#dce4dc;--paper:#fafcf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial, Helvetica, sans-serif;font-size:16px}button,a,input{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #647fce;outline-offset:4px}.demo{background:var(--ink);color:white;text-align:center;padding:9px 20px;font-size:12px;letter-spacing:1.5px}.demo span{margin-left:22px;opacity:.7;letter-spacing:0;font-size:13px}header{max-width:1280px;margin:auto;height:108px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;font-family:Arial, Helvetica, sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.mark{display:grid;place-items:center;background:var(--ink);color:var(--lime);width:37px;height:37px;border-radius:10px;font-size:32px;font-weight:500;margin-right:10px;line-height:1}.brand-dot{color:#7caa42}nav{display:flex;gap:35px;font-size:14px}button{border:0}.primary{background:var(--ink);color:white;padding:19px 24px;border-radius:8px;font-weight:600;display:inline-flex;align-items:center;gap:32px;justify-content:space-between}.primary:hover{background:#26605c}.primary span{font-size:23px;color:var(--lime)}.small{padding:12px 20px;font-size:14px}main{max-width:1184px;margin:auto}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;padding:54px 0 66px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;margin:0 0 24px}.eyebrow>span{width:7px;height:7px;background:#78a242;border-radius:50%}h1{font-family:Arial, Helvetica, sans-serif;font-size:68px;line-height:1.09;letter-spacing:-3.7px;font-weight:500;margin:0 0 26px}h1 em{font-style:normal;color:#65914c}.lead{font-size:18px;line-height:1.7;max-width:480px;color:var(--muted);margin-bottom:29px}.cta{min-height:62px}.micro{font-size:13px;color:var(--muted);margin-top:14px}.micro span{margin:0 9px}.feature{background:var(--lime);border-radius:16px;padding:29px 35px 22px;position:relative;overflow:hidden;transform:rotate(1.5deg)}.feature-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.4px;font-weight:700}.cross{font-size:30px;font-weight:400}.large-number{font-family:Arial, Helvetica, sans-serif;font-size:98px;line-height:1.1;letter-spacing:-6px;margin:14px 0 18px}.large-number span{font-size:19px;letter-spacing:0;opacity:.5;margin-left:10px}.feature h2{font-size:34px;line-height:1.2;letter-spacing:-1.3px;margin:0 0 14px}.feature>p{line-height:1.5;max-width:320px;color:#41613f}.sample{background:#f9fff0b3;border:1px solid #ffffff80;padding:18px;border-radius:10px;margin-top:25px;display:flex;flex-direction:column;gap:17px;font-size:14px}.sample>div{display:flex;gap:7px}.sample>div span{background:white;border:1px solid #c7dbb1;border-radius:5px;padding:8px 17px;font-size:12px}.sample>div span:first-child{background:var(--ink);color:white;border-color:var(--ink)}.feature-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:22px}.feature-bottom>span:last-child{font-size:24px}.safety{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.safety-icon{border:1px solid #b9c7b6;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.safety p{font-size:14px;line-height:1.7;margin:0;color:var(--muted)}.safety strong{color:var(--ink);font-weight:600}.safety-tag{margin-left:auto;font-size:12px;color:var(--muted)}.journey{padding:83px 0 70px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px}h2{font-family:Arial, Helvetica, sans-serif;font-size:37px;line-height:1.2;letter-spacing:-1.6px;font-weight:500;margin:0}.section-head>p{color:var(--muted);font-size:15px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:42px}.steps article{border-top:1px solid var(--line);padding-top:25px}.step-num{font-size:13px;color:#73934e}.steps h3{font-size:19px;font-weight:500;margin:20px 0 12px}.steps p{color:var(--muted);line-height:1.65;font-size:15px;max-width:310px}.faq{background:#eef3eb;border-radius:12px;padding:43px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin:10px 0 65px}.faq h2{font-size:30px}.faq .eyebrow{margin-bottom:18px}details{border-bottom:1px solid #cedbca}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:15px;cursor:pointer}summary::-webkit-details-marker{display:none}details p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:0}footer{border-top:1px solid var(--line);padding:35px max(30px,calc((100vw - 1184px)/2));display:flex;align-items:center;gap:35px}footer .brand{font-size:22px}footer .mark{height:29px;width:29px;font-size:25px}footer p,footer>span{font-size:12px;color:var(--muted)}footer>span{margin-left:auto}dialog{width:min(570px,calc(100% - 28px));border:0;border-radius:16px;padding:28px;color:var(--ink);background:var(--paper);max-height:90vh}dialog::backdrop{background:#082e2c99;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;margin-bottom:25px}.dialog-top b{font-size:12px;font-weight:400;color:var(--muted)}.icon{background:transparent;font-size:28px;color:var(--ink);padding:3px 10px}#flow-body h2{font-size:29px;margin:20px 0}#flow-body p{line-height:1.6;color:var(--muted)}.options{display:grid;gap:10px;margin:25px 0}.option{padding:16px;text-align:left;background:white;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.option:hover,.option.selected{background:#e2f6c5;border-color:#7a9b52}.flow-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.back{background:transparent;color:var(--muted);padding:12px}.primary:disabled{opacity:.4;cursor:default}.progress{height:4px;background:#dee8d7;border-radius:10px}.progress div{height:100%;background:#729e46;border-radius:10px}.form-row{display:grid;gap:8px;margin:16px 0}input{width:100%;padding:13px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}.notice{font-size:14px;padding:15px;background:#edf3e6;border-radius:8px}.success-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--lime);font-size:25px}
@media(min-width:1450px){.hero{padding-top:70px}}@media(max-width:1250px){main{margin:0 48px}.hero{gap:40px}h1{font-size:60px}.feature{padding:25px}.safety-tag{display:none}footer{padding:30px 48px}}@media(max-width:800px){header{height:88px;padding:0 24px}nav{display:none}main{margin:0 24px}.hero{gap:27px}h1{font-size:47px;letter-spacing:-2.6px}.feature h2{font-size:28px}.feature{padding:23px}.lead{font-size:16px}.primary{gap:15px;padding:16px}.feature-bottom{font-size:10px}.large-number{font-size:80px}.faq{padding:28px;gap:25px}.section-head>p br{display:none}.steps{gap:22px}h2{font-size:31px}footer{padding:25px}.small{font-size:12px}.demo span{font-size:11px;margin-left:12px}}
@media(max-width:600px){.demo{font-size:10px;letter-spacing:1px}.demo span{display:block;margin:3px 0 0}header{gap:12px}.brand{font-size:24px}.small{font-size:11px;padding:10px}.small span{display:none}.mark{width:30px;height:30px;font-size:27px}.hero{grid-template-columns:1fr;padding:33px 0 35px;gap:30px}h1{font-size:54px}.eyebrow{font-size:10px}.lead{max-width:360px}.cta{width:100%}.micro{text-align:center}.feature{transform:none;max-width:100%;padding:25px}.large-number{font-size:65px;margin:6px 0 12px}.feature h2 br{display:none}.feature h2{font-size:28px}.feature>p{max-width:none}.sample{margin-top:18px}.safety{gap:13px;align-items:start}.safety p{font-size:13px}.journey{padding:48px 0}.section-head{display:block}.section-head>p{font-size:14px}.steps{grid-template-columns:1fr;gap:18px;margin-top:28px}.steps article{display:grid;grid-template-columns:28px 1fr;column-gap:15px;padding-top:20px}.steps h3{margin:0 0 8px}.steps p{grid-column:2;margin:0;max-width:none}.step-num{padding-top:3px}.faq{grid-template-columns:1fr;padding:23px;margin-bottom:35px;gap:14px}.faq h2{font-size:28px}footer{flex-wrap:wrap;gap:10px 20px}footer p{margin-left:auto}footer>span{width:100%;margin:5px 0 0}dialog{padding:23px}.dialog-top{font-size:14px}#flow-body h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.symptoms{padding:0 0 55px}.symptoms>h2{max-width:660px}.symptoms .steps h3{margin-top:0}

.minimal{background:#fcfdfb;min-height:100svh;display:flex;flex-direction:column}.minimal header{width:100%;max-width:none;height:100px;padding:0 5vw}.minimal .brand{font-size:24px;letter-spacing:-1px}.prototype-label{color:#87928a;font-size:12px}.minimal main{flex:1;display:flex;align-items:center;justify-content:center;max-width:none;width:100%;margin:0;padding:30px 24px 75px}.minimal-hero{text-align:center;max-width:730px}.minimal-hero .eyebrow{display:block;color:#7a897c;font-size:11px;letter-spacing:2.1px;margin:0 0 25px}.minimal-hero h1{font-family:Arial, Helvetica, sans-serif;font-size:clamp(52px,7.5vw,90px);letter-spacing:-4px;font-weight:500;line-height:1.1;margin:0 0 40px}.central{margin:auto;min-width:265px;min-height:72px;padding:22px 30px;border-radius:10px;font-size:20px;gap:50px;box-shadow:0 7px 20px #163f3e0c}.central span{color:#d2f88a}.explanation{font-size:16px;line-height:1.8;color:#68756d;max-width:620px;margin:27px auto 0}.explanation strong{font-weight:500;color:#3f5749}.availability{font-size:12px;color:#8a958c;margin-top:11px}.minimal footer{display:flex;flex-direction:column;gap:9px;text-align:center;padding:22px 24px 25px;border:0}.minimal footer p{font-size:12px;color:#68776d;margin:0}.minimal footer>span{font-size:11px;color:#99a098;margin:0}.minimal .dialog-top{text-align:left}@media(max-width:600px){.minimal header{height:82px;padding:0 22px}.minimal .brand{font-size:21px}.prototype-label{font-size:10px}.minimal main{padding:30px 25px 60px}.minimal-hero h1{font-size:58px;letter-spacing:-3px;margin-bottom:34px}.minimal-hero .eyebrow{font-size:10px;letter-spacing:1.6px}.central{min-width:240px;min-height:68px;font-size:18px}.explanation{font-size:15px;line-height:1.8;margin-top:25px}.minimal footer p{max-width:340px;line-height:1.6}.availability{font-size:11px}}

:root{--ink:#172b4d;--lime:#fff;--muted:#5d6675;--line:#dce1e8;--paper:#fff}.minimal{background:#fff}.minimal .brand{font-weight:700;letter-spacing:-.4px}.mark{background:#172b4d;color:#fff;border-radius:6px}.minimal-hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(48px,6.3vw,76px);letter-spacing:-2px}.minimal-hero .eyebrow{color:#657083;letter-spacing:1.5px}.primary{background:#214e89;border-radius:6px}.primary:hover{background:#173e72}.central{box-shadow:none}.central span,.primary span{color:#fff}.explanation{color:#596273}.explanation strong{color:#253b5b;font-weight:600}.availability,.prototype-label{color:#697487}.minimal footer p{color:#5e697a}.minimal footer>span{color:#727d8d}.option:hover,.option.selected{background:#edf3fc;border-color:#214e89}.progress{background:#e7ecf3}.progress div{background:#214e89}.notice{background:#f0f4fa}.success-icon{background:#e8eff9;color:#214e89}dialog::backdrop{background:#15243980}h2{letter-spacing:-.5px;font-weight:600}@media(max-width:600px){.minimal-hero h1{font-size:54px;letter-spacing:-1.5px}}
.minimal main{display:block;padding:0 24px 64px}.minimal-hero{margin:auto;min-height:calc(100svh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0 90px}.central{margin:0 auto}.minimal-faq{max-width:700px;margin:0 auto;padding:36px 0 0;border-top:1px solid var(--line)}.minimal-faq h2{font-size:25px;margin:0 0 22px;font-weight:600;letter-spacing:-.5px}.minimal-faq details{border-color:var(--line)}.minimal-faq summary{font-size:16px;line-height:1.5;padding:22px 0;align-items:center}.minimal-faq summary span{font-size:21px;color:#68758a}.minimal-faq details[open] summary span{transform:rotate(45deg)}.minimal-faq details p{font-size:15px;line-height:1.75;padding:0 26px 18px 0;color:var(--muted);margin:0}@media(max-width:600px){.minimal main{padding:0 25px 45px}.minimal-hero{min-height:calc(100svh - 82px);padding:35px 0 65px}.minimal-faq h2{font-size:23px}.minimal-faq summary{font-size:15px;gap:15px}.minimal-faq details p{font-size:14px}}

.sos-word{color:#bd2935}.purpose{font-size:14px;line-height:1.7;color:#667085;max-width:580px;margin:24px auto 0}.minimal .brand .sos-word{color:#bd2935}

.medical-reading{max-width:700px;margin:64px auto 0;border-top:1px solid var(--line);padding-top:40px}.medical-reading h2{font-size:26px;line-height:1.3;margin-bottom:22px}.medical-reading>p,.medical-reading details p{color:var(--muted);font-size:15px;line-height:1.75}.medical-reading details{border-color:var(--line)}.medical-reading summary{align-items:center;gap:18px;font-size:15px;line-height:1.5}.medical-reading h3{font:inherit;margin:0;font-weight:600}.medical-reading details>div{padding:0 0 22px}.medical-reading details a{font-size:14px;text-decoration:underline;text-underline-offset:3px;color:#214e89;line-height:1.6}.medical-reading details[open]>summary>span{transform:rotate(45deg)}.medical-reading .eyebrow{font-size:11px}.reading-guide{margin:22px 0 12px}@media(max-width:600px){.medical-reading h2{font-size:23px}.medical-reading{margin-top:45px}.medical-reading details p{font-size:14px}}

.admin-link{padding:8px;background:none;color:#214e89;text-decoration:underline;text-underline-offset:4px;font-size:14px;margin-bottom:10px}.admin-intro{font-size:15px;line-height:1.6;color:var(--muted)}#admin-contact h2{font-size:28px}#admin-contact .notice{line-height:1.65}.optional{font-size:13px;color:var(--muted)}select,textarea{font:inherit;width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}textarea{resize:vertical;min-height:110px}.admin-confirm{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;margin:22px 0}.admin-confirm input{width:18px;height:18px;flex-shrink:0;margin-top:3px}.admin-demo{font-size:13px;line-height:1.6;color:var(--muted)}#admin-feedback{line-height:1.6;font-size:14px}select:focus-visible,textarea:focus-visible{outline:3px solid #647fce;outline-offset:3px}

.minimal header{position:sticky;top:0;z-index:20;background:transparent;height:88px;flex-shrink:0;backdrop-filter:none;-webkit-backdrop-filter:none}.minimal .top-nav{display:flex;gap:28px;align-items:center;font-size:14px}.top-nav a{line-height:1.4;padding:10px 0;text-decoration:none;color:#253b5b}.top-nav a:hover{text-decoration:underline;text-underline-offset:5px}#faq,#lesions-genou{scroll-margin-top:110px}.medical-reading .plain-explanation{font-size:16px;color:#344257}.medical-reading .explanation-source{margin:0 0 20px}.medical-reading .explanation-source a{font-size:13px}.minimal-hero{min-height:calc(100svh - 88px)}@media(max-width:650px){.minimal header{height:auto;min-height:100px;padding:15px 22px;flex-wrap:wrap;gap:8px}.minimal .top-nav{width:100%;gap:22px;font-size:13px;justify-content:space-between}.top-nav a{padding:7px 0}.top-nav a:last-child{max-width:245px;text-align:right}.minimal-hero{min-height:calc(100svh - 120px)}#faq,#lesions-genou{scroll-margin-top:145px}.medical-reading .plain-explanation{font-size:15px}}

.minimal header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:24px;height:80px;min-height:80px;padding:0 5vw}.minimal .top-nav{width:auto;margin-left:auto;flex-shrink:0;justify-content:flex-end;gap:26px;font-size:14px}.minimal .top-nav a{white-space:nowrap;max-width:none;text-align:left;padding:12px 0}.minimal-hero{min-height:calc(100svh - 80px)}#faq,#lesions-genou{scroll-margin-top:100px}@media(max-width:650px){.minimal header{height:72px;min-height:72px;padding:0 18px;gap:16px}.minimal .brand{font-size:19px}.minimal .brand .mark{display:none}.minimal .top-nav{width:auto;gap:17px;font-size:13px}.minimal-hero{min-height:calc(100svh - 72px)}#faq,#lesions-genou{scroll-margin-top:92px}}@media(max-width:360px){.minimal header{padding:0 12px;gap:12px}.minimal .brand{font-size:17px}.minimal .top-nav{font-size:12px;gap:12px}}

.minimal header{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}

#flow{overflow-x:hidden}#flow-body{position:relative}@media(prefers-reduced-motion:reduce){#flow-body{animation:none!important;transition:none!important}}
.about-us{max-width:700px;margin:0 auto;padding:36px 0 40px;border-top:1px solid var(--line)}.about-us h2{font-size:25px;font-weight:600;letter-spacing:-.5px;margin:0 0 20px}.about-us p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}@media(max-width:600px){.about-us h2{font-size:23px}.about-us p{font-size:14px}}
