:root{--color-bg: #fff;--color-bg-alt: #f8f7fc;--color-accent: #7c5ce7;--color-accent-hover: #6a4bd6;--color-accent-light: rgba(124, 92, 231, .08);--color-text: #303336;--color-heading: #2c3138;--color-muted: #6b7280;--color-border: rgba(0, 0, 0, .06);--color-step-1: #7c5ce7;--color-step-2: #6c8ceb;--color-step-3: #4ecdc4;--color-step-4: #f78c6b;--color-step-5: #ffd93d;--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--container-max: 900px;--text-max: 540px;--section-pad: 4.5em;--radius: .75em;--radius-sm: .45em}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5em}.section{padding:var(--section-pad) 0}.section--alt{background:var(--color-bg-alt)}.section__header{text-align:center;margin-bottom:2.5em}.section__header--left{text-align:left;padding-left:.6em}.section__title{font-size:1.8em;font-weight:700;color:var(--color-heading);line-height:1.2}.section__sub{margin-top:.5em;font-size:1em;color:var(--color-muted);line-height:1.6}.grid{display:grid;gap:1.5em}.grid--2{grid-template-columns:1fr 1fr}.grid--3,.grid--2x3{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5em;background:var(--color-bg);overflow:hidden;min-width:0}.card__title{font-size:1.05em;font-weight:600;color:var(--color-heading);margin-bottom:.4em}.card__desc{font-size:.9em;color:var(--color-muted);line-height:1.55}.btn{display:inline-flex;align-items:center;gap:.4em;padding:.65em 1.4em;border-radius:var(--radius-sm);font-size:.95em;font-weight:500;border:none;cursor:pointer;transition:all .15s ease-out;text-decoration:none;font-family:inherit}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);text-decoration:none;box-shadow:0 2px 8px #7c5ce740}.btn--outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.code-block{position:relative;background:#1e1e2e;color:#cdd6f4;font-family:var(--font-mono);font-size:.85em;line-height:1.6;padding:1.25em 1.5em;border-radius:var(--radius);overflow-x:auto}.code-block--highlighted{padding:0}.code-block--highlighted pre{margin:0;padding:1.25em 1.5em;border-radius:var(--radius);overflow-x:auto}.code-block--highlighted .shiki{font-family:var(--font-mono);font-size:1em;line-height:1.6}.code-block--highlighted .shiki code{background:none;padding:0;font-size:inherit}.code-block--inline{display:inline-flex;align-items:center;padding:.5em 4em .5em 1em;font-size:.9em;border-radius:var(--radius-sm);background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-alt);padding:.15em .4em;border-radius:var(--radius-sm)}.code-block code{background:none;padding:0;font-size:inherit}.tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:0;overflow-x:auto}.tabs__tab{padding:.7em 1.2em;font-size:.9em;font-weight:500;color:var(--color-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.tabs__tab:hover{color:var(--color-text)}.tabs__tab--active{color:var(--color-accent)}.comparison-table{width:100%;border-collapse:collapse;font-size:.9em}.comparison-table th,.comparison-table td{padding:.75em 1em;text-align:center;border-bottom:1px solid var(--color-border)}.comparison-table th{font-weight:600;color:var(--color-heading);font-size:.85em}.comparison-table td:first-child,.comparison-table th:first-child{text-align:left;font-weight:500}.comparison-table .highlight-col{background:var(--color-accent-light)}.comparison-table .highlight-col-header{background:var(--color-accent);color:#fff;border-radius:var(--radius-sm) var(--radius-sm) 0 0}@media(max-width:768px){:root{--section-pad: 3em}.section__title{font-size:1.4em}.grid--2,.grid--3,.grid--2x3{grid-template-columns:1fr}.tabs{gap:0}.tabs__tab{padding:.6em .8em;font-size:.8em}.comparison-table{font-size:.75em}.comparison-table th,.comparison-table td{padding:.5em .4em}}