*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:var(--pf-font-body);background:radial-gradient(900px circle at 15% -10%,var(--pf-glow-primary),transparent 60%),radial-gradient(800px circle at 85% 0%,var(--pf-glow-secondary),transparent 55%),var(--pf-bg);color:var(--pf-ink);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--pf-accent);text-decoration:none;transition:color .2s}a:hover{color:#33e0ff}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--pf-font-display);color:var(--pf-ink-strong,#fff);line-height:1.25;margin:0 0 .75rem}h1{font-size:2.5rem;font-weight:700}h2{font-size:1.875rem;font-weight:600}h3{font-size:1.375rem;font-weight:600}h4{font-size:1.125rem;font-weight:600}p{margin:0 0 1rem;color:var(--pf-muted)}.ix-container{max-width:var(--pf-max-width);margin:0 auto;padding:0 1.5rem}.ix-header{position:sticky;top:0;z-index:100;background:var(--pf-header-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--pf-border)}.ix-header-inner{max-width:var(--pf-max-width);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:64px;gap:1.5rem}.ix-brand{display:flex;align-items:center;gap:.625rem;font-family:var(--pf-font-display);font-weight:600;font-size:1.125rem;color:var(--pf-ink-strong,#fff);text-decoration:none}.ix-brand:hover{color:var(--pf-accent)}.ix-logo{flex-shrink:0}.ix-nav{display:flex;align-items:center;gap:1.5rem}.ix-nav-links{display:flex;gap:1.75rem}.ix-nav-link{font-size:.9rem;font-weight:500;color:var(--pf-muted);transition:color .2s}.ix-nav-link:hover{color:var(--pf-accent)}.ix-actions{display:flex;align-items:center;gap:.75rem}.nav-icon{color:var(--pf-muted);display:flex;align-items:center}.nav-icon:hover{color:var(--pf-accent)}.ix-header svg,.ix-actions svg,.nav-icon svg,.nav-cta svg{width:22px;height:22px;flex-shrink:0}.nav-cta{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;background:var(--pf-btn-primary-bg);color:var(--pf-btn-primary-text);border-radius:var(--pf-radius-sm);transition:all .2s}.nav-cta:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--pf-shadow-button);color:var(--pf-btn-primary-text)}.ix-nav-toggle{display:none;background:none;border:0;color:var(--pf-muted);cursor:pointer;padding:.25rem}.ix-footer{border-top:1px solid var(--pf-border);padding:3rem 0 2rem;margin-top:4rem}.ix-footer-inner{max-width:var(--pf-max-width);margin:0 auto;padding:0 1.5rem}.ix-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem;margin-bottom:2rem}.ix-footer-logo{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.75rem;color:var(--pf-ink-strong,#fff)}.ix-footer-tagline{font-size:.875rem;color:var(--pf-muted);margin:0;line-height:1.5}.ix-footer-col h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--pf-ink);margin-bottom:.75rem}.ix-footer-col ul{list-style:none;padding:0;margin:0}.ix-footer-col li{margin-bottom:.375rem}.ix-footer-col a{font-size:.875rem;color:var(--pf-muted)}.ix-footer-col a:hover{color:var(--pf-accent)}.ix-footer-bottom{border-top:1px solid var(--pf-border);padding-top:1.5rem;display:flex;justify-content:space-between;font-size:.8rem;color:var(--pf-muted)}.ix-footer-bottom a{color:var(--pf-muted)}.ix-footer-bottom a:hover{color:var(--pf-accent)}.ix-main{padding:3rem 0 4rem}.ix-article{max-width:800px;margin:0 auto}.ix-article-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--pf-border)}.ix-article-header h1{font-size:2.25rem}.ix-article-desc{font-size:1.125rem;color:var(--pf-muted);margin:0}.ix-article-body h2{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--pf-border)}.ix-article-body h3{margin-top:2rem}.ix-article-body ul,.ix-article-body ol{padding-left:1.5rem;margin-bottom:1rem;color:var(--pf-muted)}.ix-article-body li{margin-bottom:.375rem}.ix-article-body li code,.ix-article-body p code,.ix-article-body td code{background:var(--pf-code-bg);border:1px solid var(--pf-code-border);padding:.15em .35em;border-radius:4px;font-family:var(--pf-font-mono);font-size:.875em}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.9rem}thead{border-bottom:2px solid var(--pf-border)}th{text-align:left;padding:.625rem .75rem;font-weight:600;color:var(--pf-ink-strong,#fff)}td{padding:.625rem .75rem;color:var(--pf-muted);border-bottom:1px solid var(--pf-border)}tbody tr:hover{background:var(--pf-card-bg)}dl{margin:0 0 1.5rem}dt{font-weight:600;color:var(--pf-ink-strong,#fff);margin-bottom:.25rem}dd{margin:0 0 1rem 1.5rem;color:var(--pf-muted)}ul ul,ol ul,ul ol,ol ol{margin-top:.375rem;margin-bottom:.375rem}pre{background:var(--pf-code-bg);border:1px solid var(--pf-code-border);border-radius:var(--pf-radius-sm);padding:1.25rem 1.5rem;overflow-x:auto;margin-bottom:1.5rem}pre code{background:none;border:0;padding:0;font-family:var(--pf-font-mono);font-size:.85rem;line-height:1.6;color:var(--pf-ink)}code{font-family:var(--pf-font-mono);font-size:.875em}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:var(--pf-radius-sm);transition:all .2s;cursor:pointer;border:0;text-decoration:none;line-height:1.4}.btn-primary{background:var(--pf-btn-primary-bg);color:var(--pf-btn-primary-text)}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:var(--pf-shadow-button);color:var(--pf-btn-primary-text)}.btn-secondary{background:var(--pf-btn-secondary-bg);color:var(--pf-accent2);border:1px solid var(--pf-btn-secondary-border)}.btn-secondary:hover{background:rgba(139,92,246,.3);transform:translateY(-2px);color:var(--pf-accent2)}.btn-ghost{background:transparent;border:1px solid var(--pf-btn-ghost-border);color:var(--pf-ink)}.btn-ghost:hover{border-color:var(--pf-accent);color:var(--pf-accent)}.btn-icon{width:18px;height:18px;flex-shrink:0}.callout,blockquote{background:var(--pf-card-bg);border-left:3px solid var(--pf-accent);border-radius:0 var(--pf-radius-sm) var(--pf-radius-sm) 0;padding:1rem 1.25rem;margin:0 0 1.5rem}blockquote p:last-child{margin-bottom:0}.markdown-body table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.9rem}.markdown-body thead{border-bottom:2px solid var(--pf-border)}.markdown-body th{text-align:left;padding:.625rem .75rem;font-weight:600;color:var(--pf-ink-strong,#fff)}.markdown-body td{padding:.625rem .75rem;color:var(--pf-muted);border-bottom:1px solid var(--pf-border)}.markdown-body tbody tr:hover{background:var(--pf-card-bg)}.markdown-body dl{margin:0 0 1.5rem}.markdown-body dt{font-weight:600;color:var(--pf-ink-strong,#fff);margin-bottom:.25rem}.markdown-body dd{margin:0 0 1rem 1.5rem;color:var(--pf-muted)}.markdown-body ul ul,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ol ol{margin-top:.375rem;margin-bottom:.375rem}.markdown-body ul,.markdown-body ol{padding-left:1.5rem;margin-bottom:1rem;color:var(--pf-muted)}.markdown-body li{margin-bottom:.375rem}.markdown-body li code,.markdown-body p code,.markdown-body td code{background:var(--pf-code-bg);border:1px solid var(--pf-code-border);padding:.15em .35em;border-radius:4px;font-family:var(--pf-font-mono);font-size:.875em}.markdown-body h2{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--pf-border)}.markdown-body h3{margin-top:2rem}.ix-theme-toggle{background:none;border:1px solid var(--pf-border);border-radius:var(--pf-radius-sm);color:var(--pf-muted);cursor:pointer;padding:.375rem;display:flex;align-items:center;transition:color .2s,border-color .2s}.ix-theme-toggle:hover{color:var(--pf-accent);border-color:var(--pf-accent)}[data-theme="dark"] .icon-moon,[data-theme="light"] .icon-sun{display:none}[data-theme="light"] a:hover{color:#0e7490}@media(max-width:768px){.ix-nav{display:none}.ix-nav-toggle{display:block}body.nav-open .ix-nav{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--pf-bg-alt);border-bottom:1px solid var(--pf-border);padding:1rem 1.5rem;gap:1rem}body.nav-open .ix-nav-links{flex-direction:column;gap:.75rem}body.nav-open .ix-actions{flex-wrap:wrap}.ix-footer-grid{grid-template-columns:1fr}.ix-footer-bottom{flex-direction:column;gap:.5rem}h1{font-size:1.75rem}h2{font-size:1.375rem}}