/* Kituwa visual system · 2026-11-09 */
:root { --kw-navy:#142d45; --kw-teal:#13796e; --kw-paper:#f4f7f9; --kw-line:#dce5eb; }
:focus-visible { outline:3px solid #168b80; outline-offset:4px; }
button, input, select, textarea { font:inherit; }
button, a, input, select, textarea { touch-action:manipulation; }
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto!important} *,*::before,*::after {animation:none!important;transition:none!important} }

:root {--si-ink:#142d45;--si-ink-2:#253f55;--si-paper:#f4f7f9;--si-paper-2:#eaf0f4;--si-white:#fff;--si-forest:#13796e;--si-forest-2:#0d5f57;--si-line:#dce5eb;--si-muted:#526777;--si-amber-2:#13796e;--si-serif:system-ui,-apple-system,"Segoe UI",sans-serif;--si-radius:14px;--si-shadow:0 12px 32px #142d450a}
body::before {background:none} .site-header {background:#fff;border-bottom:1px solid var(--si-line)}
.site-brand__mark {background:var(--si-ink);border-radius:10px;box-shadow:none}
.site-brand__text small {letter-spacing:.02em} .site-nav a {font-weight:600}
.ki-hero {padding:80px 0;gap:64px}.ki-hero h1 {font-size:clamp(2.6rem,5.2vw,4.6rem);line-height:1.08;letter-spacing:-.05em;max-width:15ch;font-weight:750}
.ki-hero__panel {background:var(--si-ink);border-radius:18px;padding:32px;box-shadow:0 24px 50px #142d4514}
.ki-hero__panel li {padding-block:18px}.ki-hero__panel strong {color:#fff}.ki-hero__panel li span {color:#8ad5c9}
.ki-eyebrow {font-family:var(--si-font);letter-spacing:.12em;font-size:.72rem}
.ki-section {padding-block:56px}.ki-section h2 {font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.035em;line-height:1.16}
.ki-card,.ki-package {background:#fff;border:1px solid var(--si-line);border-radius:14px;box-shadow:none;padding:28px}
.ki-card:hover {border-color:var(--si-forest);box-shadow:0 12px 28px #142d450b;transform:translateY(-2px)}
.ki-card h3 {font-family:var(--si-font);font-size:1.2rem;line-height:1.3}.ki-card__num {color:var(--si-forest)}
.ki-package--featured {border:2px solid var(--si-forest)}
#MainContent .ki-btn,#MainContent .kituwa-btn,.site-action--cta {border-radius:9px}
.site-footer {background:#142d45}.site-footer__brand .site-brand__text span {color:#8ad5c9}
@media(max-width:760px){.ki-hero{padding:38px 0;gap:28px;grid-template-columns:1fr}.ki-hero h1{max-width:18ch}.ki-section{padding-block:36px}.ki-hero__panel{padding:24px}.ki-copy{width:calc(100% - 32px)}}

/* Tablet header: keep brand, nav, cart and CTA on one row */
@media (max-width:1100px) {
  .site-header__inner { gap:16px; }
  .site-nav { gap:12px; }
  .site-nav a { font-size:.88rem; }
  .site-actions { gap:6px; }
  .site-action { padding-inline:10px; }
  .site-action--search { display:none; }
}