:root {
  --white: #ffffff;
  --canvas: #f7f9fd;
  --surface: #f0f4fb;
  --ink: #101828;
  --muted: #667085;
  --soft: #98a2b3;
  --line: #e4e9f2;
  --blue: #2457f5;
  --blue-dark: #173eb8;
  --blue-soft: #eaf0ff;
  --green: #12a873;
  --green-soft: #e8f8f2;
  --purple: #7c54e8;
  --shadow: 0 26px 80px rgba(28, 47, 96, 0.12);
  --shadow-soft: 0 14px 36px rgba(28, 47, 96, 0.08);
  --radius: 24px;
  --page: min(1240px, calc(100vw - 48px));
  --ease: cubic-bezier(.2,.8,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--white); }
body {
  margin: 0;
  min-width: 320px;
  background: var(--white);
  color: var(--ink);
  font-family: Inter, "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { display: block; max-width: 100%; }
button, a, audio { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, p, figure, blockquote { margin-top: 0; }
h1, h2, h3 { letter-spacing: -0.045em; line-height: 1.02; }
h1 { margin-bottom: 26px; font-size: clamp(3.5rem, 5.6vw, 5.85rem); font-weight: 730; }
h2 { margin-bottom: 22px; font-size: clamp(2.7rem, 4.7vw, 5rem); font-weight: 690; }
h3 { font-size: clamp(1.25rem, 2vw, 1.9rem); }
.page-shell { width: var(--page); margin-inline: auto; }
.section-space { padding-block: clamp(96px, 10vw, 152px); }
.skip-link { position: fixed; top: 10px; left: 10px; z-index: 100; padding: 10px 14px; border-radius: 10px; background: var(--blue); color: white; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

.eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 18px; color: var(--blue); font-size: 12px; font-weight: 760; letter-spacing: .105em; text-transform: uppercase; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(18,168,115,.12); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 54px; padding: 0 24px; border: 1px solid var(--blue); border-radius: 14px; background: var(--blue); color: white; font-size: 14px; font-weight: 700; box-shadow: 0 10px 22px rgba(36,87,245,.2); transition: transform 220ms var(--ease), background 220ms ease, box-shadow 220ms ease; }
.button:hover { transform: translateY(-2px); background: var(--blue-dark); box-shadow: 0 16px 30px rgba(36,87,245,.25); }
.button:active { transform: translateY(1px) scale(.99); }
.button-small { min-height: 42px; padding-inline: 18px; border-radius: 12px; font-size: 13px; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 30; border-bottom: 1px solid transparent; background: rgba(255,255,255,.74); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); transition: border-color 180ms ease, box-shadow 180ms ease; }
.site-header.is-scrolled { border-color: rgba(228,233,242,.92); box-shadow: 0 6px 22px rgba(17,34,68,.05); }
.nav-shell { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 74px; }
.brand { display: inline-flex; align-items: center; gap: 10px; width: fit-content; font-size: 21px; font-weight: 760; letter-spacing: -.04em; }
.brand-mark { width: 31px; height: 31px; fill: none; stroke: var(--blue); stroke-width: 2.15; stroke-linecap: round; }
.desktop-nav { display: flex; align-items: center; gap: 30px; color: #4b5567; font-size: 13px; font-weight: 650; }
.desktop-nav a { transition: color 180ms ease; }
.desktop-nav a:hover { color: var(--blue); }
.nav-cta { justify-self: end; }
.menu-button, .mobile-nav { display: none; }

.hero { position: relative; padding: 130px 0 76px; overflow: hidden; }
.hero::before { content: ''; position: absolute; width: 640px; height: 640px; left: -360px; top: -300px; border-radius: 50%; background: #edf2ff; filter: blur(2px); }
.hero-grid { position: relative; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: clamp(42px, 6vw, 86px); min-height: 650px; }
.hero-copy { position: relative; z-index: 2; padding-block: 30px; }
.hero-copy h1 { max-width: 650px; }
.hero-sub { max-width: 600px; margin-bottom: 32px; color: var(--muted); font-size: clamp(1.08rem, 1.45vw, 1.28rem); line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 24px; }
.secondary-link { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; color: #344054; font-size: 14px; font-weight: 700; }
.play-icon { display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid var(--line); border-radius: 50%; color: var(--blue); font-size: 10px; box-shadow: var(--shadow-soft); }
.hero-trust { display: flex; align-items: center; gap: 14px; margin-top: 42px; color: var(--muted); font-size: 13px; }
.hero-trust p { margin: 0; }
.avatar-stack { display: flex; }
.avatar-stack span { display: grid; place-items: center; width: 34px; height: 34px; margin-left: -8px; border: 2px solid white; border-radius: 50%; background: var(--surface); color: #344054; font-size: 9px; font-weight: 800; }
.avatar-stack span:first-child { margin-left: 0; background: #d8e3ff; }
.avatar-stack span:nth-child(2) { background: #e8dfff; }
.avatar-stack span:nth-child(3) { background: #dff7ee; }
.avatar-stack span:last-child { background: var(--ink); color: white; }
.hero-visual { position: relative; min-width: 0; }
.hero-visual::before { content: ''; position: absolute; inset: -18px 34px 28px -18px; z-index: -1; border-radius: 34px; background: linear-gradient(135deg, #f0f5ff, #e9effd); transform: rotate(-2.2deg); }
.hero-visual > img { width: 100%; height: 580px; object-fit: cover; object-position: 58% center; border-radius: 28px; box-shadow: var(--shadow); }
.hero-call-card, .hero-booked-card { position: absolute; display: flex; align-items: center; gap: 12px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.82); border-radius: 17px; background: rgba(255,255,255,.92); box-shadow: 0 18px 42px rgba(23,44,92,.16); backdrop-filter: blur(16px); }
.hero-call-card { top: 34px; left: -44px; min-width: 280px; }
.hero-booked-card { right: -28px; bottom: 38px; min-width: 285px; }
.hero-call-card small, .hero-booked-card small { display: block; margin-bottom: 1px; color: var(--muted); font-size: 10px; }
.hero-call-card strong, .hero-booked-card strong { display: block; font-size: 12px; }
.call-avatar, .success-icon { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--blue-soft); color: var(--blue); font-size: 11px; font-weight: 800; }
.success-icon { border-radius: 50%; background: var(--green-soft); color: var(--green); font-size: 18px; }
.live-pill { margin-left: auto; padding: 5px 8px; border-radius: 999px; background: var(--green-soft); color: var(--green); font-size: 9px; font-weight: 800; text-transform: uppercase; }

.proof-strip { padding: 32px 0 24px; border-block: 1px solid var(--line); background: var(--canvas); }
.proof-stats { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-stats article { padding: 7px 28px; border-left: 1px solid var(--line); }
.proof-stats article:first-child { padding-left: 0; border-left: 0; }
.proof-stats strong { display: block; margin-bottom: 4px; color: var(--ink); font-size: clamp(1.85rem, 3vw, 2.65rem); line-height: 1; letter-spacing: -.05em; }
.proof-stats span { color: var(--muted); font-size: 12px; }
.metric-note { margin: 20px auto 0; color: var(--soft); font-size: 10px; }

.section-heading { max-width: 790px; margin-bottom: 58px; }
.section-heading.centered { margin-inline: auto; text-align: center; }
.section-heading.centered .eyebrow { justify-content: center; }
.section-heading > p:last-child { max-width: 620px; margin-bottom: 0; color: var(--muted); font-size: 18px; }
.section-heading.centered > p:last-child { margin-inline: auto; }
.dashboard-section { background: var(--white); }
.dashboard-shell { display: grid; grid-template-columns: 205px minmax(0, 1fr); min-height: 680px; border: 1px solid #dfe5ef; border-radius: 28px; background: #f8faff; box-shadow: 0 30px 90px rgba(31,51,101,.14); overflow: hidden; }
.dash-sidebar { display: flex; flex-direction: column; padding: 24px 16px 18px; border-right: 1px solid #e5eaf3; background: white; }
.dash-brand { padding-inline: 8px; font-size: 17px; }
.dash-brand .brand-mark { width: 26px; height: 26px; }
.dash-practice { display: flex; align-items: center; gap: 10px; margin: 30px 0 20px; padding: 12px; border: 1px solid var(--line); border-radius: 13px; }
.dash-practice > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: var(--blue); color: white; font-size: 10px; font-weight: 800; }
.dash-practice small, .dash-practice strong { display: block; }
.dash-practice small { color: var(--soft); font-size: 8px; }
.dash-practice strong { font-size: 10px; }
.dash-sidebar nav { display: grid; gap: 5px; }
.dash-sidebar nav button { display: flex; justify-content: space-between; width: 100%; padding: 11px 12px; border: 0; border-radius: 10px; background: none; color: #697386; text-align: left; font-size: 11px; cursor: default; }
.dash-sidebar nav button.active { background: var(--blue-soft); color: var(--blue); font-weight: 750; }
.dash-sidebar nav b { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 6px; background: var(--blue); color: white; font-size: 8px; }
.dash-user { display: flex; align-items: center; gap: 9px; margin-top: auto; padding: 14px 8px 0; border-top: 1px solid var(--line); }
.dash-user > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #e8dfff; color: var(--purple); font-size: 9px; font-weight: 800; }
.dash-user strong, .dash-user small { display: block; }
.dash-user strong { font-size: 9px; }.dash-user small { color: var(--soft); font-size: 8px; }
.dash-main { min-width: 0; padding: 28px; }
.dash-topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.dash-topbar small { color: var(--muted); font-size: 9px; }
.dash-topbar h3 { margin: 3px 0 0; font-size: 19px; letter-spacing: -.03em; }
.dash-actions { display: flex; gap: 8px; }
.dash-actions button { position: relative; min-width: 34px; height: 34px; padding: 0 10px; border: 1px solid var(--line); border-radius: 10px; background: white; color: #536077; font-size: 11px; }
.dash-actions button i { position: absolute; width: 5px; height: 5px; right: 6px; top: 6px; border: 1px solid white; border-radius: 50%; background: #f04438; }
.dash-actions .date-button { min-width: 105px; }
.dash-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 15px; }
.dash-kpis article { position: relative; min-height: 128px; padding: 16px; border: 1px solid var(--line); border-radius: 15px; background: white; overflow: hidden; }
.dash-kpis article > span { display: block; margin-bottom: 12px; color: var(--muted); font-size: 9px; }
.dash-kpis article > strong { display: block; margin-bottom: 5px; font-size: 26px; line-height: 1; letter-spacing: -.05em; }
.dash-kpis article > small { font-size: 8px; }.positive { color: var(--green); }
.spark { position: absolute; display: flex; align-items: end; gap: 3px; right: 14px; bottom: 17px; height: 28px; }
.spark i { width: 4px; border-radius: 4px; background: #d9e3ff; }.spark i:nth-child(1){height:8px}.spark i:nth-child(2){height:12px}.spark i:nth-child(3){height:10px}.spark i:nth-child(4){height:19px}.spark i:nth-child(5){height:16px}.spark i:nth-child(6){height:25px}.spark i:nth-child(7){height:28px;background:var(--blue)}
.ring-progress { --p: 91; position: absolute; right: 14px; bottom: 13px; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: conic-gradient(var(--blue) calc(var(--p)*1%), #e8edfa 0); }
.ring-progress::after { content:''; position:absolute; inset:5px; border-radius:50%; background:white; }.ring-progress b { position:relative; z-index:1; font-size:8px; }
.mini-bars { position:absolute; display:flex; align-items:end; gap:2px; right:14px; bottom:15px; height:32px; }.mini-bars i{width:5px;border-radius:3px;background:#cbd7fc}.mini-bars i:nth-child(1){height:10px}.mini-bars i:nth-child(2){height:17px}.mini-bars i:nth-child(3){height:13px}.mini-bars i:nth-child(4){height:24px}.mini-bars i:nth-child(5){height:28px}.mini-bars i:nth-child(6){height:32px;background:var(--blue)}
.dash-kpis .accent-kpi { border-color: #1f4ade; background: var(--blue); color: white; }.accent-kpi > span,.accent-kpi > small{color:rgba(255,255,255,.72)!important}.accent-kpi svg{position:absolute;right:8px;bottom:9px;width:90px}.accent-kpi path{fill:none;stroke:rgba(255,255,255,.72);stroke-width:2}
.dash-grid { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(220px, .7fr); gap: 15px; }
.lead-panel, .activity-panel { border: 1px solid var(--line); border-radius: 16px; background: white; overflow: hidden; }
.panel-head { display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.panel-head h4{margin:0 0 2px;font-size:11px}.panel-head p{margin:0;color:var(--soft);font-size:8px}.panel-head button{border:0;background:none;color:var(--blue);font-size:8px;font-weight:700}.live-label{display:flex;align-items:center;gap:5px;color:var(--green);font-size:8px;font-weight:800}.live-label i{width:5px;height:5px;border-radius:50%;background:var(--green)}
.lead-row { display:grid;grid-template-columns:1.45fr .85fr 1.2fr .85fr .55fr;align-items:center;min-width:650px;min-height:63px;padding:8px 14px;border-bottom:1px solid #edf0f5;color:#536077;font-size:8px}.lead-row:last-child{border-bottom:0}.lead-head{min-height:34px;background:#fafbfe;color:#98a2b3;font-size:7px;text-transform:uppercase;letter-spacing:.06em}.lead-row.is-new{background:#f9fbff}.lead-person{display:grid;grid-template-columns:30px 1fr;align-items:center;column-gap:8px}.lead-person>i{grid-row:1/3;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#edf2ff;color:var(--blue);font-style:normal;font-size:8px;font-weight:800}.lead-person b{color:#26324a;font-size:9px}.lead-person small{color:var(--soft);font-size:7px}.lead-row>span:not(.lead-person){display:flex;align-items:center;gap:6px}.source{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;color:white;font-style:normal;font-size:7px;font-weight:800}.meta-source,.web-source{background:#316ff6}.wa-source{background:#22b573}.ig-source{background:linear-gradient(135deg,#7c4dff,#ff3978)}.phone-source{background:#344054}.activity-dot{width:6px;height:6px;border-radius:50%}.activity-dot.pending{background:#f79009}.activity-dot.calling{background:var(--blue);box-shadow:0 0 0 3px #e9efff}.activity-dot.done{background:var(--green)}.activity-dot.quiet{background:#98a2b3}.status-chip{padding:5px 7px;border-radius:999px;border:0;font-size:7px;font-weight:800;white-space:nowrap}.status-chip.new{background:#fff1dc;color:#b54708}.status-chip.calling{background:#eaf0ff;color:var(--blue)}.status-chip.booked{background:var(--green-soft);color:#078355}.status-chip.waiting{background:#f1f3f6;color:#667085}
.activity-feed{padding:4px 14px}.activity-feed>div{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:start;padding:13px 0;border-bottom:1px solid #edf0f5}.activity-feed>div:last-child{border-bottom:0}.feed-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-size:9px;font-weight:800}.feed-icon.booked{background:var(--green-soft);color:var(--green)}.feed-icon.call{background:var(--blue-soft);color:var(--blue)}.feed-icon.message{background:#f3edff;color:var(--purple)}.feed-icon.handover{background:#fff1dc;color:#b54708}.activity-feed p{margin:0}.activity-feed strong,.activity-feed small{display:block}.activity-feed strong{font-size:8px}.activity-feed small{margin-top:2px;color:var(--soft);font-size:7px}.activity-feed time{color:var(--soft);font-size:7px}.demo-disclaimer{margin:12px 0 0;text-align:right;color:var(--soft);font-size:8px}

.occupancy-section { background: var(--canvas); }
.occupancy-layout { display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(55px,7vw,100px)}
.occupancy-copy h2 { font-size: clamp(3rem,4.8vw,4.8rem); }.occupancy-copy>p:not(.eyebrow):not(.small-print){max-width:470px;color:var(--muted);font-size:17px}.occupancy-score{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin:38px 0 15px}.occupancy-score small,.occupancy-score strong{display:block}.occupancy-score small{color:var(--soft);font-size:10px}.occupancy-score strong{font-size:32px;letter-spacing:-.05em}.occupancy-score span{position:relative;height:2px;background:#d9e1ef}.occupancy-score span::before{content:'';position:absolute;left:0;top:0;width:65%;height:100%;background:var(--soft)}.occupancy-score span i{position:absolute;right:0;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(18,168,115,.12)}.small-print{color:var(--soft);font-size:10px}
.calendar-card{padding:22px;border:1px solid #dfe5ef;border-radius:22px;background:white;box-shadow:var(--shadow-soft);overflow:hidden}.calendar-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.calendar-top small,.calendar-top strong{display:block}.calendar-top small{color:var(--soft);font-size:9px}.calendar-top strong{font-size:14px}.view-toggle{display:flex;padding:4px;border-radius:10px;background:#f1f4f9}.view-toggle button{padding:7px 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:8px;font-weight:700}.view-toggle button.active{background:white;color:var(--blue);box-shadow:0 3px 9px rgba(32,53,94,.08)}.calendar-summary{display:flex;align-items:center;gap:15px;margin-bottom:13px;padding:9px 11px;border-radius:9px;background:#fafbfe;color:var(--muted);font-size:8px}.calendar-summary span{display:flex;align-items:center;gap:5px}.calendar-summary strong{margin-left:auto;color:var(--ink)}.legend{display:block;width:7px;height:7px;border-radius:2px}.legend.booked{background:var(--blue)}.legend.available{border:1px dashed #b9c4d6;background:white}
.week-grid{display:grid;grid-template-columns:44px repeat(5,minmax(75px,1fr));min-width:500px;border:1px solid #e8ecf3;border-radius:11px;overflow:hidden}.time-column,.day-column{display:grid;grid-template-rows:38px repeat(7,58px)}.time-column span{padding-top:6px;border-right:1px solid #edf0f5;border-bottom:1px solid #edf0f5;color:var(--soft);font-size:7px;text-align:center}.day-column>strong{display:flex;align-items:center;justify-content:center;gap:4px;border-right:1px solid #edf0f5;border-bottom:1px solid #edf0f5;font-size:8px}.day-column>strong b{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#f2f5fb;font-size:7px}.slot{margin:3px;padding:5px;border-right:1px solid #edf0f5;border-bottom:1px solid #edf0f5;border-radius:5px;color:#3356b9;font-size:7px;font-weight:700;transition:background 300ms ease,border-color 300ms ease,color 300ms ease,transform 300ms var(--ease)}.slot small{display:block;margin-top:2px;color:#6781c9;font-size:6px;font-weight:500}.slot.booked{border:1px solid #cbd8ff;background:#edf2ff}.slot.available{border:1px dashed #d3d9e4;background:#fbfcfe;color:transparent}.calendar-card.after .slot.available.fillable{border:1px solid #c7eadc;background:var(--green-soft);color:#087754;font-size:7px;transform:scale(.98)}.calendar-card.after .slot.available:not(.fillable){border-color:#f1d7a9;background:#fff8ec}.calendar-card.after .slot.available:not(.fillable)::before{content:'Available';color:#b26a00;font-size:6px}

.solutions-section { background:white; }
.solution-lab{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:650px;border:1px solid var(--line);border-radius:26px;background:var(--canvas);box-shadow:var(--shadow-soft);overflow:hidden}.solution-selector{display:flex;flex-direction:column;padding:24px;border-right:1px solid var(--line);background:white}.solution-selector button{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;width:100%;padding:17px 12px;border:0;border-bottom:1px solid #eef1f5;background:transparent;color:#667085;text-align:left;font-size:13px;font-weight:650}.solution-selector button span{color:#a7afbd;font-size:9px}.solution-selector button.active{margin-block:3px;border:0;border-radius:11px;background:var(--blue-soft);color:var(--blue)}.solution-selector button.active span{color:var(--blue)}.solution-stage{display:grid;grid-template-columns:.62fr 1.38fr;align-items:center;gap:30px;padding:42px}.solution-copy h3{margin-bottom:17px;font-size:clamp(2rem,3.2vw,3.4rem)}.solution-copy>p{color:var(--muted);font-size:16px}.solution-points{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}.solution-points li{display:flex;align-items:center;gap:10px;color:#344054;font-size:13px}.solution-points li::before{content:'✓';display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:10px;font-weight:800}.solution-preview{display:grid;place-items:center;min-width:0;min-height:545px}
.voice-console,.outbound-console,.email-console{width:100%;border:1px solid #dce3ef;border-radius:20px;background:white;box-shadow:0 22px 52px rgba(35,56,100,.13);overflow:hidden}.console-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px}.console-bar strong{color:var(--ink);font-size:11px}.console-live{display:flex;align-items:center;gap:6px;color:var(--green);font-weight:800}.console-live i{width:6px;height:6px;border-radius:50%;background:var(--green)}.voice-person{display:flex;align-items:center;gap:12px;padding:18px}.voice-person>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e8dfff;color:var(--purple);font-size:11px;font-weight:800}.voice-person small,.voice-person strong{display:block}.voice-person small{color:var(--muted);font-size:9px}.voice-person strong{font-size:13px}.voice-timer{margin-left:auto;color:var(--blue);font-size:14px;font-weight:750}.console-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:84px;margin:0 18px;border-radius:13px;background:var(--blue-soft)}.console-wave i{width:3px;height:18px;border-radius:3px;background:var(--blue);animation:wave 1.1s ease-in-out infinite alternate}.console-wave i:nth-child(2n){height:38px;animation-delay:-.3s}.console-wave i:nth-child(3n){height:55px;animation-delay:-.55s}.console-wave i:nth-child(5n){height:28px;animation-delay:-.8s}.transcript{padding:18px}.transcript p{display:grid;grid-template-columns:58px 1fr;gap:9px;margin:0 0 11px;color:#475467;font-size:10px}.transcript p span{color:var(--soft);font-size:8px;text-transform:uppercase}.call-outcome{display:flex;align-items:center;gap:10px;margin:0 18px 18px;padding:12px;border:1px solid #c8eadc;border-radius:11px;background:var(--green-soft)}.call-outcome>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--green);color:white}.call-outcome small,.call-outcome strong{display:block}.call-outcome small{color:#168762;font-size:8px}.call-outcome strong{font-size:10px}.voice-console audio,.outbound-console audio{width:calc(100% - 36px);height:34px;margin:0 18px 18px}
.device{position:relative;width:286px;padding:12px;border:1px solid #4f5664;border-radius:42px;background:#111318;box-shadow:0 28px 60px rgba(24,37,64,.22)}.device::before{content:'';position:absolute;z-index:3;top:18px;left:50%;width:82px;height:23px;border-radius:18px;background:#0c0d10;transform:translateX(-50%)}.device-screen{height:570px;border-radius:32px;background:#f2f3f5;overflow:hidden}.device-status{display:flex;justify-content:space-between;padding:12px 19px 7px;background:white;color:#111;font-size:9px;font-weight:700}.device-header{display:flex;align-items:center;gap:9px;padding:14px 14px 10px;background:white}.device-header>span{color:var(--blue);font-size:20px}.device-header>i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#dbe6ff;color:var(--blue);font-style:normal;font-size:9px;font-weight:800}.device-header strong,.device-header small{display:block}.device-header strong{font-size:10px}.device-header small{color:var(--green);font-size:8px}.device-header>b{margin-left:auto;color:var(--blue)}.phone-chat{height:452px;padding:18px 10px;background:#e9edef}.phone-date{width:fit-content;margin:0 auto 12px;padding:4px 7px;border-radius:6px;background:white;color:#667085;font-size:7px}.phone-bubble{max-width:82%;margin-bottom:8px;padding:8px 9px;border-radius:10px;background:white;color:#333;font-size:9px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.phone-bubble.out{margin-left:auto;background:#dcf8c6}.phone-bubble time{display:block;margin-top:3px;color:#84909d;font-size:6px;text-align:right}.phone-booked{display:flex;align-items:center;gap:8px;margin:10px 0 0 auto;padding:9px;border:1px solid #bfe1d3;border-radius:10px;background:white;color:#147453;font-size:8px;font-weight:750}.phone-booked>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--green);color:white}.phone-compose{display:flex;align-items:center;gap:8px;padding:9px 10px;background:#f7f8fa}.phone-compose div{flex:1;padding:8px 11px;border-radius:18px;background:white;color:#98a2b3;font-size:8px}.phone-compose span{color:#687386}.phone-compose b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#25d366;color:white;font-size:8px}
.instagram-screen{background:white}.ig-header{display:flex;align-items:center;gap:8px;padding:14px 13px 10px;border-bottom:1px solid #eee;font-size:10px;font-weight:750}.ig-header b{margin-left:auto}.ig-thread{height:478px;padding:18px 12px}.ig-profile{text-align:center}.ig-profile span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 8px;border:3px solid #e34c82;border-radius:50%;background:#fff2f6;color:#e34c82;font-size:12px;font-weight:800}.ig-profile strong,.ig-profile small{display:block}.ig-profile strong{font-size:10px}.ig-profile small{color:var(--soft);font-size:7px}.ig-message{max-width:80%;margin-top:12px;padding:9px 10px;border-radius:16px;background:#f1f2f5;font-size:9px}.ig-message.out{margin-left:auto;background:#3765f4;color:white}.ig-booking-card{margin:14px 0 0 auto;padding:10px;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:var(--shadow-soft);font-size:8px}.ig-booking-card strong{display:block;margin-bottom:3px;color:var(--green)}
.outbound-list{padding:15px}.outbound-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.outbound-summary div{padding:10px;border-radius:10px;background:var(--canvas)}.outbound-summary small,.outbound-summary strong{display:block}.outbound-summary small{color:var(--soft);font-size:7px}.outbound-summary strong{font-size:16px}.outbound-row{display:grid;grid-template-columns:33px 1fr auto;align-items:center;gap:9px;padding:11px 4px;border-bottom:1px solid var(--line)}.outbound-row>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--blue-soft);color:var(--blue);font-size:8px;font-weight:800}.outbound-row strong,.outbound-row small{display:block}.outbound-row strong{font-size:9px}.outbound-row small{color:var(--soft);font-size:7px}.outbound-row mark{padding:5px 7px;border:0;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:7px;font-weight:800}.outbound-row mark.calling{background:var(--blue-soft);color:var(--blue)}.outbound-now{margin:15px;padding:14px;border-radius:12px;background:#121827;color:white}.outbound-now small{color:#9eacc7;font-size:8px}.outbound-now strong{display:block;margin:4px 0 12px;font-size:12px}.outbound-now .console-wave{height:55px;margin:0;background:#202c45}.outbound-now .console-wave i{background:#79a0ff}
.email-body{display:grid;grid-template-columns:40% 60%;min-height:470px}.email-list{border-right:1px solid var(--line)}.email-search{margin:12px;padding:8px 10px;border-radius:8px;background:var(--canvas);color:var(--soft);font-size:8px}.email-item{padding:13px;border-bottom:1px solid var(--line)}.email-item.active{border-left:3px solid var(--blue);background:var(--blue-soft)}.email-item strong,.email-item small{display:block}.email-item strong{font-size:9px}.email-item small{margin-top:3px;color:var(--muted);font-size:7px}.email-thread{padding:20px}.email-thread>span{color:var(--soft);font-size:8px}.email-thread h4{margin:5px 0 15px;font-size:16px;line-height:1.2}.email-meta{display:flex;align-items:center;gap:8px;margin-bottom:16px}.email-meta>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--blue);color:white;font-size:8px;font-weight:800}.email-meta strong,.email-meta small{display:block}.email-meta strong{font-size:9px}.email-meta small{color:var(--soft);font-size:7px}.email-copy{padding:14px;border-radius:10px;background:var(--canvas);color:#475467;font-size:9px;line-height:1.6}.email-action{display:flex;align-items:center;gap:9px;margin-top:16px;padding:11px;border-radius:10px;background:var(--green-soft);color:#087754;font-size:8px;font-weight:750}.email-action span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--green);color:white}

.client-section{padding:48px 0;border-block:1px solid var(--line);background:var(--canvas)}.client-section p{margin-bottom:24px;color:var(--soft);font-size:11px;text-align:center;text-transform:uppercase;letter-spacing:.09em}.client-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.client-cloud span{padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:white;color:#455168;font-size:12px;font-weight:650}
.integrations-section{background:white;overflow:hidden}.integration-layout{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:70px}.integration-copy>p:not(.eyebrow):not(.integration-note){max-width:500px;color:var(--muted);font-size:17px}.integration-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.integration-tags span{padding:8px 11px;border-radius:8px;background:var(--blue-soft);color:var(--blue);font-size:10px;font-weight:700}.integration-note{max-width:480px;margin-top:22px;color:var(--soft);font-size:10px}.logo-orbit{position:relative;width:min(660px,100%);aspect-ratio:1;margin-inline:auto}.orbit-ring{position:absolute;left:50%;top:50%;border:1px dashed #cfd8ea;border-radius:50%;transform:translate(-50%,-50%)}.outer-ring{width:88%;height:88%}.inner-ring{width:53%;height:53%}.orbit-core{position:absolute;z-index:3;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:132px;height:132px;border:1px solid #d8e1f1;border-radius:50%;background:white;box-shadow:0 16px 50px rgba(30,57,116,.13);transform:translate(-50%,-50%)}.orbit-core .brand-mark{width:38px;height:38px;margin-bottom:7px}.orbit-core strong{font-size:16px}.orbit-core small{color:var(--green);font-size:8px;font-weight:800}.logo-node{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #dfe5ef;border-radius:12px;background:white;box-shadow:0 10px 28px rgba(31,51,94,.1);font-size:9px;font-weight:700;animation:float 5s ease-in-out infinite}.logo-node img{width:22px;height:22px;object-fit:contain}.logo-node span{white-space:nowrap}.brand-letter b{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#17233a;color:white;font-size:7px}.n1{left:44%;top:2%}.n2{left:72%;top:12%;animation-delay:-.4s}.n3{right:2%;top:36%;animation-delay:-.8s}.n4{right:8%;bottom:22%;animation-delay:-1.2s}.n5{left:59%;bottom:3%;animation-delay:-1.6s}.n6{left:26%;bottom:6%;animation-delay:-2s}.n7{left:2%;bottom:25%;animation-delay:-2.4s}.n8{left:0;top:30%;animation-delay:-2.8s}.n9{left:18%;top:10%;animation-delay:-3.2s}.n10{left:58%;top:27%;animation-delay:-3.6s}.n11{left:20%;top:47%;animation-delay:-4s}.n12{left:47%;bottom:24%;animation-delay:-4.4s}

.real-proof{background:var(--canvas)}.proof-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:50px;margin-bottom:52px}.proof-heading p:last-child{color:var(--muted);font-size:16px}.proof-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.call-recording{padding:24px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:var(--shadow-soft)}.recording-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:var(--soft);font-size:9px}.recording-label{display:flex;align-items:center;gap:7px;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.recording-label i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.recording-body{display:flex;align-items:center;gap:14px}.recording-avatar{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:15px;background:var(--blue);color:white;font-size:11px;font-weight:800}.recording-avatar.pale{background:var(--blue-soft);color:var(--blue)}.recording-body h3{margin-bottom:6px;font-size:19px}.recording-body p{margin:0;color:var(--muted);font-size:11px}.large-wave{display:flex;align-items:center;gap:4px;height:90px;margin:25px 0}.large-wave i{flex:1;height:15px;border-radius:3px;background:#8da9ff}.large-wave i:nth-child(3n){height:40px}.large-wave i:nth-child(4n){height:58px}.large-wave i:nth-child(5n){height:28px}.large-wave i:nth-child(7n){height:66px}.large-wave.second i{background:#b9c8e6}.call-recording audio{width:100%;height:38px}
.whatsapp-proof{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:90px;margin-top:110px;padding:65px 8%;border-radius:30px;background:linear-gradient(135deg,#092d25,#0e493b);color:white;overflow:hidden}.proof-phone{position:relative;width:315px;margin-inline:auto;padding:10px;border:1px solid #4a5352;border-radius:42px;background:#111;box-shadow:0 26px 56px rgba(0,0,0,.28)}.phone-island{position:absolute;z-index:4;top:16px;left:50%;width:86px;height:23px;border-radius:15px;background:#08090a;transform:translateX(-50%)}.phone-status{display:flex;justify-content:space-between;padding:12px 18px 8px;border-radius:32px 32px 0 0;background:white;color:#111;font-size:9px;font-weight:700}.wa-header{display:flex;align-items:center;gap:9px;padding:13px;background:#f6f7f8;color:#111}.wa-header>span{color:#007aff;font-size:22px}.wa-header>i{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#daf2e8;color:#087754;font-style:normal;font-size:9px;font-weight:800}.wa-header strong,.wa-header small{display:block}.wa-header strong{font-size:10px}.wa-header small{color:#687386;font-size:7px}.wa-header>b{margin-left:auto;color:#007aff}.wa-chat{height:465px;padding:15px 10px;background:#e9edef}.wa-date{width:fit-content;margin:0 auto 12px;padding:4px 8px;border-radius:7px;background:white;color:#667085;font-size:7px}.wa-bubble{max-width:82%;margin-bottom:9px;padding:8px 9px;border-radius:10px;background:white;color:#2e3849;font-size:9px;box-shadow:0 1px 2px rgba(0,0,0,.06)}.wa-bubble.out{margin-left:auto;background:#dcf8c6}.wa-bubble.compliment{border:1px solid #93d5bb;box-shadow:0 0 0 4px rgba(37,211,102,.08)}.wa-bubble time{display:block;margin-top:3px;color:#82909b;font-size:6px;text-align:right}.wa-compose{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:0 0 32px 32px;background:#f6f7f8;color:#667085}.wa-compose div{flex:1;padding:7px 10px;border-radius:18px;background:white;color:#98a2b3;font-size:8px}.wa-compose b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#25d366;color:white}.whatsapp-quote .wa-logo{display:grid;place-items:center;width:46px;height:46px;margin-bottom:28px;border-radius:14px;background:#25d366}.whatsapp-quote .wa-logo img{width:24px}.whatsapp-quote .eyebrow{color:#65e7b5}.whatsapp-quote blockquote{max-width:620px;margin-bottom:24px;font-size:clamp(2.5rem,4.5vw,5rem);font-weight:650;letter-spacing:-.05em;line-height:1.02}.whatsapp-quote>p:last-child{color:#a7c3ba;font-size:12px}

.final-cta{padding:90px 0;background:var(--blue);color:white}.cta-shell{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:60px}.cta-shell .eyebrow{color:#b9cbff}.cta-shell h2{max-width:760px;margin:0;font-size:clamp(3rem,5vw,5.3rem)}.cta-shell>div:last-child{display:flex;flex-direction:column;align-items:flex-start}.button-white{border-color:white;background:white;color:var(--blue);box-shadow:none}.button-white:hover{background:#f1f4ff}.cta-shell>div:last-child p{max-width:340px;margin:16px 0 0;color:#cbd6ff;font-size:12px}
footer{padding:35px 0;background:#0d1730;color:white}footer .page-shell{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px}footer .brand-mark{stroke:#8ea9ff}footer p{margin:0;color:#8f9bb3;font-size:11px}footer .page-shell>a:last-child{color:#a9bfff;font-size:12px;font-weight:700}

.reveal{opacity:0;transform:translateY(18px);transition:opacity 650ms var(--ease),transform 650ms var(--ease)}.reveal.is-visible{opacity:1;transform:none}
.orbit-ring{border-style:solid;border-color:#e4eaf5;border-top-color:#7f9df7;border-right-color:#bdcbf6}.outer-ring{animation:orbit-spin 28s linear infinite}.inner-ring{animation:orbit-spin-reverse 20s linear infinite}
@keyframes wave{to{height:9px;opacity:.55}}@keyframes float{50%{transform:translateY(-7px)}}@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbit-spin-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}

@media (max-width: 1050px){
  .hero-grid{grid-template-columns:1fr 1fr;gap:36px}.hero-call-card{left:-18px}.hero-booked-card{right:-12px}.dashboard-shell{grid-template-columns:155px 1fr}.dash-sidebar{padding-inline:10px}.dash-main{padding:20px}.dash-kpis{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.activity-panel{display:none}.occupancy-layout,.integration-layout{grid-template-columns:1fr;gap:55px}.occupancy-copy{max-width:720px}.solution-lab{grid-template-columns:210px 1fr}.solution-stage{grid-template-columns:1fr;padding:32px}.solution-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.solution-copy>p{margin:0}.solution-points{grid-column:1/3;grid-template-columns:repeat(3,1fr);margin-top:18px}.proof-layout{grid-template-columns:1fr 1fr}.whatsapp-proof{gap:50px;padding-inline:5%}
}

@media (max-width: 760px){
  :root{--page:min(100% - 30px, 620px)}h1{font-size:clamp(3rem,14vw,4.35rem)}h2{font-size:clamp(2.45rem,11vw,3.7rem)}.section-space{padding-block:84px}.desktop-nav,.nav-cta{display:none}.nav-shell{grid-template-columns:1fr auto;min-height:66px}.menu-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:white}.menu-button span{display:block;width:17px;height:1.5px;margin:2.5px;background:var(--ink);transition:transform 180ms ease}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{display:grid;gap:2px;padding:12px 15px 20px;border-bottom:1px solid var(--line);background:white}.mobile-nav[hidden]{display:none}.mobile-nav>a:not(.button){padding:12px;border-radius:9px;color:#475467;font-size:14px}.mobile-nav .button{margin-top:5px}.hero{padding:102px 0 68px}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:0}.hero-sub{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column;gap:12px}.secondary-link{justify-content:center}.hero-trust{margin-top:30px}.hero-visual{width:100%;margin-top:18px}.hero-visual::before{inset:-10px 20px 18px -8px}.hero-visual>img{height:430px;border-radius:22px}.hero-call-card{top:20px;left:12px;min-width:0}.hero-booked-card{right:10px;bottom:16px;min-width:0;max-width:90%}.proof-stats{grid-template-columns:1fr 1fr;gap:0}.proof-stats article{padding:18px;border-left:0;border-top:1px solid var(--line)}.proof-stats article:nth-child(even){border-left:1px solid var(--line)}.proof-stats article:nth-child(-n+2){border-top:0}.proof-stats span{display:block;max-width:120px}.metric-note{line-height:1.45}.section-heading{margin-bottom:42px}.section-heading.centered{text-align:left}.section-heading.centered .eyebrow{justify-content:flex-start}.dashboard-shell{display:block;min-height:0;border-radius:20px;overflow:hidden}.dash-sidebar{display:none}.dash-main{padding:14px}.dash-topbar{align-items:flex-start}.dash-actions button:not(.date-button){display:none}.dash-kpis{grid-template-columns:1fr 1fr;gap:8px}.dash-kpis article{min-height:115px;padding:13px}.dash-kpis article>strong{font-size:23px}.dash-grid{display:block}.lead-panel{overflow:hidden}.lead-table{overflow-x:auto}.lead-row{min-width:610px}.demo-disclaimer{text-align:left}.occupancy-score{gap:12px}.calendar-card{padding:12px;border-radius:16px;overflow-x:auto}.calendar-top{align-items:flex-start;flex-direction:column}.view-toggle{width:100%}.view-toggle button{flex:1}.calendar-summary{min-width:500px}.solution-lab{display:block;min-height:0;border-radius:20px}.solution-selector{display:flex;flex-direction:row;gap:7px;padding:12px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}.solution-selector::-webkit-scrollbar{display:none}.solution-selector button{display:flex;flex:0 0 auto;width:auto;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:11px}.solution-selector button span{display:none}.solution-selector button.active{margin:0;border:1px solid #cad8ff}.solution-stage{display:block;padding:22px}.solution-copy{display:block}.solution-copy h3{font-size:2.4rem}.solution-copy>p{margin-bottom:0}.solution-points{display:grid;grid-template-columns:1fr;margin:20px 0 28px}.solution-preview{min-height:0}.device{width:270px}.device-screen{height:542px}.voice-console,.outbound-console,.email-console{max-width:460px}.email-body{grid-template-columns:1fr}.email-list{display:none}.client-section{padding-block:38px}.client-cloud{justify-content:flex-start}.client-cloud span{font-size:10px}.integration-layout{gap:35px}.logo-orbit{width:620px;max-width:none;margin-left:calc((100vw - 620px)/2)}.logo-node{animation:none}.integration-note{padding-right:10px}.proof-heading{display:block}.proof-heading>p{max-width:560px}.proof-layout{grid-template-columns:1fr}.whatsapp-proof{display:flex;flex-direction:column-reverse;gap:45px;margin-top:70px;padding:52px 16px;border-radius:22px}.proof-phone{width:290px}.whatsapp-quote blockquote{font-size:3rem}.cta-shell{display:block}.cta-shell>div:last-child{margin-top:34px}footer .page-shell{grid-template-columns:1fr auto}footer p{grid-column:1/3;grid-row:2}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.logo-node,.orbit-ring,.console-wave i{animation:none!important}
}

@media (max-width: 430px){
  .hero-call-card{transform:scale(.9);transform-origin:left top}.hero-booked-card{transform:scale(.9);transform-origin:right bottom}.proof-stats article{padding:17px 10px}.proof-stats strong{font-size:1.9rem}.dash-kpis article:nth-child(2) .ring-progress,.dash-kpis article:nth-child(3) .mini-bars{display:none}.solution-stage{padding:20px 15px}.recording-body{align-items:flex-start}.recording-body h3{font-size:17px}.large-wave{gap:2px}.whatsapp-quote blockquote{font-size:2.6rem}.logo-orbit{transform:scale(.88);transform-origin:center}.proof-phone{width:280px}
}

@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.logo-node,.console-wave i{animation:none!important}}

/* Konsulta identity and the live-call hero */
.brand .wordmark{display:block;width:185px;height:auto;max-width:none;mix-blend-mode:multiply}.dash-brand .wordmark{width:129px}.footer-brand{color:#fff;font-size:19px;font-weight:650;letter-spacing:.09em}.orbit-k{width:48px;height:48px;object-fit:cover;border:1px solid #e5eaf3;border-radius:13px;background:#fff}
.hero-copy h1{max-width:590px;font-size:clamp(3.05rem,4.35vw,4.7rem);line-height:1.06;letter-spacing:-.047em}
.hero-visual{height:590px;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate}.hero-visual::before{display:none}.hero-scene{position:relative;width:100%;height:100%}
.phone-photo-wrap{position:absolute;z-index:1;top:34px;left:50%;width:830px;max-width:none;transform:translateX(-50%);animation:phone-arrive 900ms var(--ease) both;mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 83%,transparent 100%)}.phone-photo-wrap>img{display:block;width:100%;max-width:none;height:auto;mask-image:radial-gradient(ellipse 43% 69% at 52% 51%,#000 68%,transparent 100%)}
.call-ui{position:absolute;left:36.75%;top:7.35%;width:23.3%;height:74%;color:#fff;overflow:hidden;border-radius:28px;pointer-events:none;text-align:center}.call-status{position:absolute;top:3%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;white-space:nowrap}.call-status span:last-child{font-size:8px;letter-spacing:-.09em}.call-identity{position:absolute;top:26%;left:1%;right:1%;display:flex;flex-direction:column;align-items:center}.call-identity small{color:#aab8d0;font-size:8px;font-weight:750;letter-spacing:.14em}.call-identity strong{margin-top:8px;font-size:26px;font-weight:560;letter-spacing:-.055em;line-height:1.1}.call-identity>span{margin-top:5px;color:#aab8d0;font-size:9px}.call-wave{position:absolute;top:55%;left:8%;right:8%;height:42px;display:flex;align-items:center;justify-content:center;gap:3px}.call-wave i{width:3px;height:8px;border-radius:3px;background:#a4c4ff;animation:call-wave 700ms ease-in-out infinite alternate;animation-delay:calc(var(--n,0)*-75ms)}.call-wave i:nth-child(3n){--n:2}.call-wave i:nth-child(4n){--n:4}.call-wave i:nth-child(5n){--n:6}.call-wave i:nth-child(7n){--n:8}.call-controls{position:absolute;left:7%;right:7%;bottom:6%;display:flex;justify-content:space-between;align-items:center}.call-controls>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.13);font-size:15px}.call-controls>span small{position:absolute;transform:translateY(28px);color:#9baac4;font-size:7px}.call-controls>.hangup{background:#e54e55;border-color:#e54e55;font-size:19px}
.inquiry-stream{position:absolute;inset:0;z-index:2;pointer-events:none}.inquiry-stream span{position:absolute;left:0;top:0;max-width:158px;padding:10px 11px;border:1px solid #dbe6f9;border-radius:11px;background:rgba(255,255,255,.97);box-shadow:0 8px 22px rgba(29,54,111,.11);color:#274369;font-size:10px;font-weight:700;white-space:nowrap;opacity:0;will-change:transform,opacity}
.booking-stack{position:absolute;z-index:3;top:112px;right:14px;width:177px;pointer-events:none}.booking-stack-label{margin:0 0 8px 6px;color:#42618d;font-size:9px;font-weight:800;letter-spacing:.12em}.booking-items{position:relative;display:flex;flex-direction:column;gap:7px}.booking-item{position:relative;z-index:1;display:flex;align-items:center;gap:8px;min-height:62px;padding:8px 9px;border:1px solid #dce8f5;border-radius:13px;background:rgba(255,255,255,.97);box-shadow:0 12px 26px rgba(25,52,104,.12);animation:booking-enter 360ms var(--ease) both}.booking-item.booking-item-exit{position:absolute;left:0;width:100%;margin:0;animation:none}.booking-item>span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#e3f7ee;color:#078758;font-size:13px;font-weight:850}.booking-item>div{min-width:0}.booking-item strong,.booking-item small,.booking-item em{display:block;white-space:nowrap}.booking-item strong{color:#12223c;font-size:10px;line-height:1.1}.booking-item small{max-width:100%;margin-top:3px;overflow:hidden;text-overflow:ellipsis;color:#64748b;font-size:9px}.booking-item em{margin-top:3px;color:#078758;font-size:10px;font-style:normal;font-weight:800}.scene-note{position:absolute;z-index:3;right:15px;bottom:11px;margin:0;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.8);color:#6b7c95;font-size:9px}
@keyframes phone-arrive{from{opacity:0;transform:translateX(calc(-50% - 55px))}to{opacity:1;transform:translateX(-50%)}}@keyframes call-wave{0%{height:6px;opacity:.55}100%{height:28px;opacity:1}}@keyframes booking-enter{from{opacity:0;transform:translateY(-14px) scale(.94)}to{opacity:1;transform:none}}

/* The paid-lead gap, before the existing sample dashboard */
.speed-story{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:-3px 0 70px}.speed-card{min-width:0;padding:29px;border:1px solid #e3e8f0;border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}.speed-card-slow{background:#fcfcfd}.speed-card-fast{border-color:#cbd9fb;background:#f2f6ff}.speed-card-top{display:flex;flex-direction:column;gap:9px;padding-bottom:19px;border-bottom:1px solid #e0e6ef}.speed-card-top>span{color:#7b8494;font-size:11px;font-weight:800;letter-spacing:.11em}.speed-card-fast .speed-card-top>span{color:var(--blue)}.speed-card-top strong{font-size:22px;letter-spacing:-.035em;line-height:1.15}.speed-card ol{display:flex;flex-direction:column;gap:0;margin:18px 0 18px;padding:0;list-style:none}.speed-card li{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:start;padding:13px 0;border-bottom:1px solid #e8ecf3;color:#465366;font-size:15px}.speed-card li b{color:#101828;font-size:13px;white-space:nowrap}.speed-card-fast li b{color:var(--blue)}.speed-card>p{max-width:420px;margin:0;color:#59657a;font-size:14px;line-height:1.5}.dashboard-intro{max-width:720px;margin:0 0 25px}.dashboard-intro span{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em}.dashboard-intro h3{margin:8px 0 6px;font-size:clamp(1.65rem,2.65vw,2.3rem);font-weight:700;letter-spacing:-.04em}.dashboard-intro p{margin:0;color:var(--muted);font-size:16px}

@media(max-width:1050px){.phone-photo-wrap{width:710px;top:58px}.booking-stack{width:157px;right:9px}.booking-item{min-height:49px}.inquiry-stream span{min-width:112px;font-size:9px}}
@media(max-width:760px){.brand .wordmark{width:157px}.hero{padding-top:68px}.hero-grid{gap:0}.hero-copy h1{font-size:clamp(2.7rem,9.8vw,3.8rem)}.hero-visual{height:495px;width:100%;margin-top:28px}.phone-photo-wrap{width:650px;top:25px}.call-identity strong{font-size:24px}.booking-stack{top:55px;right:8px;width:125px}.booking-stack-label{font-size:8px}.booking-item{min-height:54px;gap:5px;padding:6px;border-radius:9px}.booking-item>span{width:20px;height:20px;font-size:11px}.booking-item strong{font-size:8px}.booking-item small{font-size:7px}.booking-item em{font-size:8px}.inquiry-stream span{padding:7px 6px;font-size:8px}.scene-note{font-size:8px}.speed-story{grid-template-columns:1fr;gap:12px;margin:0 0 55px}.speed-card{padding:22px}.speed-card-top strong{font-size:20px}.speed-card li{grid-template-columns:88px 1fr;gap:8px;font-size:13px}.speed-card li b{font-size:12px}.dashboard-intro h3{line-height:1.18}}
@media(max-width:390px){.phone-photo-wrap{width:610px;top:27px}.hero-visual{height:475px}.booking-stack{top:54px;width:116px}.booking-item strong{font-size:7.5px}}
@media(prefers-reduced-motion:reduce){.phone-photo-wrap,.call-wave i,.booking-item{animation:none!important}}