/* ClubMedRx shared visual identity. Existing flows retain their DOM contracts. */
:root{--teal-dark:#162d3d;--teal:#294e62;--teal-light:#3d687d;--teal-accent:#d9ef96;--sage:#596b3d;--sage-deep:#43542c;--funnel-cream:#ecebe2;--funnel-bg:#f7f6ef;--bg:#f3f4f0;--text:#162d3d;--text-muted:#626e72;--border:#dce0da;--shadow:0 2px 12px #162d3d08;--shadow-lg:0 12px 36px #162d3d10}
body.funnel-mode{background:#f7f6ef}
body.funnel-mode .content{padding:0 36px 40px}
.funnel-shell{max-width:1240px;padding:0 0 40px}
.funnel-topbar.fb-figma{background:transparent;color:var(--text);padding:30px 0;margin:0;border-bottom:1px solid #d8ddd3}
.fb-brand{font-family:'Figtree',sans-serif;font-size:29px;letter-spacing:-1.5px;font-weight:800;color:var(--text);text-decoration:none;display:flex;align-items:center}
.fb-brand span{font-weight:400}.fb-brand i{font-style:normal;font-size:28px;display:grid;place-items:center;background:#d9ef96;border-radius:50%;width:31px;height:31px;margin-left:8px}
.club-header-actions{display:flex;align-items:center;gap:30px}.club-header-note{font-size:12px;color:var(--text-muted)}
.club-member-button{border:1px solid #bdc6c6;background:transparent;border-radius:30px;padding:12px 19px;color:var(--text);font:600 12px 'Figtree',sans-serif;cursor:pointer}.club-member-button span{margin-left:15px}.club-member-button:hover{background:#e9eddf}
.fs-figma{background:transparent;padding:24px 0;margin:0}.fs-dot{background:#e6e9e0;color:#6b776f;width:27px;height:27px;font-size:10px}.fs-dot.fs-active,.fs-dot.fs-done{background:var(--teal-dark);color:white}.fs-label{font-size:10px}
.funnel-hero{grid-template-columns:1.2fr 1fr;gap:80px;padding:42px 0 48px;align-items:center}
.club-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:27px}.club-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#718547}
.hero-title{font-size:clamp(48px,5.8vw,78px);font-weight:500;letter-spacing:-4px;line-height:1.06}.hero-title em{font-weight:500;position:relative;z-index:0}.hero-title em:after{content:'';position:absolute;height:15px;background:#d9ef96;bottom:8px;left:-3px;right:-9px;z-index:-1;transform:rotate(-3deg)}
.hero-sub{font-size:16px;line-height:1.8;max-width:460px;margin-top:25px}.club-benefits{display:flex;flex-direction:column;gap:14px;margin-top:28px;font-size:11px;color:#728278}.club-benefits strong{font-size:13px;color:var(--text);margin-left:13px;font-weight:500}
.club-membership{display:flex;gap:15px;align-items:center;margin-top:35px;padding-top:25px;border-top:1px solid var(--border)}.club-mark{background:var(--teal-dark);color:#d9ef96;width:47px;height:51px;border-radius:24px 24px 7px 7px;font-family:'Fraunces',serif;font-size:33px;text-align:center}.club-mark span{font:14px 'Figtree';vertical-align:top;line-height:30px}.club-membership strong{font-size:12px}.club-membership p{font-size:11px;color:var(--text-muted);margin-top:5px}.club-demo-note{font-size:10px;line-height:1.6;color:var(--text-muted);margin-top:22px}
body.funnel-mode .hero-form .form-card{padding:34px;background:#fff;border:1px solid #dce0d5;border-radius:18px;box-shadow:0 20px 60px #162d3d09;position:relative}.club-form-kicker{font-size:9px;font-weight:700;letter-spacing:1.3px;margin-bottom:30px;color:#6e7a70;display:flex;justify-content:space-between}.club-form-kicker span{white-space:nowrap;letter-spacing:0}
.hero-form .form-card h3{font-family:'Fraunces',serif;font-size:27px!important;font-weight:500!important;letter-spacing:-.7px}.hero-form .form-card>p{margin-top:9px;margin-bottom:28px!important}.hero-form .form-label{font-size:11px;font-weight:600;margin-bottom:8px;display:block}.hero-form .form-control{min-height:45px;border-radius:7px;background:#f9faf6;border-color:#dce0d7}.hero-form .form-row-2{gap:16px}.hero-form .btn-primary{background:#d9ef96;color:#162d3d;border-color:#d9ef96;border-radius:8px;min-height:51px;margin-top:26px!important;font-weight:700}.hero-form .btn-primary:hover{background:#c8e47b}
.funnel-trust-strip{border-top:1px solid var(--border);padding-top:22px}.funnel-footer{margin-top:32px}.funnel-brand-light span{color:#536b36}.sidebar-logo .logo-text{font-size:25px}.sidebar-user .avatar{color:var(--text)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #779638;outline-offset:4px}
@media(min-width:900px){.funnel-card{max-width:900px;margin-left:auto;margin-right:auto}}
@media(max-width:900px){.funnel-hero{gap:32px}.club-header-note{display:none}.hero-title{font-size:56px}.hero-form .form-card{padding:24px!important}}
@media(max-width:700px){body.funnel-mode .content{padding:0 20px 25px}.funnel-topbar.fb-figma{padding:23px 0}.fb-brand{font-size:23px}.fb-brand i{width:25px;height:25px;font-size:22px}.club-member-button{font-size:10px;padding:10px 12px}.club-member-button span{margin-left:5px}.funnel-hero{grid-template-columns:1fr;padding-top:25px;gap:30px}.hero-title{font-size:58px;letter-spacing:-3px}.club-eyebrow{font-size:9px;margin-bottom:21px}.hero-sub{font-size:14px}.club-benefits{gap:10px}.club-membership{margin-top:24px}.funnel-trust-strip{flex-wrap:wrap}.club-header-actions{gap:0}}