html,body{margin:0;padding:0}:root{--g:#2F7D5C;--gd:#245F47;--g100:#DDEFE6;--g050:#EEF7F1;--cr:#F8F6F0;--wh:#FFFFFF;--bd:#DADFD8;--bds:#C3CAC1;--ink:#17231D;--mt:#647067;--fi:#8A958C;--code:#15201A;--font:"Inter", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--sh-sm:0 1px 2px rgba(23,35,29,.04), 0 1px 0 rgba(23,35,29,.03);--sh-md:0 2px 4px rgba(23,35,29,.04), 0 6px 16px rgba(23,35,29,.05)}.page.svelte-mll10i.svelte-mll10i{font-family:var(--font);background:var(--cr);color:var(--ink);-webkit-font-smoothing:antialiased}.container.svelte-mll10i.svelte-mll10i{max-width:1120px;margin:0 auto;padding:0 32px}.narrow.svelte-mll10i.svelte-mll10i{max-width:760px}.btn.svelte-mll10i.svelte-mll10i{display:inline-flex;align-items:center;font:600 14px/1 var(--font);padding:10px 18px;border-radius:6px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .12s ease}.btn-primary.svelte-mll10i.svelte-mll10i{background:var(--g);color:#fff;box-shadow:var(--sh-sm)}.btn-primary.svelte-mll10i.svelte-mll10i:hover{background:var(--gd);transform:translateY(-1px)}.btn-secondary.svelte-mll10i.svelte-mll10i{background:var(--wh);color:var(--ink);border-color:var(--bd)}.btn-secondary.svelte-mll10i.svelte-mll10i:hover{border-color:var(--bds)}.btn-lg.svelte-mll10i.svelte-mll10i{padding:13px 24px;font-size:15px}.hero.svelte-mll10i.svelte-mll10i{background:linear-gradient(180deg,var(--g050) 0%,var(--cr) 60%);padding:72px 0 64px;border-bottom:1px solid var(--bd)}.hero-inner.svelte-mll10i.svelte-mll10i{max-width:760px}.hero-meta.svelte-mll10i.svelte-mll10i{display:flex;align-items:center;gap:14px;margin-bottom:20px}.cat-badge.svelte-mll10i.svelte-mll10i{background:var(--g100);color:var(--gd);font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px}.back-link.svelte-mll10i.svelte-mll10i{font-size:13px;color:var(--mt);text-decoration:none;font-family:var(--mono);transition:color .12s ease}.back-link.svelte-mll10i.svelte-mll10i:hover{color:var(--ink)}.hero-h.svelte-mll10i.svelte-mll10i{font-size:clamp(36px,4.5vw,56px);font-weight:700;letter-spacing:-.025em;color:var(--ink);margin:0 0 18px;line-height:1.1;text-wrap:balance}.hero-sub.svelte-mll10i.svelte-mll10i{font-size:18px;color:var(--mt);line-height:1.7;margin:0;max-width:580px}.section.svelte-mll10i.svelte-mll10i{padding:72px 0}.section--white.svelte-mll10i.svelte-mll10i{background:var(--wh);border-bottom:1px solid var(--bd)}.eyebrow.svelte-mll10i.svelte-mll10i{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gd);margin:0 0 12px}.section-h.svelte-mll10i.svelte-mll10i{font-size:clamp(24px,3vw,34px);font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:0 0 32px;line-height:1.2}.problem-callout.svelte-mll10i.svelte-mll10i{border-left:3px solid var(--g);padding:20px 28px;background:var(--cr);border-radius:0 10px 10px 0}.problem-callout.svelte-mll10i p.svelte-mll10i{font-size:16px;color:var(--mt);line-height:1.75;margin:0 0 14px}.problem-callout.svelte-mll10i p.svelte-mll10i:last-child{margin:0}.howto-grid.svelte-mll10i.svelte-mll10i{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card.svelte-mll10i.svelte-mll10i{background:var(--wh);border:1px solid var(--bd);border-radius:14px;padding:28px;box-shadow:var(--sh-sm)}.step-num.svelte-mll10i.svelte-mll10i{width:32px;height:32px;background:var(--g);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-bottom:16px;flex-shrink:0}.step-title.svelte-mll10i.svelte-mll10i{font-size:16px;font-weight:700;color:var(--ink);margin:0 0 10px}.step-desc.svelte-mll10i.svelte-mll10i{font-size:14px;color:var(--mt);line-height:1.7;margin:0}.code-inline.svelte-mll10i.svelte-mll10i{font-family:var(--mono);font-size:12px;background:var(--cr);border:1px solid var(--bd);border-radius:3px;padding:1px 5px}.code-section.svelte-mll10i.svelte-mll10i{background:var(--code);padding:64px 0}.code-lang.svelte-mll10i.svelte-mll10i{font:600 11px/1 var(--mono);color:var(--fi);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}.code-block.svelte-mll10i.svelte-mll10i{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:24px 28px;margin:0 0 20px;overflow-x:auto}.code-block.svelte-mll10i code.svelte-mll10i{font-family:var(--mono);font-size:13px;color:#c8e6c9;line-height:1.7;white-space:pre;display:block}.code-note.svelte-mll10i.svelte-mll10i{font-size:13px;color:var(--fi);line-height:1.65;margin:0}.inline-code.svelte-mll10i.svelte-mll10i{font-family:var(--mono);font-size:12px;background:#ffffff14;padding:2px 6px;border-radius:4px;color:#a5d6a7}.feat-grid.svelte-mll10i.svelte-mll10i{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feat-tile.svelte-mll10i.svelte-mll10i{background:var(--wh);border:1px solid var(--bd);border-radius:14px;padding:24px;box-shadow:var(--sh-sm)}.icon-tile.svelte-mll10i.svelte-mll10i{width:44px;height:44px;background:var(--g100);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--g)}.feat-title.svelte-mll10i.svelte-mll10i{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 8px}.feat-desc.svelte-mll10i.svelte-mll10i{font-size:14px;color:var(--mt);line-height:1.65;margin:0}.cta-strip.svelte-mll10i.svelte-mll10i{background:var(--g050);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:80px 0}.cta-inner.svelte-mll10i.svelte-mll10i{text-align:center;max-width:560px;margin:0 auto}.cta-h.svelte-mll10i.svelte-mll10i{font-size:32px;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:0 0 10px}.cta-sub.svelte-mll10i.svelte-mll10i{font-size:15px;color:var(--mt);margin:0 0 28px}.cta-btns.svelte-mll10i.svelte-mll10i{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.related-section.svelte-mll10i.svelte-mll10i{padding:64px 0;background:var(--cr)}.related-h.svelte-mll10i.svelte-mll10i{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:0 0 24px}.related-grid.svelte-mll10i.svelte-mll10i{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rel-card.svelte-mll10i.svelte-mll10i{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:var(--wh);border:1px solid var(--bd);border-radius:14px;padding:24px;box-shadow:var(--sh-sm);transition:all .2s ease;gap:10px}.rel-card.svelte-mll10i.svelte-mll10i:hover{transform:translateY(-1px);box-shadow:var(--sh-md);border-color:var(--bds)}.rel-title.svelte-mll10i.svelte-mll10i{font-size:16px;font-weight:700;color:var(--ink)}.rel-desc.svelte-mll10i.svelte-mll10i{font-size:13px;color:var(--mt);line-height:1.65;flex:1;margin:0}.read-more.svelte-mll10i.svelte-mll10i{font-size:13px;font-weight:600;color:var(--g)}.footer.svelte-mll10i.svelte-mll10i{background:var(--wh);border-top:1px solid var(--bd);padding:56px 0 0}.footer-inner.svelte-mll10i.svelte-mll10i{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:48px}.footer-brand.svelte-mll10i.svelte-mll10i{display:flex;flex-direction:column;gap:14px}.footer-logo.svelte-mll10i.svelte-mll10i{height:24px;align-self:flex-start}.footer-brand.svelte-mll10i p.svelte-mll10i{font-size:13px;color:var(--mt);margin:0;line-height:1.6;max-width:260px}.footer-col.svelte-mll10i h4.svelte-mll10i{font:600 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 14px}.footer-col.svelte-mll10i ul.svelte-mll10i{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-col.svelte-mll10i a.svelte-mll10i{font-size:13px;color:var(--mt);text-decoration:none}.footer-col.svelte-mll10i a.svelte-mll10i:hover{color:var(--ink);text-decoration:underline}.footer-bottom.svelte-mll10i.svelte-mll10i{display:flex;gap:12px;align-items:center;border-top:1px solid var(--bd);padding:20px 0;font-size:12px;color:var(--fi)}.footer-stripe.svelte-mll10i.svelte-mll10i{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--bd);border-radius:999px;background:var(--wh);font-size:11px;font-weight:600;color:var(--ink);margin-left:auto}.footer-stripe-dot.svelte-mll10i.svelte-mll10i{width:12px;height:12px;background:#635bff;border-radius:3px;display:inline-block}