:root{--accent: #2563EB;--accent-hover: #1D4ED8;--accent-text: #FFFFFF;--accent-soft: #EFF6FF;--accent-border: #BFDBFE;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--text-primary: #111827;--text-secondary: #4B5563;--text-tertiary: #6B7280;--border-primary: #E5E7EB;--border-secondary: #D1D5DB;--success: #059669;--warning: #D97706;--syntax-field: #C2410C;--syntax-field-bg: #FFF7ED;--syntax-system: #1D4ED8;--syntax-system-bg: #EFF6FF;--syntax-logic: #7E22CE;--syntax-logic-bg: #FAF5FF;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Consolas, monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 16px;--radius-full: 9999px;--step--1: clamp(.875rem, .85rem + .1vw, .9375rem);--step-0: clamp(1rem, .96rem + .2vw, 1.0625rem);--step-1: clamp(1.125rem, 1.05rem + .35vw, 1.25rem);--step-2: clamp(1.375rem, 1.2rem + .8vw, 1.75rem);--step-3: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);--step-4: clamp(2.25rem, 1.6rem + 3vw, 3.75rem);--space-2xs: .5rem;--space-xs: .75rem;--space-s: 1rem;--space-m: 1.5rem;--space-l: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 9rem;--measure: 62ch;--container: 1160px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 4px 12px rgba(16, 24, 40, .07);--shadow-lg: 0 18px 44px rgba(16, 24, 40, .1), 0 4px 12px rgba(16, 24, 40, .05);--transition: .18s cubic-bezier(.4, 0, .2, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--accent: #89B4FA;--accent-hover: #74C7EC;--accent-text: #1E1E2E;--accent-soft: #1E2A3F;--accent-border: #2C4260;--bg-primary: #1E1E2E;--bg-secondary: #181825;--bg-tertiary: #313244;--text-primary: #CDD6F4;--text-secondary: #A6ADC8;--text-tertiary: #6C7086;--border-primary: #313244;--border-secondary: #45475A;--success: #A6E3A1;--warning: #FAB387;--syntax-field: #FAB387;--syntax-field-bg: rgba(250, 179, 135, .1);--syntax-system: #89B4FA;--syntax-system-bg: rgba(137, 180, 250, .1);--syntax-logic: #CBA6F7;--syntax-logic-bg: rgba(203, 166, 247, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-sans);font-size:var(--step-0);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{line-height:1.15;letter-spacing:-.022em;text-wrap:balance;font-weight:640}p{text-wrap:pretty}a{color:inherit}img,svg{display:block;max-width:100%}:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-m)}.section{padding-block:var(--space-2xl)}.section--tight{padding-block:var(--space-xl)}.section-head{max-width:var(--measure);margin-bottom:var(--space-l)}.eyebrow{display:inline-block;margin-bottom:var(--space-xs);font-size:var(--step--1);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.section-title{font-size:var(--step-3);margin-bottom:var(--space-xs)}.section-lead{font-size:var(--step-1);color:var(--text-secondary);max-width:var(--measure)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.375rem;border:1px solid transparent;border-radius:var(--radius-lg);font-family:inherit;font-size:var(--step-0);font-weight:550;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--bg-primary);border-color:var(--border-secondary);color:var(--text-primary)}.btn--secondary:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.btn--ghost{background:transparent;color:var(--text-secondary);padding-inline:.875rem}.btn--ghost:hover{color:var(--text-primary);background:var(--bg-secondary)}.btn--lg{padding:.9375rem 1.75rem;font-size:var(--step-1)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg-primary) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary)}.site-header__inner{display:flex;align-items:center;gap:var(--space-m);height:4rem}.brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.brand img{height:26px;width:auto}.site-nav{display:flex;align-items:center;gap:.25rem;margin-left:auto}.site-nav__link{padding:.5rem .875rem;border-radius:var(--radius-md);font-size:var(--step--1);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color var(--transition),background-color var(--transition)}.site-nav__link:hover{color:var(--text-primary);background:var(--bg-secondary)}@media(max-width:720px){.site-nav__link--optional{display:none}}.hero{position:relative;padding-block:var(--space-2xl) var(--space-xl);overflow:hidden}.hero:before{content:"";position:absolute;inset-inline:0;top:-30%;height:70%;background:radial-gradient(ellipse 60% 100% at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent) 0%,transparent 70%);pointer-events:none;z-index:-1}.hero__grid{display:grid;gap:var(--space-xl);align-items:center}@media(min-width:960px){.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--space-l)}}.hero__title{font-size:var(--step-4);letter-spacing:-.032em;margin-bottom:var(--space-s)}.hero__title em{font-style:normal;color:var(--accent)}.hero__lead{font-size:var(--step-1);color:var(--text-secondary);max-width:46ch;margin-bottom:var(--space-m)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-s)}.hero__note{font-size:var(--step--1);color:var(--text-tertiary)}.showcase{display:grid;gap:var(--space-xs);position:relative}@media(min-width:560px){.showcase{grid-template-columns:1fr auto 1fr;align-items:center}}.pane{border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-primary);box-shadow:var(--shadow-lg);overflow:hidden;min-width:0}.pane__bar{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.pane__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--accent);flex-shrink:0}.pane__body{padding:.9375rem 1rem;font-family:var(--font-mono);font-size:.75rem;line-height:1.85;color:var(--text-secondary);overflow-x:auto}.pane__body--prose{font-family:var(--font-sans);font-size:.8125rem;line-height:1.75;color:var(--text-primary)}.tok{padding:.05em .3em;border-radius:var(--radius-sm);white-space:nowrap}.tok--field{color:var(--syntax-field);background:var(--syntax-field-bg)}.tok--system{color:var(--syntax-system);background:var(--syntax-system-bg)}.tok--logic{color:var(--syntax-logic);background:var(--syntax-logic-bg)}.filled{font-weight:600;color:var(--text-primary);background:color-mix(in srgb,var(--success) 12%,transparent);padding:.05em .25em;border-radius:var(--radius-sm)}.showcase__arrow{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-full);background:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);font-size:.6875rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);justify-self:center}.showcase__arrow svg{width:14px;height:14px}.steps{display:grid;gap:var(--space-m);counter-reset:step}@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr);gap:var(--space-l)}}.step{position:relative;padding-top:var(--space-m)}.step:before{counter-increment:step;content:counter(step);position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);font-size:var(--step--1);font-weight:700}.step__title{font-size:var(--step-1);margin:var(--space-m) 0 var(--space-2xs)}.step__text{color:var(--text-secondary)}.features{display:grid;gap:1px;background:var(--border-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}@media(min-width:640px){.features{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.features{grid-template-columns:repeat(3,1fr)}}.feature{padding:var(--space-m);background:var(--bg-primary)}.feature__icon{width:1.75rem;height:1.75rem;margin-bottom:var(--space-xs);color:var(--accent);stroke:currentColor;fill:none;stroke-width:1.5}.feature__title{font-size:var(--step-0);font-weight:620;margin-bottom:.375rem}.feature__text{font-size:var(--step--1);color:var(--text-secondary)}.pricing{display:grid;gap:var(--space-m);align-items:start}@media(min-width:900px){.pricing{grid-template-columns:repeat(3,1fr)}}.plan{display:flex;flex-direction:column;padding:var(--space-m);border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-primary);height:100%}.plan--featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-lg);position:relative}.plan__badge{position:absolute;top:0;right:var(--space-m);transform:translateY(-50%);padding:.25rem .75rem;border-radius:var(--radius-full);background:var(--accent);color:var(--accent-text);font-size:.6875rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.plan__name{font-size:var(--step-1);margin-bottom:.25rem}.plan__desc{font-size:var(--step--1);color:var(--text-tertiary);min-height:2.8em}.plan__price{display:flex;align-items:baseline;gap:.375rem;margin:var(--space-s) 0 .25rem}.plan__amount{font-size:var(--step-3);font-weight:680;letter-spacing:-.03em}.plan__period{font-size:var(--step--1);color:var(--text-tertiary)}.plan__unit{font-size:var(--step--1);color:var(--text-secondary);margin-bottom:var(--space-m)}.plan__list{list-style:none;padding:0;margin:0 0 var(--space-m);display:grid;gap:.625rem;font-size:var(--step--1)}.plan__list li{display:grid;grid-template-columns:1.125rem 1fr;gap:.5rem;align-items:start;color:var(--text-secondary)}.plan__list svg{width:1.125rem;height:1.125rem;margin-top:.15em;color:var(--success);stroke:currentColor;fill:none;stroke-width:2}.plan__cta{margin-top:auto;width:100%}.pricing-note{margin-top:var(--space-m);padding:var(--space-s) var(--space-m);border:1px dashed var(--border-secondary);border-radius:var(--radius-lg);font-size:var(--step--1);color:var(--text-secondary);text-align:center}.pricing-note strong{color:var(--text-primary)}.closer{padding:var(--space-xl) var(--space-m);border-radius:var(--radius-xl);background:var(--bg-secondary);border:1px solid var(--border-primary);text-align:center}.closer__title{font-size:var(--step-3);margin-bottom:var(--space-xs)}.closer__text{color:var(--text-secondary);font-size:var(--step-1);max-width:52ch;margin:0 auto var(--space-m)}.closer__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center}.site-footer{border-top:1px solid var(--border-primary);padding-block:var(--space-l);font-size:var(--step--1);color:var(--text-tertiary)}.site-footer__inner{display:flex;flex-wrap:wrap;gap:var(--space-s) var(--space-m);align-items:center;justify-content:space-between}.site-footer a{color:var(--text-secondary);text-decoration:none}.site-footer a:hover{color:var(--text-primary);text-decoration:underline}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-m)}