@font-face {
    font-family: "IranSans";
    src: url("/assets/fonts/IranSans/IRANSansWebFaNum.woff") format("woff");
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --coral: #FF6B6B;
    --coral-dark: #E85D5D;
    --coral-soft: #FFF0F0;
    --teal: #4ECDC4;
    --teal-dark: #31B8AF;
    --teal-soft: #EAFBF9;
    --yellow: #FFE66D;
    --yellow-soft: #FFF9D9;
    --blue: #60A5FA;
    --blue-soft: #EEF6FF;
    --ink: #20242C;
    --ink-soft: #535A67;
    --muted: #7A818E;
    --line: #E6E8ED;
    --surface: #FFFFFF;
    --surface-alt: #F8FAFB;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --pill: 9999px;
    --shadow-sm: 0 2px 4px rgba(32,36,44,.08);
    --shadow-md: 0 10px 30px rgba(32,36,44,.10);
    --shadow-lg: 0 24px 70px rgba(32,36,44,.14);
    --shadow-coral: 0 10px 28px rgba(255,107,107,.30);
    --shadow-teal: 0 10px 28px rgba(78,205,196,.28);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body {
    margin: 0;
    direction: rtl;
    font-family: IranSans, Tahoma, Arial, sans-serif;
    color: var(--ink);
    background: var(--surface);
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { border: 0; }
svg { width: 1em; height: 1em; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255,255,255,.88);
    border-bottom: 1px solid rgba(230,232,237,.8);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.header-inner { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.brand-mark {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 17px;
    display: grid;
    place-items: center;
    background: var(--coral);
    color: #fff;
    box-shadow: var(--shadow-coral);
}
.brand-mark svg { width: 30px; height: 30px; }
.brand-copy strong, .brand-copy small { display: block; }
.brand-copy strong { font-size: .97rem; }
.brand-copy small { margin-top: 1px; color: var(--muted); font-size: .69rem; }
.main-nav { display: flex; align-items: center; gap: 24px; color: var(--ink-soft); font-size: .86rem; font-weight: 650; }
.main-nav > a:not(.btn) { transition: color .2s ease; }
.main-nav > a:not(.btn):hover { color: var(--coral); }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 10px; border-radius: 14px; background: var(--surface-alt); cursor: pointer; }
.menu-toggle span { display: block; width: 22px; height: 2px; margin: 4px auto; border-radius: 5px; background: var(--ink); }

.btn {
    min-height: 48px;
    padding: 11px 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--pill);
    font-weight: 800;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn-sm { min-height: 44px; padding: 9px 20px; }
.btn-lg { min-height: 56px; padding: 14px 34px; font-size: 1rem; }
.btn-primary { color: white; background: var(--coral); box-shadow: var(--shadow-coral); }
.btn-primary:hover { background: var(--coral-dark); }
.btn-ghost { color: var(--coral); background: transparent; border: 3px solid var(--coral); }
.btn-ghost:hover { background: var(--coral-soft); }
.btn-light { color: var(--ink); background: white; box-shadow: 0 8px 24px rgba(0,0,0,.12); }
.btn-block { width: 100%; }

.hero {
    position: relative;
    min-height: 760px;
    padding: 86px 0 94px;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 18%, rgba(255,230,109,.22), transparent 22%),
        radial-gradient(circle at 95% 70%, rgba(78,205,196,.13), transparent 28%),
        #fff;
}
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .96fr 1.04fr; align-items: center; gap: 68px; }
.decor { position: absolute; pointer-events: none; border-radius: 50%; }
.decor-coral { width: 180px; height: 180px; top: 120px; right: -110px; background: rgba(255,107,107,.14); }
.decor-teal { width: 110px; height: 110px; top: 80px; left: 8%; background: rgba(78,205,196,.16); }
.decor-yellow { width: 80px; height: 80px; bottom: 65px; right: 12%; background: rgba(255,230,109,.4); }
.eyebrow, .section-kicker { display: inline-flex; align-items: center; gap: 9px; color: var(--coral); font-size: .79rem; font-weight: 900; }
.pulse-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 7px rgba(78,205,196,.16); }
.hero h1 { margin: 18px 0 20px; max-width: 690px; font-size: clamp(2.85rem, 5.5vw, 5.15rem); line-height: 1.22; letter-spacing: -.055em; }
.hero h1 span { color: var(--coral); }
.hero h1 .teal-text { color: var(--teal-dark); }
.hero-content > p { max-width: 650px; margin: 0; color: var(--ink-soft); font-size: 1.02rem; line-height: 2; }
.hero-actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 12px; }
.trust-row { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 20px; }
.trust-row > div { display: flex; align-items: center; gap: 8px; color: var(--ink-soft); font-size: .79rem; }
.trust-icon { width: 26px; height: 26px; border-radius: 9px; display: grid; place-items: center; font-size: .75rem; font-weight: 900; }
.trust-icon.coral { color: var(--coral-dark); background: var(--coral-soft); }
.trust-icon.teal { color: #168F86; background: var(--teal-soft); }
.trust-icon.yellow { color: #9B7810; background: var(--yellow-soft); }

.product-preview { position: relative; direction: rtl; }
.preview-shell { position: relative; overflow: hidden; border: 2px solid #EDF0F3; border-radius: 30px; background: white; box-shadow: var(--shadow-lg); transform: rotate(-1deg); }
.preview-topbar { height: 58px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: var(--ink-soft); font-size: .72rem; }
.window-dots { display: flex; direction: ltr; gap: 5px; }
.window-dots i { width: 8px; height: 8px; border-radius: 50%; display: block; }
.window-dots i:nth-child(1) { background: var(--coral); }.window-dots i:nth-child(2) { background: var(--yellow); }.window-dots i:nth-child(3) { background: var(--teal); }
.online-pill { padding: 5px 10px; display: inline-flex; align-items: center; gap: 5px; border-radius: var(--pill); color: #14766F; background: var(--teal-soft); }
.online-pill i { width: 7px; height: 7px; border-radius: 50%; background: var(--teal-dark); }
.preview-body { min-height: 470px; display: grid; grid-template-columns: 54px 1fr; direction: ltr; background: #FAFBFC; }
.mini-sidebar { padding: 16px 9px; display: flex; flex-direction: column; align-items: center; gap: 15px; background: white; border-right: 1px solid var(--line); }
.side-logo { width: 34px; height: 34px; margin-bottom: 8px; border-radius: 12px; display: grid; place-items: center; color: #fff; background: var(--coral); font-weight: 900; }
.side-item { width: 26px; height: 26px; border-radius: 9px; background: #EEF1F4; }
.side-item.active { background: var(--teal-soft); border: 2px solid rgba(78,205,196,.55); }
.dashboard { min-width: 0; padding: 22px; direction: rtl; }
.dash-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.dash-heading small, .dash-heading strong { display: block; }.dash-heading small { color: var(--muted); font-size: .63rem; }.dash-heading strong { font-size: .86rem; }
.dash-heading button { padding: 8px 12px; border-radius: 11px; color: white; background: var(--coral); font-size: .67rem; }
.kpi-grid { margin-top: 18px; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.kpi { min-height: 94px; padding: 13px; border-radius: 17px; }
.kpi span, .kpi b, .kpi em { display: block; }.kpi span { color: var(--ink-soft); font-size: .58rem; }.kpi b { margin: 4px 0 1px; font-size: 1.25rem; }.kpi em { color: var(--muted); font-style: normal; font-size: .55rem; }
.coral-soft { background: var(--coral-soft); }.teal-soft { background: var(--teal-soft); }.yellow-soft { background: var(--yellow-soft); }
.schedule-card { margin-top: 14px; padding: 15px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow-sm); }
.schedule-title { margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; }.schedule-title strong { font-size: .72rem; }.schedule-title span { color: var(--coral); font-size: .55rem; }
.visit-row { min-height: 66px; display: grid; grid-template-columns: 36px 1fr auto 42px; align-items: center; gap: 9px; border-bottom: 1px dashed var(--line); }
.visit-row:last-child { border-bottom: 0; }
.avatar { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; font-style: normal; font-size: .68rem; font-weight: 900; }.a1{background:var(--coral-soft);color:var(--coral-dark)}.a2{background:var(--blue-soft);color:#347FC9}.a3{background:var(--teal-soft);color:#168F86}
.visit-row b, .visit-row small { display: block; }.visit-row b { font-size: .64rem; }.visit-row small { color: var(--muted); font-size: .52rem; }.visit-row time { direction: ltr; color: var(--ink-soft); font-size: .58rem; }
.tag { padding: 4px 7px; border-radius: var(--pill); font-size: .5rem; font-weight: 800; }.teal-tag { color: #14766F; background: var(--teal-soft); }.blue-tag { color: #347FC9; background: var(--blue-soft); }
.floating-note { position: absolute; z-index: 3; min-width: 190px; padding: 12px 14px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(230,232,237,.9); border-radius: 17px; background: rgba(255,255,255,.96); box-shadow: var(--shadow-md); backdrop-filter: blur(10px); }
.floating-note b, .floating-note small { display: block; }.floating-note b { font-size: .72rem; }.floating-note small { color: var(--muted); font-size: .58rem; }
.note-icon { width: 34px; height: 34px; border-radius: 12px; display: grid; place-items: center; font-weight: 900; }.note-icon.coral{color:var(--coral-dark);background:var(--coral-soft)}.note-icon.teal{color:#168F86;background:var(--teal-soft)}
.note-one { left: -42px; top: 80px; }.note-two { right: -30px; bottom: 52px; }

.mini-proof { position: relative; z-index: 3; margin-top: -28px; }
.proof-grid { padding: 20px 28px; display: grid; grid-template-columns: repeat(4,1fr); gap: 0; border: 1px solid var(--line); border-radius: 24px; background: white; box-shadow: var(--shadow-md); }
.proof-grid > div { padding: 5px 24px; border-left: 1px dashed var(--line); }.proof-grid > div:last-child { border-left: 0; }
.proof-grid strong, .proof-grid span { display: block; }.proof-grid strong { font-size: .84rem; }.proof-grid span { margin-top: 2px; color: var(--muted); font-size: .66rem; }

.section { padding: 105px 0; }
.section-soft { background: var(--surface-alt); }
.section-heading { max-width: 700px; margin: 0 auto 48px; text-align: center; }
.section-heading h2, .workflow-copy h2, .specialty-copy h2, .demo-copy h2, .security-inner h2 { margin: 10px 0 14px; font-size: clamp(2rem,4vw,3.35rem); line-height: 1.4; letter-spacing: -.035em; }
.section-heading p, .workflow-copy p, .specialty-copy > p { margin: 0; color: var(--ink-soft); font-size: .92rem; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.feature-card { position: relative; min-height: 300px; padding: 26px; border: 2px solid var(--line); border-radius: 24px; background: white; box-shadow: var(--shadow-sm); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.feature-card:hover { transform: translateY(-6px); border-color: var(--teal); box-shadow: var(--shadow-md); }
.feature-icon { width: 58px; height: 58px; border-radius: 18px; display: grid; place-items: center; }
.feature-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.coral-bg { color: var(--coral-dark); background: var(--coral-soft); }.teal-bg { color: #168F86; background: var(--teal-soft); }.yellow-bg { color: #987613; background: var(--yellow-soft); }.blue-bg { color: #347FC9; background: var(--blue-soft); }
.feature-card h3 { margin: 24px 0 8px; font-size: 1.16rem; }.feature-card p { margin: 0; color: var(--ink-soft); font-size: .82rem; }
.feature-chip { position: absolute; right: 26px; bottom: 24px; padding: 5px 12px; border-radius: var(--pill); color: var(--coral-dark); background: var(--coral-soft); font-size: .61rem; font-weight: 800; }.teal-chip{color:#168F86;background:var(--teal-soft)}.yellow-chip{color:#8E6A00;background:var(--yellow-soft)}.blue-chip{color:#347FC9;background:var(--blue-soft)}

.workflow-grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 78px; }
.workflow-copy { position: sticky; top: 120px; align-self: start; }
.text-link { margin-top: 25px; display: inline-flex; align-items: center; gap: 6px; color: var(--coral); font-size: .88rem; font-weight: 900; }.text-link span { transition: transform .2s ease; }.text-link:hover span { transform: translateX(-5px); }
.steps { display: grid; gap: 14px; }
.step { padding: 20px; display: grid; grid-template-columns: 54px 1fr; align-items: start; gap: 16px; border: 2px solid var(--line); border-radius: 22px; background: white; }
.step-no { width: 54px; height: 54px; border-radius: 18px; display: grid; place-items: center; font-size: 1rem; font-weight: 900; }.step h3 { margin: 1px 0 3px; font-size: .98rem; }.step p { margin: 0; color: var(--muted); font-size: .76rem; }

.specialty-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 78px; }
.specialty-visual { position: relative; min-height: 510px; display: grid; place-items: center; }
.specialty-visual::before { content:""; position:absolute; width:82%; height:78%; border-radius: 34px; background: var(--teal-soft); transform: rotate(-4deg); }
.patient-card { position: relative; z-index: 2; width: min(100%, 520px); padding: 22px; border: 2px solid var(--line); border-radius: 28px; background: white; box-shadow: var(--shadow-lg); }
.patient-head { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 12px; }.avatar-large { width: 48px; height: 48px; border-radius: 16px; display: grid; place-items: center; color: var(--coral-dark); background: var(--coral-soft); font-weight: 900; }.patient-head small,.patient-head strong{display:block}.patient-head small{color:var(--muted);font-size:.62rem}.patient-head strong{font-size:.88rem}.status-chip{padding:5px 10px;border-radius:var(--pill);color:#14766F;background:var(--teal-soft);font-size:.57rem;font-weight:900}
.patient-tabs { margin: 20px 0 12px; padding: 5px; display: grid; grid-template-columns: repeat(3,1fr); border-radius: 14px; background: var(--surface-alt); font-size: .62rem; text-align: center; }.patient-tabs span{padding:7px;border-radius:10px;color:var(--muted)}.patient-tabs .active{color:var(--coral-dark);background:white;box-shadow:var(--shadow-sm);font-weight:900}
.timeline > div { min-height: 74px; display: grid; grid-template-columns: 12px 1fr auto; gap: 12px; align-items: center; border-bottom: 1px dashed var(--line); }.timeline > div:last-child{border-bottom:0}.dot{width:10px;height:10px;border-radius:50%;display:block}.timeline b,.timeline small{display:block}.timeline b{font-size:.68rem}.timeline small{color:var(--muted);font-size:.56rem}.timeline time{color:var(--muted);font-size:.53rem}
.privacy-card { position: absolute; z-index: 3; left: -15px; bottom: 22px; max-width: 265px; padding: 14px 16px; display: flex; align-items: center; gap: 10px; border-radius: 18px; background: var(--yellow); box-shadow: 0 12px 32px rgba(210,172,30,.22); }.privacy-card > span{font-size:1.2rem}.privacy-card b,.privacy-card small{display:block}.privacy-card b{font-size:.7rem}.privacy-card small{font-size:.56rem;color:#68581B}
.check-list { padding: 0; margin: 28px 0 0; list-style: none; display: grid; gap: 12px; }
.check-list li { padding: 13px 0; display: grid; grid-template-columns: 32px 1fr; gap: 10px; align-items: start; border-bottom: 1px dashed var(--line); }.check-list li>span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;color:#168F86;background:var(--teal-soft);font-weight:900}.check-list b,.check-list small{display:block}.check-list b{font-size:.84rem}.check-list small{margin-top:2px;color:var(--muted);font-size:.68rem}

.security-band { padding: 54px 0; overflow: hidden; background: var(--teal); color: #123D3A; }
.security-inner { display: grid; grid-template-columns: 76px 1fr auto; align-items: center; gap: 24px; }.security-icon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.32);font-size:2rem}.section-kicker.light{color:#163E3B}.security-inner h2{max-width:760px;margin-bottom:0;font-size:clamp(1.45rem,3vw,2.35rem)}

.faq-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 72px; align-items: start; }
.faq-heading { position: sticky; top: 115px; margin: 0; text-align: right; }
.accordion { display: grid; gap: 12px; }
details { padding: 0 22px; border: 2px solid var(--line); border-radius: 20px; background: white; transition: border-color .2s ease, box-shadow .2s ease; }
details[open] { border-color: rgba(78,205,196,.65); box-shadow: var(--shadow-sm); }
summary { position: relative; padding: 19px 0 19px 42px; cursor: pointer; list-style: none; font-size: .86rem; font-weight: 900; }
summary::-webkit-details-marker { display: none; }
summary::after { content:"+"; position:absolute; left:0; top:50%; width:30px; height:30px; transform:translateY(-50%); display:grid; place-items:center; border-radius:10px; color:var(--coral); background:var(--coral-soft); font-size:1.2rem; }
details[open] summary::after { content:"−"; }
details p { margin: -2px 0 19px; padding-left: 42px; color: var(--ink-soft); font-size: .78rem; }

.demo-section { position: relative; overflow: hidden; color: white; background: #252A31; }
.decor-demo { width: 520px; height: 520px; top: -280px; left: -180px; background: rgba(255,107,107,.16); }
.demo-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr .82fr; gap: 80px; align-items: center; }
.demo-copy p { max-width: 600px; color: rgba(255,255,255,.72); font-size: .9rem; }.demo-benefits{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}.demo-benefits span{padding:7px 12px;border:1px solid rgba(255,255,255,.14);border-radius:var(--pill);color:rgba(255,255,255,.82);font-size:.68rem}
.demo-card { padding: 30px; border-radius: 28px; color: var(--ink); background: white; box-shadow: 0 30px 80px rgba(0,0,0,.24); }
.form-field { margin-bottom: 16px; }.form-field label{display:block;margin-bottom:6px;font-size:.75rem;font-weight:900}.form-field label small{color:var(--muted);font-weight:500}.form-field input,.form-field textarea{width:100%;min-height:52px;padding:12px 16px;border:2px solid var(--line);border-radius:16px;outline:none;background:white;font-size:.84rem;transition:border-color .2s ease,box-shadow .2s ease}.form-field textarea{min-height:96px;resize:vertical}.form-field input:hover,.form-field textarea:hover{border-color:#AAB0BB}.form-field input:focus,.form-field textarea:focus{border:3px solid var(--coral);box-shadow:0 0 0 4px rgba(255,107,107,.2)}
.field-validation-error,.validation-summary{color:#B42318;font-size:.67rem}.alert-success{margin-bottom:16px;padding:12px 14px;border:1px solid #ACE3D7;border-radius:14px;color:#14685F;background:var(--teal-soft);font-size:.75rem}.privacy-note{display:block;margin-top:11px;color:var(--muted);text-align:center;font-size:.61rem}

.site-footer { padding: 42px 0 18px; background: #191C21; color: white; }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; }.footer-brand{display:flex;align-items:center;gap:12px}.small-mark{width:40px;height:40px;border-radius:14px}.footer-brand strong,.footer-brand small{display:block}.footer-brand strong{font-size:.8rem}.footer-brand small{color:rgba(255,255,255,.48);font-size:.61rem}.footer-links{display:flex;flex-wrap:wrap;gap:18px;color:rgba(255,255,255,.64);font-size:.7rem}.footer-links a:hover{color:var(--teal)}.copyright{margin-top:26px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.34);font-size:.58rem}

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }.reveal.visible{opacity:1;transform:none}.reveal-delay-small{transition-delay:.08s}.reveal-delay{transition-delay:.16s}

/* Minimal compatibility for the existing public online-visit route. */
.py-5{padding:4rem 0}.card{border-radius:24px;background:#fff}.shadow-sm{box-shadow:var(--shadow-md)}.border-0{border:0}.card-body{padding:2rem}.text-center{text-align:center}.text-muted{color:var(--muted)}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.small{font-size:.75rem}.alert{padding:1rem;border-radius:14px}.alert-light{background:var(--surface-alt)}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .reveal { opacity: 1; transform: none; transition: none; }
}
@media (max-width: 1000px) {
    .menu-toggle { display: block; }
    .main-nav { position: absolute; top: 68px; right: 20px; left: 20px; padding: 18px; display: none; flex-direction: column; align-items: stretch; border: 2px solid var(--line); border-radius: 20px; background: white; box-shadow: var(--shadow-lg); }
    .main-nav.is-open { display: flex; }.main-nav a{text-align:center}
    .hero { min-height: auto; padding-top: 66px; }
    .hero-grid, .workflow-grid, .specialty-grid, .faq-grid, .demo-grid { grid-template-columns: 1fr; }
    .hero-grid { gap: 60px; }.hero-content{text-align:center}.hero-content>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}
    .product-preview{width:min(700px,100%);margin-inline:auto}.preview-shell{transform:none}
    .proof-grid{grid-template-columns:repeat(2,1fr);row-gap:18px}.proof-grid>div:nth-child(2){border-left:0}.proof-grid>div:nth-child(3),.proof-grid>div:nth-child(4){padding-top:16px;border-top:1px dashed var(--line)}
    .feature-grid{grid-template-columns:repeat(2,1fr)}
    .workflow-copy,.faq-heading{position:static;text-align:center}.workflow-copy{text-align:center}.steps{max-width:760px;margin-inline:auto}.specialty-copy{order:-1;text-align:center}.check-list{text-align:right}.specialty-visual{max-width:650px;width:100%;margin-inline:auto}
    .security-inner{grid-template-columns:70px 1fr}.security-inner .btn{grid-column:1/-1;justify-self:start}
    .demo-copy{text-align:center}.demo-copy p{margin-inline:auto}.demo-benefits{justify-content:center}.demo-card{width:min(620px,100%);margin-inline:auto}
}
@media (max-width: 680px) {
    .container{width:min(100% - 28px,1180px)}.header-inner{min-height:70px}.brand-copy small{display:none}.brand-copy strong{font-size:.78rem}.brand-mark{width:42px;height:42px;border-radius:15px}.brand-mark svg{width:26px;height:26px}
    .hero{padding:52px 0 72px}.hero h1{font-size:2.55rem}.hero-content>p{font-size:.9rem}.hero-actions{display:grid}.hero-actions .btn{width:100%}.trust-row{display:grid;gap:11px;text-align:right}.trust-row>div{justify-content:center}
    .preview-body{grid-template-columns:42px 1fr;min-height:410px}.mini-sidebar{padding-inline:5px}.side-logo{width:30px;height:30px}.side-item{width:22px;height:22px}.dashboard{padding:13px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi:last-child{grid-column:1/-1}.visit-row{grid-template-columns:32px 1fr 40px}.visit-row .tag{display:none}.floating-note{min-width:155px;padding:9px 10px}.note-one{left:-8px;top:67px}.note-two{right:-7px;bottom:35px}.floating-note b{font-size:.62rem}.floating-note small{font-size:.5rem}.note-icon{width:29px;height:29px}
    .mini-proof{margin-top:-18px}.proof-grid{grid-template-columns:1fr;padding:16px 20px}.proof-grid>div,.proof-grid>div:nth-child(2),.proof-grid>div:nth-child(3),.proof-grid>div:nth-child(4){padding:11px 0;border-left:0;border-top:0;border-bottom:1px dashed var(--line)}.proof-grid>div:last-child{border-bottom:0}
    .section{padding:78px 0}.section-heading{margin-bottom:34px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:275px}.workflow-grid,.specialty-grid,.faq-grid,.demo-grid{gap:48px}.step{grid-template-columns:46px 1fr;padding:16px}.step-no{width:46px;height:46px;border-radius:15px}
    .specialty-visual{min-height:430px}.patient-card{padding:16px}.privacy-card{left:0;bottom:0;max-width:230px}.patient-head{grid-template-columns:44px 1fr}.patient-head .status-chip{display:none}
    .security-band{padding:44px 0}.security-inner{grid-template-columns:1fr;text-align:center}.security-icon{margin-inline:auto}.security-inner .btn{justify-self:stretch}
    .demo-card{padding:22px 17px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{gap:12px}
}