/* Kinetiq website — shared styles */
:root{--primary:#005F73;--primary-press:#00485A;--pc:#CFE7E2;--onpc:#00363E;--accent:#E0512E;--accent-soft:#FFE0D6;--safe:#1E8A50;--safe-soft:#BBEFCF;--warn-soft:#FCE6B0;--ink:#0F1E35;--ink-var:#3D4F6B;--ink-soft:#6B7A8D;--bg:#FFFFFF;--sur:#F7FBFA;--sur2:#EEF5F3;--sur3:#E3EDEA;--line:#D7E3E0;--line2:#A9C0BB;--fd:'Figtree',sans-serif;--fb:'Roboto',sans-serif}
*{box-sizing:border-box}
body{margin:0;font-family:var(--fb);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-press);text-decoration:underline}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:14px 28px;background:transparent;border:none;pointer-events:none}
.nav>*{pointer-events:auto}
.burger{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;padding:0;flex-shrink:0}
.burger:hover{background:var(--sur);border-color:var(--line2)}
.burger svg{width:22px;height:22px;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.nav .spacer{margin-left:auto}
.drawer{position:fixed;inset:0;z-index:40;background:rgba(15,30,53,.32);opacity:0;pointer-events:none;transition:opacity .18s ease}
.drawer.open{opacity:1;pointer-events:auto}
.dpanel{position:absolute;left:0;top:0;bottom:0;width:336px;max-width:86vw;background:#fff;box-shadow:2px 0 40px rgba(15,30,53,.18);padding:22px 22px 32px;display:flex;flex-direction:column;gap:4px;transform:translateX(-102%);transition:transform .22s cubic-bezier(.4,0,.2,1);overflow-y:auto}
.drawer.open .dpanel{transform:none}
.dpanel .dhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.dclose{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;font:400 20px/1 var(--fd);color:var(--ink-var);cursor:pointer}
.dclose:hover{background:var(--sur)}
.dpanel a{font:600 17px var(--fd);color:var(--ink);padding:13px 12px;border-radius:14px}
.dpanel a:hover{background:var(--sur);text-decoration:none;color:var(--primary)}
.dpanel a[aria-current]{color:var(--primary);background:var(--sur)}
.dpanel .dsep{height:1px;background:var(--line);margin:14px 12px}
.dpanel .dlab{font:700 11.5px var(--fd);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding:0 12px 6px}
.dpanel .dsm{font:500 15px var(--fd);color:var(--ink-var);padding:10px 12px}
.logo{display:flex;align-items:center;gap:10px;font:800 21px var(--fd);color:var(--ink);letter-spacing:-.02em}
.logo:hover{text-decoration:none;color:var(--ink)}
.logo img{width:30px;height:30px;border-radius:9px;display:block;box-shadow:0 1px 3px rgba(16,24,40,.14)}
.nav .links{display:none}
.nav .links{display:flex;gap:26px;margin-left:auto;font:500 15px var(--fd)}
.nav .links a{color:var(--ink-var)}
.nav .links a:hover{color:var(--primary);text-decoration:none}
.nav .links a[aria-current]{color:var(--primary);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 15px var(--fd);border-radius:999px;padding:0 22px;height:44px;white-space:nowrap;cursor:pointer}
.btn.pri{background:var(--primary);color:#fff}.btn.pri:hover{background:var(--primary-press);text-decoration:none;color:#fff}
.btn.ghost{border:1.5px solid var(--line2);color:var(--primary);background:#fff}.btn.ghost:hover{text-decoration:none;background:var(--sur)}
.kick{font:700 13px var(--fd);letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}
/* doc pages */
.dochead{background:var(--sur);border-bottom:1px solid var(--line);padding:64px 24px 48px;text-align:center}
.dochead h1{font:800 42px/1.1 var(--fd);letter-spacing:-.025em;margin:12px 0 10px}
.dochead p{margin:0;font:400 16px var(--fb);color:var(--ink-var)}
.doc{max-width:780px;margin:0 auto;padding:48px 24px 96px;line-height:1.65;font-size:16px;color:var(--ink)}
.doc h2{font:700 24px var(--fd);letter-spacing:-.015em;margin:44px 0 12px}
.doc h3{font:700 18px var(--fd);margin:28px 0 8px}
.doc p{margin:0 0 14px;color:var(--ink-var)}
.doc li{color:var(--ink-var);margin-bottom:8px}
.doc ul{padding-left:22px;margin:0 0 14px}
.doc .callout{background:var(--sur);border:1px solid var(--line);border-left:none;border-radius:16px;padding:18px 22px;margin:20px 0}
.doc .callout p{margin:0}
.doc .callout .t{font:700 15px var(--fd);color:var(--ink);margin-bottom:6px}
.doc table{width:100%;border-collapse:collapse;font-size:14.5px;margin:16px 0}
.doc th{font:700 13px var(--fd);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);text-align:left;padding:10px 12px;border-bottom:2px solid var(--line2)}
.doc td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-var)}
.toc{background:var(--sur);border:1px solid var(--line);border-radius:20px;padding:22px 26px;margin:0 0 12px}
.toc .t{font:700 14px var(--fd);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:36px;font:500 14.5px var(--fd)}
.toc li{margin-bottom:7px}
/* footer */
.foot{background:var(--sur);border-top:1px solid var(--line);padding:44px 40px 36px}
.foot .cols{display:flex;flex-wrap:wrap;gap:64px;max-width:1100px;margin:0 auto}
.foot h5{font:700 12.5px var(--fd);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 12px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font:400 14px var(--fb)}
.foot ul a{color:var(--ink-var)}
.foot .base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:1100px;margin:36px auto 0;padding-top:18px;border-top:1px solid var(--line);font:400 13px var(--fb);color:var(--ink-soft)}
@media (max-width:720px){.nav{padding:12px 16px}.dochead h1{font-size:32px}.toc ol{columns:1}.foot .cols{gap:32px}}