:root{
  --blue:#2563eb;--blue2:#1d4ed8;--cyan:#06b6d4;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--soft:#f8fafc;--white:#fff;
  --dark:#050816;--dark2:#0b1020;--glass:rgba(255,255,255,.08);--neon:#60a5fa;--green:#34d399;
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif}a{text-decoration:none}
.light-mode{background:linear-gradient(180deg,#ffffff,#f8fafc 55%,#eef6ff);color:var(--ink)}.staff-mode{background:radial-gradient(circle at 20% 0,#143a6a 0,transparent 30%),radial-gradient(circle at 90% 20%,#0c4a6e 0,transparent 28%),#050816;color:#e5f2ff}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}
.light-mode .nav{background:rgba(255,255,255,.88);border-bottom:1px solid var(--line)}.staff-mode .nav{background:rgba(5,8,22,.82);border-bottom:1px solid rgba(96,165,250,.22)}
.brand{font-weight:900;color:inherit}.brand-mark{color:var(--blue);margin-right:6px}.staff-mode .brand-mark{color:var(--neon)}.navlinks a{margin-left:16px;color:inherit;font-weight:650}.light-mode .navlinks a{color:#334155}.staff-mode .navlinks a{color:#c7d8f5}
main{max-width:1180px;margin:auto;padding:34px 22px 90px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white!important;padding:13px 18px;border-radius:999px;font-weight:850;border:0;cursor:pointer;box-shadow:0 12px 28px rgba(37,99,235,.24)}.btn.ghost{background:white;color:var(--blue)!important;border:1px solid #bfdbfe;box-shadow:none}.staff-mode .btn.ghost{background:rgba(255,255,255,.08);border:1px solid rgba(96,165,250,.3);color:#dbeafe!important}.btn.small{padding:9px 13px;font-size:14px}.btn.full{width:100%}.btn.neon{background:linear-gradient(135deg,#38bdf8,#2563eb);box-shadow:0 0 28px rgba(56,189,248,.24)}
.btn.danger{background:linear-gradient(135deg,#ef4444,#be123c);box-shadow:0 12px 28px rgba(239,68,68,.26);color:white!important}
.hero{padding:72px 0}.bright-hero{position:relative}.eyebrow,.mini-label{display:inline-block;font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--blue);background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:7px 10px}.staff-mode .mini-label,.ops-label{color:#93c5fd;background:rgba(59,130,246,.12);border:1px solid rgba(96,165,250,.28);border-radius:999px;padding:7px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:850}
h1{font-size:clamp(38px,6vw,76px);letter-spacing:-2.7px;line-height:.94;margin:18px 0}h2{font-size:32px;letter-spacing:-1px}h3{margin-top:0}p,li{color:var(--muted);line-height:1.58}.staff-mode p,.staff-mode li{color:#9fb4d4}.hero p{font-size:21px;max-width:820px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.trust-row span{background:white;border:1px solid var(--line);box-shadow:0 10px 26px rgba(15,23,42,.06);border-radius:999px;padding:10px 13px;color:#334155;font-weight:750}
.value-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.value-card,.panel,.price-card{background:white;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 18px 55px rgba(15,23,42,.08)}.value-card.featured{grid-row:span 2;background:linear-gradient(135deg,#fff,#eff6ff)}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center}.soft-panel{background:linear-gradient(135deg,#fff,#f0f9ff)}.stat-card{background:#0f172a;color:white;border-radius:24px;padding:26px}.stat{font-size:44px;font-weight:950;color:#93c5fd}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.industry-strip,.chipwrap{display:flex;gap:10px;flex-wrap:wrap}.industry-pill,.chip{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:10px 13px;font-weight:750}.final-cta{text-align:center;background:linear-gradient(135deg,#2563eb,#06b6d4);color:white;border-radius:32px;padding:46px;margin-top:28px}.final-cta p{color:#dbeafe}.final-cta .btn{background:white;color:#1d4ed8!important}
.pagehead{padding:38px 0}.clean-head h1{font-size:56px}.industry-list-section{margin:28px 0}.industry-list-section h2{font-size:24px;color:#334155}.industry-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.industry-list-item{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid var(--line);border-radius:16px;padding:14px 15px;color:#0f172a;box-shadow:0 8px 22px rgba(15,23,42,.05)}.industry-list-item small{color:var(--blue);font-weight:800}
.signup-shell{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;min-height:72vh}.signup-copy h1{font-size:58px}.selected-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:18px;margin-top:20px}.login-shell{min-height:72vh;display:grid;place-items:center}.narrow{max-width:760px;margin-left:auto;margin-right:auto}
.form p{display:flex;flex-direction:column;gap:7px}.form label{font-weight:800;color:#334155}.form input,.form select,.form textarea,textarea{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:white;color:var(--ink);font-size:15px}.form-errors{background:#fff1f2;color:#be123c;border:1px solid #fecdd3;border-radius:14px;padding:12px;margin:12px 0}.gridform{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gridform p:has(textarea),.gridform button{grid-column:1/3}.codebox{font-family:monospace;background:#0f172a;color:#dbeafe}.webhook-box{background:white;border:1px solid var(--line);padding:14px;border-radius:16px;margin:10px 0;display:grid;gap:6px}.webhook-box code{color:#1d4ed8;overflow-wrap:anywhere}
.client-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:white;border:1px solid var(--line);border-radius:32px;padding:30px;box-shadow:0 18px 55px rgba(15,23,42,.08)}.client-hero h1{font-size:48px;margin:10px 0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.dash-card,.client-assistant-card{background:white;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 14px 40px rgba(15,23,42,.06)}.dash-card span{color:#64748b;font-weight:800}.dash-card strong{display:block;font-size:42px}.feature-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.feature-row span{background:#f1f5f9;border-radius:999px;padding:7px 9px;color:#475569;font-size:12px;font-weight:800}.status-dot{width:11px;height:11px;background:#94a3b8;border-radius:50%;float:right}.status-dot.active{background:#22c55e}.status-dot.draft{background:#f59e0b}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card strong{font-size:36px}.featured-price{border:2px solid #60a5fa;transform:translateY(-8px)}
.demo-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.flow-card{background:white;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 16px 40px rgba(15,23,42,.06)}.flow-card span{font-size:13px;font-weight:950;color:var(--blue)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px;color:#475569}th{color:#0f172a}.messages{max-width:1180px;margin:12px auto;padding:0 22px}.alert{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;padding:12px;border-radius:16px}
.staff-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:34px 0}.staff-hero h1{font-size:62px;color:#f8fbff}.staff-hero.compact h1{font-size:46px}.ops-glow-card,.ops-panel,.ops-metric{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(96,165,250,.22);box-shadow:0 0 80px rgba(37,99,235,.12);backdrop-filter:blur(18px);border-radius:28px;padding:24px}.ops-glow-card{min-width:220px}.ops-glow-card strong{display:block;font-size:22px}.ops-glow-card span{color:#34d399}.ops-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ops-metric span{color:#93c5fd;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:900}.ops-metric strong{display:block;font-size:52px;color:white}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.ops-panel h2{color:white}.staff-mode table th{color:#dbeafe;border-color:rgba(96,165,250,.18)}.staff-mode table td{color:#b8c7e2;border-color:rgba(96,165,250,.14)}.ops-chip{background:rgba(96,165,250,.14);border:1px solid rgba(96,165,250,.25);color:#bfdbfe;border-radius:999px;padding:5px 9px;font-size:12px}.dark-form label{color:#dbeafe}.dark-form input,.dark-form select,.dark-form textarea{background:rgba(2,6,23,.6);color:white;border-color:rgba(96,165,250,.22)}.ops-note{background:rgba(2,6,23,.6);border:1px solid rgba(96,165,250,.2);border-radius:16px;padding:14px;margin:10px 0;color:#dbeafe}
@media(max-width:940px){.nav{align-items:flex-start;flex-direction:column}.navlinks a{display:inline-block;margin:7px 10px 0 0}.value-grid,.split,.signup-shell,.dashboard-grid,.pricing-grid,.demo-flow,.ops-metrics,.ops-grid{grid-template-columns:1fr}.industry-list{grid-template-columns:1fr}.gridform{grid-template-columns:1fr}.gridform p:has(textarea),.gridform button{grid-column:1}.client-hero,.staff-hero{flex-direction:column;align-items:flex-start}h1,.clean-head h1,.staff-hero h1{font-size:42px}}


/* Clean client-side patch */
.light-mode main{max-width:1120px}
.client-overview{
  display:flex;justify-content:space-between;align-items:center;gap:24px;
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  border:1px solid var(--line);border-radius:30px;padding:28px 30px;
  box-shadow:0 20px 60px rgba(15,23,42,.06);margin-bottom:18px
}
.client-overview h1{font-size:44px;margin:10px 0 6px;letter-spacing:-1.8px}
.client-overview p{margin:0;max-width:640px}
.simple-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.simple-stats div{background:white;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 10px 32px rgba(15,23,42,.045)}
.simple-stats strong{display:block;font-size:34px;color:#0f172a;letter-spacing:-1px}
.simple-stats span{color:#64748b;font-weight:800;font-size:13px}
.clean-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.clean-main,.clean-side{display:grid;gap:18px}
.clean-panel{
  background:white;border:1px solid var(--line);border-radius:26px;padding:24px;
  box-shadow:0 14px 42px rgba(15,23,42,.055)
}
.clean-panel h2,.clean-panel h3{margin-top:0}.section-head.simple{align-items:flex-start}.section-head.simple p{margin:6px 0 0}
.assistant-row,.lead-row,.connection-row{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  border:1px solid #edf2f7;background:#fbfdff;border-radius:18px;padding:16px;margin-top:12px
}
.assistant-row p,.lead-row p{margin:5px 0 0}.assistant-actions{display:flex;gap:8px;flex-wrap:wrap}.status-line{display:flex;gap:10px;align-items:center}
.clean-side a{display:block;color:#1d4ed8;font-weight:850;padding:11px 0;border-bottom:1px solid #eef2f7}
.clean-side a:last-child{border-bottom:0}.soft-note{background:linear-gradient(135deg,#ffffff,#eff6ff)}.soft-note ul{padding-left:18px;margin-bottom:0}
.empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:18px;margin-top:12px}.empty-state p{margin:6px 0 0}
.form-clean{padding:26px}.form-clean .gridform{gap:14px}.form-clean .form p{margin:0 0 10px}
.compact-code{font-size:12px;min-height:120px}.mini-webhook{border:1px solid #dbeafe;border-radius:16px;background:white;padding:12px;margin:10px 0}.mini-webhook code{display:block;color:#1d4ed8;overflow-wrap:anywhere;font-size:12px;margin-top:6px}
.connection-list{display:grid;gap:10px}.connection-row{display:grid;grid-template-columns:1fr auto;align-items:center}.connection-row small{grid-column:1/3;color:#64748b}
.integration-fields[hidden]{display:none}.check-row{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important}.check-row input{width:auto}.integration-form small{color:#64748b}
.clean-login{box-shadow:0 22px 70px rgba(15,23,42,.08)}
.lead-list.full .lead-row{align-items:flex-start}.lead-row span{background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;white-space:nowrap}
@media(max-width:940px){
  .client-overview{flex-direction:column;align-items:flex-start}.clean-layout{grid-template-columns:1fr}.simple-stats{grid-template-columns:1fr}.client-overview h1{font-size:36px}
}


/* Paywall/activation patch */
.activation-banner{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  background:linear-gradient(135deg,#fff7ed,#eff6ff);
  border:1px solid #fed7aa;border-radius:24px;padding:20px 22px;
  box-shadow:0 14px 40px rgba(15,23,42,.05);margin:18px 0
}
.activation-banner strong{font-size:18px;color:#9a3412}.activation-banner p{margin:5px 0 0}
.locked-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}
.feature-lock-card{
  display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);
  border-radius:18px;padding:15px;background:#fff;color:var(--ink)
}
.feature-lock-card p{margin:4px 0 0;font-size:14px}.feature-lock-card.locked{background:#fbfdff;border-color:#dbeafe;cursor:pointer}
.feature-lock-card.locked:hover{border-color:#93c5fd;box-shadow:0 10px 28px rgba(37,99,235,.10);transform:translateY(-1px)}
.feature-lock-card.unlocked{background:#f0fdf4;border-color:#bbf7d0}
.lock-icon{width:28px;height:28px;border-radius:999px;background:#eff6ff;display:grid;place-items:center;flex:none}
.feature-lock-card.unlocked .lock-icon{background:#dcfce7;color:#15803d}
.locked-list-row{display:flex;gap:12px;align-items:center;border:1px dashed #93c5fd;background:#eff6ff;color:#1e3a8a;border-radius:18px;padding:18px;margin-top:12px}
.locked-list-row p{margin:4px 0 0}.locked-code-card{display:grid;gap:10px;background:#f8fafc;border:1px dashed #93c5fd;border-radius:18px;padding:14px;color:#1e3a8a}
.locked-code-card code{font-size:11px;color:#64748b;filter:blur(1.2px);user-select:none;overflow-wrap:anywhere}
.locked-code-card strong{color:#1d4ed8}.feature-lock-card.compact{margin-top:10px}
@media(max-width:940px){.activation-banner{flex-direction:column;align-items:flex-start}.locked-grid{grid-template-columns:1fr}}


/* Notes patch: setup, paywall, cleaner integrations */
.activation-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#fff7ed,#eff6ff);border:1px solid #fed7aa;border-radius:24px;padding:20px 22px;box-shadow:0 14px 40px rgba(15,23,42,.05);margin:18px 0}.activation-banner strong{font-size:18px;color:#9a3412}.activation-banner p{margin:5px 0 0}.locked-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.feature-lock-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:15px;background:#fff;color:var(--ink)}.feature-lock-card p{margin:4px 0 0;font-size:14px}.feature-lock-card.locked{background:#fbfdff;border-color:#dbeafe;cursor:pointer}.feature-lock-card.locked:hover{border-color:#93c5fd;box-shadow:0 10px 28px rgba(37,99,235,.10);transform:translateY(-1px)}.feature-lock-card.unlocked{background:#f0fdf4;border-color:#bbf7d0}.lock-icon{width:28px;height:28px;border-radius:999px;background:#eff6ff;display:grid;place-items:center;flex:none}.feature-lock-card.unlocked .lock-icon{background:#dcfce7;color:#15803d}.locked-list-row{display:flex;gap:12px;align-items:center;border:1px dashed #93c5fd;background:#eff6ff;color:#1e3a8a;border-radius:18px;padding:18px;margin-top:12px}.locked-list-row p{margin:4px 0 0}.locked-code-card{display:grid;gap:10px;background:#f8fafc;border:1px dashed #93c5fd;border-radius:18px;padding:14px;color:#1e3a8a}.locked-code-card code{font-size:11px;color:#64748b;filter:blur(1.2px);user-select:none;overflow-wrap:anywhere}.locked-code-card strong{color:#1d4ed8}.feature-lock-card.compact{margin-top:10px}
.help-copy{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px}.integration-form .helptext{color:#64748b;font-size:12px}.connection-row em{grid-column:1/3;color:#64748b;font-style:normal;font-size:12px;margin-top:4px}.setup-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.setup-step{background:white;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:0 14px 42px rgba(15,23,42,.055)}.setup-step span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:950}.setup-step h2{font-size:24px}.staff-mode .ops-panel a,.staff-mode td a{color:#93c5fd;font-weight:850}
@media(max-width:940px){.activation-banner{flex-direction:column;align-items:flex-start}.locked-grid,.setup-steps{grid-template-columns:1fr}}


/* Owner role + audit styles */
.owner-metrics{grid-template-columns:repeat(6,1fr)}
.owner-shortcuts{display:grid;gap:12px}
.owner-shortcuts a{display:block;border:1px solid rgba(96,165,250,.22);background:rgba(255,255,255,.06);border-radius:16px;padding:14px;color:#bfdbfe;font-weight:850}
.inline-form{display:inline;margin-left:10px}
.link-button{border:0;background:transparent;color:#fde68a;font:inherit;font-weight:850;cursor:pointer;padding:0}
.link-button:hover{text-decoration:underline}
.owner-filter{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.owner-filter input{background:rgba(2,6,23,.6);border:1px solid rgba(96,165,250,.22);border-radius:14px;color:white;padding:12px}
.staff-mode small{color:#93a9ca}
@media(max-width:1100px){.owner-metrics,.owner-filter{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.owner-metrics,.owner-filter{grid-template-columns:1fr}}

.industry-meta{display:inline-flex;gap:10px;align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:9px 13px;margin:8px 0 18px;color:#1e3a8a}
.industry-meta small{color:#64748b;font-weight:700}


/* AI Business Gurus premium product experience */
:root{
  --royal:#7c3aed;
  --royal2:#a855f7;
  --deep-purple:#4c1d95;
  --navy:#050617;
  --navy2:#0d0824;
  --gold:#f5c451;
  --gold-soft:#fff7db;
  --purple-soft:#f7f2ff;
  --purple-line:#e8ddff;
}
html{scroll-behavior:smooth}
.light-mode{
  background:
    radial-gradient(circle at 12% 0,rgba(124,58,237,.12),transparent 28%),
    radial-gradient(circle at 95% 18%,rgba(245,196,81,.12),transparent 23%),
    linear-gradient(180deg,#fff,#faf7ff 48%,#f4efff);
  color:#171327;
}
.light-mode .nav{
  background:rgba(5,6,23,.94);
  color:white;
  border-bottom:1px solid rgba(255,255,255,.1);
  box-shadow:0 18px 55px rgba(5,6,23,.2);
}
.light-mode .brand{color:white}.light-mode .brand-mark{color:var(--gold)}
.light-mode .navlinks a{color:#f5f3ff}.light-mode .navlinks a:hover{color:#fff}
.light-mode .navlinks .btn,.light-mode .navlinks a.btn{
  background:linear-gradient(135deg,var(--royal),var(--royal2));
  border:1px solid rgba(255,255,255,.12);
  color:white!important;
}
.light-mode .btn{
  background:linear-gradient(135deg,var(--royal),var(--royal2));
  color:white!important;
  border:1px solid rgba(124,58,237,.22);
  box-shadow:0 18px 38px rgba(124,58,237,.24);
}
.light-mode .btn:hover,.light-mode .growth-card:hover,.light-mode .industry-list-item:hover,.light-mode .clickable-row:hover{
  transform:translateY(-2px);
}
.light-mode .btn.ghost{
  background:white;
  color:var(--deep-purple)!important;
  border:1px solid #c4b5fd;
  box-shadow:0 10px 26px rgba(76,29,149,.06);
}
.light-mode .btn.neon{background:linear-gradient(135deg,var(--royal),#ec4899)}
.light-mode .eyebrow,.light-mode .mini-label{
  color:var(--deep-purple);
  background:#f3e8ff;
  border-color:#ddd6fe;
}
.light-mode h1,.light-mode h2,.light-mode h3{color:#151027}
.light-mode p,.light-mode li{color:#5f5870}
.light-mode .panel,.light-mode .value-card,.light-mode .price-card,.light-mode .dash-card,.light-mode .client-assistant-card,.light-mode .clean-panel,.light-mode .setup-step,.light-mode .flow-card{
  border-color:var(--purple-line);
  box-shadow:0 22px 60px rgba(76,29,149,.08);
}
.light-mode .client-overview{
  color:white;
  background:
    radial-gradient(circle at 92% 0,rgba(245,196,81,.24),transparent 24%),
    linear-gradient(135deg,var(--navy),#17033f 62%,var(--deep-purple));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 75px rgba(76,29,149,.2);
}
.light-mode .client-overview h1{color:white}.light-mode .client-overview p{color:#e9d5ff}
.light-mode .client-overview .mini-label{
  color:#fde68a;
  background:rgba(245,196,81,.14);
  border-color:rgba(245,196,81,.32);
}
.light-mode .simple-stats div{
  border-color:var(--purple-line);
  background:linear-gradient(135deg,#fff,#fbf8ff);
}
.light-mode .simple-stats strong{color:var(--deep-purple)}
.light-mode .assistant-row,.light-mode .lead-row,.light-mode .connection-row{
  background:#fff;
  border-color:var(--purple-line);
}
.light-mode .clean-side a{color:var(--deep-purple);border-bottom-color:var(--purple-line)}
.light-mode .soft-note{background:linear-gradient(135deg,#fff,#f6f0ff)}
.light-mode .feature-row span{background:#f3e8ff;color:var(--deep-purple)}
.light-mode .status-dot.active{background:#22c55e}.light-mode .status-dot.draft{background:var(--gold)}
.light-mode .activation-banner{
  background:linear-gradient(135deg,#fff7db,#f3e8ff);
  border-color:#f5d77b;
}
.light-mode .activation-banner strong{color:#7c2d12}
.light-mode .feature-lock-card.locked,.light-mode .locked-list-row{
  background:#fbf8ff;
  border-color:#c4b5fd;
  color:#27124d;
}
.light-mode .feature-lock-card.locked:hover{border-color:var(--royal);box-shadow:0 16px 36px rgba(124,58,237,.14)}
.light-mode .feature-lock-card.unlocked{background:#f0fdf4;border-color:#bbf7d0}
.light-mode .lock-icon{background:#ede9fe;color:var(--royal)}
.light-mode table th{color:#24143f}.light-mode table td{color:#5c536c;border-bottom-color:var(--purple-line)}
.light-mode .form label{color:#24143f}
.light-mode .form input,.light-mode .form select,.light-mode .form textarea,.light-mode textarea{
  border-color:#ddd6fe;
  background:#fff;
}
.light-mode .form input:focus,.light-mode .form select:focus,.light-mode .form textarea:focus,.light-mode textarea:focus{
  outline:3px solid rgba(124,58,237,.16);
  border-color:var(--royal);
}
.light-mode .codebox{background:#10051f;color:#f5f3ff;border-color:#2e1065}
.industry-meta,.light-mode .industry-pill,.light-mode .chip,.light-mode .lead-row span{
  background:#f3e8ff;
  border-color:#ddd6fe;
  color:var(--deep-purple);
}
.light-mode .industry-list-section h2{color:#24143f}
.light-mode .industry-list-item{
  border-color:var(--purple-line);
  background:linear-gradient(135deg,#fff,#fbf8ff);
}
.light-mode .industry-list-item small{color:var(--royal)}
.site-footer{
  max-width:1180px;
  margin:20px auto 0;
  padding:34px 22px 48px;
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:28px;
  border-top:1px solid var(--purple-line);
}
.site-footer p{max-width:560px}.site-footer a{display:block;color:#5b21b6;font-weight:800;margin:8px 0}.site-footer strong{color:#171327}
.site-footer .brand{display:flex;color:#171327;margin:0 0 10px}.site-footer .brand-mark{color:var(--royal)}
.staff-mode .site-footer{display:none}

.growth-page-hero{
  padding:64px 0 42px;
  max-width:980px;
}
.growth-page-hero h1{
  font-size:clamp(42px,6vw,78px);
  line-height:.98;
  letter-spacing:-3px;
  margin:16px 0;
}
.growth-page-hero p{font-size:20px;max-width:850px}
.growth-card-grid,.employee-full-grid,.premium-pricing-grid,.demo-card-grid,.case-study-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin:20px 0 36px;
}
.employee-full-grid,.premium-pricing-grid,.case-study-grid{grid-template-columns:repeat(3,1fr)}
.growth-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  background:rgba(255,255,255,.88);
  border:1px solid var(--purple-line);
  border-radius:28px;
  padding:24px;
  color:#171327;
  box-shadow:0 22px 60px rgba(76,29,149,.08);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.growth-card:hover{border-color:#c4b5fd;box-shadow:0 28px 75px rgba(76,29,149,.14)}
.growth-card span{
  color:var(--deep-purple);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:950;
  font-size:12px;
}
.growth-card h3{font-size:21px;line-height:1.15;margin:0}.growth-card p{margin:0}.growth-card em{color:var(--royal);font-style:normal;font-weight:900;margin-top:auto}
.growth-card ul,.premium-list{padding-left:18px;margin:4px 0}.growth-card li{margin:4px 0}
.card-note{
  background:#f8f5ff;
  border:1px solid var(--purple-line);
  border-radius:16px;
  padding:12px;
  color:#5b4a72;
  font-size:13px;
}
.card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}.card-actions a{color:var(--deep-purple);font-weight:900}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-grid .wide{grid-column:1/3}
.growth-detail-panel h2{font-size:28px}
.timeline-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:16px;
}
.timeline-cards div{
  background:linear-gradient(135deg,#fff,#faf5ff);
  border:1px solid var(--purple-line);
  border-radius:18px;
  padding:16px;
}
.timeline-cards strong{display:block;color:var(--royal);font-size:13px;margin-bottom:7px}
.timeline-cards span{color:#4c405e;font-weight:750}
.luxury-cta{
  text-align:center;
  background:
    radial-gradient(circle at 10% 100%,rgba(245,196,81,.22),transparent 24%),
    linear-gradient(135deg,var(--navy),var(--deep-purple));
  color:white;
  border-radius:34px;
  padding:46px;
  margin:34px 0;
  box-shadow:0 30px 80px rgba(76,29,149,.22);
}
.luxury-cta span{color:#fde68a;text-transform:uppercase;letter-spacing:.12em;font-weight:950;font-size:12px}
.luxury-cta h2{color:white;font-size:38px;margin:10px 0}.luxury-cta p{color:#eee7ff;max-width:720px;margin:0 auto 22px}
.pricing-card-premium.featured{
  border:2px solid var(--gold);
  transform:translateY(-8px);
  background:linear-gradient(135deg,#fff,#fff9e6);
}
.pricing-card-premium strong{font-size:26px;color:#171327}
.comparison-panel{margin-top:18px}.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.comparison-grid div{background:#fbf8ff;border:1px solid var(--purple-line);border-radius:18px;padding:16px}.pricing-note{font-weight:850;color:#4c1d95!important}
.assessment-hero{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:start;
  padding:42px 0;
}
.assessment-hero>div:first-child{
  background:
    radial-gradient(circle at 92% 0,rgba(245,196,81,.22),transparent 24%),
    linear-gradient(135deg,var(--navy),#18033c);
  color:white;
  border-radius:34px;
  padding:42px;
  min-height:520px;
}
.assessment-hero h1{color:white;font-size:clamp(42px,6vw,70px);line-height:1;letter-spacing:-2.8px}
.assessment-hero p{color:#eee7ff;font-size:20px}.assessment-hero .mini-label{color:#fde68a;background:rgba(245,196,81,.14);border-color:rgba(245,196,81,.32)}
.assessment-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.assessment-list span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#f5f3ff;border-radius:999px;padding:10px 12px;font-weight:800}
.assessment-form{position:sticky;top:96px}
.calendly-panel{
  overflow:hidden;
  padding:24px;
}
.calendly-panel h2{margin-bottom:8px}
.calendly-inline-widget{
  min-width:320px;
  height:720px;
  margin:18px -10px 8px;
  border:1px solid var(--purple-line);
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(124,58,237,.04);
}
.calendly-fallback{
  font-size:13px;
  margin:10px 0 0;
}
.calendly-fallback a{
  color:var(--deep-purple);
  font-weight:900;
}
.demo-category{margin:34px 0 50px}.demo-card-grid{grid-template-columns:repeat(3,1fr)}.demo-card{min-height:260px}.mini-transcript{background:#f8f5ff;border:1px solid var(--purple-line);border-radius:16px;padding:12px}.mini-transcript p{font-size:13px;margin:6px 0}
.brand-preview{
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid var(--purple-line);
  background:#fbf8ff;
  border-radius:18px;
  padding:14px;
  margin:10px 0 18px;
}
.brand-preview span{
  width:52px;
  height:52px;
  border-radius:16px;
  background:var(--client-widget-color);
  box-shadow:0 14px 30px color-mix(in srgb,var(--client-widget-color) 26%,transparent);
}
.brand-preview p{margin:4px 0 0}
.clickable-row{color:inherit}.lead-list a.lead-row{text-decoration:none}
.transcript{
  display:grid;
  gap:14px;
  margin-top:16px;
}
.transcript-message{
  max-width:82%;
  border-radius:22px;
  padding:16px;
  border:1px solid var(--purple-line);
  background:white;
  box-shadow:0 12px 30px rgba(76,29,149,.07);
}
.transcript-message.visitor{
  margin-left:auto;
  background:linear-gradient(135deg,var(--royal),var(--royal2));
  color:white;
  border-color:transparent;
}
.transcript-message.assistant{background:#fbf8ff}
.transcript-message.staff{background:var(--gold-soft);border-color:#f5d77b}
.transcript-message.system{background:#f1f5f9}
.transcript-message p{margin:8px 0 0;color:inherit}
.message-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;opacity:.82}
.staff-mode .transcript-message{background:rgba(255,255,255,.06);border-color:rgba(96,165,250,.18);color:#dbeafe}
.staff-mode .transcript-message.visitor{background:linear-gradient(135deg,#2563eb,#7c3aed)}
.staff-mode .transcript-message.assistant{background:rgba(96,165,250,.12)}
.staff-mode .transcript-message.staff{background:rgba(245,196,81,.14)}

@media(max-width:1100px){
  .growth-card-grid,.employee-full-grid,.premium-pricing-grid,.demo-card-grid,.case-study-grid,.comparison-grid,.timeline-cards{grid-template-columns:1fr 1fr}
  .assessment-hero{grid-template-columns:1fr}.assessment-form{position:static}
}
@media(max-width:940px){
  .site-footer{grid-template-columns:1fr}
  .growth-card-grid,.employee-full-grid,.premium-pricing-grid,.demo-card-grid,.case-study-grid,.comparison-grid,.timeline-cards,.detail-grid{grid-template-columns:1fr}
  .detail-grid .wide{grid-column:auto}
  .growth-page-hero h1{font-size:42px;letter-spacing:-1.5px}
  .luxury-cta{padding:30px}
  .transcript-message{max-width:100%}
  .calendly-inline-widget{height:760px;margin-left:0;margin-right:0}
}


/* Neon public-page revamp inspired by the new AI Business Gurus reference art */
.light-mode{
  background:
    linear-gradient(rgba(168,85,247,.035) 1px, transparent 1px),
    linear-gradient(90deg,rgba(168,85,247,.035) 1px, transparent 1px),
    radial-gradient(circle at 16% 3%,rgba(124,58,237,.28),transparent 27%),
    radial-gradient(circle at 88% 12%,rgba(245,196,81,.13),transparent 22%),
    radial-gradient(circle at 48% 78%,rgba(168,85,247,.12),transparent 28%),
    #050617;
  background-size:38px 38px,38px 38px,auto,auto,auto,auto;
}
.light-mode main{
  position:relative;
}
.growth-page-hero{
  position:relative;
  max-width:none;
  margin:-6px 0 28px;
  padding:54px 44px;
  border:1px solid rgba(245,196,81,.28);
  border-radius:34px;
  color:white;
  background:
    radial-gradient(circle at 86% 18%,rgba(168,85,247,.36),transparent 25%),
    radial-gradient(circle at 14% 90%,rgba(245,196,81,.13),transparent 24%),
    linear-gradient(135deg,rgba(9,3,31,.92),rgba(5,6,23,.94));
  box-shadow:0 34px 110px rgba(0,0,0,.32),0 0 70px rgba(124,58,237,.18);
  overflow:hidden;
}
.growth-page-hero::after{
  content:"";
  position:absolute;
  inset:auto 38px 30px auto;
  width:220px;
  height:150px;
  border-radius:26px;
  border:1px solid rgba(168,85,247,.28);
  background:
    linear-gradient(135deg,transparent 42%,rgba(168,85,247,.16) 43% 45%,transparent 46%),
    radial-gradient(circle at 70% 35%,rgba(245,196,81,.18),transparent 30%);
  box-shadow:0 0 44px rgba(168,85,247,.2);
  pointer-events:none;
}
.growth-page-hero h1{
  color:white!important;
  max-width:900px;
  text-shadow:0 0 38px rgba(168,85,247,.38);
}
.growth-page-hero p{
  color:#eee7ff!important;
}
.growth-page-hero .mini-label{
  color:#ffe79a!important;
  background:rgba(245,196,81,.12)!important;
  border-color:rgba(245,196,81,.34)!important;
  box-shadow:0 0 22px rgba(245,196,81,.12);
}
.growth-card-grid,.employee-full-grid,.premium-pricing-grid,.demo-card-grid,.case-study-grid{
  gap:16px;
}
.light-mode .growth-card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(rgba(168,85,247,.045) 1px, transparent 1px),
    linear-gradient(90deg,rgba(168,85,247,.045) 1px, transparent 1px),
    radial-gradient(circle at 86% 12%,rgba(168,85,247,.28),transparent 26%),
    linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  background-size:30px 30px,30px 30px,auto,auto;
  color:#f8f5ff;
  border:1px solid rgba(245,196,81,.24);
  box-shadow:0 20px 60px rgba(0,0,0,.28),0 0 36px rgba(124,58,237,.13);
}
.light-mode .growth-card::before{
  content:"✦";
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#f5c451;
  font-size:24px;
  background:rgba(168,85,247,.14);
  border:1px solid rgba(168,85,247,.34);
  box-shadow:0 0 24px rgba(168,85,247,.32);
}
.light-mode .solution-card:nth-child(2n)::before{content:"◌"}
.light-mode .solution-card:nth-child(3n)::before{content:"☎"}
.light-mode .solution-card:nth-child(4n)::before{content:"↗"}
.light-mode .employee-card:nth-child(2n)::before{content:"▦"}
.light-mode .employee-card:nth-child(3n)::before{content:"★"}
.light-mode .demo-card:nth-child(2n)::before{content:"▶"}
.light-mode .demo-card:nth-child(3n)::before{content:"◆"}
.light-mode .growth-card span{
  color:#f5c451;
}
.light-mode .growth-card h3{
  color:white;
}
.light-mode .growth-card p,.light-mode .growth-card li{
  color:#ddd6fe;
}
.light-mode .growth-card em,.light-mode .growth-card a,.light-mode .card-actions a{
  color:#f5c451;
}
.light-mode .card-note,.light-mode .mini-transcript{
  background:rgba(255,255,255,.06);
  border-color:rgba(168,85,247,.28);
  color:#efe7ff;
}
.detail-grid .clean-panel,.comparison-panel,.workforce-architecture{
  color:white;
  background:
    radial-gradient(circle at 88% 0,rgba(168,85,247,.2),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border-color:rgba(245,196,81,.22);
  box-shadow:0 24px 70px rgba(0,0,0,.26),0 0 34px rgba(124,58,237,.12);
}
.detail-grid .clean-panel h2,.comparison-panel h2,.workforce-architecture h2{
  color:white;
}
.detail-grid .clean-panel p,.comparison-panel p,.workforce-architecture p{
  color:#ddd6fe;
}
.premium-list li::marker,.growth-card li::marker{
  color:#f5c451;
}
.timeline-cards div,.comparison-grid div{
  background:rgba(255,255,255,.06);
  border-color:rgba(168,85,247,.28);
  box-shadow:inset 0 0 22px rgba(168,85,247,.08);
}
.timeline-cards strong,.comparison-grid strong{
  color:#f5c451;
}
.timeline-cards span,.comparison-grid p{
  color:#efe7ff!important;
}
.luxury-cta{
  border:1px solid rgba(245,196,81,.34);
  background:
    linear-gradient(rgba(168,85,247,.05) 1px, transparent 1px),
    linear-gradient(90deg,rgba(168,85,247,.05) 1px, transparent 1px),
    radial-gradient(circle at 18% 100%,rgba(245,196,81,.2),transparent 24%),
    radial-gradient(circle at 88% 10%,rgba(168,85,247,.34),transparent 25%),
    linear-gradient(135deg,#050617,#17033f);
  background-size:34px 34px,34px 34px,auto,auto,auto;
  box-shadow:0 34px 110px rgba(0,0,0,.34),0 0 66px rgba(168,85,247,.2);
}
.premium-pricing-grid .pricing-card-premium.featured{
  background:
    radial-gradient(circle at 82% 8%,rgba(245,196,81,.22),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.09),rgba(245,196,81,.045));
  border-color:rgba(245,196,81,.72);
  box-shadow:0 28px 90px rgba(245,196,81,.08),0 0 44px rgba(245,196,81,.16);
}
.pricing-card-premium strong{
  color:white;
}
.pricing-note{
  color:#f5c451!important;
}
.assessment-hero>div:first-child{
  background:
    linear-gradient(rgba(168,85,247,.052) 1px, transparent 1px),
    linear-gradient(90deg,rgba(168,85,247,.052) 1px, transparent 1px),
    radial-gradient(circle at 90% 8%,rgba(168,85,247,.34),transparent 28%),
    radial-gradient(circle at 15% 100%,rgba(245,196,81,.16),transparent 25%),
    linear-gradient(135deg,#050617,#18033c);
  background-size:32px 32px,32px 32px,auto,auto,auto;
  border:1px solid rgba(245,196,81,.28);
  box-shadow:0 30px 100px rgba(0,0,0,.32),0 0 58px rgba(124,58,237,.18);
}
.assessment-form.calendly-panel{
  background:
    radial-gradient(circle at 88% 4%,rgba(168,85,247,.18),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(251,248,255,.9));
  border-color:rgba(245,196,81,.42);
  box-shadow:0 28px 90px rgba(0,0,0,.2),0 0 42px rgba(168,85,247,.12);
}
.calendly-inline-widget{
  border-color:rgba(168,85,247,.28);
  box-shadow:0 0 28px rgba(168,85,247,.12);
}
.pagehead.clean-head{
  color:white;
  padding:48px 42px;
  border:1px solid rgba(245,196,81,.28);
  border-radius:34px;
  background:
    radial-gradient(circle at 86% 12%,rgba(168,85,247,.28),transparent 28%),
    linear-gradient(135deg,#050617,#17033f);
  box-shadow:0 30px 100px rgba(0,0,0,.28),0 0 48px rgba(124,58,237,.16);
}
.pagehead.clean-head h1{color:white}
.pagehead.clean-head p{color:#eee7ff}
.industry-meta{
  color:#f9edc2;
  background:rgba(245,196,81,.1);
  border-color:rgba(245,196,81,.34);
}
.industry-meta small{color:#ddd6fe}
.industry-list-section{
  padding:20px 0;
}
.light-mode .industry-list-section h2{
  color:#fff;
  text-shadow:0 0 24px rgba(168,85,247,.28);
}
.light-mode .industry-list-item{
  color:#f8f5ff;
  background:
    radial-gradient(circle at 92% 12%,rgba(168,85,247,.22),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border-color:rgba(245,196,81,.2);
  box-shadow:0 16px 40px rgba(0,0,0,.2),0 0 24px rgba(124,58,237,.1);
}
.light-mode .industry-list-item small{
  color:#f5c451;
}
.site-footer{
  color:white;
  border-top-color:rgba(245,196,81,.26);
}
.site-footer .brand,.site-footer strong{color:white}
.site-footer p{color:#ddd6fe}
.site-footer a{color:#f5c451}


/* Brand logo image */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  line-height:1;
}
.brand-logo{
  display:block;
  width:112px;
  height:auto;
  filter:drop-shadow(0 0 18px rgba(245,196,81,.18)) drop-shadow(0 0 24px rgba(168,85,247,.12));
}
.nav .brand-logo{
  margin:-8px 0;
}
.site-footer .brand-logo.footer-logo{
  width:156px;
  margin:0 0 4px;
}
.staff-mode .brand-logo{
  filter:drop-shadow(0 0 16px rgba(96,165,250,.18));
}
@media(max-width:940px){
  .nav .brand-logo{
    width:102px;
    margin:-4px 0;
  }
}


/* Premium landing page upgrade */
.premium-hero{position:relative;overflow:hidden;margin:-34px -22px 0;padding:64px 70px 30px;background:radial-gradient(circle at 85% 20%,rgba(124,58,237,.55),transparent 30%),radial-gradient(circle at 70% 95%,rgba(109,40,217,.35),transparent 33%),linear-gradient(135deg,#050617,#09031f 55%,#17003b);color:white;border-bottom:1px solid rgba(255,255,255,.08)}
.premium-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;max-width:1180px;margin:0 auto}
.hero-badge{display:inline-flex;background:rgba(139,92,246,.15);border:1px solid rgba(167,139,250,.24);color:#ddd6fe;border-radius:999px;padding:8px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.premium-copy h1{font-size:clamp(48px,6.2vw,82px);line-height:1.02;letter-spacing:-3px;margin:24px 0 18px;color:white}.premium-copy h1 span{color:#8b5cf6}.premium-copy p{font-size:20px;color:#e5e7eb;max-width:570px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}
.premium-btn{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;color:white!important;border-radius:12px;padding:15px 22px;box-shadow:0 20px 40px rgba(124,58,237,.35)}.premium-outline{background:rgba(255,255,255,.04)!important;color:white!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:12px;padding:15px 22px;box-shadow:none!important}.premium-outline.light-outline{color:#6d28d9!important;background:white!important;border-color:#c4b5fd!important}
.hero-checks{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#e9d5ff;font-size:13px}.video-card{position:relative;min-height:430px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 90px rgba(0,0,0,.36);overflow:hidden;padding:24px}.video-photo{position:absolute;inset:0;background:radial-gradient(circle at 42% 35%,#d7b899,transparent 13%),linear-gradient(135deg,#3b2b25,#c9a27a 48%,#2a1b1a);opacity:.95}.person-orb{position:absolute;width:170px;height:170px;background:linear-gradient(135deg,#f1c7a9,#6b3f2d);border-radius:50%;left:42%;top:11%;box-shadow:0 18px 50px rgba(0,0,0,.25)}.laptop-shape{position:absolute;left:20%;bottom:22%;width:270px;height:120px;background:linear-gradient(135deg,#d7dce7,#667085);border-radius:14px;transform:skew(-8deg);opacity:.9}.play-button{position:absolute;left:70px;top:210px;width:76px;height:76px;border-radius:999px;border:0;background:white;color:#7c3aed;font-size:28px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.hand-note{position:absolute;left:25px;top:145px;color:white;font-weight:800;font-family:cursive;font-size:18px;transform:rotate(-8deg)}
.chat-demo-card{position:absolute;right:30px;top:56px;width:240px;background:white;border-radius:18px;padding:14px;color:#111827;box-shadow:0 22px 55px rgba(0,0,0,.22)}.chat-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}.chat-top small{display:block;color:#16a34a;font-size:10px}.avatar-dot{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ddd6fe,#8b5cf6)}.bubble{border-radius:13px;padding:10px;margin:8px 0;font-size:12px;line-height:1.35}.bubble.bot{background:#f3f4f6}.bubble.user{background:#7c3aed;color:white;margin-left:25px}.chat-input{display:flex;justify-content:space-between;color:#9ca3af;border:1px solid #e5e7eb;border-radius:999px;padding:10px;margin-top:10px;font-size:11px}.chat-input span{color:#7c3aed}
.hero-stats{max-width:1180px;margin:34px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.04);backdrop-filter:blur(14px)}.hero-stats div{padding:24px 30px;border-right:1px solid rgba(255,255,255,.14)}.hero-stats div:last-child{border-right:0}.hero-stats strong{font-size:24px;display:block}.hero-stats span{color:#e9d5ff;font-size:13px}
.trusted-strip{margin:0 -22px;padding:32px 60px;text-align:center;background:white;border-bottom:1px solid #ede9fe}.trusted-strip>span{text-transform:uppercase;letter-spacing:.14em;color:#64748b;font-weight:900;font-size:12px}.logo-row{max-width:1100px;margin:26px auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:22px;color:#111827;opacity:.62}.logo-row b{font-size:18px}
.premium-section{text-align:center;padding:58px 0}.section-kicker{text-transform:uppercase;letter-spacing:.12em;color:#7c3aed;font-weight:950;font-size:12px}.premium-section h2{font-size:42px;margin:12px 0 34px;color:#111827}.how-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.how-card{position:relative;background:white;border:1px solid #ede9fe;border-radius:18px;padding:34px 24px;box-shadow:0 18px 45px rgba(15,23,42,.06)}.how-card i{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:999px;background:#8b5cf6;color:white;display:grid;place-items:center;font-style:normal;font-weight:900}.how-icon{width:68px;height:68px;margin:0 auto 20px;border-radius:50%;background:#ede9fe;color:#7c3aed;display:grid;place-items:center;font-weight:950;font-size:24px}.how-card p{font-size:14px}
.showcase-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-bottom:28px}.industry-tile{color:#111827}.industry-tile div{height:130px;border-radius:14px;margin-bottom:12px;box-shadow:0 14px 34px rgba(15,23,42,.12)}.industry-tile.hvac div{background:linear-gradient(135deg,#475569,#cbd5e1)}.industry-tile.plumbing div{background:linear-gradient(135deg,#1e3a8a,#93c5fd)}.industry-tile.landscaping div{background:linear-gradient(135deg,#166534,#86efac)}.industry-tile.dental div{background:linear-gradient(135deg,#0e7490,#cffafe)}.industry-tile.fitness div{background:linear-gradient(135deg,#111827,#94a3b8)}.industry-tile.law div{background:linear-gradient(135deg,#7c2d12,#fed7aa)}
.premium-cta{max-width:1100px;margin:20px auto 60px;display:grid;grid-template-columns:230px 1fr 260px;gap:28px;align-items:center;background:linear-gradient(135deg,#7c3aed,#4c1d95);border-radius:28px;padding:36px 44px;color:white;overflow:hidden}.premium-cta h2{font-size:34px;color:white;margin:0 0 10px}.premium-cta p,.premium-cta li{color:#ede9fe}.premium-cta ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.cta-white{background:white!important;color:#6d28d9!important;border-radius:12px}.watch-link{color:white;font-weight:850}.phone-mock{width:190px;height:250px;border:10px solid #1f1147;border-bottom:0;border-radius:28px 28px 0 0;background:#f8fafc;padding:18px}.mini-chat{border-radius:14px;padding:11px;margin:12px 0;font-size:12px}.mini-chat.bot{background:#ede9fe;color:#111827}.mini-chat.ai{background:white;color:#111827}.typing{color:#7c3aed}
@media(max-width:980px){.premium-hero{padding:42px 22px}.premium-hero-grid,.premium-cta{grid-template-columns:1fr}.hero-stats,.how-cards,.showcase-grid,.logo-row{grid-template-columns:1fr 1fr}.chat-demo-card{position:relative;right:auto;top:auto;margin-left:auto}.video-card{min-height:520px}.premium-copy h1{font-size:48px}.hero-stats div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}@media(max-width:620px){.hero-stats,.how-cards,.showcase-grid,.logo-row{grid-template-columns:1fr}.premium-hero{margin:-34px -22px 0}.premium-cta{padding:28px}.video-card{min-height:560px}.chat-demo-card{width:auto;margin:250px 8px 0}.play-button{top:165px}}

/* Mobile experience foundation: keeps every public, client, and staff page usable on phones */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,iframe{max-width:100%}
button,input,select,textarea{font:inherit}
.btn,.hero-btn,.premium-btn,.premium-outline{min-height:44px}
.navlinks{display:flex;align-items:center;gap:14px}
.navlinks a{margin-left:0;white-space:nowrap}
.section-head,.section-head.simple{min-width:0}
.ops-panel:has(table),.clean-panel:has(table),.panel:has(table){overflow-x:auto;-webkit-overflow-scrolling:touch}
.ops-panel table,.clean-panel table,.panel table{min-width:680px}
.codebox,.locked-code-card code,.mini-webhook code,pre,code{overflow-wrap:anywhere;word-break:break-word}

@media(max-width:1180px){
  main{max-width:100%}
  .growth-card-grid,.employee-full-grid,.premium-pricing-grid,.demo-card-grid,.case-study-grid,.comparison-grid,.timeline-cards,.industry-list,.showcase-grid,.how-cards,.logo-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .value-grid{grid-template-columns:1fr 1fr}
  .clean-layout,.assessment-hero{grid-template-columns:1fr}
  .clean-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .assessment-form{position:static}
  .featured-price,.pricing-card-premium.featured{transform:none}
  .premium-cta{grid-template-columns:1fr}
}

@media(max-width:860px){
  .nav{position:sticky;top:0;display:grid;grid-template-columns:1fr;gap:10px;align-items:start;padding:12px 16px}
  .nav .brand{min-width:0}
  .nav .brand-logo{width:92px;margin:-4px 0}
  .navlinks{width:100%;max-width:100%;overflow-x:auto;padding:2px 0 8px;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .navlinks::-webkit-scrollbar{display:none}
  .navlinks a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:13px}
  .light-mode .navlinks a{color:#f8f5ff}
  .staff-mode .navlinks a{background:rgba(96,165,250,.08);border-color:rgba(96,165,250,.18)}
  .navlinks .btn.small,.navlinks a.btn.small{min-height:38px;padding:8px 12px;font-size:13px}
  main{padding:22px 16px 64px}
  .messages{padding:0 16px}
  h1,.clean-head h1,.staff-hero h1,.staff-hero.compact h1,.client-overview h1,.growth-page-hero h1{font-size:clamp(34px,10vw,46px);line-height:1.03;letter-spacing:-1.7px}
  h2,.luxury-cta h2,.premium-section h2{font-size:clamp(26px,8vw,34px);line-height:1.1}
  .hero p,.growth-page-hero p,.assessment-hero p,.client-overview p{font-size:16px}
  .actions,.hero-actions,.card-actions{width:100%;gap:10px}
  .actions .btn,.hero-actions .btn,.hero-actions .hero-btn,.client-overview .btn,.activation-banner .btn,.staff-hero .btn{width:100%}
  .section-head,.section-head.simple,.client-overview,.activation-banner,.assistant-row,.lead-row,.locked-list-row,.staff-hero{flex-direction:column;align-items:stretch}
  .section-head>a,.section-head.simple>a{align-self:flex-start}
  .client-overview,.activation-banner,.growth-page-hero,.pagehead.clean-head,.assessment-hero>div:first-child,.clean-panel,.panel,.price-card,.growth-card,.ops-panel,.ops-metric,.setup-step{border-radius:22px;padding:20px}
  .growth-page-hero,.pagehead.clean-head{margin:0 0 22px}
  .signup-shell,.split,.detail-grid,.value-grid,.dashboard-grid,.pricing-grid,.demo-flow,.ops-grid,.ops-metrics,.simple-stats,.locked-grid,.setup-steps,.owner-metrics,.owner-filter,.gridform,.comparison-grid,.timeline-cards,.growth-card-grid,.employee-full-grid,.premium-pricing-grid,.demo-card-grid,.case-study-grid,.industry-list,.showcase-grid,.how-cards,.logo-row,.clean-side{grid-template-columns:1fr}
  .detail-grid .wide,.gridform p:has(textarea),.gridform button{grid-column:auto}
  .signup-shell{min-height:auto;gap:18px}
  .signup-copy h1{font-size:clamp(34px,10vw,46px)}
  .form-clean{padding:20px}
  .form input,.form select,.form textarea,textarea,input,select{font-size:16px;max-width:100%}
  .brand-preview{align-items:flex-start}
  .assistant-row,.lead-row,.connection-row{display:grid;grid-template-columns:1fr}
  .assistant-actions,.assistant-actions .btn,.lead-row span{width:100%}
  .assistant-actions .btn,.lead-row span{justify-content:center;text-align:center}
  .connection-row small,.connection-row em{grid-column:auto}
  .feature-lock-card{min-height:96px}
  .transcript-message{max-width:100%;padding:14px}
  .message-meta{flex-direction:column;gap:2px}
  .calendly-panel{padding:18px}
  .calendly-inline-widget{min-width:0;width:100%;height:680px;margin:14px 0 8px;border-radius:18px}
  .luxury-cta,.final-cta{padding:26px 20px;border-radius:24px}
  .site-footer{grid-template-columns:1fr;padding:28px 16px 42px}
  .site-footer .brand-logo.footer-logo{width:132px}
}

@media(max-width:520px){
  main{padding:18px 12px 56px}
  .messages{padding:0 12px}
  .client-overview,.activation-banner,.growth-page-hero,.pagehead.clean-head,.assessment-hero>div:first-child,.clean-panel,.panel,.price-card,.growth-card,.ops-panel,.ops-metric,.setup-step{padding:16px;border-radius:18px}
  .mini-label,.eyebrow,.ops-label{font-size:10px;letter-spacing:.1em}
  .btn,.hero-btn,.premium-btn,.premium-outline{width:100%;padding:12px 14px;text-align:center}
  .status-line{align-items:flex-start}
  .dash-card strong,.simple-stats strong,.ops-metric strong{font-size:34px}
  .industry-list-item{display:grid;gap:6px;align-items:start}
  .industry-meta{display:grid;gap:4px;border-radius:16px}
  .assessment-list span,.feature-row span,.chip,.industry-pill{width:100%;text-align:center}
  .lead-row p,.assistant-row p{overflow-wrap:anywhere}
  .ops-panel table,.clean-panel table,.panel table{min-width:620px}
}

@media(max-width:380px){
  .nav{padding:10px 12px}
  .nav .brand-logo{width:82px}
  main{padding-left:10px;padding-right:10px}
  h1,.clean-head h1,.staff-hero h1,.staff-hero.compact h1,.client-overview h1,.growth-page-hero h1{font-size:32px}
  .client-overview,.activation-banner,.growth-page-hero,.pagehead.clean-head,.assessment-hero>div:first-child,.clean-panel,.panel,.price-card,.growth-card,.ops-panel,.ops-metric,.setup-step{padding:14px}
}

/* Sales Intelligence command-center polish */
.sales-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:24px;
  align-items:stretch;
  padding:34px;
  margin:4px 0 22px;
  border:1px solid rgba(245,196,81,.28);
  border-radius:34px;
  background:
    linear-gradient(rgba(168,85,247,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(168,85,247,.055) 1px,transparent 1px),
    radial-gradient(circle at 84% 10%,rgba(168,85,247,.32),transparent 28%),
    radial-gradient(circle at 12% 100%,rgba(245,196,81,.14),transparent 24%),
    linear-gradient(135deg,#050617,#12052e 54%,#250a52);
  background-size:32px 32px,32px 32px,auto,auto,auto;
  box-shadow:0 34px 110px rgba(0,0,0,.34),0 0 70px rgba(124,58,237,.18);
  overflow:hidden;
}
.sales-hero.compact{grid-template-columns:minmax(0,1fr) 250px}
.sales-hero.solo{grid-template-columns:1fr}
.sales-hero h1{
  color:white;
  font-size:clamp(42px,6vw,74px);
  line-height:.97;
  letter-spacing:-2.8px;
  margin:16px 0;
  text-shadow:0 0 36px rgba(168,85,247,.34);
}
.sales-hero p{color:#e9d5ff;max-width:820px;font-size:18px}
.sales-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.sales-radar,.lead-pulse-card{
  position:relative;
  min-height:230px;
  border-radius:28px;
  padding:24px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
  border:1px solid rgba(245,196,81,.24);
  box-shadow:inset 0 0 30px rgba(168,85,247,.10),0 18px 50px rgba(0,0,0,.22);
}
.sales-radar span,.lead-pulse-card span:first-child{
  color:#fde68a;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:950;
}
.sales-radar strong{
  display:block;
  color:white;
  font-size:82px;
  line-height:1;
  margin-top:18px;
}
.sales-radar p,.lead-pulse-card p{color:#ddd6fe;font-size:14px}
.radar-ring{
  position:absolute;
  right:-56px;
  bottom:-64px;
  width:210px;
  height:210px;
  border-radius:50%;
  border:28px solid rgba(168,85,247,.24);
  box-shadow:0 0 0 1px rgba(245,196,81,.24),inset 0 0 35px rgba(245,196,81,.12);
}
.import-radar strong{font-size:72px;color:#fde68a}
.sales-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:18px 0;
}
.sales-metric-card{
  display:block;
  position:relative;
  overflow:hidden;
  min-height:148px;
  padding:22px;
  border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));
  border:1px solid rgba(168,85,247,.25);
  box-shadow:0 20px 60px rgba(0,0,0,.23),0 0 36px rgba(124,58,237,.10);
  color:#f8f5ff;
}
.sales-metric-card::after{
  content:"";
  position:absolute;
  inset:auto -34px -46px auto;
  width:118px;
  height:118px;
  border-radius:50%;
  background:rgba(168,85,247,.18);
  filter:blur(2px);
}
.sales-metric-card.gold::after{background:rgba(245,196,81,.22)}
.sales-metric-card.violet::after{background:rgba(236,72,153,.16)}
.sales-metric-card span{
  color:#c4b5fd;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:950;
}
.sales-metric-card strong{
  display:block;
  color:white;
  font-size:48px;
  line-height:1;
  margin:14px 0 6px;
}
.sales-metric-card small{color:#ddd6fe;font-weight:750}
.sales-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.45fr);
  gap:18px;
  margin:18px 0;
}
.sales-grid .wide{min-width:0}
.sales-panel{
  color:#f8f5ff;
  border:1px solid rgba(245,196,81,.22);
  border-radius:28px;
  padding:24px;
  background:
    radial-gradient(circle at 92% 0,rgba(168,85,247,.18),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.082),rgba(255,255,255,.026));
  box-shadow:0 24px 70px rgba(0,0,0,.27),0 0 38px rgba(124,58,237,.12);
  backdrop-filter:blur(16px);
}
.sales-panel h2{color:white;margin-top:8px}
.sales-panel p,.sales-panel li{color:#d8cdf7}
.sales-panel a{color:#fde68a;font-weight:850}
.gold-panel{
  background:
    radial-gradient(circle at 86% 10%,rgba(245,196,81,.18),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(245,196,81,.035));
}
.lead-intel-list{display:grid;gap:12px}
.lead-intel-row,.mini-intel-row{
  display:grid;
  gap:8px;
  padding:16px;
  border:1px solid rgba(168,85,247,.25);
  border-radius:20px;
  color:#f8f5ff;
  background:rgba(255,255,255,.055);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.lead-intel-row{
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
}
.lead-intel-row:hover,.mini-intel-row:hover{
  transform:translateY(-2px);
  border-color:rgba(245,196,81,.5);
  background:rgba(255,255,255,.085);
}
.lead-intel-row strong,.mini-intel-row strong{color:white}
.lead-intel-row p{margin:5px 0 0;color:#d8cdf7}
.lead-intel-row small,.mini-intel-row span{color:#c4b5fd}
.mini-intel-row{margin:10px 0}
.mini-intel-row.urgent{border-color:rgba(245,196,81,.34)}
.temp-badge,.status-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
  border:1px solid rgba(255,255,255,.15);
}
.temp-badge.cold{background:rgba(148,163,184,.14);color:#dbeafe}
.temp-badge.warm{background:rgba(245,196,81,.15);color:#fde68a;border-color:rgba(245,196,81,.32)}
.temp-badge.hot{background:rgba(236,72,153,.18);color:#fbcfe8;border-color:rgba(236,72,153,.38)}
.temp-badge.closed{background:rgba(34,197,94,.14);color:#bbf7d0;border-color:rgba(34,197,94,.32)}
.status-badge{background:rgba(168,85,247,.14);color:#e9d5ff;border-color:rgba(168,85,247,.3)}
.sales-empty{
  border:1px dashed rgba(168,85,247,.35);
  border-radius:20px;
  padding:18px;
  color:#d8cdf7;
  background:rgba(255,255,255,.04);
}
.scorecard-strip,.scorecard-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.scorecard-mini,.scorecard-card{
  border:1px solid rgba(168,85,247,.25);
  border-radius:20px;
  padding:16px;
  background:rgba(255,255,255,.05);
}
.scorecard-mini strong,.scorecard-card h2{color:white}
.scorecard-mini span{display:block;color:#fde68a;font-weight:900;margin:6px 0}
.scorecard-mini p{margin:0;font-size:13px}
.scorecard-numbers{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:18px 0;
}
.scorecard-numbers div{
  border:1px solid rgba(168,85,247,.22);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.045);
}
.scorecard-numbers strong{display:block;color:#fde68a;font-size:28px}
.scorecard-numbers span{color:#ddd6fe;font-size:12px;font-weight:850}
.sales-table th,.sales-table td{border-color:rgba(168,85,247,.18)}
.sales-table th{color:#f5f3ff}
.sales-table td{color:#d8cdf7}
.lead-intel-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:18px;
  margin:18px 0;
}
.contact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.contact-grid div{
  border:1px solid rgba(168,85,247,.22);
  border-radius:16px;
  padding:14px;
  background:rgba(255,255,255,.045);
}
.contact-grid span{display:block;color:#c4b5fd;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}
.contact-grid strong{display:block;color:white;margin-top:6px;overflow-wrap:anywhere}
.lead-pulse-card strong{
  display:block;
  color:white;
  font-size:30px;
  margin:24px 0 8px;
}
.note-card{
  min-height:150px;
  border-radius:18px;
  padding:16px;
  border:1px solid rgba(168,85,247,.24);
  background:rgba(255,255,255,.05);
}
.note-card.raw{border-style:dashed}
.note-card.clean{border-color:rgba(245,196,81,.28)}
.email-draft{
  white-space:pre-wrap;
  color:#fff7db;
  border:1px solid rgba(245,196,81,.28);
  border-radius:18px;
  padding:18px;
  background:rgba(5,6,23,.55);
  overflow:auto;
}
.activity-timeline{
  display:grid;
  gap:12px;
}
.activity-item{
  position:relative;
  padding:16px 16px 16px 24px;
  border-left:3px solid rgba(245,196,81,.55);
  border-radius:16px;
  background:rgba(255,255,255,.05);
}
.activity-item span{color:#fde68a;font-size:12px;font-weight:900}
.activity-item strong{display:block;color:white;margin:6px 0}
.activity-item p{margin:0 0 6px}
.activity-item small{color:#c4b5fd}
.import-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.import-steps div{
  border:1px solid rgba(168,85,247,.22);
  border-radius:18px;
  padding:16px;
  background:rgba(255,255,255,.045);
}
.import-steps strong{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:rgba(245,196,81,.16);
  color:#fde68a;
}
.import-steps span{display:block;color:white;font-weight:950;margin:12px 0 4px}
.import-steps p{font-size:13px;margin:0}
.dark-form.import-form input[type=file]{
  padding:18px;
  border-style:dashed;
}
.assignment-callout{
  border:1px solid rgba(245,196,81,.28);
  border-radius:22px;
  padding:18px;
  margin:16px 0;
  background:linear-gradient(135deg,rgba(245,196,81,.12),rgba(168,85,247,.09));
  box-shadow:0 18px 48px rgba(8,3,30,.16);
}
.assignment-callout h3{
  margin:6px 0;
  color:white;
}
.assignment-callout p{
  color:#ddd6fe;
}
.assignment-callout label{
  display:block;
  color:#fde68a;
  font-weight:950;
  margin:10px 0 8px;
}
.assignment-callout select{
  width:100%;
}
.assignment-callout small{
  display:block;
  margin-top:8px;
  color:#c4b5fd;
}
.pager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
  color:#c4b5fd;
  font-size:14px;
  font-weight:850;
}
.pager a,.pager span{
  border:1px solid rgba(168,85,247,.24);
  border-radius:999px;
  padding:10px 14px;
  background:rgba(255,255,255,.055);
  box-shadow:0 14px 34px rgba(8,3,30,.18);
}
.pager a{
  color:#fff;
  text-decoration:none;
}
.pager a:hover{
  border-color:rgba(245,196,81,.46);
  color:#fde68a;
  transform:translateY(-1px);
}
.oversight-note{
  border-color:rgba(245,196,81,.36);
  background:linear-gradient(135deg,rgba(245,196,81,.12),rgba(168,85,247,.08));
  margin-bottom:18px;
}
.oversight-note strong{color:#fde68a}
.thread-list{display:grid;gap:12px}
.thread-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  border:1px solid rgba(168,85,247,.24);
  border-radius:20px;
  padding:16px;
  background:rgba(255,255,255,.055);
  color:#e9d5ff;
}
.thread-card:hover{
  border-color:rgba(245,196,81,.42);
  transform:translateY(-1px);
}
.thread-card strong{display:block;color:#fff}
.thread-card p{margin:4px 0 0;color:#c4b5fd}
.thread-card span{color:#fde68a;font-size:13px;font-weight:850;white-space:nowrap}
.chat-shell{display:grid;gap:18px}
.chat-messages{
  display:grid;
  gap:12px;
  max-height:58vh;
  min-height:340px;
  overflow:auto;
  padding:8px;
  scroll-behavior:smooth;
}
.chat-message{
  max-width:min(760px,86%);
  border:1px solid rgba(168,85,247,.26);
  border-radius:22px 22px 22px 8px;
  padding:14px 16px;
  background:rgba(255,255,255,.07);
  box-shadow:0 16px 38px rgba(8,3,30,.14);
}
.chat-message.mine{
  justify-self:end;
  border-radius:22px 22px 8px 22px;
  background:linear-gradient(135deg,rgba(124,58,237,.72),rgba(236,72,153,.56));
  border-color:rgba(245,196,81,.24);
}
.chat-message p{margin:8px 0 0;color:#f5f3ff}
.message-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}
.message-meta strong{color:#fff}
.message-meta span{color:#c4b5fd;font-size:12px;font-weight:850}
.chat-message.mine .message-meta span{color:#fde68a}
.chat-reply-form textarea{min-height:96px}
.team-form ul{
  list-style:none;
  padding:0;
  margin:8px 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.team-form li label{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(168,85,247,.22);
  border-radius:14px;
  padding:10px;
  background:rgba(255,255,255,.045);
}
.team-form input[type=checkbox]{width:auto}
.clock-card h2{color:#fff}
.ops-chip.live{
  border-color:rgba(52,211,153,.34);
  background:rgba(52,211,153,.15);
  color:#bbf7d0;
}
.teams-shell{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:0;
  min-height:calc(100vh - 190px);
  border:1px solid rgba(168,85,247,.24);
  border-radius:30px;
  overflow:hidden;
  background:rgba(8,7,24,.62);
  box-shadow:0 32px 90px rgba(0,0,0,.24);
}
.teams-sidebar{
  background:linear-gradient(180deg,rgba(38,20,84,.92),rgba(19,15,45,.94));
  border-right:1px solid rgba(255,255,255,.09);
  padding:18px;
  overflow:auto;
}
.teams-sidebar-head,.teams-inbox-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.teams-sidebar h2{
  color:#fff;
  margin:10px 0 14px;
  font-size:24px;
}
.teams-thread-list,.teams-main{
  display:grid;
  gap:10px;
}
.teams-thread{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:12px;
  align-items:center;
  color:#e9d5ff;
  border:1px solid transparent;
  border-radius:16px;
  padding:10px;
}
.teams-thread:hover,.teams-thread.active{
  background:rgba(255,255,255,.08);
  border-color:rgba(196,181,253,.2);
}
.teams-thread.active{
  box-shadow:inset 3px 0 0 #a78bfa;
}
.teams-thread strong{
  display:block;
  color:#fff;
  line-height:1.2;
}
.teams-thread small{
  display:block;
  color:#c4b5fd;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.avatar-dot{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:999px;
  background:linear-gradient(135deg,#7c3aed,#a855f7);
  color:white;
  font-weight:950;
  flex:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.13);
}
.teams-main{
  grid-template-rows:auto 1fr auto;
  background:
    radial-gradient(circle at 90% 8%,rgba(124,58,237,.18),transparent 24%),
    linear-gradient(180deg,rgba(13,8,36,.92),rgba(5,6,23,.95));
  min-width:0;
}
.teams-topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:22px 24px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.teams-topbar h1{
  font-size:34px;
  margin:10px 0 4px;
  color:#fff;
  letter-spacing:-1.2px;
}
.teams-topbar p{margin:0;color:#c4b5fd}
.teams-banner{
  margin:16px 24px 0;
  border:1px solid rgba(245,196,81,.32);
  border-radius:18px;
  padding:12px 14px;
  background:rgba(245,196,81,.11);
  color:#fde68a;
}
.teams-banner span{display:block;color:#ddd6fe;margin-top:4px}
.updates-banner{
  border-color:rgba(245,196,81,.44);
  background:
    radial-gradient(circle at 100% 0,rgba(245,196,81,.18),transparent 34%),
    linear-gradient(135deg,rgba(245,196,81,.12),rgba(124,58,237,.1));
}
.teams-messages{
  display:grid;
  align-content:start;
  gap:16px;
  overflow:auto;
  padding:24px;
  min-height:420px;
  max-height:calc(100vh - 375px);
}
.teams-message{
  display:grid;
  grid-template-columns:38px minmax(0,760px);
  gap:12px;
  align-items:start;
}
.teams-message.mine{
  grid-template-columns:minmax(0,760px) 38px;
  justify-content:end;
}
.teams-message.mine .avatar-dot{grid-column:2}
.teams-message.mine .teams-bubble{grid-column:1;grid-row:1}
.teams-bubble{
  border:1px solid rgba(196,181,253,.16);
  border-radius:6px 18px 18px 18px;
  padding:14px 16px;
  background:rgba(255,255,255,.08);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.teams-message.mine .teams-bubble{
  border-radius:18px 6px 18px 18px;
  background:linear-gradient(135deg,rgba(98,100,167,.92),rgba(124,58,237,.72));
}
.teams-bubble p{
  margin:8px 0 0;
  color:#f5f3ff;
  overflow-wrap:anywhere;
}
.message-reactions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.reaction-counts,.reaction-picker{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.reaction-picker{
  opacity:.28;
  transition:.16s ease;
}
.teams-bubble:hover .reaction-picker,.message-reactions:focus-within .reaction-picker{
  opacity:1;
}
.reaction-button,.reaction-count{
  border:1px solid rgba(196,181,253,.2);
  border-radius:999px;
  min-width:32px;
  height:30px;
  padding:0 9px;
  color:#f5f3ff;
  background:rgba(255,255,255,.07);
  cursor:pointer;
  font:inherit;
  font-size:13px;
  font-weight:900;
}
.reaction-button:hover,.reaction-count:hover,.reaction-count.mine{
  border-color:rgba(245,196,81,.46);
  background:rgba(245,196,81,.14);
  transform:translateY(-1px);
}
.reaction-count span{
  color:#fde68a;
  margin-left:3px;
}
.attachment-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.attachment-pill{
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(196,181,253,.2);
  border-radius:12px;
  padding:9px 10px;
  background:rgba(255,255,255,.08);
  color:#fff;
}
.attachment-pill:hover{
  border-color:rgba(245,196,81,.42);
  background:rgba(255,255,255,.12);
}
.attachment-pill strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.attachment-pill small{
  color:#c4b5fd;
  margin-left:auto;
  white-space:nowrap;
}
.teams-composer{
  border-top:1px solid rgba(255,255,255,.08);
  padding:14px 18px 18px;
  background:rgba(5,6,23,.72);
}
.teams-composer textarea{
  min-height:92px;
  resize:vertical;
  border-radius:14px;
}
.composer-hint{
  display:block;
  margin-top:7px;
  color:#a78bfa;
  font-weight:850;
}
.read-only-composer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  color:#ddd6fe;
}
.read-only-composer strong{
  color:#fde68a;
}
.read-only-composer span{
  color:#c4b5fd;
}
.emoji-toolbar{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.emoji-toolbar button{
  border:1px solid rgba(196,181,253,.2);
  background:rgba(255,255,255,.08);
  color:white;
  border-radius:10px;
  min-width:34px;
  height:34px;
  cursor:pointer;
}
.emoji-toolbar button:hover{
  background:rgba(124,58,237,.34);
  transform:translateY(-1px);
}
.composer-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:10px;
}
.file-chip{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  width:auto!important;
  cursor:pointer;
  border:1px dashed rgba(196,181,253,.32);
  border-radius:999px;
  padding:10px 14px;
  color:#e9d5ff!important;
  background:rgba(255,255,255,.06);
  font-weight:900;
}
.file-chip input{
  display:none;
}
.file-summary{
  color:#c4b5fd;
  font-size:13px;
  overflow-wrap:anywhere;
}
.teams-compose-panel{
  max-width:900px;
}
.compose-file-chip{margin:6px 0 8px}
.teams-inbox-panel .thread-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
}
.team-chat-widget{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:1200;
  display:grid;
  justify-items:end;
  gap:14px;
  pointer-events:none;
}
.team-chat-widget>*{pointer-events:auto}
.team-chat-toast{
  width:min(380px,calc(100vw - 32px));
  border:1px solid rgba(245,196,81,.34);
  border-radius:20px;
  padding:14px 16px;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0,rgba(245,196,81,.25),transparent 30%),
    linear-gradient(135deg,rgba(24,15,58,.98),rgba(88,28,135,.96));
  box-shadow:0 22px 60px rgba(0,0,0,.4),0 0 34px rgba(245,196,81,.18);
  opacity:0;
  transform:translateY(10px);
  transition:.18s ease;
}
.team-chat-widget.toast-visible .team-chat-toast{
  opacity:1;
  transform:translateY(0);
}
.team-chat-toast strong,.team-chat-toast span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.team-chat-toast span{
  margin-top:4px;
  color:#e9d5ff;
  font-size:13px;
}
.team-chat-fab{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(245,196,81,.38);
  border-radius:999px;
  padding:13px 18px 13px 14px;
  color:#fff;
  background:
    radial-gradient(circle at 20% 15%,rgba(245,196,81,.34),transparent 30%),
    linear-gradient(135deg,#4c1d95,#7c3aed 48%,#111827);
  box-shadow:0 18px 46px rgba(0,0,0,.36),0 0 34px rgba(168,85,247,.28);
  cursor:pointer;
  font-weight:950;
}
.team-chat-fab:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 60px rgba(0,0,0,.42),0 0 42px rgba(192,132,252,.4);
}
.team-chat-fab.has-unread{
  animation:chatPulse 2.2s ease-in-out infinite;
}
.team-chat-fab-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
}
.team-chat-badge{
  position:absolute;
  top:-8px;
  right:-6px;
  min-width:25px;
  height:25px;
  padding:0 7px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,#f59e0b,#ec4899);
  color:#fff;
  font-size:12px;
  border:2px solid #070718;
  box-shadow:0 8px 18px rgba(236,72,153,.34);
}
.team-chat-popover{
  width:min(410px,calc(100vw - 32px));
  max-height:min(620px,calc(100vh - 120px));
  overflow:hidden;
  border:1px solid rgba(196,181,253,.22);
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0,rgba(124,58,237,.28),transparent 32%),
    linear-gradient(180deg,rgba(20,14,48,.98),rgba(6,7,24,.98));
  box-shadow:0 28px 90px rgba(0,0,0,.46);
  opacity:0;
  transform:translateY(16px) scale(.97);
  visibility:hidden;
  transition:.18s ease;
}
.team-chat-widget.open .team-chat-popover{
  opacity:1;
  transform:translateY(0) scale(1);
  visibility:visible;
}
.team-chat-head,.team-chat-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px;
}
.team-chat-head{
  border-bottom:1px solid rgba(255,255,255,.08);
}
.team-chat-head h2{
  color:#fff;
  margin:4px 0 0;
  font-size:25px;
}
.team-chat-new,.team-chat-foot a{
  color:#fde68a;
  font-weight:950;
}
.team-chat-body{
  display:grid;
  gap:10px;
  padding:12px;
  overflow:auto;
  max-height:430px;
}
.team-chat-thread{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  border:1px solid transparent;
  border-radius:18px;
  padding:11px;
  color:#e9d5ff;
}
.team-chat-thread:hover,.team-chat-thread.unread{
  background:rgba(255,255,255,.08);
  border-color:rgba(196,181,253,.18);
}
.team-chat-thread.unread{
  box-shadow:inset 3px 0 0 #f59e0b;
}
.team-chat-thread-copy{
  min-width:0;
}
.team-chat-thread-copy strong,.team-chat-thread-copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.team-chat-thread-copy strong{
  color:#fff;
}
.team-chat-thread-copy small{
  color:#c4b5fd;
  margin-top:3px;
}
.team-chat-thread-meta{
  display:grid;
  justify-items:end;
  gap:6px;
  color:#a78bfa;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
}
.team-chat-thread-badge{
  display:grid;
  place-items:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:#f59e0b;
  color:#190b02;
  font-weight:950;
}
.team-chat-empty,.team-chat-loading{
  border:1px dashed rgba(196,181,253,.22);
  border-radius:18px;
  padding:16px;
  color:#ddd6fe;
  background:rgba(255,255,255,.05);
}
.team-chat-foot{
  border-top:1px solid rgba(255,255,255,.08);
  justify-content:space-between;
}
.team-chat-alert-toggle{
  border:1px solid rgba(196,181,253,.2);
  border-radius:999px;
  padding:8px 11px;
  color:#e9d5ff;
  background:rgba(255,255,255,.06);
  font:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
.team-chat-alert-toggle.enabled{
  border-color:rgba(52,211,153,.32);
  color:#bbf7d0;
  background:rgba(52,211,153,.11);
}
.sheet-group-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.sheet-group-card{
  display:grid;
  gap:14px;
  border:1px solid rgba(196,181,253,.18);
  border-radius:22px;
  padding:18px;
  background:rgba(255,255,255,.06);
  box-shadow:0 16px 38px rgba(0,0,0,.14);
}
.sheet-group-card h3{
  color:#fff;
  margin:6px 0 0;
  overflow-wrap:anywhere;
}
.sheet-group-stats{
  display:grid;
  gap:8px;
}
.sheet-group-stats span{
  display:flex;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:9px 10px;
  color:#c4b5fd;
  background:rgba(255,255,255,.045);
}
.sheet-group-stats strong{
  color:#fde68a;
}
.lead-filter-form{
  display:grid;
  grid-template-columns:2fr repeat(6,minmax(140px,1fr)) auto;
  gap:12px;
  align-items:end;
}
.lead-filter-form label{
  display:block;
  color:#dbeafe;
  font-weight:900;
  font-size:12px;
  letter-spacing:.04em;
  margin-bottom:6px;
  text-transform:uppercase;
}
.lead-filter-form input,.lead-filter-form select,
.lead-bulk-toolbar input,.lead-bulk-toolbar select,
.lead-control-table input,.lead-control-table select{
  width:100%;
  border:1px solid rgba(96,165,250,.22);
  border-radius:12px;
  padding:10px 11px;
  background:rgba(2,6,23,.62);
  color:#fff;
}
.lead-filter-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
.lead-bulk-toolbar{
  display:grid;
  grid-template-columns:auto repeat(4,minmax(130px,1fr)) auto auto;
  gap:10px;
  align-items:center;
  margin:8px 0 14px;
  padding:12px;
  border:1px solid rgba(196,181,253,.14);
  border-radius:18px;
  background:rgba(255,255,255,.045);
}
.bulk-select-row{
  color:#e9d5ff!important;
  font-weight:950;
  white-space:nowrap;
}
.lead-control-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.lead-control-table{
  min-width:1180px;
}
.lead-control-table td strong,.lead-control-table td small{
  display:block;
}
.lead-control-table td small{
  color:#93a9ca;
  margin-top:4px;
  max-width:260px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lead-row-actions,.table-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.lead-row-actions .btn.small{
  padding:8px 10px;
  font-size:12px;
}
@keyframes chatPulse{
  0%,100%{box-shadow:0 18px 46px rgba(0,0,0,.36),0 0 28px rgba(168,85,247,.24)}
  50%{box-shadow:0 18px 46px rgba(0,0,0,.36),0 0 48px rgba(245,196,81,.42)}
}
@media(max-width:1100px){
  .sales-hero,.sales-hero.compact,.sales-grid,.lead-intel-layout{grid-template-columns:1fr}
  .sales-metrics,.scorecard-strip,.scorecard-grid,.import-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .sales-hero{padding:20px;border-radius:22px}
  .sales-hero h1{font-size:38px;letter-spacing:-1.5px}
  .sales-hero-actions .btn{width:100%}
  .sales-metrics,.scorecard-strip,.scorecard-grid,.scorecard-numbers,.contact-grid,.import-steps{grid-template-columns:1fr}
  .lead-intel-row{grid-template-columns:1fr}
  .sales-panel{padding:18px;border-radius:22px;overflow-x:auto}
  .sales-table{min-width:760px}
  .sales-radar,.lead-pulse-card{min-height:190px}
  .thread-card{align-items:flex-start;flex-direction:column}
  .thread-card span{white-space:normal}
  .team-form ul{grid-template-columns:1fr}
  .chat-message{max-width:96%}
  .teams-shell{grid-template-columns:1fr}
  .teams-sidebar{max-height:260px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}
  .teams-topbar{flex-direction:column;align-items:flex-start}
  .teams-messages{max-height:none;min-height:360px}
  .read-only-composer{align-items:flex-start;flex-direction:column}
  .teams-message,.teams-message.mine{grid-template-columns:34px minmax(0,1fr);justify-content:start}
  .teams-message.mine .avatar-dot{grid-column:1}
  .teams-message.mine .teams-bubble{grid-column:2}
  .teams-inbox-panel .thread-card{grid-template-columns:42px minmax(0,1fr)}
  .team-chat-widget{right:14px;bottom:14px}
  .team-chat-fab-text{display:none}
  .team-chat-fab{padding:12px}
  .team-chat-popover{width:calc(100vw - 28px)}
  .team-chat-toast{width:calc(100vw - 28px)}
  .team-chat-thread{grid-template-columns:34px minmax(0,1fr)}
  .team-chat-thread-meta{grid-column:2;justify-items:start}
}

/* Staff/Owner mobile performance and layout pass */
@media(max-width:900px){
  body.staff-mode{padding-bottom:84px}
  .staff-mode main{padding-left:14px;padding-right:14px}
  .staff-mode .nav{
    position:sticky;
    top:0;
    z-index:900;
    padding:12px 14px;
  }
  .staff-mode .brand-logo{max-width:82px}
  .staff-mode .navlinks{
    width:100%;
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding-bottom:6px;
    -webkit-overflow-scrolling:touch;
  }
  .staff-mode .navlinks a{
    flex:0 0 auto;
    margin:0;
    border:1px solid rgba(196,181,253,.16);
    border-radius:999px;
    padding:9px 11px;
    background:rgba(255,255,255,.055);
  }
  .staff-hero,.staff-hero.compact,.sales-hero,.sales-hero.compact{
    padding:20px 0;
    gap:14px;
  }
  .staff-hero h1,.staff-hero.compact h1,.sales-hero h1,.sales-hero.compact h1{
    font-size:clamp(34px,10vw,46px);
    letter-spacing:-1.6px;
  }
  .actions,.sales-hero-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .actions .btn,.sales-hero-actions .btn,.actions form,.actions button{
    width:100%;
  }
  .ops-panel,.sales-panel,.ops-glow-card,.ops-metric{
    border-radius:22px;
    padding:18px;
  }
  .ops-metrics,.owner-metrics,.sales-metrics,.scorecard-strip,.scorecard-grid,.sheet-group-grid{
    grid-template-columns:1fr;
  }
  .lead-filter-form,.lead-bulk-toolbar{
    grid-template-columns:1fr;
  }
  .lead-filter-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .ops-grid,.sales-grid,.lead-intel-layout{
    grid-template-columns:1fr;
    gap:14px;
  }
  .section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .section-head a,.section-head .btn{
    width:100%;
  }
  .thread-card,.lead-intel-row,.mini-intel-row{
    min-width:0;
  }
  .sales-table, .staff-mode table{
    min-width:680px;
  }
  .sales-panel:has(table),.ops-panel:has(table){
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .owner-filter{
    grid-template-columns:1fr;
  }
  .team-chat-popover{
    max-height:calc(100vh - 116px);
  }
  .team-chat-body{
    max-height:calc(100vh - 280px);
  }
}

@media(max-width:520px){
  .staff-mode main{padding-left:10px;padding-right:10px}
  .teams-sidebar{display:none}
  .teams-shell{
    border-radius:20px;
    min-height:calc(100vh - 150px);
  }
  .teams-topbar,.teams-messages,.teams-composer{
    padding-left:14px;
    padding-right:14px;
  }
  .teams-topbar h1{font-size:28px}
  .teams-bubble{padding:12px}
  .message-meta{
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
  }
  .attachment-pill{
    align-items:flex-start;
  }
  .attachment-pill small{
    margin-left:0;
  }
  .team-chat-widget{right:10px;bottom:10px}
  .team-chat-popover{
    border-radius:22px;
  }
  .team-chat-thread{
    padding:10px;
  }
}