/* Medical Joint's neon identity. Scoped to this page only. */
:root{--brand:#a0f64f;--accent:#a0f64f;--muted:#b1c3b7;--ink:#060d09}
body{background:var(--ink)}
.topbar{background:#06100bee;border-bottom-color:#a0f64f40}
.brand-badge{background:#a0f64f;color:#071007;border-color:#a0f64f;box-shadow:0 0 20px #86ed4938}
.button{color:#0b1806;box-shadow:0 0 22px #95f34112}.button-outline{color:#d8f8c4;border-color:#a0f64f85;box-shadow:none}
a:focus-visible,button:focus-visible{outline:3px solid #c9ff9b;outline-offset:5px}
section[id]{scroll-margin-top:135px}
.hero{position:relative;isolation:isolate;min-height:680px;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#256a2345,transparent 52%),#060c08;grid-template-columns:1fr 1.05fr}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060c08e8,#060c0880),url('../assets/medical-joint-client-neon.webp') center/cover;opacity:.35}
.hero-copy{padding:65px 4vw 70px 6vw;background:transparent;position:relative;z-index:2}
.hero h1{font-size:clamp(5rem,9.5vw,10rem);line-height:.82;letter-spacing:-.025em}
.hero h1 em{color:#b5ff68;text-shadow:0 0 40px #8bff4b3d}
.hero .patient-access-notice{margin:0 0 32px;font-size:.76rem;border-width:1px!important;border-left-width:4px!important;background:#102719e8!important;box-shadow:0 0 30px #8cf74b0d}
.lede{max-width:510px;color:#c9ddce}
.hero-media{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:48px 4vw 48px 0;background:radial-gradient(ellipse at center,#2a5b2540,transparent 65%),#030805;border:1px solid #a0f64f44;border-radius:48% 48% 8px 8px;box-shadow:inset 0 0 60px #83e94112,0 0 60px #80ff3212;transform:rotate(-2deg)}
.hero-media::after{pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#94ff5210 5px);opacity:.2}
.hero-media img{height:auto;max-height:470px;object-fit:contain;padding:28px 16px;background:transparent;filter:drop-shadow(0 0 20px #6cff4225);transform:rotate(2deg)}
.hero-art-link{position:relative;z-index:2;margin:15px 20px 25px;padding:13px 0;border-bottom:1px solid #a0f64f70;color:#caff9c;font-size:.65rem;letter-spacing:.12em;font-weight:800;transform:rotate(2deg)}
.joint-jumpbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#a0f64f;color:#0a1908;padding:0 5vw;box-shadow:0 0 35px #8ef54620}
.joint-jumpbar a{display:flex;gap:15px;align-items:center;justify-content:center;padding:24px 14px;font:800 1.2rem 'Barlow Condensed',Arial,sans-serif;border-right:1px solid #16350e35}
.joint-jumpbar a:last-child{border:0}.joint-jumpbar span{font:700 .7rem Inter,Arial,sans-serif;opacity:.65}.joint-jumpbar a:hover{background:#c4ff8c}
.info{position:relative;isolation:isolate;background:#09130d;color:#f1f9ed;overflow:hidden}
.info::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,#09130ded,#09130ddd),url('../assets/medical-joint-client-neon.webp') center/cover}
.info-grid{gap:55px}.body-copy{color:#b8cbbb}.section-title{color:#f1ffe8}
.feature-grid{height:auto}.feature{background:linear-gradient(140deg,#17341f,#0a170f);border:1px solid #a0f64f30;border-top:3px solid #90dd49}.feature b{color:#b9f885}.feature span{color:#c2d1c4}
.detail-card{background:linear-gradient(135deg,#163222,#08190f);border:1px solid #a0f64f50;box-shadow:10px 10px 0 #234c25,0 0 50px #72e5300a}
.media-carousel,.media-carousel:nth-of-type(even){background:radial-gradient(ellipse at 85% 5%,#2d5b2645,transparent 60%),#050c08;border-top:1px solid #a0f64f30}
#brand-gallery{background:radial-gradient(ellipse at 10% 50%,#1b54304d,transparent 60%),#09150e}
.carousel-heading h2{font-size:clamp(3rem,6.5vw,6.5rem);color:#f2ffe9;max-width:950px}
.carousel-heading .eyebrow{color:#b7ff72}
.carousel-slide{background:#0c2114;border-color:#96e95160;box-shadow:inset 0 0 30px #90ee3810}.carousel-slide figcaption{color:#d1e9c3;border-top:1px solid #91de4138}
.carousel-art .carousel-slide img{height:560px;background:radial-gradient(ellipse at center,#14391d,#030705 70%)}
.carousel-controls button{background:#0f2415}.carousel-note{color:#b8cbbb}
.signup{background:linear-gradient(125deg,#17341b,#061009);border-top:1px solid #a0f64f35}.signup-box{background:#092012;color:#edffe5;border:1px solid #a0f64f60;box-shadow:10px 10px 0 #214924}.signup-box label{color:#baf68c}
.crosssell{background:#050c08}.cross-card{background:linear-gradient(135deg,#17301d,#08120c);border-color:#a0f64f30;transition:transform .2s}.cross-card:hover{transform:translateY(-4px)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding:58px 6vw 35px}.hero-media{margin:0 6vw 50px;border-radius:20px;max-height:none;transform:none}.hero-media img{max-height:410px;transform:none}.hero-art-link{transform:none}.hero h1{font-size:clamp(5rem,14vw,8rem)}.joint-jumpbar{padding:0 3vw}.joint-jumpbar a{font-size:1rem;gap:8px}}
@media(max-width:650px){.hero-copy{padding:40px 24px 30px}.hero h1{font-size:clamp(4.4rem,19vw,6rem)}.hero-media img{padding:18px 10px}.hero-media{margin:0 24px 38px}.hero-art-link{font-size:.57rem;text-align:center}.joint-jumpbar{grid-template-columns:1fr;padding:0 24px}.joint-jumpbar a{justify-content:space-between;padding:17px 0;border-right:0;border-bottom:1px solid #16350e35}.feature-grid,.cross-grid{height:auto;grid-template-columns:1fr}.detail-card{padding:26px;box-shadow:7px 7px 0 #234c25}.info-grid{gap:35px}.carousel-art .carousel-slide img{height:390px}.signup-box{padding:25px}.carousel-controls{justify-content:flex-start}.carousel-position{margin-right:0}.section-title{font-size:3.5rem}}
@media(prefers-reduced-motion:reduce){.cross-card{transition:none}.cross-card:hover{transform:none}}
