.ki-page{--color-ink:#111111;--color-graphite:#454545;--color-muted:#6B6B68;--color-line:#D9D9D6;--color-line-strong:#B8B8B4;--color-surface:#F5F5F2;--color-surface-2:#ECECE8;--color-white:#FFFFFF;--color-deep:#171817;--color-deep-2:#222322;--color-deep-line:#34352F;--color-accent:#007C78;--color-accent-hover:#006B68;--color-accent-soft:#E6F2F1;--color-accent-on-dark:#5FB8B2;--color-success:#1B7F3A;--color-success-soft:#E8F4EC;--color-warning:#9A5B00;--color-warning-soft:#FBF1E0;--color-danger:#B42318;--color-danger-soft:#FCEBE9;--color-neutral:#6B6B68;--color-neutral-soft:#EFEFEC;--bg:var(--color-white);--bg-elevated:var(--color-surface);--fg:var(--color-ink);--fg-secondary:var(--color-graphite);--fg-muted:var(--color-muted);--border:var(--color-line);--border-strong:var(--color-line-strong);--link:var(--color-accent);--focus-ring:0 0 0 3px var(--color-accent-soft), 0 0 0 5px var(--color-accent);--font-sans:"Onest", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.25rem + 1vw, 2rem);--text-3xl:clamp(2rem, 1.5rem + 2vw, 3.5rem);--text-hero:clamp(2.5rem, 1.75rem + 3.5vw, 5rem);--leading-tight:1.1;--leading-heading:1.2;--leading-body:1.55;--leading-relaxed:1.65;--tracking-tight:-0.02em;--tracking-caps:0.08em;--measure:68ch;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--container:1240px;--container-narrow:860px;--gutter:clamp(1rem, 4vw, 2.5rem);--grid-cols:12;--grid-gap:var(--space-5);--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;--line-hair:1px;--line-thin:2px;--axis-primary:8px;--axis-secondary:2px;--shadow-none:none;--shadow-sm:0 1px 2px rgba(17, 17, 17, 0.06);--shadow-md:0 6px 20px -8px rgba(17, 17, 17, 0.14);--shadow-lg:0 20px 48px -20px rgba(17, 17, 17, 0.22);--motion-instant:100ms;--motion-fast:160ms;--motion-ui:220ms;--motion-panel:320ms;--motion-section:450ms;--motion-count:800ms;--motion-preloader:1400ms;--motion-ambient:16s;--ease-standard:cubic-bezier(0.2, 0, 0, 1);--ease-enter:cubic-bezier(0.16, 1, 0.3, 1);--ease-exit:cubic-bezier(0.4, 0, 1, 1);--ease-move:cubic-bezier(0.4, 0, 0.2, 1);--cursor-shift:6px;--card-lift:-3px;--parallax-shift:12px;--hover-arrow-shift:4px;--icon-sm:16px;--icon-md:24px;--icon-lg:32px;--icon-stroke:1.5px;--z-header:50;--z-overlay:90;--z-modal:100;--z-cursor:200;--z-preloader:300}
.ki-page .theme-dark,.ki-page [data-theme=dark]{--bg:var(--color-deep);--bg-elevated:var(--color-deep-2);--fg:var(--color-white);--fg-secondary:#CFCFC9;--fg-muted:#9C9C97;--border:var(--color-deep-line);--border-strong:#4A4B45;--link:var(--color-accent-on-dark);--color-accent-soft:rgba(95, 184, 178, 0.16);--focus-ring:0 0 0 3px rgba(95, 184, 178, 0.3), 0 0 0 5px var(--color-accent-on-dark);--shadow-md:0 6px 20px -8px rgba(0, 0, 0, 0.6);color:var(--fg);background:var(--bg)}
.ki-page .mode-patient{--text-base:1.125rem;--leading-body:1.65;--radius-md:6px;--radius-lg:10px;--bg-elevated:#F7F7F4}
@media (prefers-reduced-motion:reduce){.ki-page{--motion-ambient:0s;--parallax-shift:0px;--cursor-shift:0px;--card-lift:0px}.ki-page *,.ki-page ::before,.ki-page ::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.ki-page[data-motion=reduced]{--motion-ambient:0s;--parallax-shift:0px;--cursor-shift:0px;--card-lift:0px}
.ki-page[data-motion=reduced] *,.ki-page[data-motion=reduced] ::before,.ki-page[data-motion=reduced] ::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.ki-page *,.ki-page ::before,.ki-page ::after{box-sizing:border-box}
.ki-page{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
.ki-page{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern"1,"liga"1}
.ki-page img,.ki-page svg,.ki-page video{display:block;max-width:100%}
.ki-page h1,.ki-page h2,.ki-page h3,.ki-page h4,.ki-page h5,.ki-page h6{margin:0;font-weight:600;line-height:var(--leading-heading);letter-spacing:var(--tracking-tight);color:var(--fg);text-wrap:balance}
.ki-page h1{font-size:var(--text-hero);line-height:var(--leading-tight);font-weight:700}
.ki-page h2{font-size:var(--text-3xl)}
.ki-page h3{font-size:var(--text-2xl)}
.ki-page h4{font-size:var(--text-xl)}
.ki-page h5,.ki-page h6{font-size:var(--text-lg)}
.ki-page p,.ki-page ul,.ki-page ol,.ki-page dl,.ki-page table,.ki-page figure,.ki-page blockquote{margin:0 0 var(--space-4)}
.ki-page p{max-width:var(--measure)}
.ki-page a{color:var(--link);text-decoration:none;text-underline-offset:.18em;transition:color var(--motion-fast) var(--ease-standard)}
.ki-page a:hover{text-decoration:underline}
.ki-page small{font-size:var(--text-sm)}
.ki-page code,.ki-page kbd,.ki-page pre,.ki-page .mono{font-family:var(--font-mono);font-size:.9em}
.ki-page pre{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto;line-height:1.5;font-size:var(--text-sm)}
.ki-page hr{border:0;border-top:1px solid var(--border);margin:var(--space-6)0}
.ki-page button{font:inherit;color:inherit}
.ki-page :focus-visible{outline:0;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}
.ki-page ::selection{background:var(--color-accent-soft);color:var(--color-ink)}
.ki-page .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ki-page .skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:999;background:var(--color-ink);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}
.ki-page .skip-link:focus{top:var(--space-4)}
.ki-page .container{width:min(100% - 2*var(--gutter),var(--container));margin-inline:auto}
.ki-page .container-narrow{width:min(100% - 2*var(--gutter),var(--container-narrow));margin-inline:auto}
.ki-page .grid{display:grid;grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));gap:var(--grid-gap)}
.ki-page .tabular{font-variant-numeric:tabular-nums}
.ki-page .eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-muted)}
.ki-page .lead{font-size:var(--text-xl);line-height:1.45;color:var(--fg-secondary);max-width:40ch}
.ki-page .text-secondary{color:var(--fg-secondary)}
.ki-page .text-muted{color:var(--fg-muted)}
.ki-page [hidden]{display:none!important}
.ki-page .axis{display:inline-block;width:var(--axis-primary);align-self:stretch;background:var(--fg);border-radius:0}
.ki-page .axis--secondary{width:var(--axis-secondary)}
.ki-page .axis--accent{background:var(--color-accent)}
.ki-page .axis-row{display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:stretch}
.ki-page .axis-row .axis{min-height:100%}
.ki-page .btn{--btn-bg:var(--color-ink);--btn-fg:#fff;--btn-border:var(--color-ink);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);font-weight:500;font-size:var(--text-base);line-height:1;letter-spacing:0;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}
.ki-page .btn:hover{--btn-bg:#2A2A2A;--btn-border:#2A2A2A;text-decoration:none}
.ki-page .btn:active{transform:translateY(1px)}
.ki-page .btn .arrow{transition:transform var(--motion-fast) var(--ease-standard)}
.ki-page .btn:hover .arrow{transform:translateX(var(--hover-arrow-shift))}
.ki-page .btn[disabled],.ki-page .btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.ki-page .btn--accent{--btn-bg:var(--color-accent);--btn-border:var(--color-accent)}
.ki-page .btn--accent:hover{--btn-bg:var(--color-accent-hover);--btn-border:var(--color-accent-hover)}
.ki-page .btn--secondary{--btn-bg:transparent;--btn-fg:var(--fg);--btn-border:var(--border-strong)}
.ki-page .btn--secondary:hover{--btn-bg:var(--bg-elevated);--btn-border:var(--fg)}
.ki-page .btn--ghost{--btn-bg:transparent;--btn-fg:var(--fg);--btn-border:transparent;padding-inline:var(--space-3)}
.ki-page .btn--ghost:hover{--btn-bg:var(--bg-elevated);--btn-border:transparent}
.ki-page .btn--danger{--btn-bg:transparent;--btn-fg:var(--color-danger);--btn-border:var(--color-danger)}
.ki-page .btn--danger:hover{--btn-bg:var(--color-danger-soft)}
.ki-page .btn--link{--btn-bg:transparent;--btn-fg:var(--link);--btn-border:transparent;padding:0;min-height:0}
.ki-page .btn--link:hover{text-decoration:underline}
.ki-page .btn--sm{min-height:36px;padding-inline:var(--space-4);font-size:var(--text-sm)}
.ki-page .btn--lg{min-height:56px;padding-inline:var(--space-6);font-size:var(--text-lg)}
.ki-page .btn.is-loading{position:relative;color:transparent!important;pointer-events:none}
.ki-page .btn.is-loading::after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
.ki-page .btn--secondary.is-loading::after,.ki-page .btn--ghost.is-loading::after{border-color:var(--border-strong);border-top-color:var(--fg)}
@keyframes spin{to{transform:rotate(360deg)}}
.ki-page .theme-dark .btn{--btn-bg:#fff;--btn-fg:var(--color-ink);--btn-border:#fff}
.ki-page .theme-dark .btn:hover{--btn-bg:#E6E6E2;--btn-border:#E6E6E2}
.ki-page .theme-dark .btn--secondary{--btn-bg:transparent;--btn-fg:#fff;--btn-border:var(--border-strong)}
.ki-page .theme-dark .btn--secondary:hover{--btn-bg:var(--bg-elevated);--btn-border:#fff}
.ki-page .magnetic{will-change:transform;transition:transform var(--motion-ui) var(--ease-enter)}
.ki-page .link-line{position:relative;color:var(--fg);text-decoration:none;font-weight:500}
.ki-page .link-line::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;background:currentColor;transition:width var(--motion-fast) var(--ease-standard)}
.ki-page .link-line:hover{text-decoration:none}
.ki-page .link-line:hover::after{width:100%}
.ki-page .link-ext::after{content:" ↗";font-size:.85em}
.ki-page .link-doc{display:inline-flex;gap:var(--space-2);align-items:center}
.ki-page .link-doc .meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted)}
.ki-page .field{display:grid;gap:var(--space-2)}
.ki-page .field label,.ki-page .field .label{font-size:var(--text-sm);font-weight:500;color:var(--fg)}
.ki-page .field .hint{font-size:var(--text-sm);color:var(--fg-muted)}
.ki-page .input,.ki-page .select,.ki-page .textarea{width:100%;min-height:48px;padding:0 var(--space-4);font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}
.ki-page .textarea{min-height:120px;padding-block:var(--space-3);resize:vertical}
.ki-page .input:hover,.ki-page .select:hover,.ki-page .textarea:hover{border-color:var(--fg-secondary)}
.ki-page .input:focus-visible,.ki-page .select:focus-visible,.ki-page .textarea:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:0}
.ki-page .field.is-error .input,.ki-page .field.is-error .select,.ki-page .field.is-error .textarea{border-color:var(--color-danger)}
.ki-page .field .error{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--text-sm);color:var(--color-danger)}
.ki-page .field .error::before{content:"!";flex:none;width:16px;height:16px;border-radius:50%;background:var(--color-danger);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;margin-top:2px}
.ki-page .field.is-error .input{animation:shake var(--motion-ui) var(--ease-standard)1}
@keyframes shake{0%,to{transform:translateX(0)}30%{transform:translateX(-3px)}60%{transform:translateX(3px)}}
.ki-page .check{display:flex;gap:var(--space-3);align-items:flex-start;cursor:pointer;font-size:var(--text-sm);color:var(--fg-secondary)}
.ki-page .check input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--color-accent)}
.ki-page .select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--fg) 50%),linear-gradient(135deg,var(--fg) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:var(--space-7)}
.ki-page .status{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px 10px 2px 8px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;font-weight:500;border:1px solid transparent;white-space:nowrap}
.ki-page .status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.ki-page .status--open{color:var(--color-success);background:var(--color-success-soft)}
.ki-page .status--soon{color:var(--color-warning);background:var(--color-warning-soft)}
.ki-page .status--closed{color:var(--color-neutral);background:var(--color-neutral-soft)}
.ki-page .status--closed::before{background:0 0;border:1.5px solid currentColor;box-sizing:border-box}
.ki-page .status--problem{color:var(--color-danger);background:var(--color-danger-soft)}
.ki-page .status--active{color:var(--color-accent);background:var(--color-accent-soft)}
.ki-page .status--outdated{color:var(--color-warning);background:0 0;border-color:var(--color-warning)}
.ki-page .theme-dark .status--open{background:rgba(27,127,58,.2);color:#7fd59a}
.ki-page .theme-dark .status--soon{background:rgba(154,91,0,.25);color:#f1b866}
.ki-page .theme-dark .status--closed{background:rgba(255,255,255,.08);color:#b5b5b0}
.ki-page .theme-dark .status--active{color:var(--color-accent-on-dark)}
.ki-page .tag{display:inline-block;padding:2px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--fg-secondary);font-family:var(--font-mono)}
.ki-page .card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform var(--motion-ui) var(--ease-enter),border-color var(--motion-ui) var(--ease-standard),box-shadow var(--motion-ui) var(--ease-standard)}
.ki-page .card:hover{transform:translateY(var(--card-lift));border-color:var(--border-strong);box-shadow:var(--shadow-md)}
.ki-page .card--axis{padding-left:calc(var(--space-5) + var(--axis-secondary))}
.ki-page .card--axis::before{content:"";position:absolute;left:-1px;top:var(--space-5);bottom:var(--space-5);width:var(--axis-secondary);background:var(--fg);transition:background var(--motion-ui) var(--ease-standard),top var(--motion-ui) var(--ease-standard),bottom var(--motion-ui) var(--ease-standard)}
.ki-page .card--axis:hover::before{background:var(--color-accent);top:var(--space-3);bottom:var(--space-3)}
.ki-page .card--surface{background:var(--bg-elevated);border-color:transparent}
.ki-page .card--interactive{cursor:pointer}
.ki-page .card .card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted)}
.ki-page .card .card-title{font-size:var(--text-xl);font-weight:600;line-height:1.25}
.ki-page .card .card-text{color:var(--fg-secondary);font-size:var(--text-base);margin:0}
.ki-page .card .card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-sm)}
.ki-page .card .arrow{transition:transform var(--motion-fast) var(--ease-standard)}
.ki-page .card:hover .arrow{transform:translateX(var(--hover-arrow-shift))}
.ki-page .spotlight{--mx:50%;--my:50%;overflow:hidden}
.ki-page .spotlight::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--mx) var(--my),rgba(0,124,120,.1),transparent 60%);transition:opacity var(--motion-ui) var(--ease-standard)}
.ki-page .spotlight:hover::after{opacity:1}
.ki-page .theme-dark .spotlight::after{background:radial-gradient(240px circle at var(--mx) var(--my),rgba(95,184,178,.14),transparent 60%)}
.ki-page .study-card .study-area{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-muted)}
.ki-page .study-card dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-4);margin:0;font-size:var(--text-sm)}
.ki-page .study-card dt{color:var(--fg-muted)}
.ki-page .study-card dd{margin:0;color:var(--fg)}
.ki-page .person{display:grid;grid-template-columns:72px 1fr;gap:var(--space-4);align-items:start}
.ki-page .person .avatar{width:72px;height:72px;border-radius:var(--radius-sm);background:var(--color-surface-2);display:grid;place-items:center;font-family:var(--font-mono);color:var(--fg-muted);font-size:var(--text-sm);overflow:hidden}
.ki-page .person .avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15)}
.ki-page .person .role{font-size:var(--text-sm);color:var(--fg-secondary)}
.ki-page .aud-card{min-height:220px;justify-content:space-between}
.ki-page .aud-card .aud-index{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted)}
.ki-page .aud-card h3{font-size:var(--text-2xl)}
.ki-page .site-header{position:sticky;top:0;z-index:var(--z-header);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.ki-page .site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:64px}
.ki-page .nav{display:flex;gap:var(--space-1)}
.ki-page .nav a{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-3)0 var(--space-4);color:var(--fg-secondary);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm)}
.ki-page .nav a::before{content:"";position:absolute;left:4px;top:50%;height:0;width:var(--axis-secondary);background:var(--fg);transform:translateY(-50%);transition:height var(--motion-fast) var(--ease-standard)}
.ki-page .nav a:hover{color:var(--fg);text-decoration:none}
.ki-page .nav a:hover::before{height:40%}
.ki-page .nav a.is-active{color:var(--fg)}
.ki-page .nav a.is-active::before{height:60%}
.ki-page .aud-switch{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:4px;gap:4px;background:var(--bg);flex-wrap:wrap}
.ki-page .aud-switch button{min-height:40px;padding:0 var(--space-4);border:0;background:0 0;border-radius:var(--radius-sm);color:var(--fg-secondary);font-weight:500;font-size:var(--text-sm);cursor:pointer;position:relative;transition:color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard)}
.ki-page .aud-switch button:hover{color:var(--fg);background:var(--bg-elevated)}
.ki-page .aud-switch button[aria-selected=true]{color:#fff;background:var(--color-ink)}
.ki-page .theme-dark .aud-switch button[aria-selected=true]{color:var(--color-ink);background:#fff}
.ki-page .tabs{display:flex;gap:var(--space-5);border-bottom:1px solid var(--border)}
.ki-page .tabs button{position:relative;padding:var(--space-3)0;border:0;background:0 0;color:var(--fg-muted);font-weight:500;cursor:pointer}
.ki-page .tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--fg);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-ui) var(--ease-standard)}
.ki-page .tabs button[aria-selected=true]{color:var(--fg)}
.ki-page .tabs button[aria-selected=true]::after{transform:scaleX(1)}
.ki-page .breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--fg-muted)}
.ki-page .breadcrumbs a{color:var(--fg-secondary)}
.ki-page .breadcrumbs li{list-style:none}
.ki-page .breadcrumbs li+li::before{content:"/";margin-right:var(--space-2);color:var(--border-strong)}
.ki-page .breadcrumbs{padding:0;margin:0}
.ki-page .pagination{display:flex;gap:var(--space-1)}
.ki-page .pagination a,.ki-page .pagination span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--fg-secondary);font-family:var(--font-mono);font-size:var(--text-sm)}
.ki-page .pagination a:hover{border-color:var(--border-strong);color:var(--fg);text-decoration:none}
.ki-page .pagination .is-current{color:#fff;background:var(--color-ink)}
.ki-page .alert{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);padding:var(--space-4);border:1px solid;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}
.ki-page .alert .icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;color:#fff;margin-top:1px}
.ki-page .alert strong{display:block;color:var(--fg);margin-bottom:2px}
.ki-page .alert p{margin:0;color:var(--fg-secondary)}
.ki-page .alert--info{border-color:var(--color-accent);background:var(--color-accent-soft)}
.ki-page .alert--info .icon{background:var(--color-accent)}
.ki-page .alert--success{border-color:var(--color-success);background:var(--color-success-soft)}
.ki-page .alert--success .icon{background:var(--color-success)}
.ki-page .alert--warning{border-color:var(--color-warning);background:var(--color-warning-soft)}
.ki-page .alert--warning .icon{background:var(--color-warning)}
.ki-page .alert--danger{border-color:var(--color-danger);background:var(--color-danger-soft)}
.ki-page .alert--danger .icon{background:var(--color-danger)}
.ki-page .disclaimer{position:relative;padding:var(--space-4) var(--space-5) var(--space-4) calc(var(--space-5) + var(--axis-primary));background:var(--bg-elevated);font-size:var(--text-sm);color:var(--fg-secondary);border-radius:var(--radius-sm)}
.ki-page .disclaimer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--axis-primary);background:var(--fg);border-radius:var(--radius-sm)0 0 var(--radius-sm)}
.ki-page .disclaimer strong{color:var(--fg)}
.ki-page .toast{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-ink);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);box-shadow:var(--shadow-lg)}
.ki-page .toast .dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent-on-dark)}
.ki-page .accordion{border-top:1px solid var(--border)}
.ki-page .accordion details{border-bottom:1px solid var(--border)}
.ki-page .accordion summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4)0;cursor:pointer;font-weight:500;list-style:none}
.ki-page .accordion summary::-webkit-details-marker{display:none}
.ki-page .accordion summary .plus{flex:none;width:24px;height:24px;position:relative}
.ki-page .accordion summary .plus::before,.ki-page .accordion summary .plus::after{content:"";position:absolute;left:50%;top:50%;background:var(--fg);transition:transform var(--motion-ui) var(--ease-standard)}
.ki-page .accordion summary .plus::before{width:14px;height:1.5px;transform:translate(-50%,-50%)}
.ki-page .accordion summary .plus::after{width:1.5px;height:14px;transform:translate(-50%,-50%)}
.ki-page .accordion details[open] summary .plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.ki-page .accordion .body{padding:0 0 var(--space-4);color:var(--fg-secondary);max-width:var(--measure);animation:fadeIn var(--motion-panel) var(--ease-enter)}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.ki-page .table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
.ki-page .table th,.ki-page .table td{text-align:left;padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border);vertical-align:top}
.ki-page .table th{font-family:var(--font-mono);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-muted);border-bottom-color:var(--border-strong)}
.ki-page .table tbody tr:hover{background:var(--bg-elevated)}
.ki-page .table .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}
.ki-page .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:640px){.ki-page .table--stack thead{display:none}.ki-page .table--stack tr{display:grid;gap:2px;padding:var(--space-3)0;border-bottom:1px solid var(--border)}.ki-page .table--stack td{border:0;padding:0;display:grid;grid-template-columns:110px 1fr;gap:var(--space-2)}.ki-page .table--stack td::before{content:attr(data-label);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps)}}
.ki-page .timeline{position:relative;display:grid;gap:var(--space-5);padding-left:calc(var(--space-5) + var(--axis-secondary))}
.ki-page .timeline::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:var(--axis-secondary);background:var(--border-strong)}
.ki-page .timeline .progress{position:absolute;left:0;top:4px;width:var(--axis-secondary);background:var(--fg);height:var(--p, 0%);transition:height var(--motion-section) var(--ease-standard)}
.ki-page .timeline .step{position:relative}
.ki-page .timeline .step::before{content:"";position:absolute;left:calc(-1*var(--space-5) - var(--axis-secondary) - 4px);top:6px;width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--border-strong);transition:background var(--motion-ui) var(--ease-standard),border-color var(--motion-ui) var(--ease-standard)}
.ki-page .timeline .step.is-active::before,.ki-page .timeline .step.is-done::before{border-color:var(--fg);background:var(--fg)}
.ki-page .timeline .step .n{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted)}
.ki-page .timeline .step h4{font-size:var(--text-lg);margin:2px 0 4px}
.ki-page .timeline .step p{margin:0;color:var(--fg-secondary);font-size:var(--text-sm)}
.ki-page .steps-h{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);counter-reset:step}
.ki-page .steps-h .step{position:relative;padding-top:var(--space-4);border-top:2px solid var(--border-strong)}
.ki-page .steps-h .step::before{counter-increment:step;content:"0"counter(step);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);display:block;margin-bottom:var(--space-2)}
.ki-page .steps-h .step.is-active{border-top-color:var(--fg)}
.ki-page .steps-h .step h4{font-size:var(--text-base);margin-bottom:var(--space-1)}
.ki-page .steps-h .step p{margin:0;font-size:var(--text-sm);color:var(--fg-secondary)}
.ki-page .kpi{display:grid;gap:var(--space-1);padding:var(--space-5)0;border-top:2px solid var(--fg)}
.ki-page .kpi .value{font-size:var(--text-3xl);font-weight:600;letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;line-height:1}
.ki-page .kpi .value sup{font-size:.45em;vertical-align:super;color:var(--color-accent)}
.ki-page .kpi .label{font-size:var(--text-sm);color:var(--fg-secondary)}
.ki-page .kpi .source{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted)}
.ki-page .quote{position:relative;padding-left:calc(var(--space-5) + var(--axis-primary));font-size:var(--text-xl);line-height:1.4;font-weight:400;max-width:32ch}
.ki-page .quote::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:var(--axis-primary);background:var(--fg)}
.ki-page .quote cite{display:block;margin-top:var(--space-3);font-style:normal;font-size:var(--text-sm);color:var(--fg-muted);font-family:var(--font-mono)}
.ki-page .modal-demo{position:relative;min-height:320px;background:var(--color-surface-2);border-radius:var(--radius-md);overflow:hidden;display:grid;place-items:center}
.ki-page .modal{width:min(100% - 2rem,440px);background:var(--bg);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-lg);display:grid;gap:var(--space-4);animation:modalIn var(--motion-panel) var(--ease-enter)}
@keyframes modalIn{0%{opacity:0;transform:translateY(12px)}}
.ki-page .modal h3{font-size:var(--text-xl)}
.ki-page .modal p{margin:0;color:var(--fg-secondary);font-size:var(--text-sm)}
.ki-page .modal .actions{display:flex;gap:var(--space-2);justify-content:flex-end}
.ki-page .skeleton{position:relative;overflow:hidden;background:var(--color-surface-2);border-radius:var(--radius-sm);color:transparent}
.ki-page .skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 1.5s var(--ease-move) infinite}
@keyframes shimmer{to{transform:translateX(100%)}}
.ki-page .empty{display:grid;justify-items:start;gap:var(--space-2);padding:var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-md)}
.ki-page .empty .glyph{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--fg-muted)}
.ki-page .empty p{margin:0;color:var(--fg-secondary)}
.ki-page .icon{width:var(--icon-md);height:var(--icon-md);stroke:currentColor;stroke-width:var(--icon-stroke);fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ki-page .icon--sm{width:var(--icon-sm);height:var(--icon-sm)}
.ki-page .icon--lg{width:var(--icon-lg);height:var(--icon-lg)}
.ki-page .site-footer{padding:var(--space-8)0 var(--space-6)}
.ki-page .site-footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-6)}
.ki-page .site-footer h5{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-muted);margin-bottom:var(--space-3);font-weight:500}
.ki-page .site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2);font-size:var(--text-sm)}
.ki-page .site-footer a{color:var(--fg-secondary)}
.ki-page .site-footer .legal{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--fg-muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3)}
.ki-page .reveal{opacity:1}
.ki-page.js .reveal{opacity:0;clip-path:inset(0 0 12%0);transition:opacity var(--motion-section) var(--ease-enter),clip-path var(--motion-section) var(--ease-enter)}
.ki-page.js .reveal.is-in{opacity:1;clip-path:inset(0)}
.ki-page.js .reveal[data-delay="1"]{transition-delay:60ms}
.ki-page.js .reveal[data-delay="2"]{transition-delay:120ms}
.ki-page.js .reveal[data-delay="3"]{transition-delay:180ms}
.ki-page.js .reveal[data-delay="4"]{transition-delay:240ms}
.ki-page .reveal-axis{position:relative}
.ki-page.js .reveal-axis::before{content:"";position:absolute;left:0;top:0;width:var(--axis-secondary);height:100%;background:var(--fg);transform:scaleY(0);transform-origin:top;transition:transform var(--motion-section) var(--ease-standard)}
.ki-page.js .reveal-axis.is-in::before{transform:scaleY(1)}
.ki-page a.card,.ki-page a.card:hover{color:var(--fg);text-decoration:none}
.ki-page .ki-logo{display:inline-block;color:var(--fg);line-height:0}
.ki-page .ki-logo svg{width:100%;height:auto;display:block}
.ki-page .ki-logo--mark svg{height:32px;width:auto}
.ki-page .ki-logo--full svg{height:40px;width:auto}
.ki-page .ki-anim-assemble .ki-bar{transform-origin:50% 50%;transform:scaleY(0);animation:kiBar 500ms var(--ease-standard) forwards}
.ki-page .ki-anim-assemble .ki-i{opacity:0;clip-path:inset(0 0 100%0);animation:kiClipUp 380ms var(--ease-enter) 380ms forwards}
.ki-page .ki-anim-assemble .ki-k{opacity:0;clip-path:inset(0 100%0 0);animation:kiClipRight 380ms var(--ease-enter) 560ms forwards}
.ki-page .ki-anim-assemble .ki-text{opacity:0;transform:translateX(-24px);animation:kiSlide 420ms var(--ease-enter) 820ms forwards}
@keyframes kiBar{to{transform:scaleY(1)}}
@keyframes kiClipUp{to{opacity:1;clip-path:inset(0)}}
@keyframes kiClipRight{to{opacity:1;clip-path:inset(0)}}
@keyframes kiSlide{to{opacity:1;transform:translateX(0)}}
.ki-page .ki-anim-axis .ki-k,.ki-page .ki-anim-axis .ki-i,.ki-page .ki-anim-axis .ki-text{opacity:0;animation:kiFade 400ms var(--ease-enter) forwards}
.ki-page .ki-anim-axis .ki-k{animation-delay:1500ms}
.ki-page .ki-anim-axis .ki-i{animation-delay:1580ms}
.ki-page .ki-anim-axis .ki-text{animation-delay:1700ms}
.ki-page .ki-anim-axis .ki-bar{transform-origin:50%0;transform:scaleY(0);animation:kiBar 1400ms linear forwards}
@keyframes kiFade{to{opacity:1}}
.ki-page .ki-anim-scan{position:relative}
.ki-page .ki-anim-scan svg{opacity:.32}
.ki-page .ki-anim-scan .scan-layer{position:absolute;inset:0;color:var(--fg);-webkit-mask-image:linear-gradient(100deg,transparent 30%,#000 45%,#000 55%,transparent 70%);mask-image:linear-gradient(100deg,transparent 30%,#000 45%,#000 55%,transparent 70%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100%0;mask-position:100%0;animation:kiScan 1600ms var(--ease-move) forwards}
.ki-page .ki-anim-scan.is-done svg{opacity:1;transition:opacity var(--motion-panel) var(--ease-standard)}
.ki-page .ki-anim-scan.is-done .scan-layer{opacity:0}
@keyframes kiScan{to{-webkit-mask-position:0 0;mask-position:0 0}}
.ki-page .ki-hover .ki-bar{transform-origin:50% 50%;transition:transform var(--motion-ui) var(--ease-enter)}
.ki-page .ki-hover:hover .ki-bar{transform:scaleY(1.06)}
.ki-page .ki-breathe .ki-bar{transform-origin:50% 50%;animation:kiBreathe 4s var(--ease-move) infinite}
@keyframes kiBreathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.04)}}
.ki-page .preloader{position:fixed;inset:0;z-index:var(--z-preloader);display:grid;place-items:center;background:var(--color-white);transition:opacity var(--motion-panel) var(--ease-exit),visibility 0s linear var(--motion-panel)}
.ki-page .preloader .ki-logo{width:min(60vw,420px)}
.ki-page .preloader .status{position:absolute;bottom:10vh;left:50%;transform:translateX(-50%)}
.ki-page .preloader.is-done{opacity:0;visibility:hidden}
.ki-page .preloader .hint{position:absolute;bottom:8vh;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);letter-spacing:var(--tracking-caps);text-transform:uppercase}
.ki-page .preloader .bar-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--color-line)}
.ki-page .preloader .bar-line i{display:block;height:100%;width:0;background:var(--color-ink);animation:loadLine var(--motion-preloader) var(--ease-move) forwards}
@keyframes loadLine{to{width:100%}}
.ki-page .stage{position:relative;min-height:360px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:grid;place-items:center}
.ki-page .stage .ki-logo{width:min(70%,420px)}
.ki-page .stage--dark{background:var(--color-deep);color:#fff;border-color:var(--color-deep-line)}
.ki-page .stage--dark .ki-logo{color:#fff}
.ki-page .stage .labels{position:absolute;left:50%;top:10%;transform:translateX(-50%);display:grid;gap:22px;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps)}
.ki-page .stage .labels span{opacity:0;transition:opacity 300ms var(--ease-enter)}
.ki-page .stage .labels span.is-on{opacity:1}
.ki-page .bg-host{position:relative;overflow:hidden;isolation:isolate}
.ki-page .bg-host>.bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ki-page .bg-breath{background:var(--color-white)}
.ki-page .bg-breath::before,.ki-page .bg-breath::after{content:"";position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(80px);opacity:.9}
.ki-page .bg-breath::before{left:-20vmax;top:-20vmax;background:radial-gradient(circle,#e9f2f0 0,transparent 60%);animation:driftA var(--motion-ambient) var(--ease-move) infinite alternate}
.ki-page .bg-breath::after{right:-25vmax;bottom:-30vmax;background:radial-gradient(circle,#f1f3ef 0,transparent 60%);animation:driftB calc(var(--motion-ambient)*1.35) var(--ease-move) infinite alternate}
@keyframes driftA{to{transform:translate(60px,40px) scale(1.08)}}
@keyframes driftB{to{transform:translate(-50px,-60px) scale(1.05)}}
.ki-page .theme-dark .bg-breath{background:var(--color-deep)}
.ki-page .theme-dark .bg-breath::before{background:radial-gradient(circle,rgba(95,184,178,.14)0,transparent 60%)}
.ki-page .theme-dark .bg-breath::after{background:radial-gradient(circle,rgba(255,255,255,.05)0,transparent 60%)}
.ki-page .bg-topo svg{width:100%;height:100%;transition:transform 1.2s var(--ease-move)}
.ki-page .bg-topo path{fill:none;stroke:var(--color-line);stroke-width:1}
.ki-page .theme-dark .bg-topo path{stroke:var(--color-deep-line)}
.ki-page .bg-grid{background-image:linear-gradient(to right,var(--color-line) 1px,transparent 1px),linear-gradient(to bottom,var(--color-line) 1px,transparent 1px);background-size:calc(100%/12) 96px;opacity:.55}
.ki-page .bg-grid .cell{position:absolute;background:var(--color-surface-2);opacity:0;animation:cellBreathe 9s var(--ease-move) infinite}
.ki-page .theme-dark .bg-grid{background-image:linear-gradient(to right,var(--color-deep-line) 1px,transparent 1px),linear-gradient(to bottom,var(--color-deep-line) 1px,transparent 1px)}
.ki-page .theme-dark .bg-grid .cell{background:rgba(255,255,255,.05)}
@keyframes cellBreathe{0%,to{opacity:0}50%{opacity:1}}
.ki-page .bg-pulse svg{width:100%;height:100%}
.ki-page .bg-pulse .route{fill:none;stroke:var(--color-line);stroke-width:1}
.ki-page .bg-pulse .node{fill:var(--color-line-strong)}
.ki-page .bg-pulse .packet{fill:var(--color-accent)}
.ki-page .theme-dark .bg-pulse .route{stroke:var(--color-deep-line)}
.ki-page .theme-dark .bg-pulse .node{fill:#4a4b45}
.ki-page .theme-dark .bg-pulse .packet{fill:var(--color-accent-on-dark)}
.ki-page .cursor-marker{position:fixed;left:0;top:0;z-index:var(--z-cursor);pointer-events:none;width:2px;height:0;background:var(--color-ink);transform:translate(14px,-50%);opacity:0;transition:height var(--motion-fast) var(--ease-enter),opacity var(--motion-fast) var(--ease-standard),width var(--motion-fast) var(--ease-enter),background var(--motion-fast) var(--ease-standard);mix-blend-mode:normal}
.ki-page .cursor-marker.is-visible{opacity:1;height:22px}
.ki-page .cursor-marker.is-card{width:2px;height:36px;background:var(--color-accent)}
.ki-page .cursor-marker.is-label{width:auto;height:auto;background:var(--color-ink);color:#fff;padding:4px 8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);white-space:nowrap;transform:translate(16px,12px)}
@media (hover:none){.ki-page .cursor-marker{display:none}}
.ki-page .parallax{position:relative}
.ki-page .parallax [data-depth]{will-change:transform;transition:transform .6s var(--ease-move)}
.ki-page .guide-heading{position:relative}
.ki-page .guide-heading .line{position:absolute;left:0;right:0;height:1px;background:var(--color-accent);opacity:0;transition:top var(--motion-panel) var(--ease-move),opacity var(--motion-ui) var(--ease-standard);pointer-events:none}
.ki-page .guide-heading:hover .line{opacity:1}
.ki-page .guide-heading span{display:block}
.ki-page .guide-heading span.is-near{color:var(--color-accent);transition:color var(--motion-fast) var(--ease-standard)}
.ki-page .mono-layer{position:absolute;right:-4%;bottom:-12%;width:46%;color:var(--fg);opacity:.045;pointer-events:none}
.ki-page .count{font-variant-numeric:tabular-nums}
.ki-page .section-enter{position:relative}
.ki-page.js .section-enter::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--axis-primary);background:var(--fg);transform:scaleY(0);transform-origin:top;transition:transform var(--motion-section) var(--ease-standard)}
.ki-page.js .section-enter.is-in::before{transform:scaleY(1)}
.ki-page{--header-h:76px;--subnav-h:52px}
@media (max-width:1023px){.ki-page{--header-h:60px;--subnav-h:48px}}
.ki-page{scroll-padding-top:calc(var(--header-h) + var(--subnav-h) + 8px)}
.ki-page,.ki-page{overflow-x:clip}
.ki-page strong{font-weight:600;color:var(--fg)}
.ki-page code{font-family:var(--font-mono);font-size:.86em;letter-spacing:.01em}
.ki-page .icon--sm{width:16px;height:16px}
.ki-page .site-header{position:sticky;top:0;z-index:var(--z-header);background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}
.ki-page .header-bar{display:flex;align-items:center;gap:var(--space-5);height:var(--header-h)}
.ki-page .brand{display:inline-flex;align-items:center;color:var(--color-ink);flex:none}
.ki-page .brand:hover{text-decoration:none}
.ki-page .brand svg{display:block;height:auto}
.ki-page .brand .logo-full{width:128px}
.ki-page .brand .logo-mark{width:30px}
.ki-page .brand-mark{display:none}
.ki-page .ki-hover .ki-bar{transition:fill var(--motion-fast) var(--ease-standard),transform var(--motion-ui) var(--ease-enter)}
.ki-page .ki-hover:hover .ki-bar{fill:var(--color-accent)}
.ki-page .main-nav{margin-left:auto}
.ki-page .nav-soon{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-3)0 var(--space-4);color:var(--fg-muted);font-size:var(--text-sm);font-weight:500;cursor:default}
.ki-page .header-cta{flex:none}
.ki-page .header-cta:hover,.ki-page .header-cta{color:#fff}
.ki-page .menu-btn{display:none;margin-left:auto;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg);font-size:var(--text-sm);font-weight:500;cursor:pointer}
.ki-page .menu-icon{display:grid;gap:5px;width:16px}
.ki-page .menu-icon i{display:block;height:1.5px;background:var(--fg);transition:transform var(--motion-ui) var(--ease-standard)}
.ki-page .menu-btn[aria-expanded=true] .menu-icon i:first-child{transform:translateY(3.25px) rotate(45deg)}
.ki-page .menu-btn[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.ki-page .scroll-progress{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--border)}
.ki-page .scroll-progress i{display:block;height:2px;margin-top:-.5px;width:100%;background:var(--color-ink);transform-origin:left;transform:scaleX(0)}
.ki-page .mobile-menu{position:absolute;left:0;right:0;top:100%;background:var(--color-white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);max-height:calc(100svh - var(--header-h));overflow-y:auto;padding:var(--space-5)0 var(--space-6);animation:menuIn var(--motion-panel) var(--ease-enter)}
@keyframes menuIn{0%{opacity:0;transform:translateY(-8px)}}
.ki-page .mobile-menu .eyebrow{margin:0 0 var(--space-2)}
.ki-page .menu-list{list-style:none;padding:0;margin:0 0 var(--space-5);display:grid}
.ki-page .menu-list a,.ki-page .menu-list .nav-soon{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 0 0 var(--space-4);border-bottom:1px solid var(--border);color:var(--fg);font-size:var(--text-base);font-weight:500}
.ki-page .menu-list .nav-soon{color:var(--fg-muted)}
.ki-page .menu-list em{font-style:normal;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps)}
.ki-page .menu-list a.is-active::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:var(--axis-secondary);background:var(--fg)}
.ki-page .menu-list--grid{grid-template-columns:1fr 1fr;column-gap:var(--space-4)}
.ki-page .menu-cta{width:100%}
.ki-page .section{padding:var(--space-9)0;position:relative}
.ki-page .section--surface{background:var(--color-surface)}
.ki-page .sec-head{position:relative;padding-left:calc(var(--axis-primary) + var(--space-5));margin-bottom:var(--space-7);max-width:760px}
.ki-page.js .sec-head.section-enter::before{transform:scaleY(0)}
.ki-page .sec-head::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:var(--axis-primary);background:var(--fg);transform-origin:top;transition:transform var(--motion-section) var(--ease-standard)}
.ki-page.js .sec-head.section-enter.is-in::before{transform:scaleY(1)}
.ki-page .sec-head .eyebrow{margin:0 0 var(--space-3)}
.ki-page .sec-head h2{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.75rem);line-height:1.12}
.ki-page .sec-lead{margin:var(--space-4)0 0;color:var(--fg-secondary);font-size:var(--text-lg);line-height:1.5;max-width:60ch}
.ki-page .mini-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-muted);margin:0 0 var(--space-4)}
.ki-page .sec-head.section-enter::before{left:0}
.ki-page .hero{padding:clamp(var(--space-8),9vh,var(--space-10))0 var(--space-8);min-height:min(820px,calc(100svh - var(--header-h)));display:flex;align-items:center}
.ki-page .hero>.bg-grid{opacity:.3}
.ki-page .hero-mono{position:absolute;right:-3%;bottom:-6%;width:min(52vw,760px);color:var(--color-ink);opacity:.04;pointer-events:none;z-index:-1}
.ki-page .hero-mono svg{width:100%;height:auto}
.ki-page .hero-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);gap:var(--space-8);align-items:center;width:min(100% - 2*var(--gutter),var(--container))}
.ki-page .hero-main{position:relative;padding-left:calc(var(--axis-primary) + var(--space-6))}
.ki-page .hero-axis{position:absolute;left:0;top:0;bottom:0;width:var(--axis-primary);background:var(--color-ink);transform-origin:top;animation:axisGrow 700ms var(--ease-standard) both}
@keyframes axisGrow{0%{transform:scaleY(0)}}
.ki-page .hero-eyebrow{margin:0 0 var(--space-5)}
.ki-page .hero h1{font-size:clamp(2.25rem,1rem + 3vw,3.4rem);line-height:1.06;letter-spacing:-.03em;max-width:21ch;text-wrap:balance}
.ki-page .hero-lead{margin:var(--space-5)0 0;font-size:var(--text-xl);line-height:1.45;color:var(--fg-secondary);max-width:34ch}
.ki-page .hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-7)}
.ki-page .btn--lg{min-height:56px}
.ki-page .btn--accent,.ki-page .btn--accent:hover{color:#fff}
.ki-page .pillars{background:rgba(255,255,255,.86);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ki-page .pillars .eyebrow{margin:0 0 var(--space-4)}
.ki-page .pillar-list{list-style:none;margin:0;padding:0;display:grid}
.ki-page .pillar-list li{position:relative;display:grid;grid-template-columns:40px 1fr;align-items:baseline;padding:var(--space-4)0 var(--space-4) var(--space-4);border-top:1px solid var(--border)}
.ki-page .pillar-list li::before{content:"";position:absolute;left:0;top:var(--space-3);bottom:var(--space-3);width:var(--axis-secondary);background:var(--color-ink);transform:scaleY(0);transform-origin:top;transition:transform var(--motion-section) var(--ease-standard)}
.ki-page .pillar-n{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted)}
.ki-page .pillar-t{font-size:var(--text-xl);font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--fg);transition:color var(--motion-section) var(--ease-standard)}
.ki-page.js .pillars:not(.is-in) .pillar-t{color:var(--color-line-strong)}
.ki-page .pillars.is-in .pillar-list li::before{transform:scaleY(1)}
.ki-page .pillars .pillar-list li:nth-child(1)::before,.ki-page .pillars .pillar-list li:nth-child(1) .pillar-t{transition-delay:450ms}
.ki-page .pillars .pillar-list li:nth-child(2)::before,.ki-page .pillars .pillar-list li:nth-child(2) .pillar-t{transition-delay:750ms}
.ki-page .pillars .pillar-list li:nth-child(3)::before,.ki-page .pillars .pillar-list li:nth-child(3) .pillar-t{transition-delay:1050ms}
.ki-page .pillars-note{margin:var(--space-4)0 0;padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--fg-secondary)}
.ki-page .section-nav{position:sticky;top:var(--header-h);z-index:calc(var(--z-header) - 1);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.ki-page .section-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-1);height:var(--subnav-h);align-items:center;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}
.ki-page .section-nav ul::-webkit-scrollbar{display:none}
.ki-page .section-nav a{position:relative;display:inline-flex;align-items:center;height:var(--subnav-h);padding:0 var(--space-3);white-space:nowrap;font-size:var(--text-sm);font-weight:500;color:var(--fg-muted)}
.ki-page .section-nav a:hover{color:var(--fg);text-decoration:none}
.ki-page .section-nav a::after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:-1px;height:2px;background:var(--fg);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-ui) var(--ease-standard)}
.ki-page .section-nav a.is-current{color:var(--fg)}
.ki-page .section-nav a.is-current::after{transform:scaleX(1)}
.ki-page .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}
.ki-page .kpi{padding:var(--space-5)0 0}
.ki-page .kpi .value{font-size:clamp(2.75rem,2rem + 2.6vw,4.25rem);line-height:1;letter-spacing:-.03em}
.ki-page .kpi .label{font-size:var(--text-base);color:var(--fg-secondary);max-width:22ch;margin-top:var(--space-2)}
.ki-page .recruiter-band{margin-top:var(--space-7);display:grid;grid-template-columns:minmax(240px,.8fr) 2fr;gap:var(--space-5);align-items:center;padding:var(--space-5) var(--space-6);background:var(--bg);border:1px solid var(--border);border-left:var(--axis-primary) solid var(--color-accent);border-radius:var(--radius-md)}
.ki-page .recruiter-band__head{display:grid;gap:2px}
.ki-page .recruiter-word{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;color:var(--color-accent);line-height:1.1}
.ki-page .recruiter-word sup a{color:inherit;font-size:.6em;text-decoration:none;margin-left:2px}
.ki-page .recruiter-band .label{font-size:var(--text-sm);color:var(--fg-secondary)}
.ki-page .chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.ki-page .chips li{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;background:var(--bg)}
.ki-page .chips--line li{border-color:var(--border);color:var(--fg-secondary);font-weight:400}
.ki-page .source-note{margin:var(--space-4)0 0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);max-width:none}
.ki-page .tab-list{position:relative;display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.ki-page .tab-list::-webkit-scrollbar{display:none}
.ki-page .tab-list [role=tab]{flex:none;display:inline-flex;align-items:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-4);border:0;background:0 0;color:var(--fg-muted);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:color var(--motion-fast) var(--ease-standard)}
.ki-page .tab-list [role=tab]:hover{color:var(--fg)}
