@keyframes pulse-ring { 0%{transform:scale(0.85); opacity:0.55;} 100%{transform:scale(1.7); opacity:0;} }
@keyframes hero-fade-up { from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:translateY(0);} }
@keyframes scan-dot { 0%,80%,100%{transform:scale(0.6); opacity:0.4;} 40%{transform:scale(1); opacity:1;} }
@keyframes spin-ring { from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
@keyframes idle-wave { 0%,100%{transform:scaleY(0.4);} 50%{transform:scaleY(1);} }
@keyframes blink-caret { 0%,49%{opacity:1;} 50%,100%{opacity:0;} }
@keyframes marquee-row-a { from{transform:translateX(0);} to{transform:translateX(-50%);} }
@keyframes marquee-row-b { from{transform:translateX(-50%);} to{transform:translateX(0);} }
@keyframes waveform-bar { 0%,100%{transform:scaleY(0.35);} 50%{transform:scaleY(1);} }
@keyframes glow-pulse { 0%,100%{opacity:0.35; transform:scale(0.9);} 50%{opacity:0.8; transform:scale(1.2);} }
@keyframes handle-intro-glow { 0%{box-shadow:0 0 0 0 rgba(228,64,42,0.6);} 60%{box-shadow:0 0 0 9px rgba(228,64,42,0);} 100%{box-shadow:0 0 0 0 rgba(228,64,42,0);} }
@keyframes mesh-drift-a { 0%,100%{transform:translate(-6%,-4%) scale(1);} 50%{transform:translate(10%,8%) scale(1.15);} }
@keyframes mesh-drift-b { 0%,100%{transform:translate(8%,6%) scale(1.1);} 50%{transform:translate(-8%,-6%) scale(0.95);} }
@keyframes grid-pulse { 0%,100%{opacity:0.18;} 50%{opacity:0.32;} }
@keyframes neon-flicker {
  0% { border-color:rgba(228,64,42,0.45); box-shadow:0 0 10px 2px rgba(228,64,42,0.22), 0 0 34px 8px rgba(228,64,42,0.12); }
  50% { border-color:rgba(255,90,60,0.8); box-shadow:0 0 20px 6px rgba(228,64,42,0.48), 0 0 65px 16px rgba(228,64,42,0.25); }
  100% { border-color:rgba(228,64,42,0.45); box-shadow:0 0 10px 2px rgba(228,64,42,0.22), 0 0 34px 8px rgba(228,64,42,0.12); }
}

:root {
  --accent: #E4402A;
  --dark-grad: linear-gradient(135deg, #16151A 0%, #1B1A1F 45%, #4a1811 100%);
  --ink: #151412;
  --muted: #4A4842;
  --border: #E2E3E5;
  --panel: #EFF0F2;
}
* { box-sizing:border-box; }
html, body { overflow-x:hidden; max-width:100%; }
body { margin:0; background:#FFFFFF; font-family:'Inter',sans-serif; color:var(--ink); text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
a { color:var(--accent); text-decoration:none; }
a:hover { color:var(--accent); opacity:0.85; }
img { max-width:100%; }
.accent-serif { font-family:'Instrument Serif',serif; font-style:italic; font-weight:400; color:var(--accent); }
.accent-serif.small { font-family:'Inter',sans-serif; font-style:italic; font-weight:400; color:var(--accent); }
.accent-text { color:var(--accent); font-weight:700; }
.on-dark { color:#EFF0F2; }
.center { text-align:center; margin-left:auto; margin-right:auto; }
.narrow { max-width:640px; }
.section-inner { max-width:1220px; margin:0 auto; position:relative; z-index:1; }
.section-radial { position:absolute; inset:0; background:radial-gradient(ellipse 60% 55% at 50% 0%, rgba(228,64,42,0.06), transparent 70%); pointer-events:none; }
.section-h2 { font-family:'Inter',sans-serif; font-size:clamp(32px,3.5vw,44px); font-weight:700; letter-spacing:-0.02em; margin:0 0 20px; }
.section-h2.center { margin-left:auto; margin-right:auto; }
.section-lead { font-size:15px; line-height:1.7; color:var(--muted); max-width:560px; margin:0 auto 28px; }
.section-lead.bold { font-weight:600; max-width:640px; }
.section-lead.on-dark { color:#EFF0F2; }
.section-lead-sub { font-size:13px; line-height:1.7; color:rgba(239,240,242,0.5); max-width:640px; margin:0 auto 20px; }
.btn-primary { display:flex; align-items:center; justify-content:center; gap:9px; background:var(--accent); color:#EFF0F2; border:none; border-radius:100px; padding:16px 26px; font-size:15px; font-weight:700; white-space:nowrap; cursor:pointer; }
.btn-primary:hover { filter:brightness(0.92); color:#EFF0F2; }
.btn-primary.block { padding:18px 26px; box-shadow:0 14px 30px rgba(228,64,42,0.28); }
.btn-primary.center-block { margin:12px auto 0; width:fit-content; }
.btn-outline { display:flex; align-items:center; border:1.5px solid #151412; color:#151412; border-radius:100px; padding:16px 26px; font-size:15px; font-weight:700; white-space:nowrap; }
.btn-outline:hover { background:#16151A; color:#EFF0F2; }

/* NAV */
.nav { position:sticky; top:14px; z-index:60; width:calc(100% - clamp(24px,6vw,64px)); max-width:1220px; margin:0 auto; background:rgba(255,255,255,0.72); backdrop-filter:blur(16px) saturate(160%); -webkit-backdrop-filter:blur(16px) saturate(160%); border:1px solid rgba(255,255,255,0.5); border-radius:100px; transition:box-shadow 0.3s ease; box-shadow:0 4px 16px rgba(0,0,0,0.06); }
.nav.scrolled { box-shadow:0 8px 28px rgba(0,0,0,0.12); }
.nav-inner { padding:14px 26px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.nav-logo { height:30px; width:auto; display:block; }
.nav-links { display:flex; gap:34px; list-style:none; margin:0; padding:0; font-size:15px; font-weight:600; }
.nav-links a { color:#151412; opacity:0.65; }
.nav-links a:hover { opacity:1; }
.nav-cta { display:flex; align-items:center; gap:9px; background:#16151A; color:#EFF0F2; border:none; border-radius:100px; padding:12px 22px; font-size:13px; font-weight:600; font-family:'Inter',sans-serif; cursor:pointer; }
.nav-cta:hover { background:#000; }
.live-dot { position:relative; width:8px; height:8px; border-radius:50%; background:#43D18A; display:inline-block; flex-shrink:0; }
.live-dot-ring { position:absolute; inset:-4px; border-radius:50%; border:1.5px solid #43D18A; animation:pulse-ring 2s ease-out infinite; }

/* HERO */
.hero { padding:clamp(56px,10vw,100px) clamp(20px,5vw,32px) 0; position:relative; overflow:hidden; }
.hero-radial { position:absolute; inset:0; background:radial-gradient(ellipse 60% 55% at 50% 0%, rgba(228,64,42,0.06), transparent 70%); pointer-events:none; }
.hero-inner { max-width:900px; margin:0 auto; text-align:center; padding:clamp(24px,4vw,40px) 0 clamp(80px,10vw,120px); animation:hero-fade-up 0.7s ease both; position:relative; z-index:1; }
.hero-h1 { font-size:clamp(40px,5vw,64px); line-height:1.15; font-weight:700; letter-spacing:-0.02em; margin:0 0 26px; }
.hero-sub { max-width:620px; margin:0 auto 32px; display:flex; flex-direction:column; gap:8px; }
.hero-sub-1 { font-size:19px; font-weight:600; line-height:1.4; color:var(--muted); margin:0; }
.hero-sub-2 { font-size:13px; line-height:1.5; color:var(--muted); margin:0; }
.hero-ctas { display:flex; gap:14px; flex-wrap:wrap; justify-content:center; margin-bottom:36px; }
.hero-trust { display:flex; align-items:center; justify-content:center; gap:12px; }
.hero-avatars { display:flex; }
.hero-avatar { width:36px; height:36px; border-radius:50%; margin-right:-10px; position:relative; object-fit:cover; border:2px solid #fff; }
.hero-avatar:nth-child(1) { z-index:3; }
.hero-avatar:nth-child(2) { z-index:2; }
.hero-avatar:nth-child(3) { z-index:1; margin-right:0; }
.hero-trust-text { font-size:13.5px; font-weight:600; color:var(--muted); }

.demo-wrap { max-width:800px; width:100%; margin:0 auto clamp(64px,7vw,96px); animation:hero-fade-up 0.7s ease both; animation-delay:0.15s; position:relative; z-index:1; }
.demo-card { position:relative; overflow:hidden; border-radius:30px; background:var(--dark-grad); padding:clamp(28px,5vw,52px) clamp(20px,5vw,32px); display:flex; flex-direction:column; gap:clamp(32px,5vw,48px); border:2px solid var(--accent); animation:neon-flicker 0.7s ease-in-out infinite; }
.demo-mesh { position:absolute; inset:-20%; opacity:0.55; pointer-events:none; }
.mesh-a { position:absolute; width:60%; height:60%; top:-10%; left:-10%; border-radius:50%; background:radial-gradient(circle, rgba(228,64,42,0.55), transparent 70%); filter:blur(40px); animation:mesh-drift-a 70s ease-in-out infinite; }
.mesh-b { position:absolute; width:55%; height:55%; bottom:-15%; right:-10%; border-radius:50%; background:radial-gradient(circle, rgba(228,64,42,0.35), transparent 70%); filter:blur(40px); animation:mesh-drift-b 85s ease-in-out infinite; }
.demo-grid-overlay { position:absolute; inset:0; opacity:0.25; background:repeating-linear-gradient(115deg, transparent 0 18px, rgba(255,255,255,0.05) 18px 20px); animation:grid-pulse 10s ease-in-out infinite; pointer-events:none; }
.glow-layer { position:absolute; inset:0; pointer-events:none; }
.demo-inner { position:relative; max-width:960px; width:100%; margin:0 auto; display:flex; flex-direction:column; gap:clamp(32px,5vw,48px); }
.demo-header { position:relative; text-align:center; opacity:0; transform:translateY(12px); transition:opacity 0.6s ease, transform 0.6s ease; }
.demo-header.visible { opacity:1; transform:translateY(0); }
.eyebrow { display:block; font-size:11.5px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:rgba(255,255,255,0.35); margin-bottom:14px; }
.demo-h2 { font-family:'Inter',sans-serif; font-size:clamp(24px,3vw,32px); font-weight:700; letter-spacing:-0.01em; color:#EFF0F2; margin:0 auto; max-width:620px; line-height:1.25; }
.demo-stat { display:block; margin-top:12px; font-size:11.5px; font-weight:400; color:rgba(255,255,255,0.5); }
.demo-divider { position:relative; height:1px; background:rgba(255,255,255,0.1); }
.demo-form { position:relative; display:flex; flex-direction:column; align-items:center; gap:22px; max-width:460px; margin:0 auto; width:100%; opacity:0; transform:translateY(12px); transition:opacity 0.6s ease 0.5s, transform 0.6s ease 0.5s; }
.demo-form.visible { opacity:1; transform:translateY(0); }
.demo-label { margin:0 0 10px; font-size:13px; font-weight:600; color:rgba(255,255,255,0.65); text-align:center; }
.agent-select-wrap { width:100%; }
.agent-select-row { display:flex; gap:8px; }
.agent-select { flex:1; display:flex; flex-direction:column; align-items:center; gap:2px; padding:10px 8px; border-radius:14px; border:1.5px solid rgba(255,255,255,0.16); background:rgba(255,255,255,0.04); backdrop-filter:blur(10px); cursor:pointer; }
.agent-select:hover { border-color:rgba(255,255,255,0.4); }
.agent-select.active { border-color:var(--accent); background:rgba(228,64,42,0.12); }
.agent-select:disabled { opacity:0.5; cursor:not-allowed; }
.agent-name { font-size:15px; font-weight:700; color:#EFF0F2; }
.agent-tagline { font-size:11.5px; color:rgba(255,255,255,0.65); }
.website-wrap { width:100%; display:flex; flex-direction:column; gap:8px; }
.website-input-wrap { position:relative; width:100%; }
.website-input { width:100%; background:#FFFFFF; border:2px solid transparent; border-radius:14px; padding:14px 18px; font-size:15px; font-weight:600; color:#151412; font-family:'Inter',sans-serif; box-shadow:0 10px 26px rgba(0,0,0,0.28); outline:none; }
.website-input:focus { border-color:var(--accent); }
.website-input:disabled { opacity:0.6; }
.website-placeholder { position:absolute; left:19px; top:50%; transform:translateY(-50%); font-size:15px; color:#9a968c; font-family:'Inter',sans-serif; pointer-events:none; white-space:nowrap; }
.caret { animation:blink-caret 1s step-end infinite; }
.website-status { display:none; align-items:center; gap:8px; padding:0 4px; font-size:11.5px; color:rgba(255,255,255,0.65); }
.website-status.visible { display:flex; }
.scan-dots { display:flex; gap:3px; }
.scan-dots span { width:5px; height:5px; border-radius:50%; background:var(--accent); display:inline-block; animation:scan-dot 1s ease-in-out infinite; }
.scan-dots span:nth-child(2) { animation-delay:0.15s; }
.scan-dots span:nth-child(3) { animation-delay:0.3s; }
.found-check { color:#43D18A; font-size:13px; font-weight:700; }
.orb-wrap { position:relative; width:160px; height:160px; display:flex; align-items:center; justify-content:center; margin-top:8px; }
.orb-dash { position:absolute; inset:-10px; border-radius:50%; border:2px dashed rgba(255,255,255,0.3); animation:spin-ring 7s linear infinite; }
.orb-ring { position:absolute; border-radius:50%; border:2px solid rgba(255,255,255,0.3); animation:pulse-ring 2.2s ease-out infinite; }
.orb-ring-1 { inset:0; }
.orb-ring-2 { inset:14px; animation-delay:0.7s; }
.orb-ring-3 { inset:28px; border-width:1.5px; border-color:rgba(255,255,255,0.25); animation-delay:1.4s; }
.orb-btn { position:relative; width:126px; height:126px; border-radius:50%; background:var(--accent); border:none; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; cursor:pointer; box-shadow:0 12px 30px rgba(0,0,0,0.35); text-decoration:none; font-family:'Inter',sans-serif; }
.orb-btn:hover { transform:scale(1.04); }
.orb-btn.is-connecting { animation:glow-pulse 1s ease-in-out infinite; cursor:wait; }
.orb-btn.is-live { background:#16151A; border:2px solid var(--accent); }
.orb-btn.is-live:hover { transform:none; filter:brightness(1.15); }
.orb-label { font-size:11.5px; font-weight:700; color:#151412; text-align:center; padding:0 8px; }
.orb-btn.is-live .orb-label { color:#EFF0F2; }
.orb-wave { display:flex; align-items:center; gap:2px; height:8px; }
.orb-wave span { width:2.5px; height:100%; background:rgba(21,20,18,0.4); border-radius:2px; animation:idle-wave 1.1s ease-in-out infinite; }
.orb-btn.is-live .orb-wave span { background:rgba(239,240,242,0.65); }
.orb-wave span:nth-child(2) { animation-delay:0.15s; }
.orb-wave span:nth-child(3) { animation-delay:0.3s; }
.orb-wave span:nth-child(4) { animation-delay:0.45s; }
.orb-wave span:nth-child(5) { animation-delay:0.6s; }
.active-agent-line { text-align:center; margin:0; font-size:15px; color:rgba(255,255,255,0.65); }
.active-agent-line.is-error { color:#FF8A75; }
.mic-privacy-line { text-align:center; margin:6px 0 0; font-size:12px; line-height:1.5; color:rgba(255,255,255,0.55); }

/* DEMO TRANSCRIPT + POST-CALL */
.demo-transcript { width:100%; max-width:460px; margin:0 auto; max-height:0; opacity:0; overflow:hidden; transition:max-height 0.35s ease, opacity 0.35s ease; }
.demo-transcript.is-open { max-height:220px; opacity:1; }
.demo-transcript-inner { max-height:220px; overflow-y:auto; display:flex; flex-direction:column; gap:10px; padding:16px 18px; background:rgba(255,255,255,0.04); border:1.5px solid rgba(255,255,255,0.16); border-radius:14px; backdrop-filter:blur(10px); }
.demo-transcript-line { font-size:13px; line-height:1.5; color:rgba(255,255,255,0.75); }
.demo-transcript-line b { color:#EFF0F2; }
.demo-transcript-line.agent b { color:var(--accent); }
.demo-post-call { width:100%; max-width:460px; margin:0 auto; max-height:0; opacity:0; overflow:hidden; transition:max-height 0.35s ease, opacity 0.35s ease; }
.demo-post-call.is-open { max-height:180px; opacity:1; }
.demo-post-call-inner { text-align:center; padding:20px 22px; background:rgba(255,255,255,0.04); border:1.5px solid rgba(228,64,42,0.35); border-radius:14px; backdrop-filter:blur(10px); }
.demo-post-call-text { margin:0 0 14px; font-size:13.5px; color:rgba(255,255,255,0.8); }
.demo-post-call-cta { display:inline-flex; background:var(--accent); color:#EFF0F2; border-radius:100px; padding:11px 22px; font-size:13.5px; font-weight:700; }
.demo-post-call-cta:hover { filter:brightness(0.92); color:#EFF0F2; }

/* LETTER / PROBLEM */
.letter-section { padding:clamp(64px,7vw,96px) clamp(20px,5vw,32px); border-top:1px solid var(--border); background:var(--dark-grad); position:relative; }
.letter-pad { position:relative; padding:clamp(30px,6vw,60px) clamp(24px,6vw,60px); }
.letter-grid { display:grid; grid-template-columns:0.8fr 1.2fr; gap:48px; align-items:stretch; }
.letter-img-col { position:relative; }
.letter-sticky-img { position:sticky; top:110px; height:420px; }
.letter-img-bg { position:absolute; top:0; left:0; width:120px; height:80px; background:rgba(228,64,42,0.25); border-radius:20px; }
.letter-img-frame { position:absolute; left:26px; right:26px; top:26px; bottom:26px; border-radius:22px; overflow:hidden; box-shadow:0 24px 50px rgba(0,0,0,0.35); }
.letter-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 40%; transform:scale(1.15); filter:grayscale(1) contrast(1.12); }
.letter-img-overlay { position:absolute; inset:0; background:linear-gradient(200deg, rgba(228,64,42,0.4), rgba(10,8,7,0.42)); mix-blend-mode:multiply; }
.letter-copy { font-size:15px; line-height:1.7; color:rgba(255,255,255,0.65); max-width:600px; }
.letter-lead { font-size:16px; font-weight:700; color:#EFF0F2; margin:0 0 32px; line-height:1.3; }
.problem-lines { margin-bottom:8px; }
.problem-line { opacity:0; transform:translateY(10px); transition:opacity 0.5s ease, transform 0.5s ease; margin:0 0 18px; font-size:15px; line-height:1.7; color:rgba(255,255,255,0.65); }
.problem-line.visible { opacity:1; transform:translateY(0); }
.game-over { font-size:16px; font-weight:800; color:var(--accent); margin:0 0 40px; letter-spacing:-0.01em; opacity:0; transform:translateY(10px); transition:opacity 0.5s ease, transform 0.5s ease; }
.game-over.visible { opacity:1; transform:translateY(0); }
.stat-card { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12); border-radius:20px; padding:clamp(24px,4vw,32px); margin-bottom:32px; opacity:0; transform:translateY(14px); transition:opacity 0.6s ease, transform 0.6s ease; }
.stat-card.visible { opacity:1; transform:translateY(0); }
.stat-counter { font-size:clamp(48px,6vw,64px); font-weight:800; color:#EFF0F2; line-height:1; margin-bottom:8px; }
.stat-sub-1 { margin:0 0 18px; font-size:15px; color:rgba(255,255,255,0.65); }
.stat-sub-2 { margin:0 0 4px; font-size:13px; font-weight:600; color:#EFF0F2; }
.stat-source { margin:0; font-size:11.5px; color:rgba(255,255,255,0.4); }
.closing-line { margin:0; opacity:0; transform:translateY(10px); transition:opacity 0.5s ease, transform 0.5s ease; }
.closing-line.visible { opacity:1; transform:translateY(0); }

/* INTRO / FEATURES */
.intro-section { padding:clamp(96px,10vw,140px) clamp(20px,5vw,32px); background:#FFFFFF; border-top:1px solid var(--border); position:relative; overflow:hidden; }
.intro-grid { display:grid; grid-template-columns:1.15fr 0.85fr; gap:64px; align-items:stretch; }
.intro-sub { font-size:15px; font-weight:500; color:var(--muted); line-height:1.7; margin:12px 0 0; }
.feature-tabs { margin-top:clamp(48px,6vw,64px); display:flex; gap:6px; background:rgba(21,20,18,0.05); border-radius:100px; padding:5px; width:fit-content; }
.feature-tab { padding:11px 22px; border:none; border-radius:100px; font-size:13px; font-weight:700; cursor:pointer; transition:all 0.2s; background:transparent; color:var(--muted); font-family:'Inter',sans-serif; }
.feature-tab.active { background:var(--accent); color:#EFF0F2; }
.features-grid { margin-top:32px; display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.feature-card { display:flex; flex-direction:column; align-items:flex-start; text-align:left; gap:14px; border:1px solid var(--border); border-radius:28px; background:var(--panel); padding:28px; }
.feature-icon { width:72px; height:72px; border-radius:18px; background:rgba(21,20,18,0.05); display:flex; align-items:center; justify-content:center; color:var(--accent); flex-shrink:0; }
.feature-title { font-size:15px; font-weight:600; color:#151412; line-height:1.3; }
.feature-body { font-size:14px; font-weight:400; color:var(--muted); line-height:1.6; }
.intro-img-col { position:relative; }
.intro-sticky-img { position:sticky; top:110px; height:520px; padding:20px 20px 0 0; }
.intro-bg-tag { top:0; right:0; left:auto; }
.intro-img-frame { position:relative; border-radius:24px; overflow:hidden; height:520px; }

/* TESTIMONIALS */
.testi-section { background:var(--panel); padding:clamp(96px,10vw,140px) clamp(20px,5vw,32px); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.testi-card { background:var(--dark-grad); border-radius:28px; padding:clamp(44px,6vw,68px); color:#EFF0F2; }
.testi-grid { display:grid; grid-template-columns:0.85fr 1.15fr; gap:clamp(32px,4vw,56px); align-items:stretch; }
.testi-left { display:flex; flex-direction:column; justify-content:space-between; }
.testi-quote-wrap { position:relative; }
.testi-dots { display:flex; gap:10px; margin-bottom:24px; position:relative; z-index:1; }
.testi-dot { position:relative; width:38px; height:38px; border-radius:50%; border:2.5px solid transparent; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; color:#EFF0F2; cursor:pointer; opacity:0.55; overflow:hidden; padding:0; flex-shrink:0; transition:opacity 0.2s ease, width 0.2s ease, height 0.2s ease; font-family:'Inter',sans-serif; }
.testi-dot:hover { opacity:1; }
.testi-dot.active { width:48px; height:48px; border-color:var(--accent); opacity:1; }
.quote-mark { position:absolute; top:-46px; left:-8px; font-size:180px; font-weight:800; color:rgba(255,255,255,0.05); line-height:1; pointer-events:none; user-select:none; z-index:0; }
.quote-icon { margin-bottom:22px; position:relative; z-index:1; }
.testi-quote { font-size:15px; line-height:1.7; font-weight:500; font-style:italic; margin:0 0 32px; position:relative; z-index:1; }
.testi-person { display:flex; align-items:center; gap:14px; margin-bottom:26px; }
.testi-avatar { width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; }
.testi-name { display:block; font-size:15px; }
.testi-company { font-size:15px; color:rgba(255,255,255,0.65); }
.testi-nav-row { display:flex; align-items:center; justify-content:space-between; }
.testi-progress-wrap { display:flex; align-items:center; gap:10px; }
.testi-position { font-size:13px; font-weight:600; color:rgba(255,255,255,0.5); white-space:nowrap; }
.testi-progress-track { position:relative; width:64px; height:3px; border-radius:2px; background:rgba(255,255,255,0.15); overflow:hidden; }
.testi-progress-fill { position:absolute; left:0; top:0; height:100%; border-radius:2px; background:var(--accent); transition:width 0.4s ease; }
.testi-arrows { display:flex; gap:10px; }
.testi-arrow-btn { width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,0.25); background:transparent; color:#EFF0F2; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.testi-arrow-btn:hover { background:rgba(255,255,255,0.1); }
.testi-right { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:20px; padding:26px 28px 20px; display:flex; flex-direction:column; }
.testi-stat-row { margin-bottom:18px; }
.testi-stat-value { font-size:clamp(30px,3.5vw,40px); font-weight:800; color:#43D18A; }
.testi-stat-label { font-size:13px; font-weight:600; color:rgba(255,255,255,0.5); margin-left:8px; }
.testi-legend-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.legend-item { display:flex; align-items:center; gap:6px; font-size:11.5px; font-weight:600; color:rgba(255,255,255,0.65); }
.legend-swatch { width:7px; height:7px; border-radius:2px; background:var(--accent); display:inline-block; }
.legend-dash { width:14px; height:0; border-top:2px dashed rgba(255,255,255,0.85); display:inline-block; }
.chart-row { display:flex; gap:8px; }
.axis-ticks { display:flex; flex-direction:column; justify-content:space-between; height:180px; padding-bottom:2px; width:32px; flex-shrink:0; }
.axis-ticks span { font-size:9.5px; color:rgba(255,255,255,0.4); text-align:right; }
.chart-plot { position:relative; flex:1; height:180px; display:flex; align-items:flex-end; }
.cost-line { position:absolute; left:0; right:0; height:0; border-top:2px dashed rgba(255,255,255,0.85); z-index:2; display:none; }
.chart-bars { position:relative; flex:1; height:100%; display:flex; align-items:flex-end; gap:6px; z-index:1; }
.chart-bar-col { flex:1; height:100%; position:relative; }
.chart-bar-costline { position:absolute; left:0; right:-3px; height:0; border-top:2px dashed #FFFFFF; z-index:2; }
.chart-bar-upgrade { position:absolute; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.55); padding:2px 6px; border-radius:4px; white-space:nowrap; font-size:9px; font-weight:700; color:#FFFFFF; z-index:4; }
.chart-bar-fill { position:absolute; left:0; right:0; margin:0 auto; width:60%; border-radius:2px; background:var(--accent); opacity:0.9; height:0; transition:height 0.7s cubic-bezier(0.22,1,0.36,1), bottom 0.7s cubic-bezier(0.22,1,0.36,1); }
.chart-xaxis { display:flex; gap:6px; margin-top:8px; padding-left:26px; padding-right:0; }
.chart-xaxis span { flex:1; text-align:center; font-size:9.5px; color:rgba(255,255,255,0.4); }
.call-recording-label { display:block; font-size:11.5px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:rgba(255,255,255,0.35); margin-top:22px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.08); }
.audio-player-row { display:flex; align-items:center; gap:14px; margin-top:12px; }
.audio-btn-wrap { position:relative; width:56px; height:56px; flex-shrink:0; }
.audio-glow { position:absolute; inset:-8px; border-radius:50%; box-shadow:0 0 18px 4px var(--accent); animation:glow-pulse 1.7s ease-in-out infinite; pointer-events:none; }
.audio-ring { position:absolute; inset:0; border-radius:50%; background:var(--accent); opacity:0.5; animation:pulse-ring 1.8s ease-out infinite; }
.audio-play-btn { position:relative; width:56px; height:56px; border-radius:50%; background:var(--accent); border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; }
.audio-play-btn:hover { filter:brightness(0.92); }
.audio-seek-wrap { flex:1; display:flex; align-items:center; gap:10px; min-width:0; }
.audio-seek { position:relative; flex:1; height:12px; display:flex; align-items:center; cursor:pointer; }
.audio-seek-track { position:relative; width:100%; height:3px; border-radius:2px; background:rgba(239,240,242,0.3); }
.audio-seek-fill { position:absolute; left:0; top:0; height:100%; border-radius:2px; background:var(--accent); width:0%; pointer-events:none; }
.audio-seek-handle { position:absolute; top:50%; left:0%; width:11px; height:11px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 2px rgba(22,21,26,0.9); transform:translate(-50%,-50%); pointer-events:none; }
.audio-duration { font-size:12px; color:rgba(255,255,255,0.5); font-weight:600; flex-shrink:0; }

/* INTEGRATIONS */
.integrations-section { background:#FFFFFF; padding:clamp(96px,10vw,140px) clamp(20px,5vw,32px); border-top:1px solid var(--border); position:relative; overflow:hidden; }
.marquee-stack { display:flex; flex-direction:column; gap:16px; }
.marquee-row { overflow:hidden; height:100px; -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.marquee-track { display:flex; align-items:center; gap:14px; width:max-content; height:100%; }
.marquee-a { animation:marquee-row-a 40s linear infinite; }
.marquee-b { animation:marquee-row-b 44s linear infinite; }
.marquee-row:hover .marquee-track { animation-play-state:paused; }
.integration-tile { background:#FFFFFF; border:1px solid var(--border); border-radius:12px; padding:15px 13px; width:150px; flex-shrink:0; display:flex; flex-direction:column; align-items:flex-start; gap:8px; transition:border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; }
.integration-tile:hover { border-color:var(--accent); box-shadow:0 6px 16px rgba(0,0,0,0.06); transform:translateY(-2px); }
.integration-icon { width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; color:#EFF0F2; font-weight:700; font-size:11.5px; flex-shrink:0; overflow:hidden; }
.integration-name { font-weight:700; font-size:11.5px; line-height:1.25; color:#151412; white-space:nowrap; }
.integration-category { font-size:9px; font-weight:600; text-transform:uppercase; letter-spacing:0.03em; color:var(--muted); margin-top:2px; white-space:nowrap; }

/* DASHBOARD */
.dashboard-section { background:#FFFFFF; padding:clamp(96px,10vw,140px) clamp(20px,5vw,32px); border-top:1px solid var(--border); position:relative; overflow:hidden; }
.dashboard-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:clamp(40px,5vw,64px); align-items:start; }
.dashboard-img-col { position:relative; display:flex; justify-content:center; order:1; }
.dashboard-glow { position:absolute; inset:-10% -8%; background:radial-gradient(circle at 50% 45%, rgba(228,64,42,0.22), transparent 68%); filter:blur(70px); pointer-events:none; z-index:0; }
.dashboard-img { position:relative; z-index:1; display:block; width:100%; height:auto; border-radius:14px; }
.dashboard-copy { text-align:left; order:2; }
.dashboard-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px 20px; margin-bottom:32px; }
.dashboard-feature { display:flex; align-items:flex-start; gap:16px; }
.dashboard-feature-icon { width:34px; height:34px; border-radius:50%; background:rgba(228,64,42,0.1); display:flex; align-items:center; justify-content:center; color:var(--accent); flex-shrink:0; }
.dashboard-feature-title { font-size:13.5px; font-weight:700; color:#151412; margin-bottom:2px; }
.dashboard-feature-body { font-size:12px; color:var(--muted); }

/* PRICING */
.pricing-section { padding:clamp(96px,10vw,140px) clamp(20px,5vw,32px); background:var(--dark-grad); border-top:1px solid rgba(255,255,255,0.08); }
.pricing-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,4vw,52px); margin-top:24px; }
.pricing-card { display:flex; background:#FFFFFF; border:1px solid var(--border); border-radius:28px; overflow:hidden; position:relative; }
.pricing-card.featured { border:none; box-shadow:0 0 0 1px rgba(228,64,42,0.4), 0 20px 50px rgba(228,64,42,0.18); }
.pricing-badge { position:absolute; top:24px; right:24px; background:rgba(228,64,42,0.1); color:var(--accent); font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; padding:6px 14px; border-radius:100px; z-index:1; }
.pricing-card-body { flex:1; padding:62px 48px; position:relative; }
.pricing-title { font-size:22px; font-weight:700; line-height:1.3; margin:0 0 8px; color:#151412; }
.pricing-desc { font-size:15px; color:var(--muted); margin:0 0 26px; }
.pricing-desc.small { font-size:13px; margin:0 0 30px; font-weight:400; }
.pricing-price { font-size:44px; font-weight:700; margin-bottom:6px; color:#151412; }
.pricing-features { display:flex; flex-direction:column; gap:14px; margin-bottom:34px; }
.pricing-feature { display:flex; gap:10px; font-size:15px; color:var(--muted); }
.accent-check { color:var(--accent); }
.pricing-callout { background:rgba(228,64,42,0.08); border:1px solid rgba(228,64,42,0.25); border-radius:12px; padding:14px 16px; margin-bottom:18px; }
.pricing-callout p { margin:0; font-size:13px; font-weight:700; color:#151412; text-align:center; }
.pricing-cta { display:block; text-align:center; border-radius:100px; padding:14px; font-size:15px; font-weight:700; margin-bottom:14px; }
.pricing-cta.dark { background:#16151A; color:#EFF0F2; }
.pricing-cta.dark:hover { background:var(--accent); color:#EFF0F2; }
.pricing-cta.accent { background:var(--accent); color:#EFF0F2; }
.pricing-cta.accent:hover { filter:brightness(0.92); color:#EFF0F2; }
.pricing-fineprint { text-align:center; font-size:11.5px; color:var(--muted); margin:0; }
.pricing-divider-row { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.pricing-divider-label { font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; color:var(--accent); white-space:nowrap; }
.pricing-divider-line { flex:1; height:1px; background:var(--border); }

/* ROI */
.roi-section { padding:clamp(96px,10vw,140px) clamp(20px,5vw,32px); border-bottom:1px solid var(--border); border-top:1px solid var(--border); background:#FFFFFF; position:relative; overflow:hidden; }
.roi-grid { display:grid; grid-template-columns:0.9fr 1.1fr; gap:56px; align-items:start; }
.roi-inputs { display:flex; flex-direction:column; gap:32px; }
.roi-label { display:block; font-size:15px; font-weight:700; color:#151412; margin-bottom:4px; }
.roi-field { display:flex; align-items:center; gap:10px; border:1.5px solid rgba(21,20,18,0.2); border-radius:100px; padding:14px 22px; }
.roi-field input { border:none; outline:none; font-size:15px; font-weight:700; font-family:'Inter',sans-serif; width:100%; background:transparent; color:#151412; }
.roi-suffix, .roi-prefix { font-size:13px; font-weight:600; color:rgba(21,20,18,0.55); white-space:nowrap; }
input.roi-slider { -webkit-appearance:none; appearance:none; height:6px; border-radius:100px; background:var(--border); outline:none; width:100%; margin-top:14px; }
input.roi-slider::-webkit-slider-thumb { -webkit-appearance:none; width:20px; height:20px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px rgba(228,64,42,0.18), 0 4px 10px rgba(228,64,42,0.35); cursor:pointer; border:2px solid #fff; }
input.roi-slider::-moz-range-thumb { width:20px; height:20px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px rgba(228,64,42,0.18), 0 4px 10px rgba(228,64,42,0.35); cursor:pointer; border:2px solid #fff; }
.roi-result-card { background:var(--dark-grad); border:1px solid rgba(255,255,255,0.08); border-radius:28px; padding:clamp(34px,6vw,48px); color:#EFF0F2; }
.roi-result-eyebrow { display:block; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; color:rgba(255,255,255,0.4); margin-bottom:20px; }
.roi-result-row { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.08); font-size:13px; }
.roi-result-row span:first-child { color:rgba(255,255,255,0.4); }
.roi-result-row span:last-child { font-weight:600; color:rgba(255,255,255,0.65); }
.roi-summary-row { display:flex; align-items:center; justify-content:center; gap:14px; margin-top:26px; padding:22px 16px; background:rgba(255,255,255,0.05); border-radius:20px; flex-wrap:nowrap; }
.roi-summary-item { text-align:center; min-width:0; }
.roi-summary-label { display:block; font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; color:rgba(255,255,255,0.4); margin-bottom:8px; white-space:nowrap; }
.roi-summary-value { font-size:clamp(20px,3vw,32px); font-weight:800; white-space:nowrap; }
.roi-summary-value.accent { color:var(--accent); }
.roi-summary-value.green { color:#43D18A; }
.roi-summary-arrow { font-size:18px; color:rgba(255,255,255,0.4); font-weight:300; flex-shrink:0; }
.roi-disclaimer { font-size:11.5px; line-height:1.7; color:rgba(255,255,255,0.4); margin:20px 0 0; }
.roi-multiple-line { text-align:center; font-size:15px; font-weight:600; color:#151412; margin:16px 0 0; }

/* CONTACT */
.contact-section { position:relative; overflow:hidden; padding:0; border-top:1px solid var(--border); }
.contact-inner { position:relative; background:var(--dark-grad); padding:clamp(96px,10vw,140px) clamp(20px,5vw,32px); overflow:hidden; }
.contact-mesh { position:absolute; inset:-20%; opacity:0.45; pointer-events:none; }
.contact-mesh .mesh-a { width:55%; height:55%; top:-10%; left:20%; animation-duration:108s; }
.contact-mesh .mesh-b { width:45%; height:45%; bottom:-12%; right:5%; animation-duration:122s; }
.section-grid-overlay { position:absolute; inset:0; opacity:0.18; background:repeating-linear-gradient(115deg, transparent 0 18px, rgba(255,255,255,0.04) 18px 20px); animation:grid-pulse 10s ease-in-out infinite; pointer-events:none; }
.contact-content { max-width:1100px; margin:0 auto; position:relative; z-index:1; }
.contact-radial { position:absolute; inset:-8% -6%; background:radial-gradient(circle at 50% 38%, rgba(228,64,42,0.24), transparent 62%); filter:blur(60px); pointer-events:none; z-index:0; }
.contact-pad { position:relative; z-index:1; padding:clamp(36px,5vw,56px); }
.contact-grid { display:grid; grid-template-columns:1.1fr 0.9fr; gap:56px; }
.contact-h3 { font-size:clamp(28px,3.2vw,38px); font-weight:700; color:#EFF0F2; margin:0 0 10px; letter-spacing:-0.01em; }
.contact-lead { font-size:15px; line-height:1.7; color:rgba(239,240,242,0.65); margin:0 0 24px; }
.contact-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.contact-input { min-width:0; width:100%; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.24); border-radius:12px; padding:15px 18px; font-size:15px; color:#EFF0F2; font-family:'Inter',sans-serif; }
.contact-input.full { grid-column:span 2; }

.contact-submit { margin-top:22px; width:100%; display:flex; align-items:center; justify-content:center; background:var(--accent); color:#EFF0F2; border:none; border-radius:100px; padding:17px 32px; font-size:15px; font-weight:700; font-family:'Inter',sans-serif; cursor:pointer; box-shadow:0 0 0 4px rgba(228,64,42,0.13), 0 14px 30px rgba(228,64,42,0.28); }
.contact-submit:hover { filter:brightness(0.92); }
.contact-submit:disabled { opacity:0.6; cursor:not-allowed; }
.contact-form-status { margin:14px 0 0; font-size:13px; min-height:18px; color:rgba(239,240,242,0.65); }
.contact-form-status.is-error { color:#FF8A75; }
.contact-form-status.is-success { color:#43D18A; }
.onb-carousel { border-left:1px solid rgba(255,255,255,0.1); padding:clamp(40px,5vw,48px); min-height:440px; box-sizing:border-box; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:24px; }
.onb-top { display:flex; flex-direction:column; gap:20px; width:100%; }
.onb-top-row { display:flex; align-items:center; gap:14px; width:100%; }
.onb-eyebrow { font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:rgba(255,255,255,0.35); white-space:nowrap; }
.onb-dots { display:flex; align-items:center; gap:6px; }
.onb-dots span { height:4px; border-radius:2px; background:rgba(255,255,255,0.18); transition:all 0.25s ease; display:inline-block; }
.onb-icon { width:78px; height:78px; border-radius:22px; background:rgba(228,64,42,0.12); display:flex; align-items:center; justify-content:center; color:var(--accent); flex-shrink:0; }
.onb-label { font-size:23px; font-weight:700; color:#EFF0F2; margin:0 0 8px; }
.onb-sub { font-size:13px; color:rgba(239,240,242,0.6); margin:0; max-width:280px; line-height:1.5; }
.onb-bottom { display:flex; flex-direction:column; gap:14px; width:100%; }
.onb-mini-icons { display:flex; align-items:center; gap:8px; }
.onb-mini-icons span { width:28px; height:28px; border-radius:8px; background:rgba(255,255,255,0.06); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.35); opacity:0.7; flex-shrink:0; transition:all 0.25s ease; }
.onb-nav-row { display:flex; align-items:center; justify-content:space-between; width:100%; }
.onb-step-count { font-size:12px; font-weight:600; color:rgba(239,240,242,0.5); }
.onb-arrows { display:flex; align-items:center; gap:10px; }
.onb-arrow-btn { width:30px; height:30px; border-radius:50%; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.06); color:#EFF0F2; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.onb-arrow-btn:hover { border-color:var(--accent); }

/* COMPLIANCE */
.compliance-section { background:var(--panel); padding:clamp(96px,10vw,140px) clamp(20px,5vw,32px); border-top:1px solid var(--border); }
.compliance-content { max-width:1000px; margin:0 auto; text-align:center; opacity:0; transform:translateY(10px); transition:opacity 0.7s ease, transform 0.7s ease; }
.compliance-content.visible { opacity:1; transform:translateY(0); }
.compliance-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; text-align:left; }
.compliance-badge { display:flex; align-items:center; gap:14px; background:#FFFFFF; border:1px solid var(--border); border-radius:20px; padding:20px; }
.compliance-icon { width:40px; height:40px; border-radius:12px; background:rgba(228,64,42,0.1); display:flex; align-items:center; justify-content:center; color:var(--accent); flex-shrink:0; }
.compliance-label { font-size:13.5px; font-weight:600; color:#151412; line-height:1.35; }
.compliance-footnote { font-size:11.5px; color:rgba(21,20,18,0.45); margin:28px 0 0; }

/* FAQ */
.faq-section { background:#FFFFFF; padding:clamp(96px,10vw,140px) clamp(20px,5vw,32px); border-top:1px solid var(--border); position:relative; overflow:hidden; }
.faq-pad { padding:clamp(40px,7vw,64px); }
.faq-grid { display:grid; grid-template-columns:0.75fr 1.25fr; gap:48px; }
.faq-list { border-top:1px solid var(--border); }
.faq-item { border-bottom:1px solid var(--border); border-left:3px solid transparent; transition:border-color 0.2s; }
.faq-item.open { border-left-color:var(--accent); }
.faq-toggle { width:100%; display:flex; align-items:center; gap:24px; padding:24px 0 24px 20px; background:none; border:none; cursor:pointer; text-align:left; }
.faq-index { font-size:13px; font-weight:700; color:rgba(21,20,18,0.4); width:26px; flex-shrink:0; transition:color 0.2s; }
.faq-item.open .faq-index { color:var(--accent); }
.faq-q { flex:1; font-size:15px; font-weight:600; color:#151412; }
.faq-chevron { width:22px; height:22px; flex-shrink:0; display:flex; align-items:center; justify-content:center; transform:rotate(0deg); transition:transform 0.25s ease; }
.faq-item.open .faq-chevron { transform:rotate(180deg); }
.faq-item.open .faq-chevron svg { stroke:var(--accent); }
.faq-answer { display:none; margin:0 0 24px 50px; font-size:15px; line-height:1.7; color:var(--muted); max-width:600px; }
.faq-item.open .faq-answer { display:block; }

/* FOOTER */
.footer { background:var(--dark-grad); padding:clamp(72px,9vw,100px) 32px 32px; border-top:1px solid rgba(255,255,255,0.08); }
.footer-inner { max-width:1100px; margin:0 auto; }
.footer-grid { display:grid; grid-template-columns:1.5fr 0.85fr 0.85fr 0.85fr; gap:40px; padding-bottom:36px; border-bottom:1px solid rgba(255,255,255,0.07); }
.footer-logo { height:28px; width:auto; display:block; filter:brightness(0) invert(1); margin-bottom:14px; }
.footer-desc { font-size:13px; color:rgba(255,255,255,0.45); margin:0 0 20px; max-width:260px; line-height:1.6; }
.footer-contacts { display:flex; flex-direction:column; gap:10px; }
.footer-contact-link { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:600; color:rgba(255,255,255,0.55); }
.footer-contact-link:hover { color:var(--accent); }
.footer-contact-link.static:hover { color:rgba(255,255,255,0.55); }
.footer-heading { display:block; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; color:rgba(255,255,255,0.6); margin-bottom:16px; }
.footer-links { display:flex; flex-direction:column; gap:12px; }
.footer-links a { font-size:13px; color:rgba(255,255,255,0.45); }
.footer-links a:hover { color:var(--accent); }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-top:20px; }
.footer-copyright { font-size:11.5px; color:rgba(255,255,255,0.4); }
.footer-status { display:flex; align-items:center; gap:7px; font-size:11.5px; color:rgba(255,255,255,0.4); }

/* RESPONSIVE */
@media (max-width: 900px) {
  .intro-grid { grid-template-columns:repeat(2, 1fr); }
  .features-grid { grid-template-columns:repeat(2, 1fr); }
  .dashboard-grid { grid-template-columns:1fr; }
}
@media (max-width: 860px) {
  .nav-links, #nav-cta-text { display:none !important; }
}
@media (max-width: 780px) {
  .intro-sticky-img { height:280px; }
}
@media (max-width: 760px) {
  .letter-grid, .intro-grid, .testi-grid, .faq-grid, .contact-grid, .contact-fields, .roi-grid { grid-template-columns:1fr !important; gap:32px !important; }
  .features-grid { grid-template-columns:1fr !important; }
  .pricing-card-body, .contact-pad, .faq-pad, .letter-pad, .onb-carousel { padding:32px 24px !important; }
  .demo-mesh, .contact-mesh { display:none; }
}
@media (max-width: 480px) {
  .chart-xaxis span:nth-child(odd) { display:none; }
  .letter-sticky-img { position:relative !important; top:auto !important; height:260px !important; }
  .pricing-grid { grid-template-columns:1fr !important; }
  .roi-summary-row { flex-wrap:wrap !important; gap:16px !important; }
  .contact-input.full { grid-column:auto !important; }
  .pricing-card { flex-direction:column !important; }
  .footer-grid { grid-template-columns:1fr 1fr !important; }
  .hero-h1 { font-size:32px !important; }
  .nav-inner { padding:10px 14px !important; }
  .roi-field, .roi-label { font-size:14px; }
  .onb-mini-icons { flex-wrap:wrap; }
  .agent-select-row { flex-wrap:wrap; }
}
@media (max-width: 600px) {
  .marquee-row { height:96px !important; }
  .marquee-track { gap:18px !important; }
  .integration-tile { width:140px !important; padding:14px 14px !important; }
  .integration-name, .integration-category { white-space:normal !important; }
}
@media (max-width: 760px) {
  .compliance-grid { grid-template-columns:repeat(2, 1fr) !important; }
}