:root{
  --red:#E8000D;--darkred:#b5000a;--navy:#1A2A3A;--darknavy:#062650;
  --wa:#25D366;--wa-dark:#1da851;
  --g50:#f9fafb;--g100:#f3f4f6;--g200:#e5e7eb;--g300:#d1d5db;
  --g400:#9ca3af;--g500:#6b7280;--g600:#4b5563;--g700:#374151;--g800:#1f2937;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--g800);background:#fff;line-height:1.5}
a{text-decoration:none;color:inherit}
button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}
ul{list-style:none}
.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}
.container-sm{max-width:900px;margin:0 auto;padding:0 1.25rem}
.container-xs{max-width:680px;margin:0 auto;padding:0 1.25rem}
.label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--red)}
h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1;letter-spacing:-.02em}
h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:900;line-height:1.15;letter-spacing:-.01em}
h3{font-size:1.1rem;font-weight:700}
h4{font-size:.95rem;font-weight:700}
p{color:var(--g600);line-height:1.7}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;font-size:.95rem;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;cursor:pointer;border:none;font-family:inherit}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 4px 14px rgba(37,211,102,.35)}.btn-wa:hover{background:var(--wa-dark);box-shadow:0 6px 20px rgba(37,211,102,.45)}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 4px 14px rgba(26,42,58,.25)}.btn-primary:hover{background:var(--darknavy);box-shadow:0 6px 20px rgba(26,42,58,.35)}
.btn-accent{background:var(--red);color:#fff;box-shadow:0 4px 14px rgba(232,0,13,.25)}.btn-accent:hover{background:var(--darkred);box-shadow:0 6px 20px rgba(232,0,13,.35)}
.btn-wa-lg{padding:1rem 2rem;font-size:1.05rem}
.btn-wa-sm{padding:.5rem 1.1rem;font-size:.875rem}
.btn-outline{border:2px solid var(--navy)!important;color:var(--navy)}.btn-outline:hover{background:var(--navy);color:#fff}
.btn-block{width:100%;justify-content:center}

/* === NAV === */
nav{background:rgba(255,255,255,.88);color:var(--navy);position:sticky;top:0;z-index:100;box-shadow:0 1px 0 rgba(0,0,0,.07);border-bottom:1px solid rgba(229,231,235,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:3.75rem}
.nav-brand{font-size:1.4rem;font-weight:900;display:flex;align-items:center;gap:.35rem;text-decoration:none}
.nav-brand .biz{color:var(--red)}
.nav-links{display:flex;align-items:center;gap:.25rem}
.nav-links a{padding:.375rem .75rem;border-radius:.25rem;font-size:.875rem;color:var(--g600);transition:background .15s,color .15s;text-decoration:none;display:inline-block}
.nav-links a:hover,.nav-links a.active{background:var(--g100);color:var(--navy)}
.nav-links a.active{font-weight:600}
.nav-wa{background:var(--wa);color:#fff!important;padding:.4rem 1rem;border-radius:.25rem;font-size:.875rem;font-weight:600;margin-left:.75rem;display:inline-flex;align-items:center;gap:.35rem;transition:background .15s}
.nav-wa:hover{background:var(--wa-dark)!important}
.hamburger{display:none;padding:.5rem;color:var(--g600);background:none;border:none;cursor:pointer;font-size:1.4rem;line-height:1}
.mobile-menu{display:none;flex-direction:column;gap:.25rem;padding:.75rem 0 1rem}
.mobile-menu.open{display:flex}
.mobile-menu a{text-align:left;padding:.65rem 1rem;border-radius:.25rem;font-size:.9rem;color:var(--g600);text-decoration:none;display:block}
.mobile-menu a:hover,.mobile-menu a.active{background:var(--g100);color:var(--navy)}
@media(max-width:1023px){.nav-links{display:none}.hamburger{display:block}}
@media(min-width:1024px){.mobile-menu{display:none!important}}

/* === HERO === */
.hero{background:radial-gradient(ellipse at 80% 45%,rgba(232,0,13,.22) 0%,transparent 55%),radial-gradient(ellipse at 10% 85%,rgba(0,102,204,.25) 0%,transparent 50%),linear-gradient(135deg,#04172e 0%,#062650 30%,#0d1e45 60%,#1a1235 100%);color:#fff;padding:5rem 1.25rem 7rem;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
@media(max-width:1023px){.hero-grid{grid-template-columns:1fr}.hero-mockup-wrap{display:none}#heroBadgesMobile{display:flex!important}}
.hero h1{color:#fff;margin:.75rem 0 1.25rem}
.hero h1 .accent{color:var(--red)}
.hero-text>p{color:var(--g300);font-size:1.1rem;max-width:540px;margin-bottom:2rem}
.hero-badges{margin-top:2.25rem;display:flex;flex-wrap:wrap;gap:1.25rem}
.hero-badges span{font-size:.8rem;color:var(--g400);display:inline-flex;align-items:center;gap:.35rem}
.hero-badges span::before{content:'✓';color:var(--red);font-weight:700}
.hero-wave{position:absolute;bottom:-1px;left:0;right:0;line-height:0}
.hero-screenshot{width:100%;height:auto;border-radius:.75rem;box-shadow:0 24px 64px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);display:block;position:relative;z-index:1}
.hero-wave svg{display:block;width:100%}

/* === STATS BAR === */
.stats-bar{background:#fff;border-bottom:1px solid var(--g100);padding:2.5rem 1.25rem}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}
@media(max-width:767px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
.stat-item{padding:0 1rem}
.stat-num{font-size:2.5rem;font-weight:900;color:var(--red);line-height:1;margin-bottom:.3rem;letter-spacing:-.03em}
.stat-label{font-size:.8rem;color:var(--g500);font-weight:500}

/* === WAVE SEPARATORS === */
.wave-sep{line-height:0;display:block}
.wave-sep svg{display:block;width:100%}

/* === SCROLL ANIMATIONS === */
.animate-up{opacity:0;transform:translateY(26px);transition:opacity .55s ease,transform .55s ease}
.animate-up.in-view{opacity:1;transform:none}
.animate-up[data-delay="1"]{transition-delay:.1s}
.animate-up[data-delay="2"]{transition-delay:.2s}
.animate-up[data-delay="3"]{transition-delay:.3s}
.animate-up[data-delay="4"]{transition-delay:.4s}

section{padding:4rem 1.25rem}
.bg-light{background:var(--g50)}
.bg-navy{background:var(--navy);color:#fff}
.bg-navy h2{color:#fff}
.bg-navy p{color:var(--g300)}
.section-head{margin-bottom:2.5rem}
.section-head h2{color:var(--navy);margin-top:.4rem}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.grid-2-1{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
@media(max-width:1023px){.grid-4{grid-template-columns:repeat(2,1fr)}.sme-doc-grid{grid-template-columns:repeat(3,1fr)}.grid-2-1{grid-template-columns:1fr;gap:2rem}.hosp-header-img{display:none}.split-header-grid{grid-template-columns:1fr!important}}
@media(max-width:767px){.grid-2,.grid-3,.grid-4,.sme-doc-grid{grid-template-columns:1fr}}

/* === CARDS === */
.card{background:#fff;border:1px solid var(--g100);border-radius:.75rem;padding:1.75rem;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.05)}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06)}
.card-icon{width:2.5rem;height:2.5rem;background:rgba(232,0,13,.08);border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--red);font-size:1.1rem}
.card h3{color:var(--navy);margin-bottom:.4rem}
.card p{font-size:.9rem}
.seg-card{border:2px solid var(--g100);border-radius:.75rem;padding:1.75rem;transition:border-color .2s,box-shadow .2s,transform .2s;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.05);text-decoration:none;display:block;color:inherit}
.seg-card:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.1)}
.seg-icon{width:2.5rem;height:2.5rem;background:rgba(27,43,92,.06);border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.1rem}
.seg-card h3{color:var(--navy);margin-bottom:.4rem}
.seg-card p{font-size:.875rem;margin-bottom:1rem}
.seg-card .more{color:var(--red);font-size:.85rem;font-weight:600}
.tco-box{background:rgba(255,255,255,.08);border-radius:.75rem;padding:1.5rem}
.tco-row{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-radius:.5rem;margin-bottom:.65rem;font-size:.9rem}
.tco-row:last-child{margin-bottom:0}
.tco-row.hl{background:var(--red);color:#fff}
.tco-row.mu{background:rgba(255,255,255,.08);color:var(--g300)}
.tco-row small{display:block;font-size:.75rem;opacity:.7}
.tco-val{font-weight:900;font-size:1.05rem}
.tco-note{font-size:.75rem;color:var(--g400);margin-top:.75rem}
.testimonial{background:var(--g50);border:1px solid var(--g100);border-radius:.75rem;padding:2rem;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.05)}
.qmark{font-size:3rem;color:var(--red);line-height:1;margin-bottom:.75rem;font-family:Georgia,serif}
.qt{color:var(--g700);font-size:.9rem;line-height:1.75;flex:1;margin-bottom:1.25rem}
.attr{border-top:1px solid var(--g200);padding-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.attr .nm{font-weight:700;color:var(--navy);font-size:.875rem}
.attr .vn{font-size:.8rem;color:var(--g500)}
.tag{font-size:.7rem;background:rgba(232,0,13,.08);color:var(--red);font-weight:600;padding:.2rem .65rem;border-radius:2rem;white-space:nowrap;flex-shrink:0}
.int-stripe{background:var(--g50);border-top:1px solid var(--g100);border-bottom:1px solid var(--g100);padding:2.5rem 1.25rem;text-align:center}
.int-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;margin-top:1.25rem}
.int-logo{height:3.5rem;width:auto;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:filter .2s,opacity .2s}
.int-logo:hover{filter:grayscale(0%);opacity:1}
.cta-section{padding:5rem 1.25rem;text-align:center}
.cta-section h2{color:var(--navy);margin-bottom:.75rem}
.cta-section p{margin-bottom:2rem}
.cta-btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}

/* === STEPS === */
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;position:relative}
.steps-connector{position:absolute;top:2rem;left:calc(16.67% + 1.5rem);right:calc(16.67% + 1.5rem);height:2px;background:var(--g200);z-index:0}
@media(max-width:767px){.steps-grid{grid-template-columns:1fr}.steps-connector{display:none}}

/* === ACCESS HIERARCHY (features page) === */
.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
@media(max-width:767px){.access-grid{grid-template-columns:1fr;gap:.5rem}}

/* === TCO MOBILE === */
@media(max-width:600px){.tco-row{flex-wrap:wrap;gap:.4rem}.tco-val{font-size:.95rem}}

/* === FEATURE TABS === */
.tabs{border-bottom:1px solid var(--g200);margin-bottom:2rem;display:flex;overflow-x:auto}
.tab-btn{padding:.9rem 1.1rem;font-size:.875rem;font-weight:500;color:var(--g500);border:none;border-bottom:3px solid transparent;white-space:nowrap;margin-bottom:-1px;background:none;cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit}
.tab-btn:hover{color:var(--g800)}
.tab-btn.active{border-color:var(--red);color:var(--red);font-weight:700}
.tab-panel{display:none}.tab-panel.active{display:block}
.feat-list{display:flex;flex-direction:column;gap:.65rem;margin-top:1.5rem}
.feat-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--g700)}
.feat-list li::before{content:'✓';color:var(--red);font-weight:700;flex-shrink:0;margin-top:.05rem}
.feat-list-white li{color:#fff}
.feat-list-white li::before{color:var(--red)}

/* === PRICING === */
.pricing-card{background:#fff;border:2px solid var(--g100);border-radius:.75rem;padding:1.75rem;position:relative;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.05)}
.pricing-badge{position:absolute;top:-1rem;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .75rem;border-radius:2rem;white-space:nowrap}
.pricing-card h3{color:var(--navy)}
.pricing-card .sub{font-size:.85rem;color:var(--g500);margin-bottom:1.5rem}
.pricing-card ul{flex:1;margin-bottom:1.5rem}
.price-display{display:flex;align-items:baseline;gap:.2rem;margin:.75rem 0 1.25rem;padding:.75rem 0;border-top:1px solid var(--g100);border-bottom:1px solid var(--g100)}
.price-from{font-size:.7rem;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.06em;align-self:center}
.price-amount{font-size:1.9rem;font-weight:900;color:var(--navy);line-height:1;letter-spacing:-.03em}
.price-period{font-size:.8rem;color:var(--g500);font-weight:500;align-self:flex-end;padding-bottom:.15rem}
.pricing-included{background:var(--g50);border:1px solid var(--g100);border-radius:.75rem;padding:1.75rem 2rem;margin-bottom:2rem}
.pricing-included h3{color:var(--navy);margin:0 0 1.25rem;font-size:1rem}
.included-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem .75rem}
.inc-item{font-size:.875rem;color:var(--g700);display:flex;align-items:center;gap:.5rem}
.inc-item span{color:#16a34a;font-weight:700;font-size:1rem;flex-shrink:0}

/* === FAQ === */
.faq-list{display:flex;flex-direction:column;gap:1rem}
.faq-item{background:#fff;border:1px solid var(--g100);border-radius:.75rem;padding:1.5rem 1.75rem}
.faq-item h4{color:var(--navy);margin-bottom:.5rem;font-size:.95rem}
.faq-item p{font-size:.875rem;margin:0}

/* === SUPPORT === */
.support-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border-radius:.75rem;border:2px solid var(--g100);transition:border-color .2s,box-shadow .2s;text-decoration:none;color:inherit}
.support-card:hover{border-color:var(--navy);box-shadow:0 4px 16px rgba(0,0,0,.08)}
.support-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}
.support-card h4{color:var(--navy);margin-bottom:.1rem}
.support-card p{font-size:.85rem}

/* === PAGE HEADER === */
.page-header{background:var(--g50);border-bottom:1px solid var(--g100);padding:3.5rem 1.25rem}
.page-header h1{color:var(--navy);margin:.5rem 0 .75rem}
.page-header p{font-size:1.05rem}
.split-header-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding-top:3.5rem;padding-bottom:3.5rem}
.hosp-header-img{display:flex;justify-content:flex-end;align-items:center}

/* === FOOTER === */
footer{background:radial-gradient(ellipse at 50% 0%,rgba(0,102,204,.18) 0%,transparent 60%),linear-gradient(160deg,#04172e 0%,#062650 35%,#0e1a35 65%,#1A2A3A 100%);color:var(--g300);padding:3.5rem 1.25rem 2rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}
@media(max-width:767px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-size:1.4rem;font-weight:900;margin-bottom:.75rem;color:#fff}
.footer-brand .biz{color:var(--red)}
.footer-desc{font-size:.875rem;color:var(--g400);max-width:280px;line-height:1.65;margin-bottom:1.25rem}
.footer-contacts{display:flex;flex-direction:column;gap:.65rem;font-size:.875rem}
.footer-contacts a{color:var(--g300);display:flex;align-items:center;gap:.5rem;transition:color .15s}
.footer-contacts a:hover{color:#fff}
.footer-links h4{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}
.footer-links ul{display:flex;flex-direction:column;gap:.65rem}
.footer-links li a{font-size:.875rem;color:var(--g400);transition:color .15s;display:block}
.footer-links li a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.25rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;color:var(--g500)}