*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

:root {
  --base: #F0F0F2;
  --surface: #E9E9EC;
  --elevated: #FFFFFF;
  --accent: #4D7C0F;
  --accent-bright: #65A30D;
  --accent-bg: rgba(77,124,15,0.06);
  --accent-border: rgba(77,124,15,0.15);
  --text-1: #1D1D1F;
  --text-2: #6E6E73;
  --text-3: #AEAEB2;
  --border: rgba(0,0,0,0.06);
  --border-accent: rgba(77,124,15,0.2);
  --r: 14px;

  /* Demo stays dark */
  --demo-bg: rgba(20,22,24,0.92);
  --demo-text: #E4E4E7;
  --demo-text-2: #71717A;
  --demo-border: rgba(255,255,255,0.08);
}

html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }
body {
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--base); color:var(--text-1); line-height:1.6; overflow-x:hidden;
}
a { color:inherit; text-decoration:none; }
ul { list-style:none; }
.container { max-width:1120px; margin:0 auto; padding:0 24px; }

/* ===== GLASS (light theme) ===== */
.frost {
  background:rgba(255,255,255,0.55);
  backdrop-filter:blur(40px) saturate(1.3);
  -webkit-backdrop-filter:blur(40px) saturate(1.3);
  border:1px solid rgba(255,255,255,0.7);
  box-shadow:0 2px 16px rgba(0,0,0,0.04), 0 8px 32px rgba(0,0,0,0.03), inset 0 1px 0 rgba(255,255,255,0.8);
}

.frost-strong {
  background:var(--demo-bg);
  backdrop-filter:blur(50px) saturate(1.4);
  -webkit-backdrop-filter:blur(50px) saturate(1.4);
  border:1px solid rgba(255,255,255,0.06);
  box-shadow:0 16px 64px rgba(0,0,0,0.2), 0 4px 16px rgba(0,0,0,0.1);
}

/* ===== NAV ===== */
.nav { position:fixed; top:0; left:0; right:0; z-index:100; padding:0 24px; transition:all .4s; }
.nav.scrolled {
  background:rgba(240,240,242,0.72);
  backdrop-filter:blur(40px) saturate(1.4); -webkit-backdrop-filter:blur(40px) saturate(1.4);
  border-bottom:1px solid var(--border);
}
.nav-inner { max-width:1120px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:64px; }
.nav-logo { font-size:20px; font-weight:700; letter-spacing:-0.03em; color:var(--text-1); }
.nav-links { display:flex; gap:32px; }
.nav-links a { font-size:14px; color:var(--text-2); transition:color .2s; }
.nav-links a:hover { color:var(--text-1); }

.mobile-menu-btn { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:8px; }
.mobile-menu-btn span { display:block; width:20px; height:1.5px; background:var(--text-1); transition:transform .3s; }
.mobile-menu-btn.active span:first-child { transform:rotate(45deg) translateY(4.5px); }
.mobile-menu-btn.active span:last-child { transform:rotate(-45deg) translateY(-4.5px); }
.mobile-menu { display:none; position:fixed; top:64px; left:0; right:0; background:rgba(240,240,242,0.92); backdrop-filter:blur(40px); -webkit-backdrop-filter:blur(40px); padding:24px; flex-direction:column; gap:16px; z-index:99; border-bottom:1px solid var(--border); }
.mobile-menu.active { display:flex; }
.mobile-menu a { font-size:16px; color:var(--text-2); padding:8px 0; }

/* ===== BUTTONS ===== */
.btn { display:inline-flex; align-items:center; justify-content:center; font-family:inherit; font-weight:500; font-size:14px; border:none; border-radius:var(--r); cursor:pointer; transition:all .25s; white-space:nowrap; }
.btn-sm { padding:8px 18px; font-size:13px; }
.btn-lg { padding:14px 28px; font-size:15px; }
.btn-full { width:100%; }
.btn-primary { background:var(--accent); color:#fff; box-shadow:0 2px 8px rgba(77,124,15,0.2); }
.btn-primary:hover { background:var(--accent-bright); box-shadow:0 4px 16px rgba(77,124,15,0.25); transform:translateY(-1px); }
.btn-ghost { background:rgba(255,255,255,0.6); color:var(--text-2); border:1px solid var(--border); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.btn-ghost:hover { background:rgba(255,255,255,0.8); color:var(--text-1); }
.btn-outline { background:transparent; color:var(--accent); border:1px solid var(--border-accent); }
.btn-outline:hover { background:var(--accent-bg); border-color:var(--accent); }

/* ===== HERO ===== */
.hero { position:relative; min-height:100vh; display:flex; align-items:center; justify-content:center; overflow:hidden; }

/* Soft colored orbs behind the glass */
.hero-orb { position:absolute; border-radius:50%; filter:blur(120px); pointer-events:none; }
.hero-orb-1 { width:600px; height:600px; top:-200px; left:-150px; background:rgba(77,124,15,0.1); }
.hero-orb-2 { width:500px; height:500px; bottom:-150px; right:-100px; background:rgba(56,189,248,0.06); }
.hero-orb-3 { width:350px; height:350px; top:25%; left:55%; background:rgba(77,124,15,0.05); }

.hero-content { position:relative; z-index:1; text-align:center; padding:120px 24px 80px; width:100%; max-width:900px; }
.hero-badge { display:inline-flex; padding:6px 16px; border-radius:100px; font-size:13px; color:var(--accent); font-weight:500; background:var(--accent-bg); border:1px solid var(--accent-border); margin-bottom:32px; }
.hero-title { font-size:clamp(48px,8vw,88px); font-weight:700; letter-spacing:-0.04em; line-height:1.05; margin-bottom:24px; color:var(--text-1); }
.hero-subtitle { font-size:clamp(16px,2vw,18px); color:var(--text-2); max-width:520px; line-height:1.7; margin:0 auto 40px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }

/* ===== DEMO (dark glass on light bg = high contrast) ===== */
.demo-wrapper { margin-top:56px; perspective:1000px; }
.demo-container { max-width:700px; margin:0 auto; border-radius:20px; overflow:hidden; transform:rotateX(2deg); }
.demo-topbar { display:flex; align-items:center; gap:10px; padding:12px 18px; background:rgba(255,255,255,0.03); border-bottom:1px solid var(--demo-border); }
.demo-dots { display:flex; gap:5px; }
.demo-dots span { width:9px; height:9px; border-radius:50%; }
.demo-dots span:nth-child(1) { background:#FF5F57; }
.demo-dots span:nth-child(2) { background:#FEBC2E; }
.demo-dots span:nth-child(3) { background:#28C840; }
.demo-url { flex:1; text-align:center; font-size:11px; color:var(--demo-text-2); background:rgba(255,255,255,0.04); border-radius:6px; padding:4px; }
.demo-mode { font-size:10px; color:#F87171; background:rgba(239,68,68,0.12); padding:2px 8px; border-radius:100px; }
.demo-screen { padding:24px; min-height:320px; display:flex; flex-direction:column; gap:16px; }

.demo-presenter { display:flex; align-items:center; gap:14px; padding:16px 18px; border-radius:14px; background:rgba(132,204,22,0.06); border:1px solid rgba(132,204,22,0.12); }
.demo-avatar { width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:600; flex-shrink:0; }
.demo-avatar-user { background:rgba(132,204,22,0.15); color:#84CC16; border:2px solid rgba(132,204,22,0.3); }
.demo-avatar-panel { background:rgba(255,255,255,0.08); color:var(--demo-text-2); border:2px solid rgba(255,255,255,0.1); }
.demo-avatar-active { border-color:#84CC16; box-shadow:0 0 12px rgba(132,204,22,0.3); }
.demo-presenter-info { flex:1; }
.demo-presenter-name { font-size:12px; font-weight:600; color:#84CC16; margin-bottom:4px; }
.demo-presenter-status { font-size:11px; color:var(--demo-text-2); }

.demo-waveform { display:flex; align-items:center; gap:2px; height:28px; }
.demo-waveform .bar { width:3px; border-radius:2px; background:#84CC16; animation:wave 1.2s ease-in-out infinite; }
.demo-waveform .bar:nth-child(1){height:8px;animation-delay:0s} .demo-waveform .bar:nth-child(2){height:18px;animation-delay:.1s}
.demo-waveform .bar:nth-child(3){height:10px;animation-delay:.2s} .demo-waveform .bar:nth-child(4){height:24px;animation-delay:.15s}
.demo-waveform .bar:nth-child(5){height:14px;animation-delay:.3s} .demo-waveform .bar:nth-child(6){height:20px;animation-delay:.05s}
.demo-waveform .bar:nth-child(7){height:8px;animation-delay:.25s} .demo-waveform .bar:nth-child(8){height:16px;animation-delay:.35s}
.demo-waveform .bar:nth-child(9){height:26px;animation-delay:.1s} .demo-waveform .bar:nth-child(10){height:12px;animation-delay:.2s}
.demo-waveform .bar:nth-child(11){height:18px;animation-delay:.3s} .demo-waveform .bar:nth-child(12){height:8px;animation-delay:.15s}
.demo-waveform .bar:nth-child(13){height:22px;animation-delay:.05s} .demo-waveform .bar:nth-child(14){height:10px;animation-delay:.25s}
@keyframes wave { 0%,100%{transform:scaleY(1);opacity:.4} 50%{transform:scaleY(1.6);opacity:1} }
.demo-wave-time { font-size:12px; color:var(--demo-text-2); font-variant-numeric:tabular-nums; margin-left:auto; }

.demo-panel-strip { display:flex; align-items:center; gap:8px; padding:10px 14px; border-radius:10px; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.04); }
.demo-panel-strip .demo-avatar { width:32px; height:32px; font-size:11px; }
.demo-panel-label { font-size:10px; color:var(--demo-text-2); margin-left:auto; text-transform:uppercase; letter-spacing:.06em; }

.demo-msg { display:flex; align-items:flex-start; gap:12px; opacity:0; transform:translateY(10px); animation:msgIn .6s ease forwards; }
.demo-msg .demo-avatar { width:36px; height:36px; font-size:12px; flex-shrink:0; margin-top:2px; }
.demo-msg-content { flex:1; padding:14px 16px; border-radius:12px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.06); }
.demo-msg-content.user-msg { background:rgba(132,204,22,0.06); border-color:rgba(132,204,22,0.1); }
.demo-msg-name { font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:#84CC16; margin-bottom:4px; }
.demo-msg-name.user-name { color:var(--demo-text-2); }
.demo-msg-text { font-size:13px; color:var(--demo-text); line-height:1.55; }
.demo-msg-voice { display:flex; align-items:center; gap:6px; margin-top:6px; }
.demo-msg-voice-icon { width:16px; height:16px; border-radius:50%; background:rgba(132,204,22,0.15); display:flex; align-items:center; justify-content:center; }
.demo-msg-voice-icon span { width:6px; height:6px; border-radius:50%; background:#84CC16; animation:pulse 1.5s ease infinite; }
.demo-msg-voice-label { font-size:10px; color:var(--demo-text-2); }
@keyframes pulse { 0%,100%{opacity:.3;transform:scale(.8)} 50%{opacity:1;transform:scale(1.1)} }

.demo-msg:nth-child(1){animation-delay:1s} .demo-msg:nth-child(2){animation-delay:3.5s} .demo-msg:nth-child(3){animation-delay:6s}

.demo-thinking { display:flex; align-items:center; gap:12px; opacity:0; animation:msgIn .3s ease forwards; animation-delay:5s; }
.demo-thinking .demo-avatar { width:28px; height:28px; font-size:10px; }
.demo-thinking-dots { display:flex; gap:4px; }
.demo-thinking-dots span { width:7px; height:7px; border-radius:50%; background:var(--demo-text-2); animation:bounce 1.2s ease infinite; }
.demo-thinking-dots span:nth-child(2){animation-delay:.2s} .demo-thinking-dots span:nth-child(3){animation-delay:.4s}
.demo-thinking-label { font-size:10px; color:var(--demo-text-2); }
@keyframes bounce { 0%,100%{transform:translateY(0);opacity:.3} 50%{transform:translateY(-5px);opacity:1} }
@keyframes msgIn { to{opacity:1;transform:translateY(0)} }

/* ===== PROOF BAR ===== */
.proof-bar { padding:36px 24px; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:rgba(255,255,255,0.4); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.proof-bar-inner { max-width:700px; margin:0 auto; display:flex; align-items:center; justify-content:center; gap:40px; }
.proof-item { display:flex; flex-direction:column; align-items:center; gap:4px; }
.proof-number { font-size:28px; font-weight:700; color:var(--accent); }
.proof-label { font-size:13px; color:var(--text-3); }
.proof-divider { width:1px; height:40px; background:var(--border); }

/* ===== SECTIONS ===== */
.section { padding:100px 0; position:relative; overflow:hidden; }
.section-a { background:var(--base); }
.section-b { background:var(--surface); }
.section-orb { position:absolute; border-radius:50%; filter:blur(120px); pointer-events:none; }

.section-header { text-align:center; max-width:640px; margin:0 auto 60px; }
.section-tag { display:inline-block; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--accent); margin-bottom:16px; }
.section-title { font-size:clamp(28px,4vw,40px); font-weight:700; letter-spacing:-0.03em; line-height:1.15; margin-bottom:16px; color:var(--text-1); }
.section-subtitle { font-size:16px; color:var(--text-2); line-height:1.7; }

/* ===== STEPS ===== */
.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.step-card { padding:32px; border-radius:var(--r); transition:transform .3s,box-shadow .3s; }
.step-card:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,0,0,0.06); }
.step-number { font-size:13px; font-weight:600; color:var(--accent); margin-bottom:16px; }
.step-title { font-size:18px; font-weight:600; margin-bottom:12px; color:var(--text-1); }
.step-desc { font-size:14px; color:var(--text-2); line-height:1.7; }

/* ===== PANEL ===== */
.panel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:32px; }
.panel-card { padding:28px; border-radius:var(--r); transition:transform .3s,border-color .3s; }
.panel-card:hover { transform:translateY(-3px); border-color:var(--border-accent); }
.panel-icon { width:36px; height:36px; display:flex; align-items:center; justify-content:center; background:var(--accent-bg); color:var(--accent); font-size:14px; font-weight:700; border-radius:8px; margin-bottom:16px; }
.panel-name { font-size:15px; font-weight:600; margin-bottom:8px; color:var(--text-1); }
.panel-desc { font-size:13px; color:var(--text-2); line-height:1.6; }

.panel-modes { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.mode-card { display:flex; align-items:flex-start; gap:16px; padding:24px; border-radius:var(--r); }
.mode-dot { width:10px; height:10px; border-radius:50%; margin-top:5px; flex-shrink:0; }
.mode-dot-standard { background:#3B82F6; box-shadow:0 0 8px rgba(59,130,246,0.3); }
.mode-dot-hostile { background:#EF4444; box-shadow:0 0 8px rgba(239,68,68,0.3); }
.mode-title { font-size:15px; font-weight:600; margin-bottom:4px; color:var(--text-1); }
.mode-desc { font-size:13px; color:var(--text-2); }

/* ===== DEVICES ===== */
.devices-wrapper { display:flex; align-items:center; justify-content:center; gap:40px; margin-top:20px; }

/* Device mockups use dark glass (like the demo) for contrast on light bg */
.device-desktop { width:560px; border-radius:14px; overflow:hidden; background:var(--demo-bg); border:1px solid rgba(255,255,255,0.06); box-shadow:0 16px 64px rgba(0,0,0,0.15); }
.device-desktop-top { display:flex; align-items:center; gap:10px; padding:10px 16px; background:rgba(255,255,255,0.03); border-bottom:1px solid var(--demo-border); }
.device-dots { display:flex; gap:5px; }
.device-dots span { width:9px; height:9px; border-radius:50%; }
.device-dots span:nth-child(1){background:#FF5F57} .device-dots span:nth-child(2){background:#FEBC2E} .device-dots span:nth-child(3){background:#28C840}
.device-url { flex:1; text-align:center; font-size:10px; color:var(--demo-text-2); background:rgba(255,255,255,0.04); border-radius:5px; padding:3px; }
.device-desktop-screen { display:flex; height:300px; }

.mock-sidebar { width:50px; background:rgba(255,255,255,0.02); border-right:1px solid var(--demo-border); padding:12px 0; display:flex; flex-direction:column; align-items:center; gap:10px; }
.mock-logo { width:26px; height:26px; border-radius:7px; background:#84CC16; color:#0E1011; font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; margin-bottom:6px; }
.mock-nav-item { width:26px; height:26px; border-radius:6px; background:rgba(255,255,255,0.03); }
.mock-nav-item.active { background:rgba(132,204,22,0.1); border:1px solid rgba(132,204,22,0.15); }
.mock-main { flex:1; padding:14px; overflow:hidden; display:flex; flex-direction:column; }
.mock-header { margin-bottom:12px; }
.mock-title { font-size:13px; font-weight:600; color:var(--demo-text); margin-bottom:5px; }
.mock-badge-row { display:flex; gap:5px; }
.mock-badge { font-size:9px; padding:2px 7px; border-radius:100px; background:rgba(255,255,255,0.05); color:var(--demo-text-2); font-weight:500; }
.mock-badge.red { background:rgba(239,68,68,0.1); color:#F87171; }
.mock-badge.green { background:rgba(132,204,22,0.1); color:#84CC16; }
.mock-chat { flex:1; display:flex; flex-direction:column; gap:8px; overflow:hidden; }
.mock-msg { border-radius:8px; padding:8px 10px; max-width:88%; }
.mock-msg.panelist { background:rgba(255,255,255,0.04); border:1px solid var(--demo-border); align-self:flex-start; }
.mock-msg.user { background:rgba(132,204,22,0.05); border:1px solid rgba(132,204,22,0.08); align-self:flex-end; }
.mock-msg-label { font-size:8px; font-weight:600; color:#84CC16; text-transform:uppercase; letter-spacing:.04em; margin-bottom:2px; }
.mock-msg-text { font-size:11px; color:var(--demo-text); line-height:1.4; }
.mock-msg.small .mock-msg-text { font-size:10px; }
.mock-msg.small { padding:6px 8px; }
.mock-input { margin-top:8px; padding:8px 12px; background:rgba(255,255,255,0.03); border:1px solid var(--demo-border); border-radius:8px; }
.mock-input.small { padding:6px 8px; }
.mock-input-text { font-size:11px; color:var(--demo-text-2); }

.device-phone { width:190px; border-radius:28px; overflow:hidden; padding:6px; transform:rotate(3deg); background:var(--demo-bg); border:1px solid rgba(255,255,255,0.06); box-shadow:0 16px 64px rgba(0,0,0,0.15); }
.device-phone-notch { width:70px; height:20px; margin:0 auto 3px; background:rgba(255,255,255,0.03); border-radius:0 0 12px 12px; }
.device-phone-screen { border-radius:22px; overflow:hidden; background:rgba(0,0,0,0.2); height:340px; display:flex; flex-direction:column; }
.mock-phone-header { display:flex; align-items:center; gap:6px; padding:8px 10px; border-bottom:1px solid var(--demo-border); }
.mock-phone-back { font-size:13px; color:#84CC16; }
.mock-phone-title { flex:1; font-size:12px; font-weight:600; color:var(--demo-text); }
.mock-phone-chat { flex:1; padding:8px; display:flex; flex-direction:column; gap:6px; overflow:hidden; }

/* ===== USE CASES ===== */
.usecase-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.usecase-card { padding:32px; border-radius:var(--r); transition:transform .3s; }
.usecase-card:hover { transform:translateY(-3px); }
.usecase-featured { grid-column:1/-1; border-color:var(--border-accent)!important; box-shadow:0 0 40px rgba(77,124,15,0.04)!important; }
.usecase-tag { display:inline-block; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:var(--accent); background:var(--accent-bg); padding:4px 10px; border-radius:100px; margin-bottom:16px; }
.usecase-title { font-size:20px; font-weight:600; margin-bottom:12px; color:var(--text-1); }
.usecase-desc { font-size:14px; color:var(--text-2); line-height:1.7; }
.usecase-domains { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.usecase-domains span { font-size:12px; padding:4px 12px; background:rgba(255,255,255,0.5); border:1px solid var(--border); border-radius:100px; color:var(--text-2); }

/* ===== DUO ===== */
.duo-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.duo-card { padding:40px; border-radius:var(--r); }
.duo-title { font-size:24px; font-weight:600; letter-spacing:-0.03em; margin:12px 0 16px; color:var(--text-1); }
.duo-desc { font-size:15px; color:var(--text-2); line-height:1.7; margin-bottom:24px; }

/* ===== PRIVACY ===== */
.privacy-block { text-align:center; }
.privacy-desc { font-size:16px; color:var(--text-2); line-height:1.8; max-width:680px; margin:16px auto 48px; }
.privacy-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; text-align:left; }
.privacy-item { padding:28px; border-radius:var(--r); }
.privacy-item h4 { font-size:15px; font-weight:600; margin-bottom:8px; color:var(--text-1); }
.privacy-item p { font-size:13px; color:var(--text-2); line-height:1.6; }

/* ===== LANGUAGES ===== */
.lang-block { text-align:center; }
.lang-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:32px; }
.lang-tags span { padding:8px 20px; font-size:14px; color:var(--text-2); background:rgba(255,255,255,0.5); border:1px solid var(--border); border-radius:100px; }
.lang-more { color:var(--accent)!important; border-color:var(--border-accent)!important; }

/* ===== PRICING ===== */
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:32px; }
.pricing-card { padding:32px; border-radius:var(--r); display:flex; flex-direction:column; position:relative; transition:transform .3s; }
.pricing-card:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,0,0,0.06); }
.pricing-card-featured { border-color:var(--border-accent)!important; box-shadow:0 0 40px rgba(77,124,15,0.04)!important; }
.pricing-badge { position:absolute; top:-12px; left:50%; transform:translateX(-50%); padding:4px 14px; background:var(--accent); color:#fff; font-size:11px; font-weight:600; border-radius:100px; text-transform:uppercase; letter-spacing:.04em; }
.pricing-header { margin-bottom:12px; }
.pricing-name { font-size:18px; font-weight:600; margin-bottom:8px; color:var(--text-1); }
.pricing-price { font-size:40px; font-weight:700; letter-spacing:-0.04em; color:var(--text-1); }
.pricing-period { font-size:15px; font-weight:400; color:var(--text-3); }
.pricing-desc { font-size:14px; color:var(--text-2); margin-bottom:24px; }
.pricing-features { flex:1; margin-bottom:28px; }
.pricing-features li { font-size:13px; color:var(--text-2); padding:8px 0; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:10px; }
.pricing-features li::before { content:''; width:5px; height:5px; border-radius:50%; background:var(--accent); flex-shrink:0; }

.enterprise-block { margin-top:8px; }
.enterprise-inner { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:32px 40px; border-radius:var(--r); }
.enterprise-title { font-size:20px; font-weight:600; margin-bottom:6px; color:var(--text-1); }
.enterprise-desc { font-size:14px; color:var(--text-2); }

/* ===== CTA ===== */
.cta-section { position:relative; padding:120px 0; text-align:center; overflow:hidden; background:var(--surface); }
.cta-orb { position:absolute; width:500px; height:500px; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(77,124,15,0.06); border-radius:50%; filter:blur(120px); pointer-events:none; }
.cta-block { position:relative; z-index:1; }
.cta-title { font-size:clamp(28px,4vw,40px); font-weight:700; letter-spacing:-0.03em; line-height:1.15; max-width:600px; margin:0 auto 20px; color:var(--text-1); }
.cta-subtitle { font-size:16px; color:var(--text-2); max-width:520px; margin:0 auto 32px; line-height:1.7; }

/* ===== FOOTER ===== */
.footer { border-top:1px solid var(--border); padding:60px 24px 32px; background:var(--surface); }
.footer-inner { max-width:1120px; margin:0 auto; }
.footer-top { display:flex; justify-content:space-between; gap:48px; margin-bottom:48px; }
.footer-logo { font-size:20px; font-weight:700; letter-spacing:-0.03em; color:var(--text-1); }
.footer-tagline { font-size:13px; color:var(--text-3); margin-top:6px; }
.footer-links { display:flex; gap:64px; }
.footer-col h4 { font-size:13px; font-weight:600; color:var(--text-3); text-transform:uppercase; letter-spacing:.06em; margin-bottom:16px; }
.footer-col a { display:block; font-size:14px; color:var(--text-2); padding:4px 0; transition:color .2s; }
.footer-col a:hover { color:var(--text-1); }
.footer-bottom { padding-top:24px; border-top:1px solid var(--border); }
.footer-bottom p { font-size:13px; color:var(--text-3); }

/* ===== ANIMATIONS ===== */
.fade-in { opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(.25,.1,.25,1),transform .7s cubic-bezier(.25,.1,.25,1); }
.fade-in.visible { opacity:1; transform:translateY(0); }

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .nav-links{display:none} .mobile-menu-btn{display:flex}
  .steps-grid,.privacy-grid{grid-template-columns:1fr}
  .panel-grid{grid-template-columns:repeat(2,1fr)}
  .panel-modes,.usecase-grid,.duo-grid{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}
  .enterprise-inner{flex-direction:column;text-align:center}
  .footer-top{flex-direction:column} .footer-links{gap:40px;flex-wrap:wrap}
  .devices-wrapper{flex-direction:column;gap:24px}
  .device-desktop{width:100%;max-width:480px} .device-phone{transform:rotate(0)}
}
@media(max-width:600px){
  .section{padding:72px 0} .hero-content{padding:100px 20px 60px}
  .proof-bar-inner{flex-direction:column;gap:20px} .proof-divider{width:40px;height:1px}
  .panel-grid{grid-template-columns:1fr}
  .hero-actions{flex-direction:column;width:100%;max-width:280px} .hero-actions .btn{width:100%}
  .device-desktop-screen{height:220px} .device-phone{width:160px} .device-phone-screen{height:280px}
  .demo-container{border-radius:14px} .demo-screen{padding:16px;min-height:260px}
  .demo-presenter{padding:12px;gap:10px} .demo-avatar{width:34px;height:34px;font-size:12px}
  .demo-panel-strip .demo-avatar{width:26px;height:26px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .fade-in{opacity:1;transform:none;transition:none} html{scroll-behavior:auto}
  .demo-waveform .bar,.demo-thinking-dots span,.demo-msg-voice-icon span{animation:none}
  .demo-msg,.demo-thinking{opacity:1;transform:none;animation:none}
}