/* ===========================================================
   KERNOLIX v0.8 — Global Product Experience
   Focus: premium SaaS clarity, execution UI, honest trust state
   =========================================================== */

:root {
  --kx-bg: #07090f;
  --kx-bg-2: #0a0d14;
  --kx-panel: rgba(15, 19, 30, .82);
  --kx-panel-strong: #101521;
  --kx-line: rgba(255,255,255,.09);
  --kx-line-strong: rgba(255,255,255,.15);
  --kx-text: #f6f7fb;
  --kx-text-2: #aab2c2;
  --kx-text-3: #70798a;
  --kx-purple: #7867ff;
  --kx-cyan: #40d8ff;
  --kx-green: #47e6a1;
  --kx-amber: #ffca6a;
  --kx-red: #ff7d89;
  --kx-radius: 22px;
  --kx-shadow: 0 30px 90px rgba(0,0,0,.42);
}

body {
  background:
    radial-gradient(900px 500px at 82% -10%, rgba(120,103,255,.12), transparent 60%),
    radial-gradient(700px 450px at 12% 18%, rgba(64,216,255,.07), transparent 60%),
    var(--kx-bg);
  color: var(--kx-text);
}

body::selection { background: rgba(120,103,255,.35); color: #fff; }

/* --- navigation ------------------------------------------------ */
.site-header { position: relative; z-index: 1200; }
.navbar {
  height: 76px;
  background: rgba(7,9,15,.62);
  border-bottom: 1px solid rgba(255,255,255,.055);
  backdrop-filter: blur(22px) saturate(130%);
  -webkit-backdrop-filter: blur(22px) saturate(130%);
}
.navbar.scrolled {
  background: rgba(7,9,15,.9);
  box-shadow: 0 12px 34px rgba(0,0,0,.18);
}
.nav-shell { gap: 26px; }
.nav-logo { gap: 11px; color: #fff !important; min-width: max-content; }
.kernolix-wordmark { font-family: var(--font-display); font-size: 1.08rem; letter-spacing: .16em; font-weight: 700; }
.kernolix-mark {
  width: 34px; height: 34px; position: relative; display: inline-block; flex: 0 0 34px;
  border: 1px solid rgba(255,255,255,.18); border-radius: 10px;
  background: linear-gradient(145deg, rgba(120,103,255,.22), rgba(64,216,255,.05));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 8px 24px rgba(69,51,180,.18);
}
.kernolix-mark::before,.kernolix-mark::after,.kernolix-mark span { content:""; position:absolute; display:block; border-radius:99px; }
.kernolix-mark::before { width: 4px; height: 20px; left: 9px; top: 6px; background: linear-gradient(var(--kx-cyan), var(--kx-purple)); }
.kernolix-mark::after { width: 14px; height: 4px; left: 11px; top: 15px; background: linear-gradient(90deg,var(--kx-purple),var(--kx-cyan)); transform: rotate(-42deg); transform-origin:left center; }
.kernolix-mark span:nth-child(1) { width: 4px; height: 4px; right: 7px; top: 7px; background:#fff; box-shadow: 0 0 12px var(--kx-cyan); }
.kernolix-mark span:nth-child(2) { width: 4px; height: 4px; right: 7px; bottom: 7px; background:#fff; box-shadow: 0 0 12px var(--kx-purple); }
.kernolix-mark span:nth-child(3) { display:none; }
.nav-links { margin-left: auto; gap: 6px; }
.nav-links a { padding: 9px 11px; color: #9ca6b8; font-size:.88rem; border-radius:10px; }
.nav-links a::after { display:none; }
.nav-links a:hover,.nav-links a.active { color:#fff; background:rgba(255,255,255,.045); }
.nav-secondary-link { display:none; }
.nav-actions { display:flex; align-items:center; gap:7px; }
.nav-login { color:#aab2c2 !important; font-weight:600; font-size:.86rem; padding:9px 10px; }
.nav-login:hover { color:#fff !important; }
.nav-cta {
  display:inline-flex; align-items:center; gap:7px; color:#0a0d14 !important; font-weight:700; font-size:.84rem;
  padding:10px 14px; border-radius:11px; background:#fff; border:1px solid #fff;
  box-shadow: 0 8px 24px rgba(255,255,255,.08); transition:transform .2s ease, box-shadow .2s ease;
}
.nav-cta:hover { transform: translateY(-1px); box-shadow:0 12px 32px rgba(120,103,255,.18); }
.nav-icon-btn { border:0; background:transparent; color:#9099a9; min-width:unset; padding:8px; display:flex; align-items:center; gap:5px; }
.nav-icon-btn:hover { color:#fff; background:rgba(255,255,255,.045); }
.nav-globe { font-size:1rem; }
.nav-lang-code { font-size:.72rem; font-weight:700; letter-spacing:.08em; }
.lang-switcher { position:relative; }
.lang-dropdown { top:46px; right:0; left:auto; min-width:175px; background:#0d111b; border-color:var(--kx-line); border-radius:14px; box-shadow:var(--kx-shadow); padding:7px; }
.lang-dropdown a { border-radius:9px; padding:9px 10px; color:#aeb6c6; font-size:.82rem; gap:8px; }
.lang-dropdown a.current,.lang-dropdown a:hover { background:rgba(120,103,255,.1); color:#fff; }

/* --- shared ---------------------------------------------------- */
.kx-home,.kx-product-hero { position:relative; }
.kx-section { position:relative; padding: 120px 0; border-top:1px solid rgba(255,255,255,.045); }
.kx-section-tinted { background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008)); }
.kx-kicker,.kx-eyebrow {
  color:#8e98aa; font-family:var(--font-mono); font-size:.72rem; letter-spacing:.16em; font-weight:600; text-transform:uppercase;
}
.kx-eyebrow { display:inline-flex; align-items:center; gap:9px; padding:7px 10px; border:1px solid var(--kx-line); border-radius:999px; background:rgba(255,255,255,.025); }
.status-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--kx-green); box-shadow:0 0 16px rgba(71,230,161,.7); }
.kx-gradient-text { background:linear-gradient(100deg,#fff 6%,#b8afff 52%,#78e8ff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.kx-section-heading { max-width:760px; margin-bottom:55px; }
.kx-section-heading h2 { margin-top:14px; font-size:clamp(2.35rem,4vw,4.6rem); line-height:1.02; letter-spacing:-.045em; }
.kx-section-heading > p { margin-top:20px; color:var(--kx-text-2); font-size:1.06rem; line-height:1.75; max-width:690px; }
.kx-heading-row { max-width:none; display:flex; align-items:end; justify-content:space-between; gap:50px; }
.kx-heading-row > p { max-width:430px; margin-bottom:6px; }
.kx-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 18px; border-radius:12px; font-weight:700; font-size:.9rem; transition:.22s ease; text-decoration:none; }
.kx-button-primary { background:#fff; color:#080a10 !important; border:1px solid #fff; }
.kx-button-primary:hover { transform:translateY(-2px); box-shadow:0 15px 35px rgba(120,103,255,.18); }
.kx-button-ghost { color:#e3e7ef !important; border:1px solid var(--kx-line-strong); background:rgba(255,255,255,.025); }
.kx-button-ghost:hover { border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.05); transform:translateY(-2px); }
.kx-text-link { display:inline-flex; align-items:center; gap:8px; color:#fff !important; font-weight:700; font-size:.93rem; }
.kx-text-link span { color:var(--kx-cyan); transition:transform .2s ease; }
.kx-text-link:hover span { transform:translateX(4px); }
.kx-text-link.is-muted { color:#8e98aa !important; font-weight:600; }

/* --- hero ------------------------------------------------------ */
.kx-hero { min-height: 880px; padding: 168px 0 110px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.05); }
.kx-grid-glow { position:absolute; inset:0; opacity:.55; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 86%); }
.kx-grid-glow::after { content:""; position:absolute; width:700px; height:700px; border-radius:50%; right:-80px; top:-260px; background:radial-gradient(circle,rgba(120,103,255,.22),rgba(64,216,255,.05) 38%,transparent 70%); filter:blur(8px); }
.kx-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr); gap:70px; align-items:center; }
.kx-hero-copy h1 { margin-top:22px; font-size:clamp(3.3rem,5.5vw,6.2rem); line-height:.96; letter-spacing:-.058em; max-width:800px; }
.kx-hero-lead { color:var(--kx-text-2); font-size:clamp(1.05rem,1.35vw,1.24rem); line-height:1.75; max-width:690px; margin-top:26px; }
.kx-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; }
.kx-proof-row { display:flex; flex-wrap:wrap; gap:14px 24px; margin-top:36px; padding-top:23px; border-top:1px solid rgba(255,255,255,.065); color:#8993a4; font-size:.78rem; letter-spacing:.04em; }
.kx-proof-row span { display:flex; align-items:center; gap:7px; }
.kx-proof-row i { font-family:var(--font-mono); color:#596273; font-style:normal; font-size:.64rem; }
.kx-hero-product { position:relative; min-height:560px; display:flex; align-items:center; }
.kx-window { overflow:hidden; background:linear-gradient(180deg,rgba(17,22,34,.96),rgba(10,13,21,.96)); border:1px solid rgba(255,255,255,.1); border-radius:20px; box-shadow:0 42px 110px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.045); }
.kx-operator-window { width:100%; transform:perspective(1300px) rotateY(-2deg) rotateX(1deg); }
.kx-window-bar { height:52px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 15px; border-bottom:1px solid rgba(255,255,255,.065); background:rgba(255,255,255,.018); }
.kx-window-dots { display:flex; gap:5px; }
.kx-window-dots span { width:7px; height:7px; border-radius:50%; background:#3d4656; }
.kx-window-title { font-family:var(--font-mono); font-size:.66rem; color:#687285; letter-spacing:.07em; }
.kx-live { justify-self:end; display:flex; align-items:center; gap:6px; color:#7d8798; font-family:var(--font-mono); font-size:.57rem; letter-spacing:.08em; }
.kx-window-body { padding:19px; }
.kx-command { padding:15px 16px; border:1px solid rgba(120,103,255,.16); border-radius:13px; background:rgba(120,103,255,.055); }
.kx-command-label { display:block; color:#8d7fff; font-family:var(--font-mono); font-size:.58rem; letter-spacing:.14em; margin-bottom:7px; }
.kx-command p { color:#e7e9ef; font-size:.88rem; line-height:1.5; }
.kx-run-rail { position:relative; margin-top:18px; padding-left:9px; }
.kx-run-rail::before { content:""; position:absolute; left:24px; top:25px; bottom:25px; width:1px; background:linear-gradient(var(--kx-green),var(--kx-purple),rgba(255,255,255,.08)); }
.kx-run-step { position:relative; z-index:1; display:grid; grid-template-columns:34px 1fr auto; gap:10px; align-items:center; min-height:66px; padding:8px 9px; }
.kx-step-icon { width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#111722;border:1px solid var(--kx-line);font-size:.76rem;font-weight:800; }
.kx-run-step.is-complete .kx-step-icon { color:#07110c; background:var(--kx-green); border-color:var(--kx-green); }
.kx-run-step.is-running .kx-step-icon { border-color:rgba(120,103,255,.5); }
.kx-run-step.is-approval .kx-step-icon { color:var(--kx-amber); border-color:rgba(255,202,106,.28); background:rgba(255,202,106,.055); }
.kx-run-step strong { display:block; font-size:.83rem; color:#e8ebf1; }
.kx-run-step small { display:block; margin-top:2px; color:#697386; font-size:.7rem; }
.kx-run-step em { font-family:var(--font-mono); font-size:.57rem; color:#647083; font-style:normal; text-transform:uppercase; }
.kx-run-step.is-complete em { color:#5eab83; }
.kx-run-step.is-running em { color:#9186ff; }
.kx-run-step.is-approval em { color:#d5a853; }
.kx-spinner { position:relative; }
.kx-spinner::before { content:""; width:12px;height:12px;border:2px solid rgba(120,103,255,.25);border-top-color:#8a7cff;border-radius:50%; animation:kxspin 1.1s linear infinite; }
@keyframes kxspin { to { transform:rotate(360deg); } }
.kx-approval-bar { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:12px; padding:12px 13px; border-radius:12px; background:rgba(255,202,106,.045); border:1px solid rgba(255,202,106,.14); }
.kx-approval-bar span { color:#9f998d; font-size:.68rem; }
.kx-approval-bar button { pointer-events:none; border:1px solid rgba(255,255,255,.13); border-radius:8px; background:#171c27; color:#cdd2dc; padding:7px 9px; font-size:.65rem; }
.kx-float-card { position:absolute; z-index:3; min-width:145px; padding:12px 13px; border:1px solid rgba(255,255,255,.11); background:rgba(12,16,25,.88); backdrop-filter:blur(18px); border-radius:13px; box-shadow:0 18px 55px rgba(0,0,0,.35); }
.kx-float-card span { display:block; font-family:var(--font-mono); font-size:.52rem; color:#687386; letter-spacing:.11em; }
.kx-float-card strong { display:block; font-size:1.28rem; color:#fff; margin-top:2px; }
.kx-float-card small { color:#6f798a; font-size:.62rem; }
.kx-float-card-a { left:-38px; top:55px; }
.kx-float-card-b { right:-24px; bottom:38px; }

/* --- principle strip ------------------------------------------ */
.kx-principles { border-bottom:1px solid rgba(255,255,255,.05); background:rgba(255,255,255,.008); }
.kx-principle-strip { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:18px; color:#838d9e; font-family:var(--font-mono); font-size:.68rem; letter-spacing:.12em; }
.kx-principle-strip i { color:#323a48; font-style:normal; }

/* --- cards / grids -------------------------------------------- */
.kx-feature-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--kx-line); border-left:1px solid var(--kx-line); border-radius:20px; overflow:hidden; }
.kx-feature-card { min-height:300px; padding:28px; border-right:1px solid var(--kx-line); border-bottom:1px solid var(--kx-line); background:rgba(255,255,255,.012); transition:background .25s ease, transform .25s ease; }
.kx-feature-card:hover { background:rgba(255,255,255,.025); }
.kx-feature-number { display:block; font-family:var(--font-mono); color:#525d70; font-size:.65rem; letter-spacing:.1em; }
.kx-feature-icon { width:38px;height:38px;display:grid;place-items:center;margin-top:43px;border-radius:11px;background:rgba(120,103,255,.07);border:1px solid rgba(120,103,255,.15); }
.kx-feature-icon svg { width:18px;height:18px;fill:none;stroke:#9f95ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
.kx-feature-card h3 { margin-top:20px; font-size:1.1rem; }
.kx-feature-card p { color:#7f899a; margin-top:10px; font-size:.88rem; line-height:1.7; }

/* --- product showcase ----------------------------------------- */
.kx-product-showcase { background:radial-gradient(800px 420px at 75% 55%,rgba(120,103,255,.08),transparent 70%); }
.kx-showcase-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:80px; align-items:center; }
.kx-showcase-copy h2 { margin-top:13px; font-size:clamp(2.4rem,3.8vw,4.35rem); line-height:1.02; letter-spacing:-.045em; }
.kx-showcase-copy > p { margin-top:20px; color:var(--kx-text-2); line-height:1.75; max-width:590px; }
.kx-check-list { display:grid; gap:12px; margin-top:26px; }
.kx-check-list li { display:flex; gap:10px; color:#a8b0bf; font-size:.9rem; align-items:flex-start; }
.kx-check-list li span { color:var(--kx-green); font-family:var(--font-mono); font-size:.78rem; margin-top:1px; }
.kx-inline-actions { display:flex; flex-wrap:wrap; gap:24px; margin-top:30px; }
.kx-sales-ui { max-width:720px; justify-self:end; width:100%; }
.kx-sales-body { padding:21px; }
.kx-sales-company { display:flex; align-items:center; gap:11px; padding-bottom:18px; border-bottom:1px solid var(--kx-line); }
.kx-company-mark { width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:800;background:linear-gradient(145deg,#2a3040,#151a25);border:1px solid var(--kx-line); }
.kx-sales-company strong { display:block; font-size:.86rem; }
.kx-sales-company small { color:#737d8f; font-size:.67rem; }
.kx-fit-pill { margin-left:auto; color:#6ce4a9; border:1px solid rgba(71,230,161,.18); background:rgba(71,230,161,.055); border-radius:999px; font-family:var(--font-mono); font-size:.55rem; padding:5px 7px; }
.kx-signal-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:16px; }
.kx-signal-grid > div { padding:12px; border:1px solid var(--kx-line); border-radius:11px; background:rgba(255,255,255,.012); }
.kx-signal-grid span { display:block; color:#647083; font-size:.62rem; margin-bottom:5px; }
.kx-signal-grid strong { font-size:.73rem; color:#cfd4dd; font-weight:600; }
.kx-draft-box { margin-top:12px; padding:14px; border:1px solid rgba(120,103,255,.14); border-radius:12px; background:rgba(120,103,255,.035); }
.kx-draft-box > div { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; font-family:var(--font-mono); font-size:.55rem; letter-spacing:.1em; color:#7468dd; }
.kx-draft-box em { color:#7e8797; font-style:normal; }
.kx-draft-box p { color:#a8afbd; font-size:.75rem; line-height:1.7; }
.kx-source-row { display:flex; gap:8px; flex-wrap:wrap; margin-top:13px; }
.kx-source-row span { padding:5px 7px; border-radius:7px; background:#0b0f17; border:1px solid var(--kx-line); color:#677285; font-family:var(--font-mono); font-size:.53rem; }

/* --- control --------------------------------------------------- */
.kx-control-section { background:linear-gradient(180deg,rgba(5,7,12,.0),rgba(120,103,255,.028),rgba(5,7,12,0)); }
.kx-control-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.kx-policy-card { border:1px solid rgba(255,255,255,.1); border-radius:18px; background:linear-gradient(180deg,#0f1420,#0a0e16); box-shadow:var(--kx-shadow); overflow:hidden; }
.kx-policy-head { padding:20px; border-bottom:1px solid var(--kx-line); }
.kx-policy-head span { display:block; font-family:var(--font-mono); font-size:.57rem; color:#5f6a7d; letter-spacing:.13em; margin-bottom:5px; }
.kx-policy-head strong { font-size:.92rem; color:#dfe3eb; }
.kx-policy-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 20px; border-bottom:1px solid rgba(255,255,255,.055); }
.kx-policy-row > span { font-family:var(--font-mono); font-size:.72rem; color:#9099a9; }
.kx-policy-row em,.kx-tool-row span { font-style:normal; font-family:var(--font-mono); font-size:.54rem; letter-spacing:.08em; padding:5px 7px; border-radius:6px; }
.is-safe { color:#66dca0 !important; background:rgba(71,230,161,.055); border:1px solid rgba(71,230,161,.12); }
.is-warn { color:#e5b85f !important; background:rgba(255,202,106,.055); border:1px solid rgba(255,202,106,.13); }
.is-danger,.is-blocked { color:#ea7e89 !important; background:rgba(255,125,137,.055); border:1px solid rgba(255,125,137,.13); }
.kx-policy-footer { display:flex; align-items:center; gap:8px; padding:13px 20px; color:#626d7f; font-size:.65rem; }
.kx-control-list { display:grid; gap:0; }
.kx-control-list article { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:22px 0; border-bottom:1px solid rgba(255,255,255,.065); }
.kx-control-list article > span { color:#536073; font-family:var(--font-mono); font-size:.65rem; padding-top:4px; }
.kx-control-list h3 { font-size:1rem; }
.kx-control-list p { color:#818b9d; font-size:.86rem; line-height:1.7; margin-top:7px; }
.kx-control-list .kx-text-link { margin-top:22px; }

/* --- use cases ------------------------------------------------- */
.kx-usecase-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.kx-usecase-card { min-height:290px; padding:28px; position:relative; border:1px solid var(--kx-line); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,255,255,.008)); color:#fff !important; overflow:hidden; }
.kx-usecase-card::before { content:""; position:absolute; width:300px;height:300px;border-radius:50%;right:-190px;top:-180px;background:rgba(120,103,255,.05);filter:blur(1px);transition:.35s ease; }
.kx-usecase-card:hover { border-color:rgba(120,103,255,.24); transform:translateY(-2px); }
.kx-usecase-card:hover::before { background:rgba(64,216,255,.07); }
.kx-usecase-tag { font-family:var(--font-mono); color:#657085; font-size:.57rem; letter-spacing:.13em; }
.kx-usecase-card h3 { margin-top:55px; font-size:1.35rem; }
.kx-usecase-card p { color:#818b9c; max-width:490px; margin-top:11px; line-height:1.7; font-size:.88rem; }
.kx-usecase-card > div { position:absolute; left:28px; bottom:25px; color:#aeb6c4; font-size:.78rem; font-weight:650; }
.kx-usecase-card > div span { color:var(--kx-cyan); margin-left:5px; }

/* --- integrations --------------------------------------------- */
.kx-integrations-section { background:rgba(255,255,255,.008); }
.kx-integrations-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:80px; align-items:center; }
.kx-integration-cloud { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.kx-integration-card { display:grid; grid-template-columns:42px 1fr auto; gap:12px; align-items:center; padding:16px; border:1px solid var(--kx-line); border-radius:14px; background:#0b0f17; }
.kx-integration-card.is-beta { border-color:rgba(120,103,255,.2); background:linear-gradient(135deg,rgba(120,103,255,.06),#0b0f17); }
.kx-integration-icon { width:40px;height:40px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--kx-line);background:#121824;color:#bdc4d1;font-family:var(--font-mono);font-size:.7rem;font-weight:700; }
.kx-integration-card strong { display:block; font-size:.83rem; }
.kx-integration-card small { display:block; color:#6c7789; font-size:.65rem; margin-top:2px; }
.kx-integration-card em { font-style:normal; font-family:var(--font-mono); color:#596577; font-size:.5rem; letter-spacing:.09em; }
.kx-integration-card.is-beta em { color:#9388ff; }

/* --- final CTA / footer --------------------------------------- */
.kx-final-cta { padding-top:80px; padding-bottom:120px; }
.kx-final-card { position:relative; overflow:hidden; display:grid; grid-template-columns:1fr auto; gap:70px; align-items:end; padding:55px; border:1px solid rgba(255,255,255,.12); border-radius:26px; background:linear-gradient(135deg,rgba(120,103,255,.09),rgba(64,216,255,.025) 58%,rgba(255,255,255,.015)); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.kx-final-card::after { content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-250px;top:-310px;background:radial-gradient(circle,rgba(120,103,255,.24),transparent 70%); }
.kx-final-card h2 { margin-top:12px; font-size:clamp(2.3rem,3.7vw,4.2rem); line-height:1.02; letter-spacing:-.045em; }
.kx-final-card p { color:#929cad; max-width:700px; line-height:1.72; margin-top:17px; }
.kx-final-actions { position:relative; z-index:2; display:flex; flex-direction:column; gap:9px; min-width:210px; }
.footer-v2 { padding-top:70px; background:#06080d; border-top:1px solid rgba(255,255,255,.06); }
.footer-topline { display:flex; align-items:center; justify-content:space-between; gap:25px; padding-bottom:35px; border-bottom:1px solid var(--kx-line); }
.footer-topline p { color:#687386; font-size:.82rem; }
.footer-grid-v2 { grid-template-columns:.75fr .75fr .75fr 1.55fr; gap:45px; padding-top:42px; }
.footer-heading { font-size:.75rem; color:#d5dae3; letter-spacing:.04em; }
.footer-links a,.footer-links span { color:#727d8e; font-size:.8rem; }
.footer-links a:hover { color:#fff; }
.footer-connect-card { padding:20px; border:1px solid var(--kx-line); border-radius:16px; background:rgba(255,255,255,.018); }
.footer-kicker { color:#5d687a; font-family:var(--font-mono); font-size:.55rem; letter-spacing:.13em; }
.footer-connect-card strong { display:block; color:#d8dde6; font-size:.92rem; line-height:1.5; margin-top:8px; }
.footer-connect-card a { display:inline-block; margin-top:18px; color:#9f95ff; font-size:.78rem; }
.footer-bottom { color:#596475; font-size:.7rem; }
.footer-status { display:flex; align-items:center; gap:7px; }

/* --- product pages -------------------------------------------- */
.kx-product-hero { padding:170px 0 105px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.05); background:radial-gradient(800px 420px at 76% 16%,rgba(120,103,255,.11),transparent 72%); }
.kx-product-hero-grid { display:grid; grid-template-columns:1fr .9fr; gap:80px; align-items:center; }
.kx-product-hero h1,.kx-centered-hero h1 { margin-top:20px; font-size:clamp(3.1rem,5.3vw,6rem); line-height:.98; letter-spacing:-.055em; }
.kx-product-hero p,.kx-centered-hero > p { max-width:690px; color:#9aa4b5; font-size:1.08rem; line-height:1.75; margin-top:23px; }
.kx-centered-hero { max-width:1000px; margin:0 auto; text-align:center; }
.kx-centered-hero .kx-eyebrow { margin:0 auto; }
.kx-centered-hero > p { margin-left:auto; margin-right:auto; }
.kx-centered-hero .kx-hero-actions { justify-content:center; }
.kx-mini-runtime { border:1px solid var(--kx-line); border-radius:19px; background:linear-gradient(180deg,#0e131e,#090c13); padding:25px; box-shadow:var(--kx-shadow); }
.kx-runtime-label { font-family:var(--font-mono); font-size:.58rem; color:#626d80; letter-spacing:.13em; }
.kx-runtime-chain { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-top:27px; }
.kx-runtime-chain span { padding:7px 8px; border-radius:7px; border:1px solid var(--kx-line); font-size:.64rem; color:#657084; }
.kx-runtime-chain i { color:#3e4858; font-style:normal; font-size:.7rem; }
.kx-runtime-chain .is-done { color:#6ed9a4; border-color:rgba(71,230,161,.15); background:rgba(71,230,161,.04); }
.kx-runtime-chain .is-active { color:#a69dff; border-color:rgba(120,103,255,.18); background:rgba(120,103,255,.05); }
.kx-runtime-chain .is-locked { color:#b89d66; border-color:rgba(255,202,106,.12); }
.kx-runtime-note { margin-top:25px; padding-top:18px; border-top:1px solid var(--kx-line); }
.kx-runtime-note span,.kx-runtime-note small { display:block; color:#687386; font-size:.64rem; }
.kx-runtime-note strong { display:block; margin:5px 0; font-size:.88rem; color:#d8dce5; }
.kx-process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.kx-process-card { min-height:230px; padding:24px; border:1px solid var(--kx-line); border-radius:15px; background:rgba(255,255,255,.012); }
.kx-process-card > span { font-family:var(--font-mono); color:#536074; font-size:.62rem; }
.kx-process-card h3 { margin-top:35px; font-size:1.05rem; }
.kx-process-card p { color:#7d8798; margin-top:9px; line-height:1.65; font-size:.82rem; }
.kx-process-card em { display:inline-block; margin-top:20px; color:#6e7889; font-family:var(--font-mono); font-size:.53rem; font-style:normal; letter-spacing:.1em; }
.kx-evidence-panel,.kx-tool-registry { border:1px solid var(--kx-line); border-radius:17px; background:#0b0f17; overflow:hidden; box-shadow:var(--kx-shadow); }
.kx-evidence-head,.kx-tool-head { display:flex;justify-content:space-between;gap:20px;padding:17px 19px;border-bottom:1px solid var(--kx-line);font-family:var(--font-mono);font-size:.57rem;color:#606c7e;letter-spacing:.11em; }
.kx-evidence-head em,.kx-tool-head em { font-style:normal; letter-spacing:0; }
.kx-evidence-row,.kx-tool-row { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 19px;border-bottom:1px solid rgba(255,255,255,.05); }
.kx-evidence-row span { color:#768193; font-size:.78rem; }
.kx-evidence-row strong { color:#c4cad4; font-size:.76rem; font-weight:600; }
.kx-evidence-footer { padding:15px 19px; color:#616d7e; font-size:.67rem; }
.kx-platform-hero { padding-bottom:90px; }
.kx-architecture { margin-top:75px; display:grid; grid-template-columns:repeat(11,auto); gap:8px; align-items:center; justify-content:center; }
.kx-architecture > i { color:#3c4655; font-style:normal; }
.kx-arch-node { min-width:135px; padding:15px; text-align:left; border:1px solid var(--kx-line); border-radius:13px; background:#0c1018; }
.kx-arch-node > span { display:block; color:#515d70; font-family:var(--font-mono); font-size:.52rem; }
.kx-arch-node strong { display:block; margin-top:14px; font-size:.78rem; }
.kx-arch-node small { display:block; color:#626d7f; font-size:.61rem; margin-top:3px; }
.kx-arch-node.is-gate { border-color:rgba(255,202,106,.18); background:rgba(255,202,106,.025); }
.kx-arch-node.is-verify { border-color:rgba(71,230,161,.15); }
.kx-model-stack { max-width:850px; margin:0 auto; }
.kx-model-layer { display:grid;grid-template-columns:150px 1fr auto;gap:25px;align-items:center;padding:22px;border:1px solid var(--kx-line);border-radius:14px;background:#0b0f17; }
.kx-model-layer.is-core { border-color:rgba(120,103,255,.23); background:linear-gradient(90deg,rgba(120,103,255,.065),#0b0f17); }
.kx-model-layer span { color:#626e80;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.1em; }
.kx-model-layer strong { font-size:.87rem;color:#d5dae4; }
.kx-model-layer em { color:#586476;font-size:.63rem;font-style:normal; }
.kx-stack-arrow { text-align:center;color:#3c4655;height:32px;line-height:32px; }
.kx-tool-row code { color:#9ba5b6; font-size:.72rem; }

/* --- security -------------------------------------------------- */
.kx-security-shield { position:relative; height:390px; display:grid; place-items:center; }
.kx-shield-core { position:relative;z-index:3;width:115px;height:135px;display:grid;place-items:center;clip-path:polygon(50% 0,92% 17%,86% 71%,50% 100%,14% 71%,8% 17%);background:linear-gradient(145deg,rgba(120,103,255,.45),rgba(64,216,255,.13));border:1px solid rgba(255,255,255,.2);box-shadow:0 0 90px rgba(120,103,255,.22); }
.kx-shield-core span { font-family:var(--font-display); font-size:2rem; font-weight:800; }
.kx-shield-ring { position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%; }
.kx-shield-ring.ring-a { width:260px;height:260px; }
.kx-shield-ring.ring-b { width:360px;height:360px; border-style:dashed; }
.kx-shield-chip { position:absolute; padding:7px 9px;border:1px solid var(--kx-line);border-radius:8px;background:#0d121b;color:#6e798b;font-family:var(--font-mono);font-size:.53rem;letter-spacing:.1em; }
.kx-shield-chip.chip-a { top:50px;left:55px; }.kx-shield-chip.chip-b{top:65px;right:35px}.kx-shield-chip.chip-c{bottom:65px;left:35px}.kx-shield-chip.chip-d{bottom:45px;right:70px}
.kx-security-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.kx-security-card { min-height:220px;padding:24px;border:1px solid var(--kx-line);border-radius:15px;background:rgba(255,255,255,.012); }
.kx-state-badge { display:inline-flex;padding:5px 7px;border-radius:6px;font-family:var(--font-mono);font-size:.51rem;letter-spacing:.09em; }
.kx-state-badge.is-live { color:#65d79c;background:rgba(71,230,161,.05);border:1px solid rgba(71,230,161,.12); }
.kx-state-badge.is-progress { color:#d9ad58;background:rgba(255,202,106,.045);border:1px solid rgba(255,202,106,.12); }
.kx-state-badge.is-future { color:#7d8797;background:rgba(255,255,255,.025);border:1px solid var(--kx-line); }
.kx-security-card h3 { margin-top:35px;font-size:1.05rem; }
.kx-security-card p { margin-top:10px;color:#7d8798;line-height:1.7;font-size:.84rem; }
.kx-security-roadmap { border-top:1px solid var(--kx-line); }
.kx-roadmap-row { display:grid;grid-template-columns:110px 240px 1fr;gap:30px;align-items:center;padding:21px 0;border-bottom:1px solid var(--kx-line); }
.kx-roadmap-row strong { font-size:.86rem; }
.kx-roadmap-row p { color:#788294;font-size:.8rem;line-height:1.55; }

/* --- pilot ----------------------------------------------------- */
.kx-pilot-steps { display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--kx-line);border-left:1px solid var(--kx-line);border-radius:18px;overflow:hidden; }
.kx-pilot-steps article { min-height:230px;padding:26px;display:grid;grid-template-columns:50px 1fr;gap:20px;border-right:1px solid var(--kx-line);border-bottom:1px solid var(--kx-line);background:rgba(255,255,255,.01); }
.kx-pilot-steps article > span { color:#526073;font-family:var(--font-mono);font-size:.65rem; }
.kx-pilot-steps h3 { font-size:1.2rem; }
.kx-pilot-steps p { color:#7d8799;line-height:1.7;margin-top:10px;font-size:.86rem; }
.kx-pilot-grid { display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center; }
.kx-not-fit { border:1px solid var(--kx-line);border-radius:16px;background:#0b0f17;padding:22px; }
.kx-not-fit > div { padding:16px 0;border-bottom:1px solid rgba(255,255,255,.055); }
.kx-not-fit > div:last-child { border-bottom:0; }
.kx-not-fit strong { display:block;color:#cbd1db;font-size:.84rem; }
.kx-not-fit small { display:block;color:#667184;font-size:.68rem;margin-top:4px; }
.kx-commercial-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:9px; }
.kx-commercial-grid > div { min-height:210px;padding:22px;border:1px solid var(--kx-line);border-radius:14px;background:rgba(255,255,255,.01); }
.kx-commercial-grid span { color:#526073;font-family:var(--font-mono);font-size:.6rem; }
.kx-commercial-grid strong { display:block;margin-top:45px;font-size:.9rem; }
.kx-commercial-grid p { color:#707b8d;font-size:.76rem;line-height:1.6;margin-top:8px; }

/* --- legacy page harmonization ------------------------------- */
.operator-hero,.page-hero { padding-top:145px !important; }
.glass-card { background:linear-gradient(180deg,rgba(16,21,33,.8),rgba(10,13,21,.72)); border-color:var(--kx-line); }
.form-input,.form-textarea,.form-select { background:#0b0f17 !important; border-color:var(--kx-line) !important; color:#e6e9ef !important; }
.form-input:focus,.form-textarea:focus,.form-select:focus { border-color:rgba(120,103,255,.45)!important; box-shadow:0 0 0 3px rgba(120,103,255,.08)!important; }

/* --- responsive ----------------------------------------------- */
@media (max-width: 1180px) {
  .kx-hero-grid { grid-template-columns:1fr 1fr; gap:38px; }
  .kx-float-card-a { left:-10px; }.kx-float-card-b{right:-8px}
  .kx-feature-grid { grid-template-columns:1fr 1fr; }
  .kx-architecture { grid-template-columns:repeat(5,auto); }
  .kx-architecture > :nth-child(n+6) { margin-top:8px; }
  .nav-links a { padding-left:8px;padding-right:8px; }
}

@media (max-width: 980px) {
  .navbar { height:68px; }
  .nav-actions .nav-login,.nav-actions .nav-cta,.nav-actions .lang-switcher { display:none; }
  .nav-toggle { display:flex; margin-left:auto; }
  .nav-links { position:fixed; top:68px; left:12px; right:12px; width:auto; max-height:calc(100vh - 90px); overflow:auto; display:none; flex-direction:column; align-items:stretch; gap:3px; padding:13px; background:rgba(10,13,20,.97); border:1px solid var(--kx-line); border-radius:16px; box-shadow:var(--kx-shadow); }
  .nav-links.active { display:flex; }
  .nav-links a { padding:12px 13px; font-size:.94rem; }
  .nav-secondary-link { display:block; }
  .kx-hero { min-height:auto; padding:135px 0 90px; }
  .kx-hero-grid,.kx-product-hero-grid,.kx-showcase-grid,.kx-control-grid,.kx-integrations-grid,.kx-pilot-grid { grid-template-columns:1fr; }
  .kx-hero-grid { gap:55px; }
  .kx-hero-product { max-width:700px; min-height:520px; }
  .kx-showcase-grid,.kx-control-grid,.kx-integrations-grid,.kx-pilot-grid { gap:50px; }
  .kx-sales-ui { justify-self:start; }
  .kx-process-grid { grid-template-columns:1fr 1fr; }
  .kx-commercial-grid { grid-template-columns:1fr 1fr; }
  .kx-final-card { grid-template-columns:1fr; gap:35px; }
  .kx-final-actions { flex-direction:row; flex-wrap:wrap; }
  .footer-grid-v2 { grid-template-columns:1fr 1fr; }
  .kx-security-shield { max-width:600px; }
  .kx-architecture { display:flex;flex-wrap:wrap; }
  .kx-architecture > i { transform:rotate(0deg); }
}

@media (max-width: 700px) {
  .container { padding-left:20px; padding-right:20px; }
  .kernolix-wordmark { font-size:.98rem; }
  .kx-section { padding:82px 0; }
  .kx-hero { padding-top:118px; }
  .kx-hero-copy h1,.kx-product-hero h1,.kx-centered-hero h1 { font-size:clamp(2.75rem,13vw,4.4rem); }
  .kx-hero-lead,.kx-product-hero p,.kx-centered-hero > p { font-size:.98rem; }
  .kx-proof-row { display:grid;grid-template-columns:1fr 1fr; }
  .kx-hero-product { min-height:auto; padding:20px 0 65px; }
  .kx-operator-window { transform:none; }
  .kx-float-card { display:none; }
  .kx-window-bar { grid-template-columns:1fr auto; }
  .kx-window-title { display:none; }
  .kx-principle-strip { min-height:78px; overflow-x:auto; justify-content:flex-start; padding-right:25px; }
  .kx-principle-strip span { min-width:max-content; }
  .kx-section-heading h2,.kx-showcase-copy h2,.kx-final-card h2 { font-size:clamp(2.25rem,11vw,3.6rem); }
  .kx-heading-row { display:block; }
  .kx-heading-row > p { margin-top:18px; }
  .kx-feature-grid,.kx-usecase-grid,.kx-process-grid,.kx-security-grid,.kx-pilot-steps,.kx-commercial-grid,.kx-integration-cloud { grid-template-columns:1fr; }
  .kx-feature-card { min-height:245px; }
  .kx-feature-icon { margin-top:30px; }
  .kx-signal-grid { grid-template-columns:1fr; }
  .kx-runtime-chain { align-items:stretch; flex-direction:column; }
  .kx-runtime-chain i { transform:rotate(90deg); align-self:center; }
  .kx-roadmap-row { grid-template-columns:1fr; gap:10px; }
  .kx-model-layer { grid-template-columns:1fr; gap:8px; }
  .kx-pilot-steps article { grid-template-columns:36px 1fr; }
  .kx-final-card { padding:30px 24px; }
  .kx-final-actions { flex-direction:column; }
  .kx-final-actions .kx-button { width:100%; }
  .footer-topline { align-items:flex-start; flex-direction:column; }
  .footer-grid-v2 { grid-template-columns:1fr 1fr; gap:35px 25px; }
  .footer-connect-card { grid-column:1/-1; }
  .footer-bottom { align-items:flex-start; flex-direction:column; gap:10px; }
}

@media (prefers-reduced-motion: reduce) {
  .kx-spinner { animation:none; }
  .kx-usecase-card,.kx-button,.nav-cta { transition:none; }
}

/* --- v0.8 global product polish -------------------------------- */
.kx-capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kx-capability-card{min-height:310px;padding:28px;border:1px solid var(--kx-line);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,255,255,.008));position:relative;overflow:hidden}.kx-capability-card>span{font:500 .57rem/1 var(--font-mono);letter-spacing:.12em;color:#586579}.kx-capability-card h3{font-size:1.32rem;margin-top:58px;letter-spacing:-.025em}.kx-capability-card p{color:#808b9d;line-height:1.72;font-size:.87rem;margin-top:11px;max-width:560px}.kx-capability-card ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px;padding:0}.kx-capability-card li{color:#6f7a8b;font-size:.72rem;padding:8px 10px;border:1px solid rgba(255,255,255,.055);border-radius:8px}.kx-heading-row{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end}.kx-heading-row>p{color:#8a95a6;line-height:1.75;font-size:.93rem;padding-bottom:8px}.kx-product-suite{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kx-suite-card{display:block;min-height:320px;padding:28px;border:1px solid var(--kx-line);border-radius:18px;background:#0b0f17;color:inherit;position:relative;overflow:hidden}.kx-suite-card:hover{border-color:rgba(120,103,255,.25);transform:translateY(-2px)}.kx-suite-card.is-core{background:radial-gradient(500px 230px at 92% 0,rgba(120,103,255,.13),transparent 72%),#0b0f17;border-color:rgba(120,103,255,.18)}.kx-suite-top{display:flex;justify-content:space-between;gap:20px}.kx-suite-top span,.kx-suite-top em{font:500 .55rem/1 var(--font-mono);letter-spacing:.1em;color:#596678}.kx-suite-top em{font-style:normal;color:#8880d9}.kx-suite-card h2{margin-top:72px;font-size:1.8rem;letter-spacing:-.03em}.kx-suite-card p{color:#808b9d;line-height:1.68;max-width:590px;margin-top:11px;font-size:.86rem}.kx-suite-status{position:absolute;bottom:27px;left:28px;display:flex;align-items:center;gap:8px;color:#687588;font-size:.68rem}.kx-suite-status i{display:block;width:7px;height:7px;border-radius:50%;background:#566174}.kx-suite-status i.is-live{background:#47e6a1;box-shadow:0 0 12px rgba(71,230,161,.35)}.kx-suite-status i.is-beta{background:#9d91ff}.kx-suite-status i.is-build{background:#ffca6a}.kx-project-heading{margin-top:100px}.kx-about-manifesto{padding:32px;border:1px solid var(--kx-line);border-radius:19px;background:linear-gradient(145deg,rgba(120,103,255,.065),rgba(255,255,255,.01))}.kx-about-manifesto>span{font:500 .57rem/1 var(--font-mono);letter-spacing:.12em;color:#746bca}.kx-about-manifesto strong{display:block;font-size:clamp(1.7rem,3vw,2.75rem);line-height:1.08;letter-spacing:-.04em;margin-top:75px}.kx-about-manifesto p{color:#7f8a9b;font-size:.84rem;line-height:1.7;margin-top:16px}.kx-about-build{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.kx-about-map{display:flex;align-items:center;justify-content:space-between;gap:10px}.kx-about-map div{flex:1;padding:18px;border:1px solid var(--kx-line);border-radius:13px;background:#0b0f17}.kx-about-map span{display:block;font:500 .5rem/1 var(--font-mono);letter-spacing:.1em;color:#576376}.kx-about-map strong{display:block;margin-top:18px;font-size:.8rem}.kx-about-map i{font-style:normal;color:#3e4959}.kx-contact-direct{margin-top:42px;padding-top:24px;border-top:1px solid var(--kx-line);display:grid;gap:7px}.kx-contact-direct span{font:500 .53rem/1 var(--font-mono);letter-spacing:.12em;color:#566276}.kx-contact-direct a{font-size:1.08rem;color:#d7dce5}.kx-contact-direct small{color:#687487}.kx-contact-card,.kx-auth-card{padding:30px;border:1px solid var(--kx-line);border-radius:19px;background:linear-gradient(180deg,#0d121b,#090d14);box-shadow:var(--kx-shadow)}.kx-contact-card form,.kx-auth-card form{display:grid;gap:16px}.kx-contact-card label,.kx-auth-card label{display:grid;gap:8px;color:#9ca5b4;font-size:.72rem;font-weight:600}.kx-contact-card label>span{font-weight:400;color:#596477}.kx-contact-card input,.kx-contact-card textarea,.kx-auth-card input{width:100%;padding:13px 14px;background:#080c12;border:1px solid var(--kx-line);border-radius:10px;color:#e4e8ef;font:400 .86rem/1.5 var(--font-body);outline:0}.kx-contact-card input:focus,.kx-contact-card textarea:focus,.kx-auth-card input:focus{border-color:rgba(120,103,255,.5);box-shadow:0 0 0 3px rgba(120,103,255,.07)}.kx-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kx-submit{width:100%;justify-content:center;border:0;cursor:pointer;margin-top:3px}.kx-form-note{font-size:.64rem;color:#566174;text-align:center;line-height:1.5}.kx-alert{padding:11px 13px;border-radius:9px;margin-bottom:16px;font-size:.75rem}.kx-alert.success{color:#6bdca3;border:1px solid rgba(71,230,161,.14);background:rgba(71,230,161,.045)}.kx-alert.error{color:#ff9292;border:1px solid rgba(255,107,107,.14);background:rgba(255,107,107,.045)}.kx-auth-shell{padding:155px 0 110px;min-height:88vh;background:radial-gradient(850px 500px at 20% 18%,rgba(120,103,255,.09),transparent 70%)}.kx-auth-grid{display:grid;grid-template-columns:1fr 470px;gap:100px;align-items:center}.kx-auth-copy h1{font-size:clamp(3rem,5vw,5.6rem);line-height:.98;letter-spacing:-.055em;margin-top:20px}.kx-auth-copy>p{max-width:650px;color:#8d98a9;font-size:1rem;line-height:1.75;margin-top:23px}.kx-auth-points{display:flex;gap:9px;margin-top:42px;flex-wrap:wrap}.kx-auth-points div{padding:11px 13px;border:1px solid var(--kx-line);border-radius:10px;background:rgba(255,255,255,.012)}.kx-auth-points span{font:500 .52rem/1 var(--font-mono);color:#5c687a}.kx-auth-points strong{font-size:.67rem;color:#9ba5b4;margin-left:8px}.kx-auth-card h2{font-size:1.7rem;margin-top:17px}.kx-auth-card>p{color:#707c8e;font-size:.79rem;line-height:1.6;margin:7px 0 24px}.kx-auth-card label small{color:#566174;font-size:.62rem;font-weight:400}.kx-auth-switch{text-align:center;padding-top:20px;margin-top:22px;border-top:1px solid var(--kx-line);color:#657185;font-size:.74rem}.kx-auth-switch a{color:#9c92ff}.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:980px){.kx-about-build,.kx-auth-grid{grid-template-columns:1fr;gap:50px}.kx-auth-grid{max-width:720px}.kx-about-map{flex-wrap:wrap}.kx-about-map div{min-width:150px}.kx-product-suite{grid-template-columns:1fr}.kx-auth-shell{padding-top:125px}}
@media(max-width:700px){.kx-capability-grid{grid-template-columns:1fr}.kx-capability-card ul{grid-template-columns:1fr}.kx-heading-row{grid-template-columns:1fr;gap:20px}.kx-form-row{grid-template-columns:1fr}.kx-about-map{display:grid;grid-template-columns:1fr}.kx-about-map i{transform:rotate(90deg);text-align:center}.kx-auth-points{display:grid;grid-template-columns:1fr}.kx-auth-card,.kx-contact-card{padding:23px}}
.kx-notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.kx-note-card{display:block;padding:13px;border:1px solid var(--kx-line);border-radius:17px;background:#0b0f17;color:inherit}.kx-note-card:hover{border-color:rgba(120,103,255,.24);transform:translateY(-2px)}.kx-note-visual{height:180px;border-radius:11px;display:grid;place-items:center}.kx-note-visual span{font:700 1.2rem/1 var(--font-mono);color:rgba(255,255,255,.75);letter-spacing:.08em}.kx-note-meta{display:flex;justify-content:space-between;gap:16px;margin:18px 4px 0}.kx-note-meta span,.kx-note-meta em{font:500 .53rem/1.3 var(--font-mono);letter-spacing:.09em;color:#7169be;font-style:normal}.kx-note-meta em{color:#566276;letter-spacing:0}.kx-note-card h2{font-size:1.15rem;line-height:1.25;letter-spacing:-.025em;margin:20px 4px 0}.kx-note-card p{color:#788496;font-size:.79rem;line-height:1.7;margin:11px 4px 0}.kx-note-card strong{display:block;color:#929cac;font-size:.69rem;margin:25px 4px 8px}.kx-note-card strong span{color:#9e94ff}.kx-article-hero{padding:175px 0 85px;border-bottom:1px solid var(--kx-line);background:radial-gradient(700px 380px at 68% 5%,rgba(120,103,255,.09),transparent 72%)}.kx-article-head{max-width:920px;margin:0 auto}.kx-article-head>a{color:#7d889a;font-size:.72rem}.kx-article-head .kx-note-meta{margin-top:55px}.kx-article-head h1{font-size:clamp(3rem,5.4vw,5.8rem);line-height:1;letter-spacing:-.055em;margin-top:22px}.kx-article-head>p{max-width:760px;color:#8c97a8;font-size:1rem;line-height:1.72;margin-top:22px}.kx-article-section{padding:85px 0 120px}.kx-article-body{max-width:760px;margin:0 auto;color:#a0a9b8;font-size:1rem;line-height:1.9}.kx-article-body h2{color:#e4e8ef;font-size:1.75rem;letter-spacing:-.03em;margin:60px 0 15px}.kx-article-body p{margin:18px 0}.kx-article-body a{color:#9e95ff;text-decoration:underline}.kx-article-body code{font-family:var(--font-mono);font-size:.86em;color:#b8bfca}.kx-article-cta{max-width:760px;margin:90px auto 0;padding:32px;border:1px solid var(--kx-line);border-radius:17px;background:linear-gradient(135deg,rgba(120,103,255,.07),rgba(255,255,255,.01))}.kx-article-cta h2{font-size:1.55rem;margin:12px 0 25px}@media(max-width:980px){.kx-notes-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.kx-notes-grid{grid-template-columns:1fr}.kx-note-visual{height:155px}}
.kx-auth-consent{display:flex!important;align-items:flex-start;gap:.6rem!important;font-size:.76rem;color:var(--text-secondary);line-height:1.5}.kx-auth-consent input{width:auto!important;margin-top:.18rem}.kx-auth-consent a{color:var(--primary-light);text-decoration:none}.kx-auth-consent a:hover{text-decoration:underline}