/* KnovaTwin current-brand visual alignment — only color, surface, contrast and border styling.
   Base v8 layout, text, prices and source comparison rows are unchanged.
   Reference: saved KnovaTwin v3.1 website design theme (indigo/purple/orange/gold),
   plus user-supplied blue/orange app icon and latest available website screenshots.
*/
:root {
  --brand-indigo:#210c6a;
  --brand-deep:#311377;
  --brand-purple:#6b2cda;
  --brand-orange:#f86b18;
  --brand-gold:#ffb237;
  --brand-pale:#f7f1ff;
  --brand-white:#fff;
  --brand-ink:#241351;
  --navy:#210c6a;
  --navy2:#311377;
  --blue:#6b2cda;
  --ink:#241351;
  --muted:#685a82;
  --line:#eadff3;
  --bg:#fbf9ff;
}
body {
  color:var(--brand-ink);
  background:radial-gradient(ellipse at 83% 2%,rgba(132,82,225,.13),transparent 32%),
   radial-gradient(ellipse at 12% 19%,rgba(255,150,80,.10),transparent 29%),
   linear-gradient(180deg,#fff 0,#fff 49%,#fbf8ff 100%);
}
a:focus-visible,button:focus-visible,.table-shell:focus-visible {outline:3px solid var(--brand-orange);outline-offset:3px}
.site-header {
  color:var(--brand-indigo);
  background:rgba(255,255,255,.985);
  border-bottom:1px solid #ece2f5;
  box-shadow:0 5px 30px rgba(57,24,114,.065);
  position:relative;
}
.site-header:before {content:'';position:absolute;inset:0 0 auto;height:4px;
 background:linear-gradient(90deg,#122cba 0%,#6b2cda 44%,#f86b18 76%,#ffb237 100%)}
.site-header:after {background:linear-gradient(90deg,transparent,#e7d5f6 52%,transparent);opacity:.85}
.brand img {border:1px solid rgba(105,63,187,.12);box-shadow:0 5px 15px rgba(64,27,122,.12)}
.wordmark {color:var(--brand-indigo)}
.wordmark>span {color:#e85d13}
.wordmark small {color:#6d5d88}
.nav-right {color:#615080}
.nav-right a {color:#522496;background:#f7f1ff;border:1px solid #e4d5f4}
.nav-right a:hover {color:#a8430f;background:#fff2e8;border-color:#ffd7bc}
.nav-dot {background:var(--brand-orange)}
.eyebrow,.eyebrow-tight {color:#6932b8}
.little-star {color:#f86b18}
.hero h1 {color:#211153}
.gradient-ink {background:linear-gradient(96deg,#5e2ac8 3%,#8a44e4 52%,#ed591c 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.dek {color:#695b84}
.hero-aside {background:linear-gradient(130deg,#f7f1ff 5%,#fff 50%,#fff1e4 100%);
  border:1px solid #e8d6f5;box-shadow:0 11px 30px rgba(88,39,140,.10)}
.hero-aside .ornament {background:radial-gradient(circle at center,rgba(246,107,24,.27),transparent 70%)}
.aside-small {color:#7743b4}
.hero-aside strong {color:#29145d}
.hero-aside strong span,.hero-aside a {color:#b9480e}
.hero-aside p {color:#706481}
.plan {border:1px solid #e9dff3;background:linear-gradient(155deg,#fff 47%,var(--light) 164%);
  box-shadow:0 16px 40px rgba(52,21,105,.075),0 1px 2px rgba(255,255,255,.96) inset}
.plan:hover,.plan.is-selected {box-shadow:0 22px 48px rgba(60,22,127,.15)}
.plan.is-selected{border-color:var(--accent)}
.plan.growth{--accent:#2858c9;--accent2:#647de5;--light:#eef1ff;--deep:#2148a9}
.plan.expert{--accent:#6b2cda;--accent2:#b384fb;--light:#f4ecff;--deep:#511d9f}
.plan.professional{--accent:#351779;--accent2:#8a53e5;--light:#f3edff;--deep:#321473}
.plan.enterprise{--accent:#c94b0e;--accent2:#ffb237;--light:#fff2e4;--deep:#a83b09}
.plan:before {height:5px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.plan:after {background:radial-gradient(circle,var(--accent2),transparent 72%);opacity:.11}
.plan h2 {color:#29155f}
.audience,.features li {color:#645779}
.price {color:#251358}
.line{background:linear-gradient(90deg,#ded1ed,transparent)}
.unlock-head{color:#82728e}
.key-feature {border:1px solid rgba(82,34,158,.10);background:var(--light);color:var(--deep)}
.sig-icon {box-shadow:0 6px 15px rgba(54,22,119,.15)}
.plan-button {background:linear-gradient(110deg,#c44713,#a83208);color:#fff;
  border:1px solid #ad360d;box-shadow:0 8px 18px rgba(184,69,13,.18)}
.plan-button:hover {background:linear-gradient(110deg,#aa3509,#8d2704);box-shadow:0 10px 22px rgba(184,69,13,.26)}
.under-cards {color:#796e8d}
.tiny-icon {color:#7b3bc6}
.thin-dot {background:#a894b5}
.section-intro h2 {color:#211153}
.section-intro p,.legend,.scroll-help {color:#75668a}
.eyebrow-tight {color:#7237ca}
.check-small {color:#6633bc}
.dash-small {color:#afa5b9}
.toggles {background:#f5effe;border:1px solid #e8dcf6}
.tab {color:#775e96}
.tab.active,.tab[aria-pressed=true] {color:#5520a5;background:#fff;box-shadow:0 3px 12px rgba(91,42,157,.12)}
.table-shell {border:1px solid #e3d7f1;box-shadow:0 17px 39px rgba(55,24,112,.085);scrollbar-color:#baa0db #f7f0ff}
.table-shell th,.table-shell td {border-right:1px solid #ece4f5;border-bottom:1px solid #efe8f6}
.table-shell thead th {background:#2b125f;color:#fff}
.table-shell thead th.sticky-label {background:#210c53}
.table-shell thead th[data-plan-col='free'] {background:#412577}
.table-shell thead th[data-plan-col='growth'] {background:#2855b5}
.table-shell thead th[data-plan-col='expert'] {background:#6024b2}
.table-shell thead th[data-plan-col='professional'] {background:#381875}
.table-shell thead th[data-plan-col='enterprise'] {background:#a6410c}
.table-shell tbody th {background:#f7f2ff;color:#483071}
.table-shell tbody tr:nth-child(even) td {background:#fcfaff}
.table-shell tbody td {color:#4e3b74}
.table-shell tbody tr[data-group-header] th {color:#5d27a8;background:linear-gradient(90deg,#eee4fc,#faf5ff)}
.table-shell tbody td .yes {background:#eee4fb;color:#5c24aa}
.table-shell tbody td .no {color:#b8aabf}
.table-shell tbody td .text-cell {color:#48276f}
.table-shell tbody td .draft {background:#fff0e4;color:#90400f}
.table-shell tbody td.focus,.table-shell thead th.focus {box-shadow:inset 0 0 0 2px #ef812d}
.note-strip {border:1px solid #e9dbf3;background:linear-gradient(115deg,#f7f0ff,#fff 65%,#fff5ea)}
.note-strip strong {color:#4c2189}
.note-strip p {color:#776889}
.official {background:linear-gradient(105deg,#c44713,#a83208);color:#fff}
.official:hover {background:#a33409}
.closing {background:radial-gradient(circle at 82% -55%,rgba(255,139,59,.34),transparent 42%),
 linear-gradient(105deg,#190949,#39177c 73%,#6026af);box-shadow:0 15px 32px rgba(47,16,104,.22)}
.closing-art {background:linear-gradient(130deg,#6230d0,#ef6823 82%,#ffbb43);box-shadow:0 7px 19px rgba(214,87,22,.20)}
.closing div:nth-child(2) span {color:#cdb7ff}
.closing a {background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35)}
.closing a:hover{background:rgba(255,255,255,.24)}
.site-footer {background:#1b0a49;color:#cdbcf3}
.foot-brand{color:#fff}
.price-star {color:#d65319}
@media print {
 .site-header {print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .plan, .table-shell thead th, .closing{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}