:root{
  --crmka-bg:#080a10;--crmka-bg-soft:#0e121c;--crmka-card:#111521;--crmka-card-2:#151a29;
  --crmka-line:#252b3b;--crmka-text:#eef2ff;--crmka-muted:#9aa4b9;
  --crmka-accent:#6d7cff;--crmka-accent2:#915dff;--crmka-accent-rgb:109,124,255;
  --crmka-glow:rgba(var(--crmka-accent-rgb),.34);--crmka-top:rgba(8,10,16,.88);
}
html[data-ui-accent="violet"]{--crmka-accent:#6d7cff;--crmka-accent2:#915dff;--crmka-accent-rgb:109,124,255}
html[data-ui-accent="blue"]{--crmka-accent:#248cff;--crmka-accent2:#5a6dff;--crmka-accent-rgb:36,140,255}
html[data-ui-accent="cyan"]{--crmka-accent:#04a9dc;--crmka-accent2:#2b8cff;--crmka-accent-rgb:4,169,220}
html[data-ui-accent="emerald"]{--crmka-accent:#15a876;--crmka-accent2:#36c6a2;--crmka-accent-rgb:21,168,118}
html[data-ui-accent="amber"]{--crmka-accent:#df8c17;--crmka-accent2:#f0b13a;--crmka-accent-rgb:223,140,23}
html[data-ui-accent="rose"]{--crmka-accent:#dd4c76;--crmka-accent2:#9d58e8;--crmka-accent-rgb:221,76,118}

html[data-ui-theme="brand"]{--crmka-bg:#080a10;--crmka-bg-soft:#0e121c;--crmka-card:#111521;--crmka-card-2:#151a29;--crmka-line:#252b3b;--crmka-text:#eef2ff;--crmka-muted:#9aa4b9;--crmka-top:rgba(8,10,16,.88)}
html[data-ui-theme="dark"]{--crmka-bg:#05070b;--crmka-bg-soft:#090d14;--crmka-card:#0c111a;--crmka-card-2:#101722;--crmka-line:#1f2938;--crmka-text:#f5f7fb;--crmka-muted:#9ba8ba;--crmka-top:rgba(5,7,11,.92)}
html[data-ui-theme="light"]{--crmka-bg:#f5f7fb;--crmka-bg-soft:#eef2f7;--crmka-card:#ffffff;--crmka-card-2:#f8fafc;--crmka-line:#d8e0ea;--crmka-text:#172033;--crmka-muted:#64748b;--crmka-top:rgba(255,255,255,.9)}

html{background:var(--crmka-bg)!important;color:var(--crmka-text)!important}
body{background:var(--crmka-bg)!important;color:var(--crmka-text)!important;transition:background-color .22s ease,color .22s ease}
.topbar,.legal-top{background:var(--crmka-top)!important;border-color:var(--crmka-line)!important}
.brand span,.brand,.topbar a,.legal-top a{color:var(--crmka-text)}
.brand b,.eyebrow,.yes,.legal-doc a,.login-note a,footer a{color:var(--crmka-accent)!important}
.topbar nav,.hero-copy>p,.section-head p,.plan-card ul,.trial-copy ul,.faq p,.register-copy>p,.benefits span,.card-head p,.payment-card p,.legal-date{color:var(--crmka-muted)!important}
.feature-grid article,.plan-card,.trial-card,.faq details,.register-card,.benefits article,.selected-plan,.payment-card,.legal-card,.compare-wrap{
  background:var(--crmka-card)!important;border-color:var(--crmka-line)!important;color:var(--crmka-text)!important;
  transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,translate .18s ease;
}
.plan-card.recommended{border-color:var(--crmka-accent)!important;box-shadow:0 0 0 1px var(--crmka-accent) inset,0 0 28px rgba(var(--crmka-accent-rgb),.12)!important}
.compare-wrap th:first-child,.compare-wrap td:first-child{background:var(--crmka-card)!important}
.compare-wrap th,.compare-wrap td{border-color:var(--crmka-line)!important;color:var(--crmka-text)}
input,select,textarea{
  background:var(--crmka-bg-soft)!important;border-color:var(--crmka-line)!important;color:var(--crmka-text)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--crmka-accent)!important;box-shadow:0 0 0 3px rgba(var(--crmka-accent-rgb),.14),0 0 18px rgba(var(--crmka-accent-rgb),.14)!important
}
.primary,.billing-toggle button.active,.registration-modes button.active{
  background:linear-gradient(135deg,var(--crmka-accent),var(--crmka-accent2))!important;color:#fff!important;border-color:transparent!important
}
.ghost,.billing-toggle button,.registration-modes button{background:var(--crmka-card)!important;color:var(--crmka-text)!important;border-color:var(--crmka-line)!important}
.primary,.ghost,button,.plan-card a,.topbar a:not(.brand):not(nav a){
  -webkit-tap-highlight-color:transparent;
  transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,filter .16s ease,translate .16s ease,scale .12s ease!important;
}
.primary:not(:disabled):hover,.ghost:not(:disabled):hover,button:not(:disabled):hover,.plan-card a:hover,.top-actions a:hover{
  border-color:var(--crmka-accent)!important;
  box-shadow:0 0 0 1px rgba(var(--crmka-accent-rgb),.18),0 0 22px var(--crmka-glow),0 10px 28px rgba(0,0,0,.18)!important;
  filter:brightness(1.07) saturate(1.08);translate:0 -1px;
}
.primary:not(:disabled):hover{box-shadow:0 0 0 1px rgba(var(--crmka-accent-rgb),.24),0 0 30px var(--crmka-glow),0 14px 34px rgba(0,0,0,.2)!important}
.primary:not(:disabled):active,.ghost:not(:disabled):active,button:not(:disabled):active{scale:.985;translate:0 1px}
.primary:focus-visible,.ghost:focus-visible,button:focus-visible,a:focus-visible{
  outline:0!important;box-shadow:0 0 0 3px var(--crmka-bg),0 0 0 5px var(--crmka-accent),0 0 24px var(--crmka-glow)!important
}
button:disabled{opacity:.48!important;cursor:not-allowed!important;box-shadow:none!important;translate:none!important}
.billing-toggle span,.annual-note,.plan-card .annual-note{color:color-mix(in srgb,var(--crmka-accent) 65%,#66e3a4)!important}

.ui-personalize-tab{
  position:fixed;right:0;top:46%;z-index:120;writing-mode:vertical-rl;transform:rotate(180deg);
  border:1px solid var(--crmka-line);border-right:0;border-radius:14px 0 0 14px;padding:13px 9px;
  background:var(--crmka-card);color:var(--crmka-text);font:700 11px/1.1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.04em;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.18)
}
.ui-personalize-panel{
  position:fixed;right:18px;top:82px;z-index:130;width:min(360px,calc(100vw - 28px));padding:18px;border:1px solid var(--crmka-line);
  border-radius:20px;background:color-mix(in srgb,var(--crmka-card) 94%,transparent);color:var(--crmka-text);box-shadow:0 28px 80px rgba(0,0,0,.34);backdrop-filter:blur(20px)
}
.ui-personalize-panel[hidden]{display:none!important}.ui-personalize-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ui-personalize-head b{display:block;font-size:16px}.ui-personalize-head small{display:block;margin-top:5px;color:var(--crmka-muted);line-height:1.4}.ui-personalize-close{width:34px;height:34px;border:1px solid var(--crmka-line);border-radius:10px;background:var(--crmka-bg-soft);color:var(--crmka-text);cursor:pointer}
.ui-personalize-group{margin-top:16px}.ui-personalize-group>span{display:block;margin-bottom:8px;color:var(--crmka-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ui-theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ui-theme-options button{padding:9px 7px;border:1px solid var(--crmka-line);border-radius:10px;background:var(--crmka-bg-soft);color:var(--crmka-text);cursor:pointer;font-weight:700}.ui-theme-options button.active{border-color:var(--crmka-accent)!important;box-shadow:0 0 0 1px rgba(var(--crmka-accent-rgb),.18),0 0 18px var(--crmka-glow)!important}
.ui-accent-options{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.ui-accent-options button{aspect-ratio:1;border:2px solid var(--crmka-card);outline:1px solid var(--crmka-line);border-radius:999px;cursor:pointer;padding:0}.ui-accent-options button.active{outline:2px solid var(--crmka-text);box-shadow:0 0 0 3px var(--crmka-card),0 0 18px var(--crmka-glow)!important;scale:1.06}
.ui-accent-options [data-accent="violet"]{background:linear-gradient(135deg,#6d7cff,#915dff)}.ui-accent-options [data-accent="blue"]{background:linear-gradient(135deg,#248cff,#5a6dff)}.ui-accent-options [data-accent="cyan"]{background:linear-gradient(135deg,#04a9dc,#2b8cff)}.ui-accent-options [data-accent="emerald"]{background:linear-gradient(135deg,#15a876,#36c6a2)}.ui-accent-options [data-accent="amber"]{background:linear-gradient(135deg,#df8c17,#f0b13a)}.ui-accent-options [data-accent="rose"]{background:linear-gradient(135deg,#dd4c76,#9d58e8)}
html[data-ui-theme="light"] .brand span{color:#172033!important}html[data-ui-theme="light"] .brand small{color:#64748b!important}
html[data-ui-theme="light"] .topbar nav{color:#53627a!important}
html[data-ui-theme="light"] .compare-wrap th{color:#172033!important}
html[data-ui-theme="light"] .trial-card,html[data-ui-theme="light"] .register-card{box-shadow:0 22px 60px rgba(25,39,64,.12)!important}
html[data-ui-theme="light"] .payment-icon{background:#edf1f7!important}
@media(max-width:720px){.ui-personalize-tab{top:auto;bottom:92px}.ui-personalize-panel{top:auto;right:10px;bottom:16px;width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){.primary,.ghost,button,.plan-card a{transition:none!important;translate:none!important}}

/* personalization coverage for turnkey development section */
.turnkey-combo,.turnkey-card,.project-request,.project-request-note{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
html[data-ui-theme="light"] .turnkey-combo{background:linear-gradient(145deg,rgba(var(--crmka-accent-rgb),.10),#fff 58%,#f8fafc)!important;border-color:color-mix(in srgb,var(--crmka-accent) 35%,#d8e0ea)!important;box-shadow:0 22px 60px rgba(25,39,64,.10),0 0 30px rgba(var(--crmka-accent-rgb),.06)!important}
html[data-ui-theme="light"] .turnkey-combo h3,html[data-ui-theme="light"] .turnkey-price b,html[data-ui-theme="light"] .turnkey-card h3,html[data-ui-theme="light"] .turnkey-card>b,html[data-ui-theme="light"] .project-request h3{color:#172033!important}
html[data-ui-theme="light"] .turnkey-combo>p,html[data-ui-theme="light"] .turnkey-card p,html[data-ui-theme="light"] .project-request-copy>p{color:#64748b!important}
html[data-ui-theme="light"] .turnkey-points span{background:#f8fafc!important;border-color:#e0e6ed!important;color:#334155!important}
html[data-ui-theme="light"] .turnkey-card,html[data-ui-theme="light"] .project-request{background:#fff!important;border-color:#d8e0ea!important;box-shadow:0 16px 42px rgba(25,39,64,.08)!important}
html[data-ui-theme="light"] .project-request-note{background:rgba(var(--crmka-accent-rgb),.06)!important;border-color:rgba(var(--crmka-accent-rgb),.18)!important}
html[data-ui-theme="light"] .project-request-form label{color:#53627a!important}
html[data-ui-theme="light"] .project-request-form input,html[data-ui-theme="light"] .project-request-form select,html[data-ui-theme="light"] .project-request-form textarea{background:#f8fafc!important;border-color:#d8e0ea!important;color:#172033!important}
html[data-ui-theme="dark"] .turnkey-combo{background:linear-gradient(145deg,rgba(var(--crmka-accent-rgb),.10),#0a0f17 58%,#070a0f)!important}
html[data-ui-theme="dark"] .turnkey-card,html[data-ui-theme="dark"] .project-request{background:#0a1019!important;border-color:#1f2938!important}
