:root {
  color-scheme: light;
  --ink: #151916;
  --muted: #68716d;
  --green: #17b57a;
  --green-dark: #12885c;
  --paper: #f8f8f6;
  --line: #e9ece8;
  --shadow: 0 20px 70px rgb(29 42 35 / 8%);
  font-family: "Outfit", "Avenir Next", "Segoe UI", sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; overflow-x: clip; color: var(--ink); background: var(--paper); font-size: 15px; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
svg { width: 1.2em; height: 1.2em; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: 3px solid rgb(23 181 122 / 62%); outline-offset: 4px; }
::selection { color: #0d5b3f; background: #d9f5e7; }
.icon-library { position: absolute; width: 0; height: 0; overflow: hidden; }

.site-header { position: sticky; z-index: 30; top: 0; width: 100%; transition: background .25s, box-shadow .25s, backdrop-filter .25s; }
.site-header.is-scrolled { background: rgb(248 248 246 / 88%); box-shadow: 0 1px 0 rgb(17 25 20 / 6%); backdrop-filter: blur(18px); }
.nav-wrap { width: min(1180px, calc(100% - 64px)); min-height: 82px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 9px; font-size: 23px; font-weight: 700; letter-spacing: -.9px; }
.brand img { flex: 0 0 auto; }
.brand-accent { color: var(--green-dark); }
.nav-links { display: flex; align-items: center; gap: 34px; color: #525a56; font-size: 13px; font-weight: 500; }
.nav-links > a:not(.button), .nav-dropdown summary { transition: color .2s; cursor: pointer; }
.nav-links > a:not(.button):hover, .nav-dropdown summary:hover { color: var(--green-dark); }
.nav-dropdown { position: relative; }
.nav-dropdown summary { list-style: none; }
.nav-dropdown summary::-webkit-details-marker { display: none; }
.nav-dropdown summary span { margin-left: 4px; }
.dropdown-menu { position: absolute; top: 31px; left: -20px; display: grid; gap: 4px; width: 220px; padding: 10px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow); }
.dropdown-menu a { padding: 10px; border-radius: 8px; }
.dropdown-menu a:hover { background: #f4f8f5; }
.soon-tag { display: block; margin-top: 4px; color: var(--green-dark); font-size: 10px; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 13px; padding: 0 21px; border: 1px solid transparent; border-radius: 99px; cursor: pointer; font-size: 13px; font-weight: 600; transition: transform .2s, background .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); }
.button:disabled { opacity: .65; cursor: wait; transform: none; }
.button svg { width: 15px; }
.button-dark { color: #fff; background: #151916; box-shadow: 0 6px 16px rgb(21 25 22 / 12%); }
.button-dark:hover { background: #28322c; box-shadow: 0 9px 20px rgb(21 25 22 / 18%); }
.button-light { color: #262e29; border-color: #e0e4df; background: rgb(255 255 255 / 78%); }
.button-light:hover { background: #fff; box-shadow: 0 7px 20px rgb(34 45 38 / 7%); }
.nav-cta { min-height: 42px; padding: 0 18px; font-size: 12px; }
.nav-action { white-space: nowrap; }
.menu-toggle { display: none !important; }

.section-shell, .section { width: min(1180px, calc(100% - 64px)); margin-right: auto; margin-left: auto; }
.hero { position: relative; padding-top: 55px; overflow: hidden; }
.hero-copy { position: relative; z-index: 2; max-width: 690px; margin: auto; text-align: center; }
.eyebrow, .section-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 13px; border: 1px solid #d8eee1; border-radius: 99px; color: #187a56; background: #edfaf2; font-size: 11px; font-weight: 600; letter-spacing: .04em; }
.eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgb(23 181 122 / 12%); }
h1, h2, h3, p { margin-top: 0; }
.hero h1 { margin: 22px 0 18px; font-size: clamp(46px, 6vw, 72px); font-weight: 600; letter-spacing: -4.2px; line-height: 1.035; }
.green-text { color: var(--green-dark); }
.hero-copy > p { max-width: 550px; margin: 0 auto; color: var(--muted); font-size: 16px; line-height: 1.8; }
.hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 11px; margin-top: 27px; }
.play-button { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: var(--green-dark); background: #e6f7ed; }
.play-button svg { width: 11px; fill: currentColor; }
.hero-note { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 23px; color: #777f7b; font-size: 11px; }
.avatar-stack { display: flex; padding-left: 4px; }
.avatar-stack i { width: 25px; height: 25px; display: grid; place-items: center; margin-left: -4px; border: 2px solid var(--paper); border-radius: 50%; color: #315847; background: #dcefe3; font-size: 10px; font-style: normal; font-weight: 700; }
.avatar-stack i:nth-child(2) { color: #69513d; background: #f8e9dc; }
.avatar-stack i:nth-child(3) { color: #575080; background: #eae7fa; }
.hero-pathways { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 1000px; margin: 0 auto; }
.hero-copy { margin-top: 40px; }
.audience-card { display: flex; align-items: flex-start; gap: 17px; padding: 24px; border: 1px solid var(--line); border-radius: 18px; color: var(--ink); background: #0f1b16; box-shadow: var(--shadow); text-align: left; }
.audience-icon, .journey-icon, .clinic-owner-icon { width: 44px; height: 44px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 13px; color: var(--green); background: rgb(91 224 164 / 11%); }
.audience-icon svg, .journey-icon svg, .clinic-owner-icon svg { width: 21px; height: 21px; }
.audience-copy { min-width: 0; }
.audience-label { display: block; margin: 1px 0 7px; color: var(--green); font-size: 10px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.audience-card h2 { margin: 0 0 8px; font-size: 20px; font-weight: 600; letter-spacing: -.5px; }
.audience-card p { min-height: 65px; margin: 0 0 16px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.audience-card .button { min-height: 43px; padding: 0 17px; font-size: 12px; }
.audience-note { display: block; margin-top: 12px; color: var(--muted); font-size: 10px; }
.dashboard-stage { position: relative; width: 100%; max-width: 1040px; margin: 51px auto 0; perspective: 1100px; transform: translateY(var(--scroll-shift, 0)); transition: transform .15s; }
.app-window { position: relative; display: flex; min-height: 498px; overflow: hidden; border: 1px solid #e4e8e3; border-radius: 20px 20px 0 0; background: #fff; box-shadow: 0 30px 80px rgb(34 45 38 / 13%); }
.app-sidebar { width: 185px; flex: 0 0 185px; display: flex; flex-direction: column; padding: 18px 12px; border-right: 1px solid #eef0ed; background: #fdfefd; }
.app-brand { display: flex; align-items: center; gap: 7px; margin: 0 0 29px 5px; font-size: 15px; letter-spacing: -.5px; }
.app-brand b span { color: var(--green-dark); }
.app-sidebar > small { padding: 0 8px; margin-bottom: 10px; color: #9aa19d; font-size: 8px; font-weight: 600; letter-spacing: .12em; }
.side-link { display: flex; align-items: center; gap: 10px; padding: 10px 9px; margin-bottom: 4px; border-radius: 7px; color: #737b76; font-size: 10px; }
.side-link span { width: 15px; color: #8d9791; font-size: 15px; text-align: center; }
.side-link.active { color: #157b55; background: #e9f7ef; font-weight: 600; }
.side-link.active span { color: #159261; }
.sidebar-profile { display: flex; align-items: center; gap: 7px; margin-top: auto; padding: 13px 3px 0; border-top: 1px solid #edf0ed; font-size: 9px; }
.profile-avatar { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #5a483c; background: #f2dfcf; font-size: 9px; font-weight: 700; }
.sidebar-profile b, .sidebar-profile small { display: block; }
.sidebar-profile small { margin-top: 3px; color: #919993; font-size: 8px; }
.profile-more { margin-left: auto; color: #8b938e; }
.app-main { position: relative; min-width: 0; flex: 1; padding: 14px 20px 26px; }
.app-topbar, .topbar-tools { display: flex; justify-content: space-between; align-items: center; }
.crumb { color: #89928c; font-size: 9px; }
.crumb b { padding: 0 5px; color: #c5cbc6; }
.topbar-tools { gap: 12px; }
.live-chip { padding: 5px 8px; border-radius: 99px; color: #4f735f; background: #f0f8f2; font-size: 8px; }
.live-chip i, .summary-bottom i { width: 5px; height: 5px; display: inline-block; margin-right: 4px; border-radius: 50%; background: var(--green); }
.app-notice { border: 0; color: #7e8882; background: none; font-size: 14px; }
.small-avatar { width: 24px; height: 24px; font-size: 7px; }
.app-greeting { display: flex; justify-content: space-between; align-items: center; margin: 22px 0 16px; }
.app-date { color: #9ba39e; font-size: 7px; font-weight: 600; letter-spacing: .1em; }
.app-greeting h2 { margin: 6px 0 3px; font-size: 17px; font-weight: 600; letter-spacing: -.5px; }
.app-greeting h2 span { color: #f2b84d; font-size: 14px; }
.app-greeting p { margin: 0; color: #969e99; font-size: 9px; }
.app-add { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border: 0; border-radius: 6px; color: #fff; background: #159366; font-size: 8px; }
.app-add svg { width: 12px; }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.stat-card { position: relative; min-height: 111px; overflow: hidden; padding: 12px 11px; border: 1px solid #edf0ed; border-radius: 8px; background: #fff; }
.stat-head { display: flex; justify-content: space-between; align-items: center; color: #7c8580; font-size: 8px; }
.stat-icon { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 7px; }
.stat-icon svg { width: 13px; }
.green-icon { color: #21a86c; background: #e9f8ef; }.blue-icon { color: #548ddb; background: #edf4ff; }.yellow-icon { color: #d39a34; background: #fff7e4; }.pink-icon { color: #d77791; background: #fff0f3; }
.stat-card > strong { display: block; margin: 8px 0 4px; font-size: 18px; letter-spacing: -.6px; }
.stat-card > small { color: #9aa19d; font-size: 7px; }.stat-card > small b { color: #20a56b; font-weight: 600; }.stat-card .blue-text { color: #548ddb; }.stat-card .pink-text { color: #d77791; }
.mini-bars { position: absolute; right: 9px; bottom: 12px; display: flex; align-items: end; gap: 3px; height: 22px; opacity: .8; }
.mini-bars i { width: 3px; height: 30%; border-radius: 3px; background: #95dfb3; }.mini-bars i:nth-child(2n) { height: 60%; }.mini-bars i:nth-child(3n) { height: 82%; }.mini-bars i:nth-child(5n) { height: 48%; }
.bars-blue i { background: #a7c8f5; }.bars-yellow i { background: #f4d185; }.bars-pink i { background: #f0b1c0; }
.app-lower { display: grid; grid-template-columns: 1.5fr 1fr; gap: 10px; margin-top: 12px; }
.app-panel { min-width: 0; padding: 12px; border: 1px solid #edf0ed; border-radius: 8px; background: #fff; }
.panel-title { display: flex; justify-content: space-between; align-items: flex-start; }
.panel-title h3 { margin: 0 0 4px; font-size: 10px; }.panel-title small { color: #9aa19d; font-size: 7px; }.panel-title button { border: 0; color: #909994; background: transparent; }
.calendar-strip { display: flex; justify-content: space-between; margin: 13px 1px 8px; }
.calendar-strip > span { display: grid; gap: 5px; justify-items: center; color: #858e89; }
.calendar-strip small { font-size: 6px; }.calendar-strip b { width: 21px; height: 21px; display: grid; place-items: center; border-radius: 50%; font-size: 8px; font-weight: 500; }.calendar-strip b.today { color: #fff; background: #17a36d; }
.appointment-row { display: flex; align-items: center; gap: 7px; padding: 8px 0; border-top: 1px solid #f1f2f0; }
.appointment-time { width: 27px; color: #8a928d; font-size: 7px; }
.patient-dot { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; }.mint { background: #54c791; }.lilac { background: #9e8deb; }.peach { background: #eea96d; }
.appointment-row b, .appointment-row small { display: block; }.appointment-row b { font-size: 7px; font-weight: 600; }.appointment-row small { margin-top: 3px; color: #9ca39f; font-size: 6px; }.appointment-row em { margin-left: auto; padding: 4px 5px; border-radius: 99px; color: #238557; background: #eaf7ef; font-size: 6px; font-style: normal; }.appointment-row em.arrived { color: #7561ba; background: #f1effb; }
.activity-line { display: flex; align-items: center; gap: 8px; padding: 11px 0; border-bottom: 1px solid #f1f2f0; }
.activity-symbol { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 6px; color: #1d9b65; background: #eaf8ef; font-size: 10px; font-style: normal; }.activity-symbol.violet { color: #7662c7; background: #f1effb; }.activity-symbol.peach { color: #d49354; background: #fff4e8; }
.activity-line b, .activity-line small { display: block; }.activity-line b { font-size: 7px; font-weight: 600; }.activity-line small { margin-top: 3px; color: #9ca39f; font-size: 6px; }
.demo-disclaimer { display: flex; align-items: center; gap: 5px; margin-top: 12px; color: #949c97; font-size: 7px; }.demo-disclaimer svg { width: 11px; color: var(--green); }
.demo-stamp { position: absolute; right: 24px; bottom: 8px; color: #a0aaa3; font-size: 7px; font-weight: 600; letter-spacing: .12em; }
.dashboard-fade { position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; height: 130px; pointer-events: none; background: linear-gradient(0deg, var(--paper) 2%, rgb(248 248 246 / 0%)); }
.stage-sparkle { position: absolute; z-index: 2; color: #7acb9a; }.sparkle-a { top: 20%; left: -35px; font-size: 29px; }.sparkle-b { top: 39%; right: -32px; color: #ddb67c; font-size: 23px; }
.hero-ecg { position: absolute; bottom: 15px; left: -5%; width: 110%; height: 70px; opacity: .12; }.hero-ecg path { fill: none; stroke: #17b57a; stroke-width: 1.3; stroke-dasharray: 1400; animation: draw-line 12s linear infinite; }
.medical-floats { position: absolute; z-index: 1; top: 240px; right: 0; left: 0; max-width: 1090px; height: 280px; margin: auto; pointer-events: none; }.medical-icon { position: absolute; width: 33px; height: 33px; display: grid; place-items: center; border: 1px solid #e3efe6; border-radius: 11px; color: #85b99a; background: rgb(255 255 255 / 70%); animation: drift 5s ease-in-out infinite alternate; }.medical-icon svg { width: 17px; }.med-stethoscope { top: 10%; left: 4%; }.med-pill { top: 47%; right: 2%; color: #c3a276; animation-delay: -2s; }.med-clipboard { right: 12%; bottom: 2%; animation-delay: -3s; }
@keyframes draw-line { to { stroke-dashoffset: -1400; } }

.section { padding-top: 106px; padding-bottom: 35px; }
.section-heading { max-width: 680px; margin: 0 auto 43px; text-align: center; }
.section-badge { padding: 7px 12px; font-size: 10px; letter-spacing: .02em; }
.section-badge svg { width: 13px; height: 13px; }
.section-heading h2, .paperless-copy h2, .cta-copy h2 { margin: 19px 0 12px; font-size: clamp(34px, 4.2vw, 49px); font-weight: 550; letter-spacing: -2.5px; line-height: 1.12; }
.section-heading p, .paperless-copy > p, .cta-copy > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.feature-card { min-height: 218px; padding: 21px 19px 17px; border: 1px solid #eaede9; border-radius: 15px; background: rgb(255 255 255 / 76%); transition: transform .22s, box-shadow .22s, border-color .22s; }
.feature-card:hover { transform: translateY(-5px); border-color: #d5e9dc; box-shadow: 0 14px 38px rgb(35 57 42 / 8%); }
.feature-icon { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: 17px; border-radius: 12px; }.feature-icon svg { width: 19px; }
.icon-mint { color: #159563; background: #e9f8ef; }.icon-sky { color: #4e89ce; background: #edf5ff; }.icon-lilac { color: #8373ca; background: #f1effb; }.icon-peach { color: #cf8c52; background: #fff3e7; }.icon-yellow { color: #c69a3b; background: #fff7e2; }.icon-rose { color: #cf7189; background: #fff0f3; }.icon-blue { color: #5489cc; background: #eef4fc; }.icon-green { color: #16956a; background: #eaf8ee; }
.feature-card h3 { margin: 0 0 8px; font-size: 15px; font-weight: 600; letter-spacing: -.3px; }
.feature-card p { min-height: 53px; margin-bottom: 11px; color: #7a827e; font-size: 11px; line-height: 1.65; }
.feature-card a { display: inline-flex; align-items: center; gap: 6px; color: #23875f; font-size: 10px; font-weight: 600; }.feature-card a svg { width: 12px; }

.paperless-section { position: relative; width: 100%; max-width: none; overflow: hidden; padding: 91px max(32px, calc((100% - 1120px) / 2)); margin-top: 80px; background: #eef7f0; }
.paperless-section::before { position: absolute; top: -160px; right: -10%; width: 620px; height: 520px; border-radius: 50%; background: radial-gradient(ellipse, rgb(205 239 214 / 56%), transparent 68%); content: ""; }
.paperless-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr minmax(340px, 430px); align-items: center; gap: 95px; max-width: 1120px; margin: auto; }
.paperless-copy h2 { margin-top: 20px; font-size: clamp(38px, 4.4vw, 52px); }
.paperless-copy > p { max-width: 490px; margin: 18px 0 25px; }
.paper-benefits { display: grid; gap: 12px; color: #45534a; font-size: 12px; }
.paper-benefits span { display: flex; align-items: center; gap: 9px; }
.paper-benefits i { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: #14885d; background: #d8f0df; font-style: normal; }.paper-benefits svg { width: 12px; }
.calculator-card { padding: 27px; border: 1px solid rgb(216 228 218 / 90%); border-radius: 20px; background: #fff; box-shadow: 0 20px 50px rgb(53 84 60 / 9%); }
.calc-top { display: flex; align-items: center; justify-content: space-between; }.calc-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #14885d; background: #eaf8ef; }.estimate-label { color: #7b8e80; font-size: 10px; }
.calculator-card h3 { margin: 17px 0 5px; font-size: 20px; letter-spacing: -.6px; }.calculator-card > p { margin: 0 0 20px; color: #79817d; font-size: 11px; line-height: 1.6; }
.range-label, .calc-input-label { display: flex; justify-content: space-between; align-items: center; margin: 15px 0 9px; color: #4c5650; font-size: 11px; font-weight: 500; }.range-label b { color: #118355; font-size: 12px; }
input[type="range"] { width: 100%; height: 5px; display: block; appearance: none; border-radius: 99px; background: #dceddf; cursor: pointer; }
input[type="range"]::-webkit-slider-thumb { width: 16px; height: 16px; appearance: none; border: 3px solid #fff; border-radius: 50%; background: #17a66d; box-shadow: 0 0 0 1px #17a66d; }
input[type="range"]::-moz-range-thumb { width: 11px; height: 11px; border: 3px solid #fff; border-radius: 50%; background: #17a66d; box-shadow: 0 0 0 1px #17a66d; }
.calc-input-label { margin-top: 19px; }.calc-input-label span { color: #a0a7a2; font-size: 9px; font-weight: 400; }
.number-input { width: 100%; height: 38px; padding: 0 11px; border: 1px solid #e6ebe6; border-radius: 8px; color: #303a33; background: #fcfdfc; font-size: 12px; }
.calc-results { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0 13px; }
.calc-results > div { padding: 13px 12px; border-radius: 10px; background: #eff8f1; }.calc-results small, .calc-results strong { display: block; }.calc-results small { margin-bottom: 7px; color: #718078; font-size: 9px; }.calc-results strong { color: #176f4d; font-size: 21px; letter-spacing: -.7px; }
.calc-footnote { display: block; color: #8a948e; font-size: 9px; line-height: 1.6; }
.paperless-bg { position: absolute; inset: 0; pointer-events: none; }.floating-leaf { position: absolute; color: #b6d9c1; font-size: 80px; animation: drift 10s ease-in-out infinite alternate; }.leaf-one { top: 10%; left: 3%; transform: rotate(-25deg); }.leaf-two { right: 3%; bottom: 10%; transform: rotate(25deg); animation-delay: -4s; }.paper-shape { position: absolute; width: 38px; height: 51px; border: 1px solid rgb(178 205 183 / 45%); border-radius: 4px; transform: rotate(-15deg); }.paper-one { top: 23%; right: 13%; }.paper-two { bottom: 18%; left: 10%; transform: rotate(13deg); }
@keyframes drift { to { translate: 0 -14px; rotate: 8deg; } }

.workflow-section { padding-top: 110px; padding-bottom: 77px; }
.workflow-grid { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.workflow-grid::before { position: absolute; top: 27px; right: 12%; left: 12%; z-index: 0; border-top: 1px dashed #d8e3db; content: ""; }
.workflow-step { position: relative; z-index: 1; text-align: center; }.step-number { width: 53px; height: 53px; display: grid; place-items: center; margin: 0 auto 19px; border: 1px solid #e2eae3; border-radius: 50%; color: #4a8967; background: var(--paper); font-size: 12px; font-weight: 600; }
.step-art { position: relative; height: 142px; display: grid; place-items: center; margin-bottom: 19px; border: 1px solid #edf0ed; border-radius: 16px; background: #fff; overflow: hidden; }
.art-calendar { width: 82px; height: 90px; display: grid; justify-items: center; align-content: center; gap: 4px; border: 1px solid #e5ece6; border-radius: 9px; background: #fff; box-shadow: 0 8px 20px rgb(36 58 43 / 8%); animation: bob 3s ease-in-out infinite; }.art-calendar b { color: #159060; font-size: 8px; letter-spacing: .1em; }.art-calendar strong { font-size: 32px; font-weight: 500; }.art-calendar span { color: #90d3a9; font-size: 8px; letter-spacing: 3px; }
.art-check { position: absolute; right: calc(50% - 58px); bottom: 31px; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: white; background: #17b57a; }.art-check svg { width: 13px; }
.art-card { display: flex; align-items: center; gap: 8px; padding: 12px; border: 1px solid #e6ece7; border-radius: 10px; background: #fff; box-shadow: 0 8px 20px rgb(36 58 43 / 8%); animation: bob 3.5s ease-in-out infinite; }.art-avatar { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; color: #795b46; background: #f5e3d4; font-size: 8px; font-style: normal; }.art-card b, .art-card small { display: block; text-align: left; }.art-card b { font-size: 9px; }.art-card small { margin-top: 4px; color: #8c9690; font-size: 7px; }.art-tick { width: 17px; height: 17px; display: grid; place-items: center; margin-left: 5px; border-radius: 50%; color: #fff; background: #17b57a; }.art-tick svg { width: 10px; }
.consult-circle { width: 66px; height: 66px; display: grid; place-items: center; border-radius: 50%; color: #19885d; background: #e9f8ef; }.consult-circle svg { width: 31px; }.consult-pulse { position: absolute; width: 86px; height: 86px; border: 1px solid #bbe8ca; border-radius: 50%; animation: pulse 2.7s ease-out infinite; }.pulse-two { animation-delay: 1.3s; }.consult-plus { position: absolute; top: 22px; right: calc(50% - 54px); width: 21px; height: 21px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #e9a37b; font-size: 12px; font-style: normal; }
@keyframes pulse { from { transform: scale(.72); opacity: .8; } to { transform: scale(1.3); opacity: 0; } }
.rx-paper { position: relative; width: 72px; height: 93px; padding: 11px 10px; border: 1px solid #e6ebe6; border-radius: 7px; background: white; box-shadow: 0 8px 20px rgb(36 58 43 / 8%); animation: bob 3.2s ease-in-out infinite; }.rx-paper > span { display: block; margin-bottom: 8px; color: #17885c; font-size: 14px; font-weight: 600; }.rx-paper > i { height: 3px; display: block; margin: 5px 0; border-radius: 3px; background: #e8eee9; }.rx-paper > i:nth-of-type(2) { width: 70%; }.rx-paper > b { position: absolute; right: -9px; bottom: 8px; width: 22px; height: 22px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; color: #fff; background: #17b57a; }.rx-paper > b svg { width: 12px; }.rx-leaf { position: absolute; top: 20px; right: calc(50% - 48px); color: #e4ad57; }
.workflow-step h3 { margin: 0 0 7px; font-size: 15px; }.workflow-step p { max-width: 220px; margin: 0 auto; color: #7a827e; font-size: 11px; line-height: 1.7; }
.workflow-actions { display: grid; justify-items: center; gap: 12px; margin-top: 35px; }.workflow-actions p { margin: 0; color: var(--muted); font-size: 12px; text-align: center; }
.patient-journey { padding-top: 88px; padding-bottom: 35px; }
.journey-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; max-width: 1000px; margin: 0 auto; }
.journey-step { position: relative; padding: 22px 22px 24px; border: 1px solid var(--line); border-radius: 16px; color: var(--ink); background: #0f1b16; text-align: center; }
.journey-step .step-number { margin-bottom: 14px; }
.journey-icon { margin: 0 auto 13px; }
.journey-step h3 { margin: 0 0 8px; font-size: 16px; font-weight: 600; }
.journey-step p { max-width: 260px; margin: 0 auto; color: var(--muted); font-size: 12px; line-height: 1.7; }
.journey-actions { display: flex; justify-content: center; margin-top: 23px; }
.clinic-owner-section { padding-top: 70px; padding-bottom: 26px; }
.clinic-owner-card { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 24px; max-width: 1000px; padding: 32px; margin: 0 auto; border: 1px solid var(--line); border-radius: 20px; color: var(--ink); background: #0f1b16; box-shadow: var(--shadow); }
.clinic-owner-icon { width: 52px; height: 52px; }
.clinic-owner-icon svg { width: 24px; height: 24px; }
.clinic-owner-copy .section-badge { margin-bottom: 13px; }
.clinic-owner-copy h2 { margin: 0 0 10px; font-size: clamp(25px, 3vw, 34px); font-weight: 550; letter-spacing: -1.2px; }
.clinic-owner-copy > p { max-width: 720px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.clinic-owner-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 19px; }
.registration-link { color: var(--green); font-size: 12px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
@keyframes bob { 50% { transform: translateY(-5px); } }

.cta-wrap { width: min(1180px, calc(100% - 64px)); padding: 20px 0 96px; }
.cta-card { position: relative; min-height: 350px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; overflow: hidden; padding: 51px 60px; border: 1px solid #e8ece8; border-radius: 25px; background: #fff; box-shadow: 0 18px 55px rgb(35 49 39 / 6%); }
.cta-copy { position: relative; z-index: 2; max-width: 500px; }.cta-copy h2 { margin-top: 17px; font-size: 42px; }.cta-copy > p { max-width: 390px; font-size: 13px; }.cta-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.cta-art { position: absolute; top: 0; right: 0; bottom: 0; width: 51%; overflow: hidden; background: radial-gradient(ellipse at 80% 45%, #eaf7ee, transparent 64%); }
.floating-ui { position: absolute; border: 1px solid #e6ece6; border-radius: 14px; background: rgb(255 255 255 / 96%); box-shadow: 0 17px 45px rgb(42 62 48 / 12%); }.patient-ui { top: 54px; right: -26px; width: 250px; padding: 16px; transform: rotate(5deg); }.summary-ui { top: 150px; left: 32px; width: 260px; padding: 15px; transform: rotate(-4deg); }
.float-ui-title, .summary-head { display: flex; align-items: center; justify-content: space-between; color: #66716a; font-size: 9px; }.float-ui-title b { font-size: 15px; }.patient-total { margin-top: 15px; font-size: 25px; font-weight: 600; }.patient-total small { color: #909a93; font-size: 9px; font-weight: 400; }
.patient-chart { height: 82px; display: flex; align-items: end; gap: 8px; padding: 10px 0; border-bottom: 1px solid #eef1ed; }.patient-chart i { flex: 1; border-radius: 4px 4px 0 0; background: #caedd5; }.patient-chart i:nth-child(3n) { height: 75%; background: #77d69b; }.patient-chart i:nth-child(2n) { height: 42%; }.patient-chart i:nth-child(5n) { height: 94%; }.patient-chart i:nth-child(1) { height: 28%; }
.float-legend { display: flex; align-items: center; gap: 5px; margin-top: 9px; color: #758079; font-size: 8px; }.float-legend i { width: 6px; height: 6px; border-radius: 50%; background: #17b57a; }.float-legend span { margin-left: auto; color: #a2aaa4; font-size: 7px; }
.summary-head { justify-content: flex-start; gap: 8px; }.summary-logo { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: #eaf8ef; }.summary-head b, .summary-head small { display: block; }.summary-head b { color: #344139; font-size: 9px; }.summary-head small { margin-top: 3px; color: #9ba49d; font-size: 7px; }.summary-head > i { margin-left: auto; font-style: normal; }
.summary-numbers { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 16px; }.summary-numbers span { padding: 10px; border-radius: 8px; background: #f5faf6; }.summary-numbers b, .summary-numbers small { display: block; }.summary-numbers b { color: #246b4b; font-size: 17px; }.summary-numbers small { margin-top: 4px; color: #87928a; font-size: 7px; }.summary-progress { height: 5px; margin-top: 13px; overflow: hidden; border-radius: 5px; background: #e8f0e9; }.summary-progress i { width: 76%; height: 100%; display: block; border-radius: inherit; background: #48c282; }.summary-bottom { display: flex; justify-content: space-between; margin-top: 9px; color: #758079; font-size: 7px; }.summary-bottom i { width: 5px; height: 5px; }.summary-bottom small { color: #a1aaa3; font-size: 7px; }

.site-footer { position: relative; overflow: hidden; padding: 10px max(32px, calc((100% - 1180px) / 2)) 0; border-top: 1px solid #e9ece8; background: #f3f5f2; }
.footer-main { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 80px; padding: 45px 0 38px; }
.footer-about { max-width: 350px; }.footer-brand { font-size: 22px; }.footer-about > p { margin: 15px 0 19px; color: #707a73; font-size: 14px; line-height: 1.65; }
.social-links { display: flex; gap: 8px; }.social-links a { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #dfe5df; border-radius: 9px; color: #627068; background: rgb(255 255 255 / 60%); transition: color .2s, border-color .2s, transform .2s; }.social-links a:hover { transform: translateY(-2px); border-color: #b6dbc3; color: #13865b; }.social-links svg { width: 15px; }.x-icon { font-size: 14px; }
.footer-links { display: grid; grid-template-columns: repeat(2, minmax(125px, 1fr)); gap: 72px; }.footer-links h3 { margin: 4px 0 15px; color: #3a463e; font-size: 14px; }.footer-links a { display: block; margin: 10px 0; color: #737c76; font-size: 14px; }.footer-links a:hover, .footer-bottom a:hover { color: #13865b; }
.footer-bottom { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 20px; padding: 17px 0; border-top: 1px dashed #d8dfd8; color: #737c76; font-size: 10px; }.footer-bottom > div { display: flex; gap: 22px; }.footer-bottom button { padding: 0; border: 0; color: inherit; background: transparent; cursor: pointer; font-size: inherit; }
.dot-wordmark { width: 100%; margin-top: 5px; color: transparent; font-size: clamp(90px, 19vw, 230px); font-weight: 700; letter-spacing: -.075em; line-height: 1.08; text-align: center; -webkit-text-stroke: 1px #e2e7e2; background-image: radial-gradient(#d6ddd6 1px, transparent 1.25px); background-clip: text; -webkit-background-clip: text; background-size: 6px 6px; opacity: .72; white-space: nowrap; }

.modal { width: min(570px, calc(100vw - 30px)); max-height: min(90vh, 850px); padding: 0; border: 1px solid #e5ebe5; border-radius: 22px; color: var(--ink); background: #fff; box-shadow: 0 25px 90px rgb(18 32 22 / 25%); }
.modal::backdrop { background: rgb(18 28 21 / 47%); backdrop-filter: blur(5px); }.modal-inner { position: relative; max-height: inherit; overflow-y: auto; padding: 34px; }.modal-inner > h2 { margin: 16px 0 7px; font-size: 29px; letter-spacing: -1.1px; }.modal-inner > p { color: #737d76; font-size: 12px; line-height: 1.6; }.modal-close { position: absolute; top: 20px; right: 20px; }
.icon-button { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #e7ebe7; border-radius: 50%; color: #59645c; background: white; cursor: pointer; }.icon-button svg { width: 16px; }
.demo-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 22px; }.form-field { display: flex; flex-direction: column; gap: 6px; }.form-field:nth-of-type(4), .form-field:nth-of-type(6), .form-field:nth-of-type(7), .form-field:nth-of-type(8) { grid-column: 1 / -1; }.form-field label { color: #424e46; font-size: 10px; font-weight: 600; }.form-field input, .form-field select { width: 100%; min-height: 42px; padding: 0 11px; border: 1px solid #e1e7e1; border-radius: 8px; color: #28322c; background: #fff; font-size: 12px; }.form-field input::placeholder { color: #a1aaa3; }
.field-error, .form-errors { color: #b33f45; font-size: 10px; line-height: 1.5; }.form-errors { grid-column: 1/-1; padding: 9px 11px; border-radius: 8px; background: #fff0f0; }.field-hint { color: #89938c; font-size: 9px; }.source-other-field[hidden] { display: none; }
.honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.form-submit { grid-column: 1/-1; width: 100%; margin-top: 4px; }.form-message { grid-column: 1/-1; min-height: 14px; margin: 0; color: #9b4646; font-size: 10px; }
.video-placeholder { min-height: 230px; display: grid; place-items: center; align-content: center; margin: 22px 0 18px; border: 1px dashed #c9dfce; border-radius: 15px; color: #668173; background: linear-gradient(135deg, #f1faf3, #f8fbf7); }.video-placeholder > span { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #17a76e; box-shadow: 0 8px 25px rgb(23 181 122 / 22%); }.video-placeholder svg { width: 20px; fill: currentColor; }.video-placeholder p { margin: 13px 0 0; font-size: 12px; }
.toast { position: fixed; z-index: 50; right: 24px; bottom: 24px; max-width: min(390px, calc(100vw - 48px)); padding: 14px 18px; border: 1px solid #d8e8dc; border-radius: 12px; color: #294e38; background: #fff; box-shadow: var(--shadow); font-size: 12px; opacity: 0; pointer-events: none; transform: translateY(10px); transition: opacity .2s, transform .2s; }.toast.is-visible { opacity: 1; transform: translateY(0); }
.fallback-success { position: fixed; z-index: 40; top: 92px; right: 24px; padding: 14px 18px; border: 1px solid #d3e8d9; border-radius: 12px; color: #24613f; background: #fff; box-shadow: var(--shadow); font-size: 12px; }
.ambient { position: fixed; z-index: -1; width: 340px; height: 340px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgb(219 243 225 / 45%), transparent 72%); }.ambient-one { top: 160px; left: -170px; }.ambient-two { top: 650px; right: -200px; width: 410px; height: 410px; }
.reveal { opacity: 0; transform: translateY(14px); transition: opacity .65s ease, transform .65s ease; }.reveal.is-visible { opacity: 1; transform: translateY(0); }.feature-card:nth-child(4n+2), .workflow-step:nth-child(even) { transition-delay: .08s; }.feature-card:nth-child(4n+3) { transition-delay: .14s; }.feature-card:nth-child(4n) { transition-delay: .2s; }

@media (max-width: 900px) {
  .nav-wrap, .section-shell, .section, .cta-wrap { width: min(100% - 42px, 720px); }
  .menu-toggle { display: grid !important; }
  .nav-links { position: absolute; z-index: 1; top: 72px; right: 21px; left: 21px; display: none; align-items: stretch; gap: 2px; max-height: calc(100vh - 90px); overflow-y: auto; padding: 12px; border: 1px solid var(--theme-border); border-radius: 14px; color: var(--theme-text); background: var(--theme-surface); box-shadow: var(--theme-shadow); }
  .nav-links.is-open { display: flex; flex-direction: column; }
  .nav-links > a:not(.button), .nav-dropdown summary { padding: 12px 10px; }
  .nav-dropdown { padding: 0 10px; }
  .dropdown-menu { position: static; width: 100%; box-shadow: none; }
  .nav-cta { margin-top: 6px; }
  .hero { padding-top: 42px; }
  .hero-pathways { gap: 11px; }
  .hero-copy { margin-top: 32px; }
  .audience-card { gap: 13px; padding: 20px; }
  .audience-card p { min-height: 82px; }
  .app-sidebar { width: 155px; flex-basis: 155px; }
  .app-main { padding-right: 13px; padding-left: 13px; }
  .paperless-layout { grid-template-columns: 1fr minmax(300px, 380px); gap: 35px; }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .feature-card { min-height: 196px; }
  .workflow-grid { gap: 13px; }
  .cta-card { padding: 44px 35px; }
  .cta-art { width: 48%; }
  .summary-ui { left: 8px; }.patient-ui { right: -50px; }
}

@media (max-width: 650px) {
  html { scroll-padding-top: 72px; }
  .nav-wrap { width: calc(100% - 34px); min-height: 70px; }
  .brand { font-size: 21px; }.brand img { width: 34px; height: 34px; }
  .nav-links { top: 62px; right: 17px; left: 17px; }
  .section-shell, .section, .cta-wrap { width: calc(100% - 34px); }
  .hero { padding-top: 38px; }
  .hero h1 { margin-top: 19px; font-size: clamp(43px, 12vw, 59px); letter-spacing: -3px; }
  .hero-copy > p { max-width: 450px; font-size: 14px; }
  .hero-actions { margin-top: 23px; }.hero-actions .button { min-height: 45px; padding: 0 16px; }
  .hero-pathways { grid-template-columns: 1fr; gap: 10px; }
  .hero-copy { margin-top: 26px; }
  .audience-card { padding: 19px; border-radius: 15px; }
  .audience-card p { min-height: 0; margin-bottom: 13px; }
  .audience-note { margin-top: 9px; }
  .dashboard-stage { width: 760px; max-width: none; margin-top: 37px; margin-left: 50%; transform: translateX(-50%) translateY(var(--scroll-shift, 0)) scale(.61); transform-origin: top center; }
  .app-window { min-height: 498px; }
  .hero { overflow: hidden; padding-bottom: 0; }
  .medical-floats { display: none; }
  .dashboard-stage { margin-bottom: -184px; }
  .section { padding-top: 78px; }
  .section-heading { margin-bottom: 30px; }.section-heading h2, .paperless-copy h2 { font-size: 36px; letter-spacing: -1.8px; }.section-heading p { font-size: 12px; }
  .feature-grid { gap: 9px; }.feature-card { min-height: 205px; padding: 16px 13px; border-radius: 13px; }.feature-icon { width: 35px; height: 35px; margin-bottom: 13px; }.feature-card h3 { font-size: 13px; }.feature-card p { font-size: 10px; }
  .patient-journey { padding-top: 65px; }
  .journey-grid { grid-template-columns: 1fr; gap: 11px; }
  .journey-step { padding: 19px 16px; }
  .journey-step p { max-width: 340px; }
  .clinic-owner-section { padding-top: 50px; }
  .clinic-owner-card { grid-template-columns: 1fr; gap: 17px; padding: 23px 20px; border-radius: 17px; }
  .clinic-owner-copy h2 { font-size: 29px; }
  .clinic-owner-copy > p { font-size: 12px; }
  .clinic-owner-actions { gap: 13px; }
  .paperless-section { width: 100%; padding: 70px 18px; margin-top: 45px; }
  .paperless-layout { grid-template-columns: 1fr; gap: 32px; }
  .paperless-copy > p { font-size: 12px; }
  .calculator-card { padding: 22px; border-radius: 17px; }.calc-results strong { font-size: 19px; }
  .workflow-section { padding-top: 80px; padding-bottom: 55px; }
  .workflow-grid { grid-template-columns: repeat(2, 1fr); gap: 28px 13px; }
  .workflow-grid::before { display: none; }.step-number { width: 42px; height: 42px; margin-bottom: 12px; }
  .step-art { height: 120px; margin-bottom: 13px; }.workflow-step p { font-size: 10px; }
  .cta-wrap { padding: 12px 0 65px; }
  .cta-card { min-height: 580px; grid-template-columns: 1fr; align-items: start; padding: 32px 24px; border-radius: 20px; }
  .cta-copy h2 { font-size: 35px; letter-spacing: -1.7px; }.cta-copy > p { font-size: 12px; }
  .cta-art { top: auto; bottom: 0; left: 0; width: 100%; height: 270px; }.summary-ui { top: 69px; left: 22px; width: 245px; }.patient-ui { top: 18px; right: -46px; width: 215px; }
  .site-footer { padding-right: 18px; padding-left: 18px; }
  .footer-main { flex-direction: column; gap: 35px; padding: 36px 0 26px; }.footer-links { gap: 40px; }.footer-bottom { flex-direction: column; font-size: 9px; }.footer-bottom > div { flex-wrap: wrap; gap: 12px 19px; }
  .dot-wordmark { font-size: clamp(40px, 13vw, 82px); background-size: 5px 5px; }
  .modal-inner { padding: 27px 21px; }.modal-inner > h2 { padding-right: 27px; font-size: 25px; }.modal-close { top: 15px; right: 15px; }
  .demo-form { grid-template-columns: 1fr; gap: 10px; }.form-field, .form-field:nth-of-type(n) { grid-column: 1; }
  .video-placeholder { min-height: 175px; }
  .toast { right: 14px; bottom: 14px; max-width: calc(100vw - 28px); }
  .fallback-success { top: 78px; right: 14px; left: 14px; }
  .floating-leaf { font-size: 50px; }.leaf-one { left: -2%; }.leaf-two { right: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

.marketing-page {
  color-scheme: inherit;
  --ink: var(--theme-text);
  --muted: var(--theme-muted);
  --green: var(--theme-accent);
  --green-dark: var(--theme-link);
  --paper: var(--theme-page);
  --line: var(--theme-border);
  --shadow: var(--theme-shadow);
  background: var(--paper);
  color: var(--ink);
}

.marketing-page .site-header {
  border-bottom: 1px solid var(--line);
  background: var(--paper);
}
.marketing-page :focus-visible { outline-color: var(--green); }
.marketing-page .site-header.is-scrolled { background: rgb(9 18 14 / 90%); box-shadow: 0 1px 0 rgb(91 224 164 / 8%); }
.marketing-page .brand-accent,
.marketing-page .green-text,
.marketing-page .nav-links > a:not(.button):hover,
.marketing-page .nav-dropdown summary:hover { color: var(--green); }
.marketing-page .nav-links { color: var(--muted); }
.marketing-page .dropdown-menu {
  border-color: var(--line);
  background: #0f1b16;
  box-shadow: var(--shadow);
}
.marketing-page .dropdown-menu a:hover { background: #15261e; }
.marketing-page .soon-tag { color: var(--green); }
.marketing-page .button-dark {
  color: #06130d;
  background: var(--green);
  box-shadow: 0 6px 18px rgb(91 224 164 / 15%);
}
.marketing-page .button-dark:hover { color: #06130d; background: #73e8b4; box-shadow: 0 9px 24px rgb(91 224 164 / 22%); }
.marketing-page .button-light {
  color: var(--ink);
  border-color: var(--line);
  background: #0f1b16;
}
.marketing-page .button-light:hover { background: #14231b; box-shadow: 0 7px 20px rgb(0 0 0 / 22%); }
.marketing-page .icon-button { color: var(--ink); border-color: var(--line); background: #0f1b16; }
.marketing-page .eyebrow,
.marketing-page .section-badge { color: var(--green); border-color: rgb(91 224 164 / 20%); background: rgb(91 224 164 / 9%); }
.marketing-page .eyebrow-dot { background: var(--green); box-shadow: 0 0 0 4px rgb(91 224 164 / 14%); }
.marketing-page .play-button { color: var(--green); background: rgb(91 224 164 / 12%); }
.marketing-page .hero-note { color: var(--muted); }
.marketing-page .avatar-stack i { border-color: var(--paper); }
.marketing-page .hero-ecg path { stroke: var(--green); }
.marketing-page .medical-icon { border-color: var(--line); color: #78cfa5; background: rgb(15 27 22 / 78%); }
.marketing-page .feature-card,
.marketing-page .step-art {
  border-color: var(--line);
  background: #0f1b16;
  box-shadow: 0 10px 30px rgb(0 0 0 / 15%);
}
.marketing-page .feature-card:hover { border-color: rgb(91 224 164 / 38%); box-shadow: 0 14px 38px rgb(0 0 0 / 28%); }
.marketing-page .feature-card p,
.marketing-page .workflow-step p { color: var(--muted); }
.marketing-page .feature-card a { color: var(--green); }
.marketing-page .feature-icon { color: var(--green); background: rgb(91 224 164 / 11%); }
.marketing-page .paperless-section { background: #0c1712; }
.marketing-page .paperless-section::before { background: radial-gradient(ellipse, rgb(41 117 79 / 18%), transparent 68%); }
.marketing-page .paper-benefits { color: #c1d0c7; }
.marketing-page .paper-benefits i,
.marketing-page .calc-icon { color: var(--green); background: rgb(91 224 164 / 12%); }
.marketing-page .calculator-card {
  border-color: var(--line);
  color: var(--ink);
  background: #0f1b16;
  box-shadow: var(--shadow);
}
.marketing-page .calculator-card > p,
.marketing-page .estimate-label,
.marketing-page .calc-input-label span,
.marketing-page .calc-footnote { color: var(--muted); }
.marketing-page .range-label,
.marketing-page .calc-input-label { color: #c1d0c7; }
.marketing-page .range-label b,
.marketing-page .calc-results strong { color: var(--green); }
.marketing-page input[type="range"] { background: #263a30; }
.marketing-page input[type="range"]::-webkit-slider-thumb,
.marketing-page input[type="range"]::-moz-range-thumb { border-color: #0f1b16; background: var(--green); box-shadow: 0 0 0 1px var(--green); }
.marketing-page .number-input,
.marketing-page .form-field input,
.marketing-page .form-field select {
  color: var(--ink);
  border-color: var(--line);
  background: #09120e;
}
.marketing-page .number-input::placeholder,
.marketing-page .form-field input::placeholder { color: #81968b; }
.marketing-page .calc-results > div { background: rgb(91 224 164 / 9%); }
.marketing-page .calc-results small { color: var(--muted); }
.marketing-page .workflow-grid::before { border-color: #345143; }
.marketing-page .step-number { color: var(--green); border-color: var(--line); background: var(--paper); }
.marketing-page .step-art { overflow: hidden; }
.marketing-page .art-calendar,
.marketing-page .art-card,
.marketing-page .rx-paper {
  color: var(--ink);
  border-color: var(--line);
  background: #14231b;
  box-shadow: 0 8px 20px rgb(0 0 0 / 22%);
}
.marketing-page .art-calendar b,
.marketing-page .rx-paper > span { color: var(--green); }
.marketing-page .art-calendar span { color: #79cda2; }
.marketing-page .art-card small,
.marketing-page .workflow-step p { color: var(--muted); }
.marketing-page .art-tick,
.marketing-page .art-check,
.marketing-page .rx-paper > b { color: #06130d; background: var(--green); }
.marketing-page .consult-circle { color: var(--green); background: rgb(91 224 164 / 12%); }
.marketing-page .consult-pulse { border-color: rgb(91 224 164 / 40%); }
.marketing-page .workflow-step h3 { color: var(--ink); }
.marketing-page .cta-card {
  border-color: var(--line);
  background: #0f1b16;
  box-shadow: var(--shadow);
}
.marketing-page .cta-art { background: radial-gradient(ellipse at 80% 45%, rgb(51 128 88 / 18%), transparent 64%); }
.marketing-page .site-footer { border-color: var(--line); background: #070f0b; }
.marketing-page .footer-about > p,
.marketing-page .footer-links a,
.marketing-page .footer-bottom { color: var(--muted); }
.marketing-page .footer-links h3 { color: var(--ink); }
.marketing-page .footer-links a:hover,
.marketing-page .footer-bottom a:hover { color: var(--green); }
.marketing-page .social-links a { color: var(--muted); border-color: var(--line); background: #0f1b16; }
.marketing-page .social-links a:hover { color: var(--green); border-color: rgb(91 224 164 / 45%); }
.marketing-page .footer-bottom { border-color: #26372e; }
.marketing-page .dot-wordmark {
  -webkit-text-stroke-color: #1b3025;
  background-image: radial-gradient(#294737 1px, transparent 1.25px);
}
.marketing-page .modal { color: var(--ink); border-color: var(--line); background: #0f1b16; }
.marketing-page .modal-inner > p { color: var(--muted); }
.marketing-page .form-field label { color: #c1d0c7; }
.marketing-page .field-hint { color: var(--muted); }
.marketing-page .form-errors { color: #ffaaa1; background: #321c1b; }
.marketing-page .video-placeholder { color: var(--muted); border-color: #345143; background: linear-gradient(135deg, #11251a, #0b1711); }
.marketing-page .video-placeholder > span { color: #06130d; background: var(--green); }
.marketing-page .toast,
.marketing-page .fallback-success { color: var(--ink); border-color: #345143; background: #0f1b16; }
.marketing-page .ambient { background: radial-gradient(circle, rgb(37 110 73 / 18%), transparent 72%); }

:root[data-theme="light"] .marketing-page .site-header { background: var(--theme-page); }
:root[data-theme="light"] .marketing-page .site-header.is-scrolled { background: rgb(247 249 247 / 92%); box-shadow: 0 1px 0 rgb(17 25 20 / 6%); }
:root[data-theme="light"] .marketing-page .nav-links { color: #525a56; }
:root[data-theme="light"] .marketing-page .dropdown-menu { background: #fff; }
:root[data-theme="light"] .marketing-page .dropdown-menu a:hover { background: #f4f8f5; }
:root[data-theme="light"] .marketing-page .button-dark { color: #fff; background: #151916; box-shadow: 0 6px 16px rgb(21 25 22 / 12%); }
:root[data-theme="light"] .marketing-page .button-dark:hover { color: #fff; background: #28322c; box-shadow: 0 9px 20px rgb(21 25 22 / 18%); }
:root[data-theme="light"] .marketing-page .button-light { color: #262e29; border-color: #e0e4df; background: rgb(255 255 255 / 90%); }
:root[data-theme="light"] .marketing-page .button-light:hover { background: #fff; box-shadow: 0 7px 20px rgb(34 45 38 / 7%); }
:root[data-theme="light"] .marketing-page .icon-button { color: var(--ink); border-color: var(--line); background: #fff; }
:root[data-theme="light"] .marketing-page .eyebrow,
:root[data-theme="light"] .marketing-page .section-badge { color: #187a56; border-color: #d8eee1; background: #edfaf2; }
:root[data-theme="light"] .marketing-page .play-button { color: #12885c; background: #e6f7ed; }
:root[data-theme="light"] .marketing-page .medical-icon { background: rgb(255 255 255 / 85%); }
:root[data-theme="light"] .marketing-page .feature-card,
:root[data-theme="light"] .marketing-page .step-art,
:root[data-theme="light"] .marketing-page .audience-card,
:root[data-theme="light"] .marketing-page .journey-step,
:root[data-theme="light"] .marketing-page .clinic-owner-card { background: #fff; box-shadow: 0 10px 30px rgb(35 49 39 / 6%); }
:root[data-theme="light"] .marketing-page .feature-card p { color: #7a827e; }
:root[data-theme="light"] .marketing-page .feature-icon { color: #159563; background: #e9f8ef; }
:root[data-theme="light"] .marketing-page .paperless-section { background: #eef7f0; }
:root[data-theme="light"] .marketing-page .paper-benefits { color: #45534a; }
:root[data-theme="light"] .marketing-page .paper-benefits i,
:root[data-theme="light"] .marketing-page .calc-icon { color: #14885d; background: #d8f0df; }
:root[data-theme="light"] .marketing-page .calculator-card,
:root[data-theme="light"] .marketing-page .cta-card { color: var(--ink); border-color: var(--line); background: #fff; box-shadow: var(--shadow); }
:root[data-theme="light"] .marketing-page .range-label,
:root[data-theme="light"] .marketing-page .calc-input-label { color: #4c5650; }
:root[data-theme="light"] .marketing-page input[type="range"] { background: #dceddf; }
:root[data-theme="light"] .marketing-page input[type="range"]::-webkit-slider-thumb,
:root[data-theme="light"] .marketing-page input[type="range"]::-moz-range-thumb { border-color: #fff; background: #17a66d; box-shadow: 0 0 0 1px #17a66d; }
:root[data-theme="light"] .marketing-page .number-input,
:root[data-theme="light"] .marketing-page .form-field input,
:root[data-theme="light"] .marketing-page .form-field select { color: var(--ink); border-color: #e6ebe6; background: #fcfdfc; }
:root[data-theme="light"] .marketing-page .number-input::placeholder,
:root[data-theme="light"] .marketing-page .form-field input::placeholder { color: #818a84; }
:root[data-theme="light"] .marketing-page .calc-results > div { background: #eff8f1; }
:root[data-theme="light"] .marketing-page .calc-results strong { color: #176f4d; }
:root[data-theme="light"] .marketing-page .workflow-grid::before { border-color: #d8e3db; }
:root[data-theme="light"] .marketing-page .art-calendar,
:root[data-theme="light"] .marketing-page .art-card,
:root[data-theme="light"] .marketing-page .rx-paper { color: var(--ink); border-color: #e5ece6; background: #fff; box-shadow: 0 8px 20px rgb(36 58 43 / 8%); }
:root[data-theme="light"] .marketing-page .art-card small { color: #8c9690; }
:root[data-theme="light"] .marketing-page .art-tick,
:root[data-theme="light"] .marketing-page .art-check,
:root[data-theme="light"] .marketing-page .rx-paper > b { color: #fff; background: #17b57a; }
:root[data-theme="light"] .marketing-page .consult-circle { color: #19885d; background: #e9f8ef; }
:root[data-theme="light"] .marketing-page .consult-pulse { border-color: rgb(23 181 122 / 40%); }
:root[data-theme="light"] .marketing-page .cta-art { background: radial-gradient(ellipse at 80% 45%, #eaf7ee, transparent 64%); }
:root[data-theme="light"] .marketing-page .site-footer { border-color: #e9ece8; background: #f8f8f6; }
:root[data-theme="light"] .marketing-page .footer-about > p,
:root[data-theme="light"] .marketing-page .footer-links a,
:root[data-theme="light"] .marketing-page .footer-bottom { color: #68716d; }
:root[data-theme="light"] .marketing-page .footer-links h3 { color: #151916; }
:root[data-theme="light"] .marketing-page .social-links a { color: #68716d; border-color: #e9ece8; background: #fff; }
:root[data-theme="light"] .marketing-page .footer-bottom { border-color: #e9ece8; }
:root[data-theme="light"] .marketing-page .dot-wordmark { -webkit-text-stroke-color: #d9e3dc; background-image: radial-gradient(#d9e3dc 1px, transparent 1.25px); }
:root[data-theme="light"] .marketing-page .modal { color: var(--ink); border-color: var(--line); background: #fff; }
:root[data-theme="light"] .marketing-page .modal-inner > p { color: var(--muted); }
:root[data-theme="light"] .marketing-page .form-field label { color: #3e4a42; }
:root[data-theme="light"] .marketing-page .video-placeholder { color: var(--muted); border-color: #d8e3db; background: linear-gradient(135deg, #f1f8f2, #f8fbf8); }
:root[data-theme="light"] .marketing-page .video-placeholder > span { color: #fff; background: #12885c; }
:root[data-theme="light"] .marketing-page .toast,
:root[data-theme="light"] .marketing-page .fallback-success { color: var(--ink); border-color: var(--line); background: #fff; }
:root[data-theme="light"] .marketing-page .ambient { background: radial-gradient(circle, rgb(37 110 73 / 10%), transparent 72%); }

.marketing-page .nav-links,
.marketing-page .dropdown-menu a,
.marketing-page .button,
.marketing-page .nav-cta,
.marketing-page .theme-toggle { font-size: 14px; }
.marketing-page .eyebrow,
.marketing-page .section-badge { font-size: 12px; }
.marketing-page .hero-note,
.marketing-page .paper-benefits,
.marketing-page .section-heading p,
.marketing-page .paperless-copy > p,
.marketing-page .cta-copy > p,
.marketing-page .clinic-owner-copy > p,
.marketing-page .audience-card p,
.marketing-page .journey-step p,
.marketing-page .workflow-step p,
.marketing-page .calculator-card > p,
.marketing-page .range-label,
.marketing-page .calc-input-label,
.marketing-page .modal-inner > p,
.marketing-page .form-field label,
.marketing-page .number-input,
.marketing-page .form-field input,
.marketing-page .form-field select,
.marketing-page .video-placeholder p { font-size: 14px; }
.marketing-page .audience-label { font-size: 12px; }
.marketing-page .audience-card .button { font-size: 14px; }
.marketing-page .audience-note,
.marketing-page .registration-link,
.marketing-page .feature-card a,
.marketing-page .estimate-label,
.marketing-page .calc-input-label span,
.marketing-page .calc-results small,
.marketing-page .calc-footnote,
.marketing-page .field-hint,
.marketing-page .field-error,
.marketing-page .form-errors,
.marketing-page .form-message,
.marketing-page .toast,
.marketing-page .fallback-success,
.marketing-page .footer-bottom { font-size: 12px; }
.marketing-page .feature-card p { font-size: 14px; }
.marketing-page .feature-card h3 { font-size: 16px; }
.marketing-page .step-number { font-size: 13px; }
.marketing-page .clinic-owner-copy > p { line-height: 1.75; }
.marketing-page .footer-about > p,
.marketing-page .footer-links h3,
.marketing-page .footer-links a { font-size: 14px; }

@media (max-width: 650px) {
  .marketing-page .section-heading p,
  .marketing-page .feature-card p,
  .marketing-page .clinic-owner-copy > p,
  .marketing-page .paperless-copy > p,
  .marketing-page .workflow-step p,
  .marketing-page .cta-copy > p { font-size: 14px; }
  .marketing-page .footer-bottom { font-size: 12px; }
}