:root{--paper:oklch(99% .006 300);--paper-2:oklch(96% .015 295);--ink:oklch(18% .04 280);--ink-2:oklch(36% .035 280);--ink-3:oklch(55% .03 285);--hairline:oklch(90% .02 290);--accent:oklch(58% .22 280);--accent-deep:oklch(50% .25 278);--sans:"Geist", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--display:"Instrument Serif", Georgia, serif}html,body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(60% 45% at 15% 10%,oklch(88% .12 330/.55),#0000 60%),radial-gradient(65% 50% at 88% 18%,oklch(85% .13 260/.5),#0000 60%),radial-gradient(70% 55% at 50% 100%,oklch(86% .14 290/.45),#0000 70%),oklch(98% .012 290);min-height:100vh;margin:0;padding:0}.nav.svelte-8s3559{z-index:10;-webkit-backdrop-filter:blur(14px)saturate(140%);background:oklch(99% .006 300/.55);border-bottom:1px solid oklch(88% .02 290/.6);position:sticky;top:0}.nav__inner.svelte-8s3559{align-items:center;gap:18px;max-width:1180px;margin:0 auto;padding:14px 28px;display:flex}.brand.svelte-8s3559{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand__logo.svelte-8s3559{flex-shrink:0;width:32px;height:32px}.brand__name.svelte-8s3559{font-family:var(--display);padding-right:.1em;font-size:22px;line-height:1.15}.brand__name.svelte-8s3559 em:where(.svelte-8s3559){color:var(--accent);padding-right:.08em;font-style:italic;display:inline-block}.nav__spacer.svelte-8s3559{flex:1}.nav__link.svelte-8s3559{color:var(--ink-2);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none}.nav__link.svelte-8s3559:hover,.nav__link--active.svelte-8s3559{color:var(--ink);background:oklch(95% .02 290/.6)}.pill-beta.svelte-8s3559{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in oklch, var(--accent) 25%, transparent);background:oklch(94% .045 285);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;display:inline-flex}.pill-beta.svelte-8s3559:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.btn.svelte-8s3559{font-family:var(--sans);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:11px 18px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex}.btn--primary.svelte-8s3559{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary.svelte-8s3559:hover{background:var(--accent-deep)}.btn--sm.svelte-8s3559{border-radius:9px;padding:8px 12px;font-size:13px}.lang.svelte-8s3559{background:oklch(96% .015 290/.7);border:1px solid oklch(88% .02 290/.6);border-radius:999px;align-items:center;padding:3px;display:inline-flex}.lang__btn.svelte-8s3559{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:600}.lang__btn--active.svelte-8s3559{background:var(--accent);color:#fff}.learn-hero.svelte-8s3559,.section.svelte-8s3559{max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px}.learn-hero.svelte-8s3559{grid-template-columns:1fr 360px;align-items:end;gap:42px;padding-top:86px;padding-bottom:48px;display:grid}.learn-hero.svelte-8s3559 h1:where(.svelte-8s3559){font-family:var(--display);letter-spacing:0;max-width:760px;margin:0 0 22px;font-size:clamp(46px,7vw,82px);line-height:1.04}.learn-hero.svelte-8s3559 p:where(.svelte-8s3559){color:var(--ink-2);max-width:680px;margin:0;font-size:19px;line-height:1.55}.eyebrow.svelte-8s3559{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:11px}.hero-links.svelte-8s3559{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-links.svelte-8s3559 a:where(.svelte-8s3559){color:var(--ink);background:oklch(99% .006 300/.68);border:1px solid oklch(88% .02 290/.7);border-radius:999px;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none}.quick-panel.svelte-8s3559,.intro-block.svelte-8s3559,.tutorial.svelte-8s3559,.use-case.svelte-8s3559,.workflow.svelte-8s3559{-webkit-backdrop-filter:blur(12px)saturate(140%);background:oklch(99% .006 300/.64);border:1px solid oklch(88% .02 290/.7);border-radius:18px;box-shadow:inset 0 1px #fff,0 12px 40px -20px oklch(40% .18 280/.18)}.quick-panel.svelte-8s3559{padding:26px}.quick-panel__label.svelte-8s3559{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:11px}.quick-panel.svelte-8s3559 h2:where(.svelte-8s3559),.intro-block.svelte-8s3559 h2:where(.svelte-8s3559),.section-heading.svelte-8s3559 h2:where(.svelte-8s3559),.contact.svelte-8s3559 h2:where(.svelte-8s3559){font-family:var(--display);letter-spacing:0;margin:12px 0 14px;font-size:clamp(30px,4vw,48px);line-height:1.06}.quick-panel.svelte-8s3559 p:where(.svelte-8s3559),.intro-block.svelte-8s3559 p:where(.svelte-8s3559),.section-heading.svelte-8s3559 p:where(.svelte-8s3559),.contact.svelte-8s3559 p:where(.svelte-8s3559){color:var(--ink-2);margin:0;font-size:15.5px;line-height:1.58}.section.svelte-8s3559{padding-top:52px;padding-bottom:52px}.intro-grid.svelte-8s3559{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.intro-block.svelte-8s3559{padding:28px}.intro-block--accent.svelte-8s3559{background:linear-gradient(135deg,oklch(96% .035 285/.92),oklch(96% .035 210/.82)),oklch(99% .006 300)}.intro-block.svelte-8s3559 p:where(.svelte-8s3559)+p:where(.svelte-8s3559){margin-top:12px}.section-heading.svelte-8s3559{max-width:760px;margin-bottom:24px}.tutorials.svelte-8s3559{gap:14px;display:grid}.tutorial.svelte-8s3559{grid-template-columns:72px 1fr;gap:22px;padding:24px;display:grid}.tutorial__step.svelte-8s3559{width:48px;height:48px;color:var(--accent);font-family:var(--mono);background:oklch(94% .045 285);border-radius:14px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.tutorial.svelte-8s3559 h3:where(.svelte-8s3559),.use-case.svelte-8s3559 h3:where(.svelte-8s3559),.workflow.svelte-8s3559 h3:where(.svelte-8s3559){font-family:var(--display);letter-spacing:0;margin:0 0 10px;font-size:24px;line-height:1.12}.tutorial.svelte-8s3559 p:where(.svelte-8s3559),.use-case.svelte-8s3559 p:where(.svelte-8s3559),.workflow.svelte-8s3559 p:where(.svelte-8s3559){color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.58}.tutorial.svelte-8s3559 ul:where(.svelte-8s3559){color:var(--ink-2);margin:14px 0 0;padding-left:18px;font-size:14px;line-height:1.55}.tutorial.svelte-8s3559 li:where(.svelte-8s3559)+li:where(.svelte-8s3559){margin-top:6px}.use-cases.svelte-8s3559,.workflow-grid.svelte-8s3559{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.use-case.svelte-8s3559,.workflow.svelte-8s3559{padding:24px}.contact.svelte-8s3559{background:radial-gradient(50% 80% at 0 0,oklch(85% .13 320/.55),#0000 70%),radial-gradient(50% 80% at 100% 100%,oklch(82% .16 260/.55),#0000 70%),oklch(96% .015 290);border:1px solid oklch(88% .02 290/.7);border-radius:26px;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:44px;display:grid}.contact__eyebrow.svelte-8s3559{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:11px}.footer.svelte-8s3559{max-width:1180px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border-top:1px solid oklch(88% .02 290/.6);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:24px auto 0;padding:40px 28px 56px;font-size:11px;display:flex}.footer.svelte-8s3559 a:where(.svelte-8s3559){color:var(--ink-3);text-decoration:none}.footer.svelte-8s3559 a:where(.svelte-8s3559):hover{color:var(--ink)}@media (width<=1024px){.pill-beta.svelte-8s3559{display:none}.learn-hero.svelte-8s3559,.intro-grid.svelte-8s3559,.contact.svelte-8s3559{grid-template-columns:1fr}.use-cases.svelte-8s3559,.workflow-grid.svelte-8s3559{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.nav__inner.svelte-8s3559{gap:10px;padding:12px 16px}.nav__link.svelte-8s3559{display:none}.learn-hero.svelte-8s3559,.section.svelte-8s3559{padding-left:16px;padding-right:16px}.learn-hero.svelte-8s3559{padding-top:48px}.use-cases.svelte-8s3559,.workflow-grid.svelte-8s3559,.tutorial.svelte-8s3559{grid-template-columns:1fr}.contact.svelte-8s3559{padding:28px 20px}.footer.svelte-8s3559{padding:24px 16px 32px}}
