/* Enterprise visual refinement layer */
:root { --aqua: #57d7b2; --deep: #071b31; }
body { background: linear-gradient(180deg, #fff 0%, #fcfefd 56%, #f7fbf9 100%); }
.nav { border-bottom: 1px solid transparent; }
.nav.scrolled { border-bottom-color: rgba(12, 55, 63, .08); box-shadow: 0 8px 28px rgba(4, 38, 47, .05); }
.nav-contact { box-shadow: 0 8px 18px rgba(11, 35, 65, .14); transition: transform .2s, box-shadow .2s, background .2s; }
.nav-contact:hover { background: var(--green); transform: translateY(-1px); box-shadow: 0 12px 23px rgba(11, 159, 110, .2); }
.hero { background: radial-gradient(circle at 75% 31%, rgba(111, 221, 181, .19) 0, rgba(111,221,181,0) 23%), linear-gradient(145deg, #fff 3%, #fbfffd 54%, #edf9f4 100%); }
.hero:before { content: ''; position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(14, 107, 82, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(14, 107, 82, .06) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg, transparent 25%, #000 62%, transparent); pointer-events: none; }
.hero-copy { position: relative; }
.eyebrow { letter-spacing: 1.8px; }
h1 { text-wrap: balance; }
.lede { max-width: 490px; }
.primary { background: linear-gradient(135deg, #0ba271, #07855d); box-shadow: 0 10px 22px rgba(7, 133, 93, .17); }
.actions .text-link { position: relative; padding-bottom: 4px; }
.actions .text-link:after { content: ''; position: absolute; height: 1px; background: currentColor; left: 0; right: 17px; bottom: 0; transform-origin: left; transition: transform .25s; }
.actions .text-link:hover:after { transform: scaleX(.45); }
.product-stage:before { content: ''; position: absolute; left: 7%; right: 4%; top: 8%; bottom: 0; border-radius: 34px; background: linear-gradient(145deg, rgba(101, 225, 183, .35), rgba(255,255,255,0)); filter: blur(20px); }
.dashboard { box-shadow: 0 35px 70px rgba(8, 42, 50, .17), 0 0 0 8px rgba(255,255,255,.6); }
.dashboard:after { content: ''; position: absolute; inset: 0; pointer-events: none; border: 1px solid rgba(255,255,255,.55); border-radius: inherit; }
.float-card { backdrop-filter: blur(12px); }
.activity { animation: drift 6s ease-in-out infinite; }.status { animation: drift 6s ease-in-out 2s infinite; }
@keyframes drift { 50% { transform: translateY(-8px); } }
.trust { background: rgba(255,255,255,.8); backdrop-filter: blur(12px); }
.trust span { letter-spacing: -.1px; }
.trust span:before { content: '✦'; color: var(--green); font-size: 9px; margin-right: 7px; }
.ecosystem { position: relative; overflow: hidden; background: radial-gradient(circle at 50% 50%, #fff 0, #f7fcf9 62%, #eef9f4 100%); }
.ecosystem:after { content: ''; position: absolute; width: 700px; height: 700px; border: 1px solid rgba(11,159,110,.09); border-radius: 50%; left: 50%; top: 53%; transform: translate(-50%,-50%); box-shadow: 0 0 0 60px rgba(11,159,110,.025), 0 0 0 120px rgba(11,159,110,.02); pointer-events: none; }
.ecosystem .shell { position: relative; z-index: 1; }
.map-center { background: linear-gradient(145deg, #123a51, #082037); }
.orbit span { transition: transform .25s, box-shadow .25s; }.orbit span:hover { transform: translateY(-3px); box-shadow: 0 13px 27px rgba(21, 89, 68, .12); }
.modules { background: #fff; }
.module-grid { gap: 15px; }
.module-card { overflow: hidden; }
.module-card:after { content: ''; position: absolute; width: 110px; height: 110px; border-radius: 50%; top: -60px; right: -55px; background: radial-gradient(circle, rgba(18,185,129,.11), transparent 65%); transition: transform .35s; }
.module-card:hover:after { transform: scale(1.8); }.module-card>* { position: relative; z-index: 1; }
.module-card.featured { background: radial-gradient(circle at 110% -10%, #1c6a6e, transparent 47%), #0b2341; }
.showcase-grid { position: relative; }.showcase-grid:before { content: ''; position: absolute; width: 150px; height: 150px; border-radius: 50%; background: #d8f5e8; filter: blur(15px); left: -55px; top: 28%; z-index: -1; }.showcase-grid.reverse:before { left: auto; right: -55px; background: #e0f4ec; }
.ui-window { border: 1px solid rgba(11, 159, 110, .09); }
.clinical-board { box-shadow: 0 23px 44px rgba(16,77,56,.12); }
.journey { background: radial-gradient(circle at 50% 0, #15475e, transparent 52%), #071e34; }.journey-line li b { box-shadow: 0 0 0 5px rgba(87,215,178,.04); }
.role-grid article { position: relative; overflow: hidden; }.role-grid article:after { content: '↗'; position: absolute; right: 18px; bottom: 15px; color: #9acdbd; opacity: 0; transform: translate(-5px,5px); transition: .2s; }.role-grid article:hover:after { opacity: 1; transform: none; }
.communication { background: radial-gradient(circle at 80% 20%, #174c58, transparent 32%), #092a3e; }
.ivr-ui { box-shadow: 0 25px 60px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.07); }
.wave i { animation: wave 1.6s ease-in-out infinite alternate; }.wave i:nth-child(3n) { animation-delay: -.65s; }.wave i:nth-child(2n) { animation-delay: -.3s; }
@keyframes wave { to { transform: scaleY(.6); opacity: .75; } }
.exec-card { box-shadow: 0 28px 65px rgba(18,71,52,.09); }.exec-dashboard { position: relative; overflow: hidden; }.exec-dashboard:after { content: ''; position: absolute; width: 180px; height: 180px; border-radius: 50%; right: -75px; top: -90px; background: rgba(89,222,179,.1); }
.why-grid article { border: 1px solid transparent; transition: transform .25s, box-shadow .25s, background .25s; }.why-grid article:hover { background: #fff; border-color: #dcece5; transform: translateY(-4px); box-shadow: 0 16px 30px rgba(15,73,55,.07); }
.price-card { background: radial-gradient(circle at 95% 0, #c9f4df, transparent 28%), linear-gradient(115deg,#f4fcf8,#e0f7ed); box-shadow: inset 0 1px 0 rgba(255,255,255,.8); }
.demo { background: radial-gradient(circle at 10% 100%, #123f52, transparent 33%), #071e34; }.demo form { box-shadow: 0 25px 60px rgba(0,0,0,.2); }
footer { background: #061a2d; }
@media (max-width: 720px) { .hero:before { mask-image: none; opacity: .25; }.ecosystem:after { display: none; }.activity,.status { animation: none; } }
@media (prefers-reduced-motion: reduce) { *, *:before, *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } }

/* Deliberately bolder, executive product presentation */
.hero { min-height: 810px; padding-top: 174px; }
.hero-grid { grid-template-columns: .78fr 1.22fr; gap: 34px; }
.hero-copy { padding-top: 6px; }
.hero-copy h1 { font-size: clamp(47px, 5vw, 76px); line-height: 1.04; max-width: 650px; margin-bottom: 27px; }
.hero-copy h1 em { position: relative; white-space: nowrap; }
.hero-copy h1 em:after { content: ''; position: absolute; height: 10px; left: 2px; right: 2px; bottom: 3px; z-index: -1; border-radius: 12px; background: rgba(102, 224, 181, .24); }
.hero-copy .lede { font-size: 16px; max-width: 510px; }
.hero-assurance { display: flex; align-items: center; gap: 11px; margin-top: 29px; padding-top: 20px; border-top: 1px solid #dcebe5; max-width: 440px; }
.hero-assurance p { margin: 0; display: grid; line-height: 1.35; }.hero-assurance b { color: var(--navy); font-size: 10px; }.hero-assurance small { font-size: 9px; color: var(--muted); max-width: 260px; }
.assurance-orbit { display: grid; grid-template-columns: repeat(3, 6px); gap: 3px; padding: 5px; border: 1px solid #bcead7; border-radius: 50%; }.assurance-orbit i { width: 6px; height: 6px; border-radius: 50%; background: #13b981; }.assurance-orbit i:nth-child(2) { background: #8ee6c5; }.assurance-orbit i:nth-child(3) { background: var(--navy); }
.product-stage { min-height: 520px; }
.dashboard { inset: 38px 30px 36px 31px; border-radius: 20px; transform: perspective(1200px) rotateY(-4deg) rotateX(2deg); }
.dashboard aside { width: 62px; padding-top: 21px; gap: 25px; }.dashboard aside:after { content: ''; width: 1px; flex: 1; margin-top: 3px; background: linear-gradient(#315569, transparent); }
.dash-content { padding: 28px; }.dash-top h3 { font-size: 18px; }.metric-row { gap: 11px; }.metric-row div { padding: 13px; }.metric-row strong { font-size: 11px; }.dash-panels { gap: 12px; margin-top: 15px; }.chart,.queue { border-radius: 10px; padding: 14px; }.bars { height: 115px; }
.command-card { position: absolute; right: -10px; top: 11px; z-index: 3; width: 174px; min-height: 155px; padding: 17px; border-radius: 14px; color: white; overflow: hidden; background: linear-gradient(150deg, #0f4b59, #092a3e); box-shadow: 0 20px 38px rgba(4, 38, 47, .22); animation: drift 7s ease-in-out 1s infinite; }
.command-card:before { content: ''; width: 150px; height: 150px; position: absolute; border: 1px solid rgba(103,222,181,.28); border-radius: 50%; right: -83px; top: -61px; box-shadow: 0 0 0 19px rgba(103,222,181,.05), 0 0 0 38px rgba(103,222,181,.04); }
.command-card div,.command-card small { position: relative; z-index: 1; }.command-kicker { font-size: 8px; letter-spacing: 1px; color: #72dcb9; text-transform: uppercase; display: block; margin-bottom: 8px; }.command-card b { font-size: 14px; line-height: 1.35; display: block; }.command-card small { position: absolute; bottom: 16px; left: 17px; font-size: 8px; color: #b7d3d3; line-height: 1.45; }.command-ring { display: block; position: absolute; right: 20px; bottom: 16px; width: 37px; height: 37px; border-radius: 50%; border: 1px solid rgba(124,225,191,.5); }.command-ring:before,.command-ring:after,.command-ring i { content: ''; position: absolute; border-radius: 50%; background: #57d7b2; }.command-ring:before { width: 7px; height: 7px; top: 8px; left: 9px; }.command-ring:after { width: 5px; height: 5px; right: 8px; bottom: 9px; }.command-ring i { width: 3px; height: 3px; right: 10px; top: 8px; }
.activity { left: -2px; top: 18px; }.status { right: 15px; bottom: 0; }
.trust { border-block-color: #dcece6; }.trust .shell { min-height: 98px; }.trust p { font-weight: 700; color: #53716d; }
.section { padding: 135px 0; }.center-heading h2,.section-top h2,.showcase-copy h2,.exec-copy h2,.price-card h2 { letter-spacing: -2.8px; }
.section-top { margin-bottom: 48px; }.modules .section-top { padding-bottom: 22px; border-bottom: 1px solid #e3ede9; }
.module-card { min-height: 222px; border-radius: 16px; padding: 25px; }.module-card .icon { width: 39px; height: 39px; margin-bottom: 25px; }.module-card h3 { font-size: 16px; }.module-card p { font-size: 11px; }
.showcase { padding-top: 55px; }.showcase-grid { margin-bottom: 150px; }.ui-window { padding: 15px; border-radius: 21px; }.reception-body { min-height: 350px; }.clinical-board { height: 410px; border-radius: 23px; }.patient-sheet { height: 315px; padding: 30px; }.rx { right: 30px; bottom: 28px; }
.roles { background: linear-gradient(180deg,#fbfdfc,#f3faf7); }.role-grid { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 18px 50px rgba(13,68,52,.05); }.role-grid article { min-height: 145px; padding: 28px; }.role-grid span { font-size: 16px; }
.communication { padding: 137px 0; }.ivr-ui { padding: 28px; border-radius: 19px; transform: rotate(1deg); }.comm-copy h2,.demo h2 { letter-spacing: -3.8px; }.wave { height: 150px; }
.executive { background: radial-gradient(circle at 10% 20%, #e2f7ed, transparent 22%), var(--pale); }.exec-card { padding: 65px; border-radius: 24px; }.exec-dashboard { padding: 24px; transform: perspective(1000px) rotateY(-3deg); }.exec-chart svg { height: 155px; }
.why-grid { gap: 15px; }.why-grid article { min-height: 206px; padding: 31px; border-radius: 16px; }.why-grid h3 { font-size: 17px; }
.security { padding: 44px 0; }.price-card { padding: 72px 78px; border-radius: 25px; }.price { border: 1px solid #edf4f0; padding: 28px; border-radius: 15px; }.demo { padding: 125px 0; }.demo form { padding: 34px; border-radius: 18px; }
@media (max-width: 1000px) { .hero { min-height: auto; }.hero-grid { grid-template-columns: 1fr; }.hero-copy { max-width: 720px; }.product-stage { max-width: 740px; width: 100%; }.command-card { right: 4px; }.section { padding: 105px 0; } }
@media (max-width: 720px) { .hero { padding-top: 121px; padding-bottom: 55px; }.hero-copy h1 { font-size: clamp(43px, 12vw, 56px); }.hero-assurance { margin-top: 23px; }.product-stage { min-height: 340px; transform: none; }.dashboard { inset: 29px 9px 15px 11px; }.dash-content { padding: 15px; }.dashboard aside { width: 46px; gap: 18px; }.dashboard aside:after { display: none; }.command-card { transform: scale(.72); transform-origin: top right; right: -22px; top: 4px; }.activity { transform: scale(.85); transform-origin: top left; }.status { transform: scale(.82); transform-origin: bottom right; }.section { padding: 82px 0; }.showcase-grid { margin-bottom: 85px; }.ivr-ui { transform: none; }.exec-card { padding: 28px; }.price-card { padding: 38px 26px; }.demo { padding: 84px 0; } }