/* Стили лендинга, ограниченные обёрткой .kitamo-landing.
   Файл собирается скриптом scripts/scope-landing-css.mjs, руками не правится:
   правки вносятся в landing.css и скрипт запускается заново. */

.kitamo-landing {
  /* --- Atlas Admin tokens --- */
  --surface:#f1f3f6;
  --card:#ffffff;
  --header:#e6e9ed;
  --ink:#0f1419;
  --ink-60:#5a626c;
  --hairline:rgba(15,20,25,0.08);
  --hairline-14:rgba(15,20,25,0.14);
  --hairline-18:rgba(15,20,25,0.18);
  --steel:#3a5a7e;
  --steel-soft:rgba(58,90,126,0.10);
  --success:#1f7a4d;
  --warn:#b3801f;
  --error:#a3331f;

  --r-sm:3px; --r-md:5px; --r-lg:7px; --r-pill:9999px;
  --sh-card:rgba(15,20,25,0.04) 0 1px 2px;
  --sh-2:0 4px 12px -2px rgba(15,23,42,0.1), 0 2px 6px rgba(15,23,42,0.06);

  --font:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular","Consolas",monospace;

  --ease:cubic-bezier(0.4,0,0.2,1);
  --dur:240ms;

  --pad:56px;
  --maxw:1180px;
  color-scheme:light;
}

.kitamo-landing *,
.kitamo-landing *::before,
.kitamo-landing *::after {box-sizing:border-box;}

.kitamo-landing {-webkit-text-size-adjust:100%;}

.kitamo-landing {
  margin:0;
  background:var(--surface);
  color:var(--ink);
  font-family:var(--font);
  font-size:0.875rem;
  line-height:1.55;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
}

.kitamo-landing img {max-width:100%;}

.kitamo-landing a {color:var(--ink);text-decoration:none;}

.kitamo-landing p {margin:0;}

.kitamo-landing h1,
.kitamo-landing h2,
.kitamo-landing h3,
.kitamo-landing h4 {margin:0;text-wrap:balance;}

.kitamo-landing ul,
.kitamo-landing ol {margin:0;padding:0;list-style:none;}

.kitamo-landing :focus-visible {outline:2px solid var(--steel);outline-offset:2px;border-radius:var(--r-sm);}

/* ---------- type roles ---------- */
.kitamo-landing .hero-t {font-size:2.75rem;line-height:1.08;font-weight:700;letter-spacing:-0.025em;}

.kitamo-landing .h1 {font-size:1.875rem;line-height:1.18;font-weight:600;letter-spacing:-0.018em;}

.kitamo-landing .h2 {font-size:1.25rem;line-height:1.3;font-weight:600;letter-spacing:-0.012em;}

.kitamo-landing .lead {font-size:0.9375rem;line-height:1.6;color:var(--ink-60);max-width:62ch;}

.kitamo-landing .muted {color:var(--ink-60);}

.kitamo-landing .mono {font-family:var(--mono);font-variant-numeric:tabular-nums;}

.kitamo-landing .label {
  font-family:var(--mono);font-size:0.6875rem;font-weight:500;line-height:1;
  letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-60);
  font-variant-numeric:tabular-nums;
}

.kitamo-landing .num {font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500;}

.kitamo-landing .kpi {font-family:var(--mono);font-size:1.5rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0;}

.kitamo-landing .ts {font-family:var(--mono);font-size:0.75rem;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink-60);}

/* ---------- buttons (4 declared variants only) ---------- */
.kitamo-landing .btn {
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font);font-size:0.8125rem;line-height:1.4;
  border-radius:var(--r-md);cursor:pointer;
  transition:all var(--dur) var(--ease);
  white-space:nowrap;
}

.kitamo-landing .btn-primary {background:var(--ink);color:var(--surface);border:none;padding:8px 16px;font-weight:600;}

.kitamo-landing .btn-secondary {background:var(--card);color:var(--ink);border:1px solid var(--hairline-14);padding:8px 16px;font-weight:500;}

.kitamo-landing .btn-outline {background:transparent;color:var(--ink);border:1px solid var(--hairline-18);padding:8px 16px;font-weight:500;}

.kitamo-landing .btn-ghost {background:transparent;color:var(--ink-60);border:none;padding:8px 12px;font-weight:500;}

.kitamo-landing .btn-primary:hover,
.kitamo-landing .btn-secondary:hover,
.kitamo-landing .btn-outline:hover {filter:brightness(0.97);box-shadow:0 4px 12px -2px rgba(15,23,42,0.18);}

.kitamo-landing .btn-ghost:hover {color:var(--ink);}

.kitamo-landing .btn:active {transform:scale(0.98);box-shadow:0 1px 2px rgba(15,23,42,0.1);}

/* ---------- shell ---------- */
.kitamo-landing .wrap {max-width:var(--maxw);margin:0 auto;padding-left:24px;padding-right:24px;}

.kitamo-landing section {padding-top:var(--pad);padding-bottom:var(--pad);}

.kitamo-landing .sec-head {display:flex;align-items:baseline;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--hairline);margin-bottom:32px;}

.kitamo-landing .sec-head .h1 {flex:1;}

/* ---------- top bar ---------- */
.kitamo-landing .topbar {
  position:sticky;top:0;z-index:50;
  background:rgba(241,243,246,0.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--hairline);
}

.kitamo-landing .topbar-in {display:flex;align-items:center;gap:24px;height:56px;}

.kitamo-landing .brand {display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-0.012em;font-size:0.9375rem;}

.kitamo-landing .brand-mark {
  width:22px;height:22px;border-radius:var(--r-sm);background:var(--ink);color:var(--surface);
  display:grid;place-items:center;font-family:var(--mono);font-size:0.625rem;font-weight:600;
}

.kitamo-landing .ver {
  font-family:var(--mono);font-size:0.6875rem;font-weight:500;color:var(--ink-60);
  border:1px solid var(--hairline);border-radius:var(--r-pill);padding:2px 8px;font-variant-numeric:tabular-nums;
}

.kitamo-landing .topnav {display:flex;align-items:center;gap:4px;margin-left:auto;}

.kitamo-landing .topnav a {font-size:0.8125rem;font-weight:500;color:var(--ink-60);padding:8px 12px;border-radius:var(--r-md);transition:all var(--dur) var(--ease);}

.kitamo-landing .topnav a:hover {color:var(--ink);background:rgba(15,20,25,0.04);}

.kitamo-landing .topbar-cta {display:flex;align-items:center;gap:8px;}

/* ---------- hero ---------- */
.kitamo-landing .hero {padding-top:64px;padding-bottom:var(--pad);}

.kitamo-landing .hero-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:start;}

.kitamo-landing .hero-t {margin:14px 0 18px;max-width:16ch;}

.kitamo-landing .hero-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

.kitamo-landing .hero-stats {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
  background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--r-lg);
  margin-top:36px;overflow:hidden;
}

.kitamo-landing .stat {background:var(--surface);padding:14px 16px;}

.kitamo-landing .stat .kpi {display:block;margin-bottom:6px;}

/* ---------- app mock ---------- */
.kitamo-landing .mock {
  background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);
  box-shadow:var(--sh-card);overflow:hidden;
}

.kitamo-landing .mock-bar {
  display:flex;align-items:center;gap:10px;background:var(--header);
  border-bottom:1px solid var(--hairline);padding:9px 14px;
}

.kitamo-landing .mock-bar .dot {width:8px;height:8px;border-radius:var(--r-pill);background:var(--hairline-18);}

.kitamo-landing .mock-path {font-family:var(--mono);font-size:0.6875rem;font-weight:500;color:var(--ink-60);letter-spacing:0.02em;}

.kitamo-landing .mock-tabs {display:flex;gap:6px;padding:12px 14px 0;flex-wrap:wrap;}

.kitamo-landing .mtab {
  font-family:var(--font);font-size:0.75rem;font-weight:500;color:var(--ink-60);
  border:1px solid var(--hairline);border-radius:var(--r-md);padding:5px 10px;background:transparent;
}

.kitamo-landing .mtab.is-active {background:var(--card);border-color:var(--steel);color:var(--ink);}

.kitamo-landing .mtab .n {font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-60);margin-left:6px;}

.kitamo-landing .mock-pane {border-left:2px solid var(--steel);margin:12px 14px 14px;padding-left:14px;}

.kitamo-landing .mock-title {font-size:0.9375rem;font-weight:600;letter-spacing:-0.012em;margin-bottom:12px;}

.kitamo-landing .meta-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding-bottom:14px;border-bottom:1px solid var(--hairline);}

.kitamo-landing .meta-row {display:flex;flex-direction:column;gap:4px;}

.kitamo-landing .meta-row .v {font-size:0.8125rem;font-weight:500;}

.kitamo-landing .badge {
  display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:0.6875rem;font-weight:500;
  letter-spacing:0.04em;text-transform:uppercase;border-radius:var(--r-pill);padding:3px 9px;
  border:1px solid var(--hairline-14);color:var(--ink-60);background:var(--card);
}

.kitamo-landing .badge-success {color:var(--success);border-color:rgba(31,122,77,0.28);}

.kitamo-landing .badge-warn {color:var(--warn);border-color:rgba(179,128,31,0.3);}

.kitamo-landing .badge-error {color:var(--error);border-color:rgba(163,51,31,0.28);}

.kitamo-landing .chat {display:flex;flex-direction:column;gap:12px;padding:14px 0;border-bottom:1px solid var(--hairline);}

.kitamo-landing .msg {display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;}

.kitamo-landing .ava {width:26px;height:26px;border-radius:var(--r-pill);background:var(--header);border:1px solid var(--hairline);display:grid;place-items:center;font-family:var(--mono);font-size:0.625rem;font-weight:600;color:var(--ink-60);}

.kitamo-landing .msg-head {display:flex;align-items:baseline;gap:8px;margin-bottom:2px;}

.kitamo-landing .msg-head .who {font-size:0.8125rem;font-weight:600;}

.kitamo-landing .msg-body {font-size:0.8125rem;line-height:1.5;}

.kitamo-landing .msg-sys {font-size:0.75rem;color:var(--ink-60);border-left:2px solid var(--hairline);padding-left:10px;}

.kitamo-landing .file-chip {
  display:inline-flex;align-items:center;gap:8px;margin-top:6px;border:1px solid var(--hairline);
  border-radius:var(--r-md);padding:6px 10px;background:var(--surface);
}

.kitamo-landing .file-chip .nm {font-size:0.75rem;font-weight:500;}

.kitamo-landing .time-block {padding-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;}

.kitamo-landing .bar {height:4px;border-radius:var(--r-pill);background:var(--header);overflow:hidden;grid-column:1/-1;}

.kitamo-landing .bar span {display:block;height:100%;background:var(--steel);width:78%;}

/* ---------- pains ---------- */
.kitamo-landing .pains {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden;}

.kitamo-landing .pain {background:var(--card);padding:20px;display:flex;flex-direction:column;gap:10px;}

.kitamo-landing .pain q {font-size:0.9375rem;font-weight:600;letter-spacing:-0.012em;quotes:"«" "»";line-height:1.35;}

.kitamo-landing .pain p {font-size:0.8125rem;color:var(--ink-60);}

.kitamo-landing .pain a {font-size:0.8125rem;font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hairline-18);margin-top:auto;}

.kitamo-landing .pain a:hover {text-decoration-color:var(--ink);}

/* ---------- diagram ---------- */
.kitamo-landing .diagram-card {background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:28px;}

.kitamo-landing .diagram-wrap {overflow-x:auto;}

.kitamo-landing .diagram-wrap svg {display:block;margin:0 auto;min-width:640px;}

/* ---------- modules ---------- */
.kitamo-landing .modules {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden;}

.kitamo-landing .mod {background:var(--card);padding:20px;display:flex;flex-direction:column;gap:8px;transition:background var(--dur) var(--ease);}

.kitamo-landing .mod:hover {background:var(--surface);}

.kitamo-landing .mod-top {display:flex;align-items:center;gap:10px;}

.kitamo-landing .mod-top .idx {font-family:var(--mono);font-size:0.6875rem;font-weight:500;color:var(--ink-60);font-variant-numeric:tabular-nums;}

.kitamo-landing .mod h3 {font-size:0.9375rem;font-weight:600;letter-spacing:-0.012em;}

.kitamo-landing .mod p {font-size:0.8125rem;color:var(--ink-60);}

.kitamo-landing .mod .badge {align-self:flex-start;margin-top:2px;}

/* ---------- use cases ---------- */
.kitamo-landing .tabs {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;}

.kitamo-landing .tab {
  font-family:var(--font);font-size:0.8125rem;font-weight:500;color:var(--ink-60);
  background:transparent;border:1px solid var(--hairline);border-radius:var(--r-md);
  padding:8px 14px;cursor:pointer;transition:all var(--dur) var(--ease);
}

.kitamo-landing .tab:hover {background:rgba(15,20,25,0.06);color:var(--ink);}

.kitamo-landing .tab[aria-selected="true"] {background:var(--card);border-color:var(--steel);color:var(--ink);}

.kitamo-landing .tab .tn {font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-60);margin-right:8px;}

.kitamo-landing .case {
  background:var(--card);border:1px solid var(--hairline);border-left:2px solid var(--steel);
  border-radius:0 var(--r-lg) var(--r-lg) 0;box-shadow:var(--sh-card);padding:28px;
}

.kitamo-landing .case[hidden] {display:none;}

.kitamo-landing .case-top {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding-bottom:20px;border-bottom:1px solid var(--hairline);}

.kitamo-landing .case-top h3 {font-size:1.25rem;font-weight:600;letter-spacing:-0.012em;margin-bottom:8px;}

.kitamo-landing .case-body {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;padding-top:20px;}

.kitamo-landing .steps {display:flex;flex-direction:column;}

.kitamo-landing .step {display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--hairline);}

.kitamo-landing .step:last-child {border-bottom:none;}

.kitamo-landing .step .sn {font-family:var(--mono);font-size:0.75rem;font-weight:500;color:var(--ink-60);font-variant-numeric:tabular-nums;padding-top:2px;}

.kitamo-landing .step p {font-size:0.8125rem;line-height:1.55;}

.kitamo-landing .results {display:flex;flex-direction:column;gap:14px;}

.kitamo-landing .result {border:1px solid var(--hairline);border-radius:var(--r-md);padding:14px;background:var(--surface);}

.kitamo-landing .result .kpi {display:block;margin-bottom:6px;}

.kitamo-landing .result p {font-size:0.8125rem;color:var(--ink-60);}

.kitamo-landing .chips {display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;}

.kitamo-landing .chip {font-family:var(--mono);font-size:0.6875rem;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--ink-60);border:1px solid var(--hairline);border-radius:var(--r-sm);padding:4px 8px;background:var(--surface);}

/* ---------- day / roles ---------- */
.kitamo-landing .roles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}

.kitamo-landing .rcard {background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:20px;display:flex;flex-direction:column;gap:14px;}

.kitamo-landing .rcard h3 {font-size:0.9375rem;font-weight:600;letter-spacing:-0.012em;}

.kitamo-landing .timeline {display:flex;flex-direction:column;}

.kitamo-landing .tl {display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--hairline);}

.kitamo-landing .tl p {font-size:0.8125rem;}

.kitamo-landing .chart {border-top:1px solid var(--hairline);padding-top:14px;margin-top:auto;}

.kitamo-landing .chart-head {display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;}

/* ---------- compare table ---------- */
.kitamo-landing .tablewrap {overflow-x:auto;border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--sh-card);}

.kitamo-landing table {border-collapse:collapse;width:100%;min-width:640px;font-size:0.8125rem;}

.kitamo-landing thead th {
  background:var(--header);text-align:left;padding:10px 16px;border-bottom:1px solid var(--hairline);
  font-family:var(--mono);font-size:0.6875rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-60);
}

.kitamo-landing tbody td {padding:13px 16px;border-bottom:1px solid var(--hairline);vertical-align:top;line-height:1.5;}

.kitamo-landing tbody tr:last-child td {border-bottom:none;}

.kitamo-landing td.k {font-weight:500;width:22%;}

.kitamo-landing td.now {color:var(--ink-60);}

/* ---------- security tiles ---------- */
.kitamo-landing .tiles {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}

.kitamo-landing .tile {background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:20px;display:flex;flex-direction:column;gap:10px;}

.kitamo-landing .tile h3 {font-size:0.9375rem;font-weight:600;letter-spacing:-0.012em;}

.kitamo-landing .tile ul {display:flex;flex-direction:column;gap:7px;}

.kitamo-landing .tile li {font-size:0.8125rem;color:var(--ink-60);padding-left:14px;position:relative;}

.kitamo-landing .tile li::before {content:"";position:absolute;left:0;top:8px;width:5px;height:1px;background:var(--hairline-18);}

/* ---------- steps rollout ---------- */
.kitamo-landing .rollout {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden;}

.kitamo-landing .ro {background:var(--card);padding:20px;display:flex;flex-direction:column;gap:8px;}

.kitamo-landing .ro h3 {font-size:0.875rem;font-weight:600;}

.kitamo-landing .ro p {font-size:0.8125rem;color:var(--ink-60);}

/* ---------- delivery ---------- */
.kitamo-landing .plans {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}

.kitamo-landing .plan {background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:24px;display:flex;flex-direction:column;gap:14px;}

.kitamo-landing .plan.is-lead {border-left:2px solid var(--steel);}

.kitamo-landing .plan h3 {font-size:1.25rem;font-weight:600;letter-spacing:-0.012em;}

.kitamo-landing .plan ul {display:flex;flex-direction:column;gap:8px;flex:1;}

.kitamo-landing .plan li {font-size:0.8125rem;color:var(--ink-60);padding-left:14px;position:relative;}

.kitamo-landing .plan li::before {content:"";position:absolute;left:0;top:8px;width:5px;height:1px;background:var(--hairline-18);}

/* ---------- faq ---------- */
.kitamo-landing .faq {border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--sh-card);overflow:hidden;}

.kitamo-landing details {border-bottom:1px solid var(--hairline);}

.kitamo-landing details:last-child {border-bottom:none;}

.kitamo-landing summary {
  list-style:none;cursor:pointer;padding:15px 20px;display:flex;align-items:center;gap:12px;
  font-size:0.875rem;font-weight:500;transition:background var(--dur) var(--ease);
}

.kitamo-landing summary::-webkit-details-marker {display:none;}

.kitamo-landing summary:hover {background:var(--surface);}

.kitamo-landing summary .q {flex:1;}

.kitamo-landing summary .sign {font-family:var(--mono);color:var(--ink-60);font-size:0.875rem;}

.kitamo-landing details[open] summary .sign {color:var(--ink);}

.kitamo-landing details .a {padding:0 20px 18px 52px;font-size:0.8125rem;color:var(--ink-60);max-width:78ch;}

/* ---------- final cta ---------- */
.kitamo-landing .cta {background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.9fr);gap:40px;align-items:start;}

.kitamo-landing .form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}

.kitamo-landing .field {display:flex;flex-direction:column;gap:6px;}

.kitamo-landing .field.wide {grid-column:1/-1;}

.kitamo-landing input,
.kitamo-landing select {
  font-family:var(--font);font-size:0.8125rem;color:var(--ink);background:var(--card);
  border:1px solid var(--hairline-14);border-radius:var(--r-md);padding:8px 10px;
  transition:all var(--dur) var(--ease);width:100%;
}

.kitamo-landing input:hover,
.kitamo-landing select:hover {border-color:rgba(15,20,25,0.5);}

.kitamo-landing input:focus,
.kitamo-landing select:focus {outline:none;border:1.5px solid var(--ink);box-shadow:0 0 0 4px rgba(15,20,25,0.15);}

.kitamo-landing .form-note {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}

.kitamo-landing .hp {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* ---------- уведомление о сборе данных ---------- */
.kitamo-landing .cookie {
  position:fixed;left:0;right:0;bottom:0;z-index:100;
  background:var(--card);border-top:1px solid var(--hairline);
  box-shadow:0 -4px 12px -6px rgba(15,23,42,0.12);
}

.kitamo-landing .cookie[hidden] {display:none;}

.kitamo-landing .cookie-in {
  max-width:var(--maxw);margin:0 auto;padding:12px 24px;
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
}

.kitamo-landing .cookie p {font-size:0.8125rem;line-height:1.5;color:var(--ink-60);margin:0;flex:1;min-width:260px;}

.kitamo-landing .cookie a {color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hairline-18);}

.kitamo-landing .cookie a:hover {text-decoration-color:var(--ink);}

@media (max-width:720px) {
.kitamo-landing .cookie-in {padding:12px 16px;}
}

.kitamo-landing #form-hint.is-error {color:var(--error);}

.kitamo-landing #form-hint.is-ok {color:var(--success);}

/* ---------- footer ---------- */
.kitamo-landing footer {border-top:1px solid var(--hairline);background:var(--header);padding:40px 0 32px;}

.kitamo-landing .fgrid {display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;}

.kitamo-landing .fcol {display:flex;flex-direction:column;gap:10px;}

.kitamo-landing .fcol a {font-size:0.8125rem;color:var(--ink-60);transition:color var(--dur) var(--ease);}

.kitamo-landing .fcol a:hover {color:var(--ink);}

.kitamo-landing .fbottom {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid var(--hairline);}

/* ---------- responsive ---------- */
@media (max-width:1080px) {
.kitamo-landing .hero-grid {grid-template-columns:1fr;gap:36px;}

.kitamo-landing .hero-t {max-width:22ch;}

.kitamo-landing .modules {grid-template-columns:repeat(2,minmax(0,1fr));}

.kitamo-landing .tiles {grid-template-columns:repeat(2,minmax(0,1fr));}

.kitamo-landing .rollout {grid-template-columns:repeat(2,minmax(0,1fr));}

.kitamo-landing .roles {grid-template-columns:1fr;}

.kitamo-landing .plans {grid-template-columns:1fr;}

.kitamo-landing .cta {grid-template-columns:1fr;gap:28px;}

.kitamo-landing .topnav {display:none;}
}

@media (max-width:760px) {
.kitamo-landing {--pad:24px;}

.kitamo-landing .hero {padding-top:32px;}

.kitamo-landing .hero-t {font-size:2rem;max-width:none;}

.kitamo-landing .h1 {font-size:1.5rem;}

.kitamo-landing .hero-stats {grid-template-columns:repeat(2,minmax(0,1fr));}

.kitamo-landing .pains {grid-template-columns:1fr;}

.kitamo-landing .modules {grid-template-columns:1fr;}

.kitamo-landing .tiles {grid-template-columns:1fr;}

.kitamo-landing .rollout {grid-template-columns:1fr;}

.kitamo-landing .case {padding:20px;}

.kitamo-landing .case-top,
.kitamo-landing .case-body {grid-template-columns:1fr;gap:20px;}

.kitamo-landing .meta-grid,
.kitamo-landing .time-block {grid-template-columns:repeat(2,minmax(0,1fr));}

.kitamo-landing .form {grid-template-columns:1fr;}

.kitamo-landing .fgrid {grid-template-columns:repeat(2,minmax(0,1fr));}

.kitamo-landing .cta {padding:20px;}

.kitamo-landing .sec-head {flex-direction:column;gap:8px;}
}

@media (prefers-reduced-motion:reduce) {
.kitamo-landing * {transition-duration:0.01ms !important;animation-duration:0.01ms !important;}
}

.kitamo-landing .dl {stroke:rgba(15,20,25,0.18);stroke-width:1;stroke-dasharray:3 4;}

.kitamo-landing .nb {fill:#ffffff;stroke:rgba(15,20,25,0.08);}

.kitamo-landing .nt {font-family:'Inter',sans-serif;font-size:12.5px;font-weight:500;fill:#0f1419;}

.kitamo-landing .nl {font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:500;fill:#5a626c;letter-spacing:0.06em;}