:root {
  --bg: #0b0d0c;
  --surface: #111411;
  --surface-2: #171b18;
  --paper: #f4f2ea;
  --paper-2: #e8e5dc;
  --ink: #111310;
  --text: #f5f4ef;
  --muted: #a7aea7;
  --muted-dark: #5f685f;
  --line: rgba(255,255,255,.12);
  --line-dark: rgba(17,19,16,.14);
  --accent: #b7ff36;
  --accent-2: #d7ff8e;
  --max: 1180px;
  --radius: 24px;
  --radius-sm: 16px;
  --shadow: 0 24px 80px rgba(0,0,0,.22);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
button, input { font: inherit; }
img { max-width: 100%; }
::selection { background: var(--accent); color: #111; }

.skip-link {
  position: fixed; left: 1rem; top: -5rem; z-index: 1000;
  background: var(--accent); color: #111; padding: .75rem 1rem; border-radius: 10px;
}
.skip-link:focus { top: 1rem; }

.shell { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }
.section { padding: 110px 0; }
.section-soft { background: var(--paper-2); }
.section-dark { background: var(--bg); color: var(--text); }
.section-heading { max-width: 760px; margin-bottom: 46px; }
.section-heading h2 {
  margin: .25rem 0 1rem; font-size: clamp(2.2rem, 4.3vw, 4.4rem);
  line-height: .98; letter-spacing: -.055em;
}
.section-heading p:last-child { color: var(--muted-dark); font-size: 1.08rem; max-width: 680px; }
.section-dark .section-heading p:last-child { color: var(--muted); }

.eyebrow {
  margin: 0 0 .9rem; text-transform: uppercase; letter-spacing: .14em;
  font-size: .76rem; font-weight: 800;
}

.site-header {
  position: sticky; top: 0; z-index: 100;
  background: color-mix(in srgb, var(--paper) 86%, transparent);
  backdrop-filter: blur(18px); border-bottom: 1px solid var(--line-dark);
}
.nav { height: 76px; display: flex; align-items: center; gap: 2rem; }
.brand { display: inline-flex; align-items: center; gap: .65rem; text-decoration: none; font-weight: 900; letter-spacing: -.04em; }
.brand-mark {
  width: 34px; height: 34px; display: grid; place-items: center;
  background: var(--ink); color: var(--accent); border-radius: 9px; font-size: .72rem; letter-spacing: -.06em;
}
.nav-links { display: flex; align-items: center; gap: 1.5rem; margin-left: auto; }
.nav-links a { text-decoration: none; color: #333932; font-size: .9rem; font-weight: 700; }
.nav-links a:hover { color: #000; }
.nav-toggle { display: none; margin-left: auto; background: none; border: 1px solid var(--line-dark); border-radius: 10px; padding: .55rem .75rem; }

.button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px;
  padding: .82rem 1.15rem; border-radius: 12px; border: 1px solid #10120f;
  background: #10120f; color: white; text-decoration: none; font-weight: 800; transition: .2s ease;
}
.button:hover { transform: translateY(-2px); box-shadow: 0 9px 22px rgba(0,0,0,.15); }
.button-secondary { background: transparent; color: inherit; border-color: currentColor; }
.section-dark .button { background: var(--accent); color: #0b0d0c; border-color: var(--accent); }
.section-dark .button-secondary { background: transparent; color: var(--text); border-color: #485049; }
.button-small { min-height: 40px; padding: .65rem .9rem; font-size: .84rem; }

.hero { padding-top: 120px; background:
  radial-gradient(circle at 78% 18%, rgba(183,255,54,.18), transparent 28%),
  linear-gradient(180deg, #f6f4ed 0%, var(--paper) 100%);
}
.hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 72px; align-items: center; }
.hero h1 { font-size: clamp(3.3rem, 6.7vw, 6.8rem); line-height: .88; letter-spacing: -.075em; margin: 0 0 1.5rem; max-width: 820px; }
.hero-lede { font-size: clamp(1.08rem, 1.6vw, 1.3rem); color: #4f574f; max-width: 690px; }
.hero-actions { display: flex; gap: .75rem; margin: 2rem 0; flex-wrap: wrap; }
.hero-facts { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-dark); padding-top: 1.4rem; max-width: 700px; }
.hero-facts div { display: flex; flex-direction: column; gap: .25rem; }
.hero-facts strong { font-size: .94rem; }
.hero-facts span { color: var(--muted-dark); font-size: .78rem; }

.hero-system { position: relative; }
.hero-system::before {
  content: ""; position: absolute; inset: 12% 6% -8% 6%;
  background: var(--accent); filter: blur(70px); opacity: .25; border-radius: 50%;
}
.system-window {
  position: relative; background: var(--bg); color: var(--text); border: 1px solid #252a26;
  border-radius: 28px; padding: 18px; box-shadow: var(--shadow); transform: rotate(1.5deg);
}
.window-bar, .system-footer { display: flex; align-items: center; gap: .6rem; color: #dfe4dc; font-size: .78rem; }
.window-meta { margin-left: auto; color: var(--muted); }
.status-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(183,255,54,.1); }
.call-row { display: grid; grid-template-columns: 46px 1fr auto; gap: 14px; align-items: center; background: #151915; border: 1px solid #252b25; border-radius: 16px; padding: 18px; margin-top: 16px; }
.call-row.active { border-color: rgba(183,255,54,.45); }
.call-row div { display: flex; flex-direction: column; }
.call-row small { color: var(--muted); }
.call-icon { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: #222722; color: var(--accent); font-size: .76rem; font-weight: 800; }
.pill { border: 1px solid #303730; color: #bcc4bc; padding: .35rem .55rem; border-radius: 999px; font-size: .7rem; }
.pill-accent { background: var(--accent); color: #111; border-color: var(--accent); }
.flow-line { height: 12px; width: 1px; background: #313831; margin: 0 0 -16px 38px; }
.system-footer { justify-content: space-between; margin-top: 18px; padding: 12px 6px 2px; color: var(--muted); }

.signal-strip { background: var(--bg); color: white; padding: 22px 0; border-top: 1px solid #222; }
.signal-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; text-transform: uppercase; letter-spacing: .12em; font-size: .68rem; font-weight: 900; color: #c4cbc3; }
.signal-grid span::before { content: "•"; color: var(--accent); margin-right: .55rem; }

.card-grid { display: grid; gap: 20px; }
.card-grid.three { grid-template-columns: repeat(3, 1fr); }
.card-grid.four { grid-template-columns: repeat(4, 1fr); }
.card, .mini-card, .trade-card, .proof-card {
  border: 1px solid var(--line-dark); border-radius: var(--radius); background: rgba(255,255,255,.36);
}
.card { padding: 30px; min-height: 270px; }
.card-index, .package-label { font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: #687069; }
.card h3 { font-size: 1.5rem; line-height: 1.05; letter-spacing: -.035em; margin: 3.5rem 0 .8rem; }
.card p { color: var(--muted-dark); }

.demo-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: start; }
.demo-selector { display: flex; gap: .6rem; flex-wrap: wrap; margin-top: 1.4rem; }
.chip { border: 1px solid #3b423c; background: transparent; color: white; padding: .65rem .9rem; border-radius: 999px; cursor: pointer; }
.chip.active, .chip:hover { background: var(--accent); color: #111; border-color: var(--accent); }
.demo-console { border: 1px solid #2a302a; background: #101310; border-radius: 24px; padding: 24px; box-shadow: var(--shadow); }
.console-label { display: flex; gap: .65rem; align-items: center; color: #8d978e; letter-spacing: .12em; font-size: .7rem; font-weight: 900; border-bottom: 1px solid #252a25; padding-bottom: 16px; }
.transcript { display: grid; gap: 14px; padding: 24px 0; }
.message { max-width: 84%; padding: 14px 16px; border-radius: 15px; font-size: .94rem; }
.message.caller { justify-self: start; background: #222722; }
.message.ai { justify-self: end; background: #1c2a15; border: 1px solid #344924; }
.message small { display: block; color: #899188; margin-bottom: 5px; font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; }
.demo-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.demo-action { background: #171b17; border: 1px solid #293029; border-radius: 12px; padding: 12px; }
.demo-action b { display: block; color: var(--accent); font-size: .76rem; text-transform: uppercase; letter-spacing: .08em; }
.demo-action span { color: #b8c0b8; font-size: .8rem; }

.steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line-dark); }
.steps li { display: grid; grid-template-columns: 90px 1fr; gap: 20px; padding: 28px 0; border-bottom: 1px solid var(--line-dark); }
.steps li > span { color: #7b837b; font-weight: 900; }
.steps h3 { margin: 0 0 .4rem; font-size: 1.45rem; letter-spacing: -.03em; }
.steps p { margin: 0; color: var(--muted-dark); }

.trade-card { padding: 24px; display: flex; flex-direction: column; min-height: 145px; justify-content: space-between; }
.trade-card b { font-size: 1.2rem; }
.trade-card span { color: var(--muted-dark); font-size: .9rem; }

.capabilities-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 60px; }
.capability-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.mini-card { padding: 24px; }
.mini-card h3 { margin: 0 0 .5rem; }
.mini-card p { color: var(--muted-dark); margin-bottom: 0; }

.packages-section { background:
  radial-gradient(circle at 15% 10%, rgba(183,255,54,.08), transparent 25%),
  var(--bg);
}
.package-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.package-card { background: #121512; border: 1px solid #2a302a; border-radius: 28px; padding: 30px; }
.package-card-featured { border-color: rgba(183,255,54,.5); box-shadow: 0 0 0 1px rgba(183,255,54,.08), var(--shadow); }
.package-head { display: flex; align-items: start; justify-content: space-between; gap: 1rem; padding-bottom: 20px; border-bottom: 1px solid #262c26; }
.package-head h3 { font-size: 1.7rem; margin: .25rem 0 0; letter-spacing: -.04em; }
.package-label { color: #8f988e; }
.price { display: flex; align-items: baseline; margin: 0; font-size: 2.35rem; font-weight: 900; letter-spacing: -.06em; white-space: nowrap; }
.price > span { font-size: 1rem; margin-right: 2px; }
.price small { font-size: .7rem; font-weight: 700; color: var(--muted); margin-left: 7px; letter-spacing: 0; }
.package-card > p { color: #b1b9b0; }
.check-list { list-style: none; padding: 0; margin: 24px 0; display: grid; gap: 9px; }
.check-list li { color: #dce1da; font-size: .9rem; padding-left: 1.5rem; position: relative; }
.check-list li::before { content: "✓"; position: absolute; left: 0; color: var(--accent); font-weight: 900; }
.custom-package { margin-top: 20px; border: 1px dashed #394039; border-radius: 20px; padding: 24px; display: grid; grid-template-columns: .7fr 1.3fr auto; gap: 24px; align-items: center; }
.custom-package h3 { margin: .25rem 0 0; }
.custom-package p { color: var(--muted); }
.text-link { color: var(--accent); text-decoration: none; font-weight: 800; white-space: nowrap; }

.calculator-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: start; }
.calculator-card { border: 1px solid var(--line-dark); border-radius: 28px; background: white; padding: 28px; display: grid; gap: 18px; box-shadow: 0 18px 50px rgba(17,19,16,.08); }
.calculator-card label { display: grid; gap: 8px; font-size: .84rem; font-weight: 800; }
.calculator-card input { width: 100%; border: 1px solid #c8ccc5; border-radius: 12px; padding: .9rem 1rem; background: #faf9f4; font-size: 1.05rem; }
.calculator-result { background: var(--ink); color: white; border-radius: 18px; padding: 22px; display: grid; gap: 6px; }
.calculator-result span { color: #b9c0b9; font-size: .8rem; }
.calculator-result strong { color: var(--accent); font-size: 2.6rem; letter-spacing: -.05em; }
.calculator-result small { color: #969f96; }

.proof-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.proof-card { padding: 26px; }
.proof-card > span { font-size: .68rem; font-weight: 900; text-transform: uppercase; letter-spacing: .12em; color: #6d756d; }
.proof-card h3 { margin: 2.4rem 0 .6rem; }
.proof-card p { color: var(--muted-dark); margin-bottom: 0; }

.faq-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 70px; }
.faq-list { border-top: 1px solid var(--line-dark); }
details { border-bottom: 1px solid var(--line-dark); padding: 0; }
summary { list-style: none; cursor: pointer; padding: 22px 36px 22px 0; font-weight: 850; position: relative; }
summary::-webkit-details-marker { display: none; }
summary::after { content: "+"; position: absolute; right: 0; top: 20px; font-size: 1.4rem; }
details[open] summary::after { content: "−"; }
details p { margin: 0 0 22px; color: var(--muted-dark); max-width: 720px; }

.final-cta { background: var(--accent); padding: 80px 0; }
.final-cta-inner { display: grid; grid-template-columns: 1.4fr .6fr; gap: 40px; align-items: end; }
.final-cta h2 { margin: .2rem 0 1rem; font-size: clamp(2.3rem, 4.5vw, 4.8rem); line-height: .95; letter-spacing: -.06em; }
.final-cta p { max-width: 700px; }
.final-actions { display: flex; gap: .7rem; flex-direction: column; align-items: stretch; }

.site-footer { background: var(--bg); color: white; padding: 34px 0; }
.footer-inner { display: grid; grid-template-columns: auto 1fr auto; gap: 30px; align-items: center; }
.footer-inner p { margin: 0; color: #a9b1a9; font-size: .85rem; }
.footer-meta { text-align: right; }

.reveal { opacity: 0; transform: translateY(16px); transition: opacity .55s ease, transform .55s ease; }
.reveal.visible { opacity: 1; transform: none; }

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

@media (max-width: 900px) {
  .nav-links { position: fixed; inset: 76px 20px auto 20px; display: none; flex-direction: column; align-items: stretch; background: var(--paper); border: 1px solid var(--line-dark); border-radius: 18px; padding: 16px; box-shadow: var(--shadow); }
  .nav-links.open { display: flex; }
  .nav-toggle { display: block; }
  .nav-cta { display: none; }
  .hero-grid, .demo-layout, .capabilities-layout, .calculator-grid, .faq-layout, .final-cta-inner { grid-template-columns: 1fr; }
  .hero { padding-top: 82px; }
  .hero-system { max-width: 650px; }
  .card-grid.three, .card-grid.four { grid-template-columns: repeat(2, 1fr); }
  .package-grid { grid-template-columns: 1fr; }
  .custom-package { grid-template-columns: 1fr; }
  .proof-grid { grid-template-columns: 1fr; }
  .signal-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-inner { grid-template-columns: 1fr; }
  .footer-meta { text-align: left; }
}

@media (max-width: 620px) {
  .shell { width: min(calc(100% - 28px), var(--max)); }
  .section { padding: 76px 0; }
  .hero h1 { font-size: clamp(3rem, 16vw, 4.6rem); }
  .hero-facts { grid-template-columns: 1fr; gap: 14px; }
  .hero-facts div { padding-bottom: 10px; border-bottom: 1px solid var(--line-dark); }
  .card-grid.three, .card-grid.four, .capability-grid, .demo-actions { grid-template-columns: 1fr; }
  .signal-grid { grid-template-columns: repeat(2, 1fr); }
  .call-row { grid-template-columns: 42px 1fr; }
  .call-row .pill { grid-column: 2; justify-self: start; }
  .package-card { padding: 22px; }
  .package-head { flex-direction: column; }
  .steps li { grid-template-columns: 54px 1fr; }
}

/* W2/W3 intelligence-led additions */
.demo-mode-switch {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  margin-top: 1.6rem;
  border: 1px solid #353c35;
  border-radius: 12px;
  background: #0f120f;
}
.mode-button {
  border: 0;
  background: transparent;
  color: #939c93;
  padding: .62rem .8rem;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 800;
  font-size: .78rem;
}
.mode-button.active,
.mode-button:hover {
  background: #242a24;
  color: var(--accent);
}
.text-link-dark { color: var(--ink); }

.installed-section {
  border-top: 1px solid var(--line-dark);
  border-bottom: 1px solid var(--line-dark);
}
.installed-grid {
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 70px;
  align-items: start;
}
.installed-stack { border-top: 1px solid var(--line-dark); }
.installed-row {
  display: grid;
  grid-template-columns: 46px 1fr auto;
  gap: 16px;
  align-items: start;
  padding: 22px 0;
  border-bottom: 1px solid var(--line-dark);
}
.installed-row > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--ink);
  color: var(--accent);
  font-size: .72rem;
  font-weight: 900;
}
.installed-row h3 { margin: 0 0 .35rem; font-size: 1.05rem; }
.installed-row p { margin: 0; color: var(--muted-dark); font-size: .9rem; }
.installed-row > b {
  align-self: center;
  font-size: .68rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #687069;
}

.package-comparison {
  margin-top: 26px;
  border: 1px solid #2a302a;
  border-radius: 24px;
  overflow: hidden;
  background: #101310;
}
.comparison-heading {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 30px;
  padding: 26px 28px;
  border-bottom: 1px solid #2a302a;
}
.comparison-heading h3 { margin: .3rem 0 0; font-size: 1.45rem; letter-spacing: -.035em; }
.comparison-heading p { margin: 0; color: var(--muted); font-size: .9rem; }
.comparison-table-wrap { overflow-x: auto; }
.comparison-table { width: 100%; border-collapse: collapse; min-width: 720px; }
.comparison-table th,
.comparison-table td {
  text-align: left;
  padding: 14px 18px;
  border-bottom: 1px solid #242a24;
  vertical-align: top;
}
.comparison-table th {
  color: #8f988e;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.comparison-table td { color: #d5dbd4; font-size: .86rem; }
.comparison-table td:nth-child(2),
.comparison-table td:nth-child(3) { color: #eef2ec; }
.comparison-table tbody tr:last-child td { border-bottom: 0; }

.decision-section { background: #111411; color: var(--text); }
.decision-grid {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: 70px;
}
.decision-copy h2 {
  margin: .25rem 0 1rem;
  font-size: clamp(2.2rem, 4vw, 4rem);
  line-height: .98;
  letter-spacing: -.05em;
}
.decision-copy p:last-child { color: var(--muted); }
.decision-questions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.decision-card {
  border: 1px solid #293029;
  background: #171b17;
  border-radius: 20px;
  padding: 22px;
}
.decision-card > span { color: var(--accent); font-size: .72rem; font-weight: 900; }
.decision-card h3 { margin: 2.8rem 0 .55rem; font-size: 1.1rem; }
.decision-card p { color: #aab2aa; margin: 0; font-size: .88rem; }

@media (max-width: 900px) {
  .installed-grid, .decision-grid, .comparison-heading { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .installed-row { grid-template-columns: 42px 1fr; }
  .installed-row > b { grid-column: 2; justify-self: start; }
  .decision-questions { grid-template-columns: 1fr; }
  .demo-mode-switch { display: flex; }
  .mode-button { flex: 1; }
}

/* W3 workflow map + W7 assessment/accessibility */
:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}
.workflow-section {
  background:
    linear-gradient(180deg, rgba(17,19,16,.02), rgba(17,19,16,0)),
    var(--paper);
}
.workflow-map {
  display: grid;
  grid-template-columns: .8fr 56px 1fr 1.6fr;
  gap: 18px;
  align-items: stretch;
}
.workflow-source,
.workflow-hub {
  border: 1px solid var(--line-dark);
  border-radius: 22px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 160px;
  background: rgba(255,255,255,.45);
}
.workflow-hub {
  background: var(--ink);
  color: var(--text);
  border-color: #252a26;
}
.workflow-source strong,
.workflow-hub strong { font-size: 1.35rem; letter-spacing: -.035em; }
.workflow-source small { color: var(--muted-dark); }
.workflow-hub small { color: var(--muted); }
.workflow-kicker {
  display: block;
  margin-bottom: 2rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: .66rem;
  font-weight: 900;
  color: #747d74;
}
.workflow-hub .workflow-kicker { color: var(--accent); }
.workflow-arrow {
  display: grid;
  place-items: center;
  font-size: 2rem;
  color: #727a72;
}
.workflow-branches {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.workflow-branches article {
  border: 1px solid var(--line-dark);
  border-radius: 18px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  background: rgba(255,255,255,.38);
}
.workflow-branches span {
  color: #7c847c;
  font-size: .66rem;
  font-weight: 900;
  margin-bottom: auto;
}
.workflow-branches b { margin-top: 2rem; }
.workflow-branches small { color: var(--muted-dark); }
.workflow-note {
  margin: 20px 0 0 auto;
  max-width: 680px;
  color: var(--muted-dark);
  font-size: .9rem;
}

.assessment-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 70px;
  align-items: start;
}
.assessment-copy h2 {
  margin: .2rem 0 1rem;
  font-size: clamp(2.3rem, 4.5vw, 4.8rem);
  line-height: .95;
  letter-spacing: -.06em;
}
.assessment-copy > p:not(.eyebrow) { max-width: 620px; }
.assessment-copy .button { margin-top: 1rem; }
.assessment-form {
  background: rgba(17,19,16,.95);
  color: var(--text);
  border-radius: 26px;
  padding: 26px;
  box-shadow: var(--shadow);
  display: grid;
  gap: 16px;
}
.assessment-form label {
  display: grid;
  gap: 7px;
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .01em;
}
.assessment-form .optional {
  color: #aab2aa;
  font-weight: 600;
}
.assessment-form input,
.assessment-form select,
.assessment-form textarea {
  width: 100%;
  border: 1px solid #374038;
  background: #171b17;
  color: var(--text);
  border-radius: 12px;
  padding: .85rem .9rem;
}
.assessment-form input::placeholder,
.assessment-form textarea::placeholder { color: #778077; }
.assessment-form textarea { resize: vertical; min-height: 110px; }
.form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.assessment-form .button {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--ink);
  cursor: pointer;
}
.form-status {
  margin: 0;
  color: #9da69d;
  font-size: .72rem;
  line-height: 1.45;
}
.form-status.notice {
  color: var(--accent-2);
}

@media (max-width: 980px) {
  .workflow-map {
    grid-template-columns: 1fr 40px 1fr;
  }
  .workflow-branches {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 900px) {
  .assessment-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .workflow-map { grid-template-columns: 1fr; }
  .workflow-arrow { transform: rotate(90deg); min-height: 32px; }
  .workflow-branches { grid-column: auto; grid-template-columns: repeat(2, 1fr); }
  .form-row { grid-template-columns: 1fr; }
  .assessment-form { padding: 20px; }
}

/* MARKET VISUAL REDESIGN V2 — category-native AI receptionist language */
:root {
  --bg: #17152b;
  --surface: #ffffff;
  --surface-2: #f7f5ff;
  --paper: #fbfaff;
  --paper-2: #f3f0fb;
  --ink: #17162a;
  --text: #17162a;
  --muted: #726f82;
  --muted-dark: #676476;
  --line: rgba(68, 55, 128, .14);
  --line-dark: rgba(42, 35, 80, .14);
  --accent: #6d4aff;
  --accent-2: #a897ff;
  --accent-soft: #eee9ff;
  --blue: #5f7cff;
  --max: 1180px;
  --radius: 20px;
  --radius-sm: 13px;
  --shadow: 0 24px 70px rgba(55, 40, 120, .10);
}

body {
  background: var(--paper);
  color: var(--ink);
}

.site-header {
  background: rgba(251,250,255,.9);
  border-bottom-color: rgba(79,66,137,.11);
  box-shadow: 0 8px 30px rgba(38,30,78,.035);
}
.brand-mark {
  background: linear-gradient(135deg, #7657ff, #536dff);
  color: #fff;
  border-radius: 11px;
  box-shadow: 0 8px 20px rgba(109,74,255,.22);
}
.nav-links a { color: #555166; }
.nav-links a:hover { color: var(--accent); }
.nav-toggle { border-color: #dcd6f1; color: var(--ink); }

.button {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
  border-radius: 11px;
  box-shadow: 0 8px 20px rgba(109,74,255,.15);
}
.button:hover {
  box-shadow: 0 12px 28px rgba(109,74,255,.22);
}
.button-secondary {
  background: #fff;
  color: var(--ink);
  border-color: #d9d3ec;
  box-shadow: none;
}

.eyebrow {
  color: #5f5872;
  letter-spacing: .11em;
}
.section-no {
  display: inline-flex;
  width: 27px;
  height: 27px;
  align-items: center;
  justify-content: center;
  margin-right: .55rem;
  border: 1px solid #d7d0ef;
  border-radius: 8px;
  background: #f3efff;
  color: var(--accent);
  font-size: .62rem;
  letter-spacing: 0;
}
.section-heading h2 {
  letter-spacing: -.045em;
  line-height: 1.01;
}
.section-heading p:last-child { color: var(--muted-dark); }

.hero {
  padding-top: 112px;
  background:
    radial-gradient(circle at 78% 16%, rgba(130,104,255,.18), transparent 27%),
    radial-gradient(circle at 90% 38%, rgba(95,124,255,.10), transparent 20%),
    linear-gradient(180deg, #ffffff 0%, #f8f5ff 100%);
}
.hero-grid { gap: 76px; }
.hero h1 {
  letter-spacing: -.062em;
  line-height: .94;
  font-size: clamp(3.2rem, 6vw, 6.25rem);
}
.hero-lede { color: #625e70; max-width: 720px; }
.hero-facts {
  border-top: 0;
  gap: 10px;
  padding-top: .7rem;
}
.hero-facts div {
  border: 1px solid #e1dcf0;
  background: rgba(255,255,255,.72);
  border-radius: 13px;
  padding: 12px 14px;
}
.hero-facts strong { color: #332c55; }
.hero-facts span { color: #777286; }

.hero-system::before {
  inset: 4% 2% -4% 6%;
  background: #8468ff;
  filter: blur(90px);
  opacity: .16;
}
.system-window {
  background: rgba(255,255,255,.96);
  color: var(--ink);
  border: 1px solid #ded8ee;
  border-radius: 24px;
  transform: none;
  box-shadow: 0 30px 80px rgba(73,56,145,.16);
}
.window-bar {
  color: #625e70;
  padding: 3px 3px 10px;
}
.window-meta { color: #8b859b; }
.status-dot {
  background: #7356ff;
  box-shadow: 0 0 0 5px rgba(115,86,255,.09);
}
.call-row {
  background: #faf9fe;
  border-color: #e5e1ef;
  color: var(--ink);
}
.call-row.active {
  background: #f4f0ff;
  border-color: #cfc3ff;
}
.call-row small { color: #777286; }
.call-icon {
  background: #ece7ff;
  color: #6546ee;
}
.pill {
  border-color: #ddd7ed;
  background: #fff;
  color: #6b6677;
}
.pill-accent {
  background: #6d4aff;
  color: #fff;
  border-color: #6d4aff;
}
.flow-line { background: #d9d3e9; }
.system-footer {
  color: #777286;
  border-top: 1px solid #ece8f3;
  padding-top: 16px;
}

.signal-strip {
  background: #fff;
  color: var(--ink);
  border-top: 1px solid #e7e2f2;
  border-bottom: 1px solid #e7e2f2;
}
.signal-grid { color: #5f5a6e; }
.signal-grid span::before { color: var(--accent); }

.card,
.mini-card,
.trade-card,
.proof-card {
  background: #fff;
  border-color: #e5e0f0;
  box-shadow: 0 12px 34px rgba(53,42,102,.045);
}
.card-index { color: #7b6bc8; }
.card h3 { letter-spacing: -.03em; }
.card p,
.mini-card p,
.trade-card span,
.proof-card p { color: #6e6978; }

.section-soft {
  background: #f6f3fc;
}

.section-dark {
  background:
    radial-gradient(circle at 82% 12%, rgba(109,74,255,.10), transparent 25%),
    #f7f5ff;
  color: var(--ink);
}
.section-dark .section-heading p:last-child { color: var(--muted-dark); }
.section-dark .button {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.section-dark .button-secondary {
  background: #fff;
  color: var(--ink);
  border-color: #d7d1e8;
}

.demo-mode-switch {
  background: #ece7f7;
  border-color: #ddd5f2;
}
.mode-button { color: #696376; }
.mode-button.active,
.mode-button:hover {
  background: #fff;
  color: #5e42dc;
  box-shadow: 0 4px 15px rgba(67,51,129,.08);
}
.chip {
  background: #fff;
  color: #625c70;
  border-color: #dcd6e9;
}
.chip.active,
.chip:hover {
  background: #6d4aff;
  color: #fff;
  border-color: #6d4aff;
}
.demo-console {
  background: #fff;
  color: var(--ink);
  border-color: #ddd7eb;
  box-shadow: 0 28px 70px rgba(58,42,127,.12);
}
.console-label {
  color: #716b7e;
  border-bottom-color: #ebe6f2;
}
.message.caller {
  background: #f3f1f8;
  color: #353140;
}
.message.ai {
  background: #eee9ff;
  border-color: #d9ceff;
  color: #2e2654;
}
.message small { color: #7b7486; }
.demo-action {
  background: #faf9fe;
  border-color: #e1dced;
}
.demo-action b { color: #6445e9; }
.demo-action span { color: #6c6678; }

.steps { border-top-color: #dfdaea; }
.steps li { border-bottom-color: #dfdaea; }
.steps li > span { color: #6d4aff; }
.steps p { color: #6f6a79; }

.workflow-source,
.workflow-branches article {
  background: #fff;
  border-color: #e2dcec;
}
.workflow-hub {
  background: linear-gradient(145deg, #5f45dc, #7259ef);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 18px 45px rgba(84,59,190,.20);
}
.workflow-hub .workflow-kicker { color: #ded6ff; }
.workflow-hub small { color: #e5e0ff; }
.workflow-arrow { color: #8a7bd0; }
.workflow-branches span { color: #7663cc; }

.installed-row > span {
  background: #eee9ff;
  color: #6445e9;
}
.installed-row > b { color: #6a59b8; }
.installed-row p { color: #6c6777; }

.packages-section {
  background:
    radial-gradient(circle at 90% 4%, rgba(109,74,255,.10), transparent 26%),
    #faf9fe;
  color: var(--ink);
}
.packages-section .section-heading p:last-child { color: #6f6979; }
.package-grid { gap: 22px; }
.package-card {
  background: #fff;
  border-color: #ded8eb;
  color: var(--ink);
  box-shadow: 0 18px 50px rgba(53,39,116,.07);
}
.package-card-featured {
  border-color: #9f8dff;
  box-shadow: 0 22px 60px rgba(85,61,194,.14);
  position: relative;
}
.package-card-featured::before {
  content: "Expanded system";
  position: absolute;
  top: -13px;
  right: 22px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #6d4aff;
  color: #fff;
  font-size: .64rem;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.package-head {
  border-bottom-color: #ebe7f2;
}
.package-head h3 { color: #25213a; }
.package-label { color: #6b5bb9; }
.price { color: #2b2545; }
.price small { color: #7d7788; }
.package-card > p { color: #6e6878; }
.check-list li { color: #4d4858; }
.check-list li::before { color: #6d4aff; }
.package-card .button { color: #fff; }
.package-comparison {
  background: #fff;
  border-color: #ded9eb;
}
.comparison-heading { border-bottom-color: #eae6f1; }
.comparison-heading p { color: #716b7c; }
.comparison-table th { color: #6b5ead; }
.comparison-table td { color: #595363; border-bottom-color: #ece8f3; }
.comparison-table td:nth-child(2),
.comparison-table td:nth-child(3) { color: #302b3a; }
.custom-package {
  background: #f3efff;
  border-color: #cfc4f6;
}
.custom-package p { color: #6c6678; }
.text-link { color: #6245df; }

.calculator-card {
  border-color: #e0daed;
  box-shadow: 0 18px 50px rgba(52,39,108,.07);
}
.calculator-card input {
  background: #fbfafe;
  border-color: #dcd5e8;
}
.calculator-result {
  background: linear-gradient(145deg, #5b43cd, #755cf0);
  color: #fff;
}
.calculator-result span,
.calculator-result small { color: #dfd9ff; }
.calculator-result strong { color: #fff; }

.decision-section {
  background: #f4f1fb;
  color: var(--ink);
}
.decision-copy p:last-child { color: #716b7d; }
.decision-card {
  background: #fff;
  border-color: #e0daec;
}
.decision-card > span { color: #6d4aff; }
.decision-card p { color: #6d6779; }

.faq-list { border-top-color: #ded8e8; }
details { border-bottom-color: #ded8e8; }
details p { color: #6d6777; }

.final-cta {
  background:
    radial-gradient(circle at 18% 20%, rgba(146,120,255,.24), transparent 30%),
    linear-gradient(135deg, #211b42, #17152b);
  color: #fff;
}
.final-cta .eyebrow { color: #cbc2ff; }
.final-cta .section-no {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #d9d1ff;
}
.assessment-copy > p:not(.eyebrow) { color: #c8c2d8; }
.assessment-copy .button-secondary {
  background: transparent;
  color: #fff;
  border-color: rgba(255,255,255,.3);
}
.assessment-form {
  background: #fff;
  color: var(--ink);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 30px 70px rgba(0,0,0,.22);
}
.assessment-form input,
.assessment-form select,
.assessment-form textarea {
  background: #faf9fe;
  color: var(--ink);
  border-color: #dcd5e8;
}
.assessment-form input::placeholder,
.assessment-form textarea::placeholder { color: #918b9a; }
.assessment-form .optional { color: #817a8d; }
.assessment-form .button {
  background: #6d4aff;
  border-color: #6d4aff;
  color: #fff;
}
.form-status { color: #7b7486; }
.form-status.notice { color: #5e43d6; }

.site-footer {
  background: #11101d;
}
.footer-inner p { color: #aaa5b7; }

@media (max-width: 900px) {
  .nav-links {
    background: #fff;
    border-color: #ddd7eb;
  }
}


/* TECHNICAL_IMPLEMENTATION_PIVOT */
.nav-wrap { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }
.site-nav { display: flex; align-items: center; gap: 1.5rem; margin-left: auto; }
.site-nav a { text-decoration: none; color: #333932; font-size: .9rem; font-weight: 700; }
.site-nav a:hover { color: #000; }
.hero-copy { position: relative; z-index: 2; }
.hero-panel { position: relative; }
.hero-panel::before {
  content: ""; position: absolute; inset: 10% 4% -6%;
  background: var(--accent); filter: blur(72px); opacity: .22; border-radius: 50%;
}
.hero-panel > .panel-kicker,
.hero-panel > .signal-stack { position: relative; z-index: 1; }
.hero-panel {
  background: var(--bg); color: var(--text); border: 1px solid #252a26;
  border-radius: 28px; padding: 28px; box-shadow: var(--shadow);
}
.panel-kicker {
  display: inline-flex; padding: .42rem .65rem; border: 1px solid #343a34;
  border-radius: 999px; color: var(--accent); text-transform: uppercase;
  letter-spacing: .12em; font-size: .68rem; font-weight: 900;
}
.signal-stack { display: grid; gap: 12px; margin-top: 22px; }
.signal-stack > div {
  display: grid; grid-template-columns: 38px 1fr; column-gap: 14px; align-items: center;
  background: #151915; border: 1px solid #262c26; border-radius: 16px; padding: 17px 18px;
}
.signal-stack > div > span {
  grid-row: 1 / span 2; color: var(--accent); font-weight: 900; font-size: .76rem;
  border-right: 1px solid #303630; padding-right: 12px;
}
.signal-stack strong { font-size: 1rem; }
.signal-stack small { color: var(--muted); margin-top: 2px; }
.proof-section { background: #111310; color: var(--text); }
.proof-section .section-heading p:last-child { color: var(--muted); }
.proof-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;
}
.proof-card { padding: 26px; min-height: 230px; }
.proof-card > span {
  display: inline-block; color: #667066; text-transform: uppercase;
  font-size: .7rem; font-weight: 900; letter-spacing: .12em; margin-bottom: 2.5rem;
}
.proof-card h3 { margin: 0 0 .8rem; font-size: 1.35rem; letter-spacing: -.03em; }
.proof-card p { color: var(--muted-dark); margin-bottom: 0; }
.assessment-form textarea { resize: vertical; min-height: 105px; }
.final-cta { background: var(--bg); color: var(--text); }
.final-cta .assessment-copy p { color: var(--muted); }

@media (max-width: 900px) {
  .proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-nav { gap: 1rem; }
  .nav-cta { display: none; }
}
@media (max-width: 760px) {
  .nav-wrap { position: relative; }
  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .site-nav {
    display: none; position: absolute; left: 20px; right: 20px; top: 68px;
    margin: 0; padding: 16px; flex-direction: column; align-items: stretch;
    background: var(--paper); border: 1px solid var(--line-dark); border-radius: 16px;
    box-shadow: var(--shadow);
  }
  .site-nav.open { display: flex; }
  .site-nav a { padding: .55rem .4rem; }
  .proof-grid { grid-template-columns: 1fr; }
  .hero-panel { margin-top: 10px; }
}


.hp-field {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.assessment-form button[disabled] {
  cursor: wait;
  opacity: 0.68;
}
.form-status[data-state="error"] {
  font-weight: 650;
}

/* 2026-09-26 five-offer commercial + proof integration */
.offer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.offer-card {
  background: rgba(255,255,255,.62);
  border: 1px solid var(--line-dark);
  border-radius: 24px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  min-height: 420px;
  box-shadow: 0 14px 44px rgba(17,19,16,.05);
}
.offer-card-featured {
  border-color: rgba(94,67,214,.42);
  box-shadow: 0 16px 48px rgba(94,67,214,.10);
}
.offer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line-dark);
}
.offer-time {
  font-size: .76rem;
  font-weight: 800;
  color: var(--muted-dark);
  text-align: right;
}
.offer-card h3 {
  font-size: clamp(1.55rem, 2.4vw, 2rem);
  line-height: 1.05;
  letter-spacing: -.045em;
  margin: 28px 0 12px;
}
.offer-card > p {
  color: var(--muted-dark);
}
.offer-price {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 9px;
  align-items: baseline;
  padding: 20px 0;
  margin-top: auto;
}
.offer-price strong {
  font-size: 2rem;
  letter-spacing: -.06em;
}
.offer-price span,
.offer-price small {
  color: var(--muted-dark);
  font-size: .78rem;
}
.offer-price b {
  grid-column: 1 / -1;
  margin-top: 5px;
  font-size: .95rem;
}
.offer-price small {
  grid-column: 1 / -1;
}
.offer-price-stacked strong { font-size: 1.55rem; }
.scope-note {
  border-top: 1px solid var(--line-dark);
  padding-top: 16px;
  font-size: .88rem;
}
.offer-card .text-link { margin-top: 12px; font-weight: 850; }
.commercial-note {
  margin-top: 22px;
  border: 1px solid var(--line-dark);
  border-radius: 18px;
  padding: 20px 22px;
  background: rgba(255,255,255,.45);
  color: var(--muted-dark);
}
.commercial-note strong { color: var(--ink); }

.proof-lab-section { overflow: hidden; }
.evidence-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(183,255,54,.34);
  background: rgba(183,255,54,.06);
  border-radius: 16px;
  padding: 14px 16px;
  margin-bottom: 18px;
}
.evidence-banner strong,
.evidence-banner span {
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.evidence-banner strong { color: var(--accent); }
.evidence-banner span { color: #c6cec4; }
.demo-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 14px;
}
.demo-tab {
  border: 1px solid #343a35;
  border-radius: 999px;
  background: #161a17;
  color: #c7cec5;
  padding: 10px 14px;
  font: inherit;
  font-size: .82rem;
  font-weight: 800;
  cursor: pointer;
}
.demo-tab:hover,
.demo-tab.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #111;
}
.demo-stage {
  border: 1px solid #2c332d;
  border-radius: 24px;
  overflow: hidden;
  background: #0e110f;
  box-shadow: 0 24px 80px rgba(0,0,0,.28);
}
.demo-stage-bar {
  min-height: 68px;
  padding: 12px 16px;
  border-bottom: 1px solid #293029;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}
.demo-stage-bar > div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.demo-stage-bar small { color: #899188; }
.demo-frame {
  display: block;
  width: 100%;
  min-height: 760px;
  border: 0;
  background: #0f1210;
}
.proof-principles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 18px;
}
.proof-principles article {
  border: 1px solid #293029;
  border-radius: 18px;
  padding: 22px;
  background: #121512;
}
.proof-principles article > span {
  color: var(--accent);
  font-size: .75rem;
  font-weight: 900;
}
.proof-principles h3 { margin: 18px 0 8px; }
.proof-principles p { color: #aab2a9; margin: 0; }

.trust-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.trust-card {
  border: 1px solid var(--line-dark);
  border-radius: 22px;
  padding: 26px;
  background: rgba(255,255,255,.38);
}
.trust-card > span {
  color: #5e43d6;
  font-size: .7rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.trust-card h3 { margin: 34px 0 10px; font-size: 1.35rem; letter-spacing: -.035em; }
.trust-card p { color: var(--muted-dark); margin-bottom: 0; }
.footer-meta a { color: inherit; }

@media (max-width: 900px) {
  .offer-grid { grid-template-columns: 1fr; }
  .proof-principles,
  .trust-grid { grid-template-columns: 1fr; }
  .demo-frame { min-height: 820px; }
}
@media (max-width: 620px) {
  .offer-card { padding: 22px; min-height: 0; }
  .offer-top { align-items: flex-start; }
  .demo-stage-bar { align-items: flex-start; flex-direction: column; }
  .demo-stage-bar .button { width: 100%; }
  .demo-tabs { display: grid; grid-template-columns: 1fr 1fr; }
  .demo-tab:last-child { grid-column: 1 / -1; }
  .demo-frame { min-height: 900px; }
}

.illustrative-scenarios{
  margin-top:22px;padding:26px;border:1px solid #2b322c;border-radius:24px;background:#0f1210
}
.scenario-heading{display:grid;grid-template-columns:1fr .9fr;gap:30px;align-items:end;margin-bottom:18px}
.scenario-heading h3{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1;letter-spacing:-.045em;margin:.45rem 0 0}
.scenario-heading p{color:#aab2a9;margin:0}
.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.scenario-card{border:1px solid #293029;border-radius:18px;background:#151916;padding:22px}
.scenario-card>span{display:block;color:#aab2a9;font-size:.66rem;font-weight:900;letter-spacing:.1em}
.scenario-card>strong{display:block;color:var(--accent);font-size:clamp(1.55rem,3vw,2.45rem);letter-spacing:-.05em;margin:22px 0 6px}
.scenario-card h4{font-size:1.05rem;margin:0 0 9px}
.scenario-card p{color:#aab2a9;margin:0;font-size:.88rem}
@media(max-width:760px){.scenario-heading,.scenario-grid{grid-template-columns:1fr}.illustrative-scenarios{padding:20px}}

.conversion-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:620px){.conversion-actions{display:grid;grid-template-columns:1fr}.conversion-actions .button{width:100%}}

.offer-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.offer-actions .text-link{margin-top:0}
.consent-check{display:flex!important;gap:10px;align-items:flex-start;font-size:.82rem;color:#aab2a9}
.consent-check input{width:auto;margin-top:3px}
.consent-check a{color:inherit;text-decoration:underline}
.legal-page{max-width:920px;margin:0 auto;padding:120px 24px 80px}
.legal-page h1{font-size:clamp(2.5rem,7vw,5rem);letter-spacing:-.06em}
.legal-page h2{margin-top:36px;font-size:1.35rem}
.legal-page p,.legal-page li{color:var(--muted-dark)}
.preview-warning{border:1px solid #665c2d;background:#1d1a0d;border-radius:14px;padding:14px 16px;color:#e7d88b;margin:20px 0}

.company-disclosure{margin-top:18px;padding-top:16px;border-top:1px solid #2b322c;color:#929a92;font-size:.72rem;line-height:1.55}
.company-disclosure p{margin:3px 0}
.company-disclosure a{color:inherit;text-decoration:underline}


/* BYFORCE package landing pages */
.package-hero{padding:96px 0 86px;background:radial-gradient(circle at 82% 14%,rgba(183,255,54,.22),transparent 28%),linear-gradient(180deg,#f8f6ef 0%,var(--paper) 100%)}
.package-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:64px;align-items:center}
.package-breadcrumb{margin:0 0 24px;color:var(--muted-dark);font-size:.84rem;font-weight:750}.package-breadcrumb a{text-decoration:none}.package-breadcrumb a:hover{text-decoration:underline}
.package-hero h1{font-size:clamp(3rem,6vw,6.2rem);line-height:.9;letter-spacing:-.07em;margin:.25rem 0 1.35rem;max-width:860px}
.package-promise{font-size:clamp(1.08rem,1.7vw,1.3rem);color:#4f574f;max-width:760px}
.package-proof-note{font-size:.78rem;color:var(--muted-dark);max-width:680px}
.package-price-panel{background:var(--bg);color:var(--text);border-radius:26px;padding:30px;box-shadow:var(--shadow)}
.package-price-panel>span{display:block;color:var(--accent);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.package-price-panel>strong{display:block;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.95;letter-spacing:-.06em;margin:10px 0 28px}
.package-price-panel>div{padding:15px 0;border-top:1px solid #2a302b}.package-price-panel b{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.package-price-panel p{margin:4px 0 0;color:#c4cbc3}.package-price-panel small{display:block;color:#9ca59b;border-top:1px solid #2a302b;padding-top:16px;margin-top:2px}
.package-section h2{margin:.25rem 0 1rem;font-size:clamp(2.1rem,4vw,4rem);line-height:1;letter-spacing:-.05em}
.package-two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.package-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.package-list li{position:relative;padding:18px 20px 18px 50px;border:1px solid var(--line-dark);border-radius:16px;background:rgba(255,255,255,.36)}.package-list li:before{content:"✓";position:absolute;left:20px;top:18px;font-weight:900}.package-list-dark li{border-color:#2c332d;background:#121512;color:#d8ddd7}.package-list-dark li:before{color:var(--accent)}
.package-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.package-card{background:rgba(255,255,255,.48);border:1px solid var(--line-dark);border-radius:22px;padding:28px}.package-card>span{display:block;color:#5e43d6;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.package-card h3{font-size:1.55rem;line-height:1.1;letter-spacing:-.035em;margin:28px 0 14px}.package-card p{color:var(--muted-dark)}.package-card ul{padding-left:1.2rem;color:var(--muted-dark)}.package-card li+li{margin-top:9px}
.package-callout{margin-top:18px;border-left:4px solid var(--accent);background:#111411;color:var(--text);border-radius:0 16px 16px 0;padding:20px 24px}.package-callout strong{color:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.package-callout p{margin:7px 0 0;color:#c8cec7}
.package-nav{display:flex}
@media(max-width:900px){.package-hero-grid,.package-two-col,.package-card-grid{grid-template-columns:1fr}.package-hero-grid,.package-two-col{gap:34px}.package-price-panel{max-width:620px}.package-hero{padding:72px 0}.package-section{padding:78px 0}}
@media(max-width:620px){.package-nav{display:none}.package-hero{padding:54px 0 64px}.package-hero h1{font-size:clamp(2.75rem,15vw,4.6rem)}.package-card,.package-price-panel{padding:22px}.package-list li{padding:16px 16px 16px 44px}.package-list li:before{left:16px;top:16px}}
/* SALES PACKAGE MASTER TEMPLATE */
.sales-package-hero{padding-bottom:78px}
.package-signal-row{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}
.package-signal-row span{display:grid;gap:2px;min-width:150px;padding:13px 16px;border:1px solid #cfd5cd;border-radius:14px;background:rgba(255,255,255,.54)}
.package-signal-row b{font-size:.9rem}.package-signal-row small{color:var(--muted-dark);font-size:.74rem}
.package-price-panel-strong>strong{font-size:clamp(3rem,6vw,5.4rem)}
.price-panel-intro{color:#b8c0b7;margin:.65rem 0 1.25rem}
.section-lede{font-size:1.02rem;color:var(--muted-dark);max-width:720px}
.section-dark .section-lede{color:#b8c0b7}
.sales-pain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sales-pain-grid article{padding:22px;border:1px solid #d8ddd6;border-radius:18px;background:#fff}
.sales-pain-grid span{font-size:.72rem;font-weight:900;color:#6d4aff}
.sales-pain-grid h3{margin:22px 0 8px;font-size:1.15rem}.sales-pain-grid p{margin:0;color:var(--muted-dark);font-size:.9rem}
.sales-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:stretch;margin-top:34px}
.sales-flow article{display:flex;flex-direction:column;min-height:180px;padding:18px;border:1px solid #343a34;border-radius:18px;background:#171b17}
.sales-flow article span{font-size:.7rem;color:var(--accent);font-weight:900}.sales-flow article strong{font-size:1.05rem;margin-top:30px}.sales-flow article small{color:#abb4aa;margin-top:7px;line-height:1.45}
.sales-flow i{align-self:center;font-style:normal;color:var(--accent);font-size:1.4rem}
.demo-sell-grid,.maintenance-sales-grid,.scope-sales-grid,.final-sales-cta-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}
.demo-sell-card,.maintenance-sales-card{border-radius:24px;padding:28px;background:#111411;color:var(--text);box-shadow:var(--shadow)}
.demo-sell-card>span,.maintenance-sales-card>span{color:var(--accent);font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.demo-sell-card ul,.maintenance-sales-card ul{margin:22px 0 0;padding-left:20px;display:grid;gap:12px}.demo-sell-card li,.maintenance-sales-card li{color:#c2c9c1}
.evidence-disclosure{font-size:.78rem;color:var(--muted-dark);max-width:680px}
.package-card-sales h3{margin-top:30px}.package-card-sales ul{padding-left:18px;display:grid;gap:10px;color:var(--muted-dark)}
.maintenance-sales-card h3{font-size:1.7rem;margin:.35rem 0 1rem}.maintenance-sales-card p{color:#abb4aa}
.scope-sales-list{display:grid;gap:10px}.scope-sales-list details{border:1px solid #d7ddd5;border-radius:14px;background:#fff;padding:16px 18px}.scope-sales-list summary{cursor:pointer;font-weight:850}.scope-sales-list p{color:var(--muted-dark);margin:.75rem 0 0}
.final-sales-cta{background:#eeeaff}.final-sales-cta-inner h2{max-width:760px}.final-sales-actions{display:grid;justify-items:start;gap:16px}
@media(max-width:1000px){.sales-flow{grid-template-columns:1fr 1fr}.sales-flow i{display:none}.demo-sell-grid,.maintenance-sales-grid,.scope-sales-grid,.final-sales-cta-inner{grid-template-columns:1fr}.sales-pain-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.sales-pain-grid,.sales-flow{grid-template-columns:1fr}.package-signal-row span{width:100%}.demo-sell-card,.maintenance-sales-card{padding:22px}}

/* Sales-engine homepage and pricing */
.trust-strip{border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);background:#f5f3ff}
.trust-strip-inner{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-strip-inner>div{padding:18px 20px;border-right:1px solid var(--line-dark);display:flex;flex-direction:column;gap:4px}
.trust-strip-inner>div:last-child{border-right:0}
.trust-strip-inner span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-dark)}
.trust-strip-inner strong{font-size:.94rem}
.problem-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.problem-card{display:flex;flex-direction:column;min-height:250px;padding:22px;border:1px solid var(--line-dark);border-radius:14px;text-decoration:none;color:inherit;background:#fff;transition:transform .18s ease,border-color .18s ease}
.problem-card:hover{transform:translateY(-3px);border-color:#5a4ca8}
.problem-card span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#5a4ca8}
.problem-card strong{font-size:1.25rem;line-height:1.12;margin:36px 0 auto;letter-spacing:-.03em}
.problem-card small{margin-top:22px;font-weight:800}
.before-after-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.before-after-grid article{padding:28px;border:1px solid var(--line-dark);border-radius:14px}
.before-after-grid article span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.before-after-grid article h3{font-size:1.45rem;letter-spacing:-.04em}
.before-after-core{background:#111310;color:#f6f4ed}
.before-after-core p{color:#aab2a9}
.operator-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.operator-card{padding:32px;border:1px solid var(--line-dark);border-radius:16px;background:#fff}
.operator-card span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin-bottom:28px}
.operator-card strong{font-size:1.8rem;display:block;letter-spacing:-.04em}
.evidence-disclosure{font-size:.8rem;opacity:.75;max-width:760px;margin:18px auto 0;text-align:center}
.pricing-hero{padding-top:120px}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pricing-card{padding:28px;border:1px solid var(--line-dark);border-radius:16px;background:#fff}
.pricing-card>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.pricing-card h2{font-size:1.65rem;letter-spacing:-.04em}
.pricing-card>strong{font-size:1.45rem;display:block;margin:22px 0 8px}
.pricing-card-wide{grid-column:1/-1}
@media(max-width:1050px){.problem-grid{grid-template-columns:repeat(2,1fr)}.trust-strip-inner{grid-template-columns:repeat(2,1fr)}.operator-grid{grid-template-columns:1fr}}
@media(max-width:700px){.problem-grid,.before-after-grid,.pricing-grid,.trust-strip-inner{grid-template-columns:1fr}.pricing-card-wide{grid-column:auto}.trust-strip-inner>div{border-right:0;border-bottom:1px solid var(--line-dark)}}