@import "https://fonts.googleapis.com/css2?family=Geist:wght@300..700&family=Geist+Mono:wght@400..600&display=swap";:root{--klyo-brand-50:#eff6fb;--klyo-brand-100:#daeaf6;--klyo-brand-200:#b4d6ee;--klyo-brand-300:#80bbe5;--klyo-brand-400:#459bd9;--klyo-brand-500:#2377b3;--klyo-brand-600:#174f78;--klyo-brand-700:#124468;--klyo-brand-800:#0e3653;--klyo-brand-900:#0a2b43;--klyo-brand-950:#061d2d;--klyo-gray-50:#fafafa;--klyo-gray-100:#f4f4f5;--klyo-gray-200:#e4e4e7;--klyo-gray-300:#d4d4d8;--klyo-gray-400:#a1a1aa;--klyo-gray-500:#71717a;--klyo-gray-600:#52525b;--klyo-gray-700:#3f3f46;--klyo-gray-800:#27272a;--klyo-gray-900:#18181b;--klyo-gray-950:#111;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--space-tight:16px;--space-block:clamp(2.5rem, 5vw, 4rem);--space-loose:clamp(2rem, 4vw, 3rem);--space-section:clamp(5rem, 10vw, 8.5rem);--font-sans:"Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", monospace;--bg:#fff;--bg-subtle:color-mix(in srgb, var(--klyo-gray-50) 98%, var(--klyo-brand-500));--bg-muted:var(--klyo-gray-100);--bg-panel:#fff;--fg:#000;--fg-muted:var(--klyo-gray-600);--fg-subtle:var(--klyo-gray-400);--border:var(--klyo-gray-200);--border-muted:var(--klyo-gray-100);--border-emphasized:var(--klyo-gray-300);--brand-solid:var(--klyo-brand-600);--brand-solid-hover:var(--klyo-brand-700);--brand-contrast:#fff;--brand-fg:var(--klyo-brand-700);--focus-ring:var(--klyo-brand-500)}:root.dark{--bg:#000;--bg-subtle:color-mix(in srgb, var(--klyo-gray-950) 95%, var(--klyo-brand-500));--bg-muted:var(--klyo-gray-900);--bg-panel:var(--klyo-gray-950);--fg:var(--klyo-gray-50);--fg-muted:var(--klyo-gray-400);--fg-subtle:var(--klyo-gray-500);--border:var(--klyo-gray-800);--border-muted:var(--klyo-gray-900);--border-emphasized:var(--klyo-gray-700);--brand-fg:var(--klyo-brand-300)}*,:before,:after{box-sizing:border-box}html{color-scheme:light}html.dark{color-scheme:dark}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}code,pre,kbd{font-family:var(--font-mono)}a{color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:3px}.btn-primary,.btn-ghost{border-radius:var(--radius-md);white-space:nowrap;align-items:center;height:42px;padding-inline:20px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.btn-primary{background:var(--brand-solid);color:var(--brand-contrast);border:1px solid #0000}.btn-primary:hover{background:var(--brand-solid-hover);transform:translateY(-1px)}.btn-ghost{border:1px solid var(--border-emphasized);color:var(--fg)}.btn-ghost:hover{border-color:var(--klyo-brand-400);color:var(--brand-fg)}.container{width:100%;max-width:1120px;margin:0 auto;padding-inline:24px}body{flex-direction:column;min-height:100dvh;display:flex}main{flex:1 0 auto}.site-header{z-index:50;background:0 0;border-bottom:1px solid #0000;transition:background .25s,border-color .25s,box-shadow .25s;position:sticky;top:0}.site-header.scrolled{background:color-mix(in srgb, var(--bg) 82%, transparent);backdrop-filter:saturate(180%)blur(10px);border-bottom-color:var(--border);box-shadow:0 1px 24px #061d2d0f}:root.dark .site-header.scrolled{box-shadow:0 1px 24px #00000080}.header-inner{flex-wrap:wrap;align-items:center;gap:16px;min-height:56px;display:flex}.brand{color:var(--fg);letter-spacing:-.01em;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.brand .logo{object-fit:contain;width:24px;height:24px;display:block}.brand-name{font-size:1.05rem}.brand .logo-dark{display:none}:root.dark .logo-dark{display:block}:root.dark .logo-light{display:none}.site-nav{align-items:center;gap:20px;margin-inline:auto;display:flex}.site-nav a{color:var(--fg-muted);font-size:.9rem;text-decoration:none;transition:color .15s}.site-nav a:hover{color:var(--fg)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-panel);width:34px;height:34px;color:var(--fg-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:inline-flex}.icon-btn:hover{color:var(--fg);border-color:var(--border-emphasized)}.icon-sun{display:none}:root.dark .icon-sun{display:block}:root.dark .icon-moon{display:none}.btn-brand{border-radius:var(--radius-md);background:var(--brand-solid);height:34px;color:var(--brand-contrast);white-space:nowrap;align-items:center;padding-inline:14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.btn-brand:hover{background:var(--brand-solid-hover)}.site-footer{border-top:1px solid var(--border);background:var(--bg-subtle);margin-top:64px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:20px;display:flex}.footer-attr{color:var(--fg-muted);margin:0;font-size:.85rem}.footer-links{flex-wrap:wrap;gap:8px 18px;display:flex}.footer-links a{color:var(--fg-muted);font-size:.85rem;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--brand-fg);text-decoration:underline}@media (width<=640px){.site-nav{order:3;gap:16px;width:100%;margin-inline:0;padding-bottom:8px}.footer-inner{justify-content:flex-start}}