.knee{--sand-100:#f8f2eb;--sand-200:#f1e8df;--sand-300:#ece2d9;--sand-400:#e0d2c5;--sand-500:#c9b6a6;--sand-600:#a8917f;--camellia-200:#c9b6a6;--camellia-300:#c28066;--camellia-400:#a85a43;--camellia-500:#87503c;--camellia-600:#6f3d2e;--camellia-800:#3b2a22;--bg-page:var(--sand-300);--bg-page-alt:var(--sand-200);--surface-card:var(--sand-100);--surface-raised:#fff;--surface-inverse:var(--camellia-800);--text-strong:#3b2a22;--text-body:#463328;--text-muted:#a88d7b;--text-on-dark:#f5ece3;--text-on-accent:#fff;--accent:var(--camellia-400);--accent-hover:#934b36;--accent-quiet:#f0e2db;--line-green:#06c755;--border:#e0d2c5;--border-strong:#c9b6a6;--divider:#dacbbc;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(59,42,34,.06);--shadow-sm:0 2px 8px rgba(59,42,34,.07);--shadow-md:0 8px 24px rgba(59,42,34,.09);--shadow-lg:0 18px 48px rgba(59,42,34,.12);--shadow-xl:0 30px 70px rgba(59,42,34,.16);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-soft:cubic-bezier(0.22,0.61,0.36,1);--dur-fast:140ms;--dur-base:240ms;--dur-slow:420ms;--font-display:var(--font-plex-thai),var(--font-cormorant),Georgia,serif;--font-serif-latin:var(--font-cormorant),var(--font-plex-thai),Georgia,serif;--font-body:var(--font-plex-thai),var(--font-mulish),"Segoe UI",system-ui,-apple-system,sans-serif;--container:1120px;--container-narrow:760px}.knee *,.knee :after,.knee :before{box-sizing:border-box}.knee{-webkit-text-size-adjust:100%;scroll-behavior:smooth;margin:0;font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;color:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.knee img,.knee svg,.knee video{max-width:100%;display:block}.knee a{color:var(--accent);text-decoration:none}.knee button{font-family:inherit;cursor:pointer}.knee h1,.knee h2,.knee h3{color:var(--text-strong);font-weight:600;line-height:1.25;margin:0}.knee .container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}.knee .narrow{max-width:var(--container-narrow)}.knee .section{padding-block:clamp(48px,8vw,88px)}.knee .section-alt{background:var(--bg-page-alt)}.knee .section-card{background:var(--surface-card)}.knee .eyebrow{display:inline-block;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--accent);margin-bottom:14px}.knee .section-title{font-size:clamp(1.6rem,1.2rem + 2.2vw,2.4rem);letter-spacing:-.01em;margin-bottom:12px}.knee .section-lead{color:var(--text-muted);max-width:46ch}.knee .center{text-align:center}.knee .center .section-lead{margin-inline:auto}.knee .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:1.0625rem;line-height:1;padding:16px 30px;border-radius:var(--radius-pill);border:1px solid transparent;transition:transform var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);will-change:transform}.knee .btn:active{transform:translateY(1px) scale(.99)}.knee .btn-primary{background:var(--accent);color:var(--text-on-accent);box-shadow:0 10px 24px rgba(168,90,67,.28)}.knee .btn-primary:hover{background:var(--accent-hover);box-shadow:0 14px 30px rgba(168,90,67,.34);transform:translateY(-2px)}.knee .btn-line{background:var(--line-green);color:#fff;box-shadow:0 8px 20px rgba(6,199,85,.26)}.knee .btn-line:hover{filter:brightness(.96);transform:translateY(-2px)}.knee .btn-ghost{background:transparent;color:var(--text-strong);border-color:var(--border-strong)}.knee .btn-ghost:hover{background:var(--surface-raised)}.knee .btn-lg{padding:18px 36px;font-size:1.125rem}.knee .btn-block{display:flex;width:100%}.knee .btn-cta{padding:22px 44px;font-size:clamp(1.125rem,1rem + .55vw,1.4375rem);font-weight:700;box-shadow:0 14px 32px rgba(168,90,67,.34)}.knee .btn-cta:hover{box-shadow:0 18px 40px rgba(168,90,67,.4)}.knee .btn svg{width:20px;height:20px}.knee .cta-note{font-size:.9rem;color:var(--text-muted);margin-top:12px}.knee .site-header{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg-page) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color var(--dur-base),box-shadow var(--dur-base),background var(--dur-base)}.knee .site-header.scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.knee .header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}.knee .brand{display:flex;align-items:center;gap:11px;line-height:1}.knee .brand-mark{width:auto;height:46px;flex:none}.knee .brand-text{display:flex;flex-direction:column;gap:4px}.knee .brand .wordmark{font-family:var(--font-serif-latin);font-size:1.5rem;font-weight:600;letter-spacing:.06em;color:var(--text-strong)}.knee .brand .brand-th{font-size:.72rem;color:var(--text-muted);letter-spacing:.22em;text-transform:uppercase}.knee .header-actions{display:flex;align-items:center;gap:10px}.knee .header-tel{display:none;align-items:center;gap:7px;font-weight:600;color:var(--text-strong);font-size:.95rem}.knee .header-tel svg{width:18px;height:18px;color:var(--accent)}.knee .header-actions .btn{padding:11px 20px;font-size:.95rem}.knee .hero{position:relative;overflow:hidden;padding-block:clamp(32px,6vw,64px)}.knee .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 85% 0,hsla(17,43%,58%,.16),transparent 60%),radial-gradient(45% 40% at 0 100%,rgba(168,90,67,.1),transparent 60%);pointer-events:none}.knee .hero-grid{position:relative;display:grid;grid-template-columns:1fr;gap:clamp(28px,5vw,56px);align-items:center}.knee .hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--camellia-600);background:var(--accent-quiet);border:1px solid var(--border);padding:7px 14px;border-radius:var(--radius-pill);margin-bottom:20px}.knee .hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.knee .hero h1{font-size:clamp(1.9rem,1.3rem + 3.4vw,3.1rem);letter-spacing:-.015em;margin-bottom:18px}.knee .hero h1 .accent{color:var(--accent)}.knee .hero-sub{font-size:clamp(1.05rem,1rem + .4vw,1.25rem);color:var(--text-body);max-width:40ch;margin-bottom:28px}.knee .hero-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.knee .hero-trust{display:flex;flex-wrap:wrap;gap:18px 24px;margin-top:28px;padding-top:24px;border-top:1px solid var(--divider)}.knee .hero-trust .item{display:flex;align-items:center;gap:9px;font-size:.9rem;color:var(--text-body);font-weight:500}.knee .hero-trust svg{width:18px;height:18px;color:var(--accent);flex:none}.knee .media-ph{position:relative;background:repeating-linear-gradient(45deg,hsla(26,19%,58%,.07) 0 12px,hsla(26,19%,58%,.13) 12px 24px);background-color:#e9e0d6;border:2px dashed var(--sand-600);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;color:var(--text-muted);box-shadow:var(--shadow-md)}.knee .media-ph .ph-icon{width:46px;height:46px;color:var(--sand-600);margin-bottom:12px}.knee .media-ph .ph-label{font-weight:600;color:var(--camellia-600);font-size:.95rem;line-height:1.5}.knee .media-ph .ph-spec{font-size:.8rem;margin-top:6px;color:var(--text-muted)}.knee .media-ph .ph-play{position:absolute;width:64px;height:64px;border-radius:50%;background:hsla(0,0%,100%,.85);display:grid;place-items:center;box-shadow:var(--shadow-md);top:50%;left:50%;transform:translate(-50%,-50%)}.knee .media-ph .ph-play svg{width:26px;height:26px;color:var(--accent);margin-left:3px}.knee .hero-media{aspect-ratio:9/16;max-width:340px;width:100%;margin-inline:auto}.knee .hero-media .ph-play{display:grid}.knee .media-real{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#e9e0d6}.knee .review-frame{aspect-ratio:9/16}.knee .pain{background:var(--surface-inverse);color:var(--text-on-dark)}.knee .pain .eyebrow{color:var(--camellia-300);font-size:1.05rem}.knee .pain-lines{font-size:clamp(1.15rem,1.05rem + .7vw,1.55rem);line-height:1.65;color:#f0e2db;font-weight:300}.knee .pain-lines p{margin:0 0 4px}.knee .pain-lines .line{display:block;position:relative;padding-left:30px;margin-bottom:14px}.knee .pain-lines .line:before{content:"";position:absolute;left:4px;top:.72em;width:12px;height:2px;background:var(--camellia-300);border-radius:2px}.knee .pain-row{display:flex;align-items:center;gap:22px;margin-bottom:24px}.knee .pain-row-reverse{flex-direction:row-reverse}.knee .pain-thumb{width:clamp(150px,42vw,264px);height:clamp(150px,42vw,264px);flex:none;-o-object-fit:cover;object-fit:cover;border-radius:18px;box-shadow:var(--shadow-md);background:#2a1e17}.knee .pain-row-text{color:#f0e2db;flex:1}.knee .pain-para{margin-top:22px;font-size:1.1rem}.knee .pain-bridge{margin-top:28px;padding:22px 26px;border-left:3px solid var(--camellia-300);background:hsla(20,41%,90%,.06);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:clamp(1.05rem,1rem + .4vw,1.2rem);color:#f5ece3;font-weight:400}.knee .pain-cta{margin-top:30px}.knee .why-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:34px}.knee .why-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 24px;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.knee .why-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.knee .why-card .ic{width:50px;height:50px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--accent-quiet);color:var(--accent);margin-bottom:16px}.knee .why-card .ic svg{width:26px;height:26px}.knee .why-card h3{font-size:1.15rem;margin-bottom:8px}.knee .why-card p{margin:0;font-size:.98rem;color:var(--text-body)}.knee .why-media{margin-top:28px;aspect-ratio:4/3}.knee .reviews{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:16px;margin-top:34px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none}.knee .reviews::-webkit-scrollbar{display:none}.knee .review-card{scroll-snap-align:center}.knee .review-card .media-ph{aspect-ratio:9/16}.knee .review-card .caption{margin-top:12px;font-size:.92rem;color:var(--text-muted);text-align:center}.knee .research{padding-block:clamp(34px,5vw,52px);background:var(--surface-card);border-block:1px solid var(--border);overflow:hidden}.knee .research-sub{color:var(--text-muted);margin:4px 0 0;font-size:.95rem}.knee .marquee{margin-top:28px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.knee .marquee-track{display:flex;align-items:center;width:-moz-max-content;width:max-content;animation:knee-marquee-scroll 34s linear infinite}.knee .marquee:hover .marquee-track{animation-play-state:paused}.knee .research-logo{height:42px;width:auto;flex:none;-o-object-fit:contain;object-fit:contain;margin-right:64px;opacity:.7;transition:opacity var(--dur-base) var(--ease-out)}.knee .research-logo:hover{opacity:1}@keyframes knee-marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (min-width:720px){.knee .research-logo{height:48px;margin-right:80px}}@media (prefers-reduced-motion:reduce){.knee .marquee{-webkit-mask-image:none;mask-image:none}.knee .marquee-track{animation:none;flex-wrap:wrap;justify-content:center;gap:24px 40px}.knee .research-logo{margin-right:0}}.knee .options-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:36px}.knee .option-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;text-align:center;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.knee .option-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.knee .option-img{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;display:block}.knee .option-body{display:flex;flex-direction:column;flex:1;padding:26px 24px 28px}.knee .option-featured{border:2px solid var(--accent);box-shadow:var(--shadow-lg)}.knee .option-tag{align-self:center;background:var(--accent);color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:5px 14px;border-radius:var(--radius-pill);margin-bottom:16px}.knee .option-name{font-size:1.18rem;line-height:1.4;margin-bottom:14px}.knee .option-desc{color:var(--text-muted);font-size:.95rem;margin:0 0 24px;flex:1}.knee .option-card .btn{margin-top:auto}@media (min-width:820px){.knee .options-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}.knee .option-name{min-height:3.2em;display:flex;align-items:center;justify-content:center}}.knee .process-technique{color:var(--accent);font-weight:600;letter-spacing:.06em;font-size:1.05rem;margin-top:4px}.knee .process-list{list-style:none;max-width:760px;margin:40px auto 0;padding:0;display:grid;gap:18px}.knee .process-step{display:grid;grid-template-columns:1fr;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.knee .process-thumb{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block}.knee .process-body{display:flex;gap:16px;align-items:flex-start;padding:18px 20px}.knee .process-num{flex:none;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:1.15rem;display:grid;place-items:center;box-shadow:0 6px 16px rgba(168,90,67,.3)}.knee .process-text{padding-top:2px}.knee .process-step h3{font-size:1.15rem;margin-bottom:4px}.knee .process-step p{margin:0;color:var(--text-body);font-size:.98rem}@media (min-width:720px){.knee .process-step{grid-template-columns:240px 1fr;align-items:stretch}.knee .process-thumb{height:100%;aspect-ratio:auto}.knee .process-body{align-items:center;padding:22px 28px}}.knee .process-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 28px;max-width:680px;margin:40px auto 0;padding-top:28px;border-top:1px solid var(--divider)}.knee .process-badge{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--text-strong);font-size:.98rem}.knee .process-badge svg{width:20px;height:20px;color:var(--accent);flex:none}.knee .faq-list{margin-top:30px;border-top:1px solid var(--divider)}.knee .faq-item{border-bottom:1px solid var(--divider)}.knee .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;background:none;border:none;padding:22px 4px;font-size:1.08rem;font-weight:600;color:var(--text-strong);line-height:1.5}.knee .faq-q .chev{flex:none;width:26px;height:26px;display:grid;place-items:center;color:var(--accent);transition:transform var(--dur-base) var(--ease-out)}.knee .faq-q .chev svg{width:22px;height:22px}.knee .faq-item.open .faq-q .chev{transform:rotate(180deg)}.knee .faq-a{overflow:hidden;max-height:0;transition:max-height var(--dur-slow) var(--ease-soft)}.knee .faq-a-inner{padding:0 4px 24px;color:var(--text-body);font-size:1rem}.knee .cta-band{background:var(--surface-inverse);color:var(--text-on-dark);border-radius:var(--radius-xl);padding:clamp(34px,6vw,60px) clamp(24px,5vw,56px);text-align:center;position:relative;overflow:hidden}.knee .cta-band:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 50% 0,hsla(17,43%,58%,.28),transparent 60%);pointer-events:none}.knee .cta-band h2{color:#fff;font-size:clamp(1.5rem,1.2rem + 1.8vw,2.2rem);margin-bottom:14px;position:relative}.knee .cta-band p{color:#f0e2db;max-width:48ch;margin:0 auto 26px;position:relative}.knee .cta-band .hero-cta{justify-content:center;position:relative}.knee .cta-band .btn-ghost{color:#f5ece3;border-color:hsla(30,47%,93%,.35)}.knee .cta-band .btn-ghost:hover{background:hsla(30,47%,93%,.08)}.knee .site-footer{background:#120c08;color:#cbb9a9;padding-block:44px 96px;font-size:.95rem}.knee .footer-grid{display:grid;gap:26px}.knee .site-footer .wordmark{font-family:var(--font-serif-latin);font-size:1.5rem;font-weight:600;color:#f5ece3;display:block;margin-bottom:6px}.knee .footer-logo{width:116px;height:auto;margin-bottom:10px}.knee .site-footer .brand-th{color:#a8917f;font-size:.85rem}.knee .footer-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.knee .footer-row svg{width:18px;height:18px;color:var(--camellia-300);flex:none;margin-top:3px}.knee .site-footer a{color:#e0d2c5}.knee .site-footer a:hover{color:#fff}.knee .footer-hours{color:#a8917f}.knee .footer-legal{margin-top:28px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.08);color:#8a7869;font-size:.85rem}.knee .mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--bg-page) 92%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--border);box-shadow:0 -6px 20px rgba(59,42,34,.1)}.knee .mobile-cta .btn{flex:1;padding:14px 16px;font-size:1rem}.knee .mobile-cta .btn-cta{padding:17px 14px;font-size:1.0625rem}.knee .mobile-cta .btn-tel{flex:0 0 auto;padding:14px 18px}.knee .mobile-cta .btn-tel svg{width:20px;height:20px}.knee .reveal{transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.knee .reveal-ready .reveal{opacity:0;transform:translateY(24px)}.knee .reveal-ready .reveal.in{opacity:1;transform:none}@media (min-width:720px){.knee .header-tel{display:flex}.knee .why-grid{grid-template-columns:repeat(2,1fr)}.knee .reviews{grid-auto-columns:1fr;grid-template-columns:repeat(3,1fr);grid-auto-flow:row;overflow:visible}.knee .mobile-cta{display:none}.knee .site-footer{padding-block:52px}.knee .footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:40px}}@media (min-width:940px){.knee .hero-grid{grid-template-columns:1.05fr .95fr}.knee .hero-media{max-width:380px;margin-inline:0 auto}.knee .why-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.knee *{animation:none!important;scroll-behavior:auto}.knee .reveal,.knee .reveal-ready .reveal{opacity:1!important;transform:none!important;transition:none}.knee .btn:hover,.knee .why-card:hover{transform:none}}@media (prefers-reduced-motion:no-preference){.knee .reveal{opacity:0;transform:translateY(24px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.knee .reveal[data-in=true]{opacity:1;transform:none}}.knee{min-height:100dvh;background:var(--bg-page)}.knee .container-narrow{max-width:var(--container-narrow)}.knee .lead-form{display:grid;gap:8px;margin-top:28px}.knee .lead-form label{font-weight:600;color:var(--text-strong);margin-top:10px}.knee .lead-form input,.knee .lead-form select,.knee .lead-form textarea{font:inherit;color:var(--text-body);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;width:100%}.knee .lead-form input:focus,.knee .lead-form select:focus,.knee .lead-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.knee .lead-form button{margin-top:20px}.knee .lead-error{color:#b3261e;margin-top:12px;font-weight:500}.knee .lead-done{margin-top:28px;text-align:center}.knee .lead-done h3{font-size:1.5rem;color:var(--text-strong)}.knee .lead-done p{color:var(--text-body);margin:10px 0 22px}