:root{color-scheme:light;--ds-cream: #fbf7ec;--ds-blue: #2244ff;--ds-yellow: #ffd93d;--ds-ink: #0e0b07;--ds-bg: var(--ds-cream);--ds-surface: #ffffff;--ds-surface-2: #f4ecdc;--ds-surface-hover: #ece3ce;--ds-text: var(--ds-ink);--ds-text-2: #4a4030;--ds-text-3: #8c7e60;--ds-border: var(--ds-ink);--ds-rule: rgb(14 11 7 / 16%);--ds-primary: var(--ds-blue);--ds-primary-ink: var(--ds-cream);--ds-on-yellow: var(--ds-ink);--ds-success: #10b981;--ds-warning: #f59e0b;--ds-error: #ef4444;--ds-info: #3b82f6;--ds-code-bg: var(--ds-ink);--ds-code-fg: var(--ds-cream);--ds-radius-sm: 8px;--ds-radius: 12px;--ds-radius-lg: 20px;--ds-shadow-sm: 2px 2px 0 var(--ds-border);--ds-shadow: 3px 3px 0 var(--ds-border);--ds-shadow-lg: 4px 4px 0 var(--ds-border);--font-display: "Satoshi", "MiSans Heavy", "Inter", "MiSans", system-ui, sans-serif;--font-body: "Inter", "MiSans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--accent: var(--ds-primary);--accent-2: var(--ds-primary);--accent-ink: var(--ds-primary-ink);--accent-glow: transparent;--accent-line: var(--ds-border);--fg: var(--ds-text);--fg-dim: var(--ds-text-2);--bg: var(--ds-bg);--bg-alt: var(--ds-surface-2);--bg-elev: var(--ds-surface-hover);--bg-code: var(--ds-code-bg);--rule: var(--ds-rule);--rule-strong: var(--ds-border);--mono: var(--font-mono)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ds-bg: #0e0b07;--ds-surface: #1a1610;--ds-surface-2: #28221a;--ds-surface-hover: #362e22;--ds-text: #fbf7ec;--ds-text-2: #d4c9b3;--ds-text-3: #a7997c;--ds-border: #ffffff;--ds-rule: rgb(255 255 255 / 18%);--ds-primary: #5b7bff;--ds-primary-ink: #0e0b07;--ds-code-bg: #080604;--ds-code-fg: #fbf7ec}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;background:var(--ds-bg);color:var(--ds-text);font:16px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}img,svg{display:block;max-width:100%}a{color:var(--ds-primary);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--ds-yellow);outline-offset:3px}::selection{background:var(--ds-yellow);color:var(--ds-on-yellow)}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.ds-skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:8px 12px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-yellow);color:var(--ds-on-yellow);box-shadow:var(--ds-shadow-sm);transform:translateY(-160%)}.ds-skip-link:focus{transform:translateY(0)}.ds-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--ds-border);background:var(--ds-bg)}.ds-header__inner{min-height:72px;display:flex;align-items:center;gap:28px}.ds-lockup{min-width:0;display:inline-flex;align-items:center;gap:12px;color:var(--ds-text);text-decoration:none}.ds-lockup:hover{text-decoration:none}.ds-mark{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-primary);color:var(--ds-cream);box-shadow:var(--ds-shadow);font-family:var(--font-display);font-size:22px;font-weight:900;line-height:1;letter-spacing:-.02em}.ds-wordmark{overflow:hidden;max-width:330px;font-family:var(--font-display);font-size:19px;font-weight:900;line-height:1.15;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.ds-nav{display:flex;align-items:center;gap:22px}.ds-nav a,.ds-language{color:var(--ds-text-2);font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none}.ds-nav a:hover,.ds-nav a[aria-current=page],.ds-language:hover{color:var(--ds-text);text-decoration:underline;text-decoration-color:var(--ds-yellow);text-decoration-thickness:3px}.ds-header__actions{margin-left:auto;display:flex;align-items:center;gap:16px}.ds-button,.cta-row a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);font-weight:700;line-height:1.25;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.ds-button:hover,.cta-row a:hover{transform:translate(-1px,-1px);box-shadow:var(--ds-shadow);text-decoration:none}.ds-button--primary,.cta-row a.primary{background:var(--ds-primary);color:var(--ds-primary-ink);box-shadow:var(--ds-shadow-sm)}.ds-button--secondary,.cta-row a.ghost{background:var(--ds-surface);color:var(--ds-text);box-shadow:var(--ds-shadow-sm)}.ds-button--sticker{background:var(--ds-yellow);color:var(--ds-on-yellow);box-shadow:var(--ds-shadow);transform:rotate(-1deg)}.hero{position:relative;overflow:clip;padding-block:clamp(72px,10vw,128px)}.hero:after{content:"";position:absolute;width:360px;height:360px;top:-230px;right:max(-180px,calc((100vw - 1180px)/2 - 180px));border:1px solid var(--ds-border);border-radius:50%;background:var(--ds-yellow);pointer-events:none}.hero .container{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(48px,8vw,96px)}.eyebrow,.ds-sticker{width:fit-content;margin:0 0 24px;padding:5px 10px;border:1px solid var(--ds-border);border-radius:6px;background:var(--ds-primary);color:var(--ds-cream);box-shadow:var(--ds-shadow-sm);font:700 11px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-1deg)}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--ds-text);font-family:var(--font-display);font-weight:900;line-height:1.12;letter-spacing:-.025em}h1{max-width:15ch;margin-bottom:24px;font-size:clamp(44px,7vw,88px)}h2{margin-bottom:16px;font-size:clamp(30px,4vw,48px)}h3{font-size:19px}.hero p.tag,.hero-lede{max-width:58ch;margin:0 0 30px;color:var(--ds-text-2);font-size:clamp(17px,2vw,20px);line-height:1.65}.highlight{display:inline-block;padding-inline:.12em;background:var(--ds-yellow);color:var(--ds-on-yellow);box-shadow:var(--ds-shadow);transform:rotate(-1deg)}.cta-row{display:flex;flex-wrap:wrap;gap:14px}.hero-note{margin:18px 0 0;color:var(--ds-text-2);font-size:14px}.section{padding-block:clamp(64px,8vw,104px);border-top:1px solid var(--ds-border)}.section-heading{display:grid;grid-template-columns:minmax(0,.7fr) minmax(280px,.3fr);gap:40px;align-items:end;margin-bottom:36px}.section-heading p{margin:0;color:var(--ds-text-2)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card{display:block;min-width:0;padding:24px;border:1px solid var(--ds-border);border-radius:var(--ds-radius);background:var(--ds-surface);color:var(--ds-text);text-decoration:none;transition:background .12s ease,border-color .12s ease}.card:hover{border-color:var(--ds-primary);background:var(--ds-surface-2);color:var(--ds-text);text-decoration:none}.card h3{margin:0 0 9px}.card p{margin:0;color:var(--ds-text-2);font-size:14px}.card code{overflow-wrap:anywhere}.ds-card__index{display:block;margin-bottom:20px;color:var(--ds-primary);font:700 11px/1 var(--font-mono);letter-spacing:.08em}.ds-visual{position:relative;padding:28px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface);box-shadow:var(--ds-shadow-lg)}.ds-visual:before{content:"";position:absolute;inset:12px;border:1px dashed var(--ds-rule);border-radius:calc(var(--ds-radius-lg) - 7px);pointer-events:none}.ds-flow{position:relative;display:grid;gap:12px}.ds-flow__row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-surface-2)}.ds-flow__row:nth-child(2){margin-left:24px;background:var(--ds-primary);color:var(--ds-primary-ink)}.ds-flow__row:nth-child(3){margin-left:48px;background:var(--ds-yellow);color:var(--ds-on-yellow)}.ds-flow__label{font-weight:700}.ds-flow__meta{font:600 11px/1.2 var(--font-mono);opacity:.75}.ds-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ds-product-tile{min-height:112px;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-surface-2)}.ds-product-tile:first-child{grid-column:1 / -1;background:var(--ds-primary);color:var(--ds-primary-ink)}.ds-product-tile strong{font-family:var(--font-display);font-size:20px}.ds-product-tile span{font:600 11px/1.4 var(--font-mono);opacity:.75}pre,code{font-family:var(--font-mono)}:not(pre)>code{padding:.12em .4em;border:1px solid var(--ds-rule);border-radius:5px;background:var(--ds-surface-2);color:var(--ds-text);font-size:.88em}pre{max-width:100%;margin:20px 0 0;padding:20px;overflow-x:auto;border:1px solid var(--ds-border);border-radius:var(--ds-radius);background:var(--ds-code-bg);color:var(--ds-code-fg);font-size:13px;line-height:1.65}pre code{padding:0;border:0;background:transparent;color:inherit}.ds-footer{border-top:1px solid var(--ds-border);padding-block:28px}.ds-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--ds-text-2);font-size:13px}.ds-footer p{margin:0}.ds-footer nav{display:flex;flex-wrap:wrap;gap:8px}.ds-footer a{color:var(--ds-text-2)}@media(max-width:920px){.ds-header__inner{flex-wrap:wrap;gap:12px 20px;padding-block:14px}.ds-nav{order:3;width:100%;padding:2px 0 4px;overflow-x:auto;scrollbar-width:none}.ds-nav::-webkit-scrollbar{display:none}.hero-grid,.section-heading{grid-template-columns:1fr}}@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.ds-header__inner{min-height:64px}.ds-mark{width:34px;height:34px;font-size:19px}.ds-wordmark{max-width:min(54vw,230px);font-size:16px}.ds-header__actions{gap:10px}.ds-header__cta{display:none}.hero{padding-block:64px 72px}.hero:after{width:240px;height:240px;top:-170px;right:-120px}h1{font-size:clamp(40px,13vw,58px)}.ds-visual{padding:20px}.ds-flow__row:nth-child(2),.ds-flow__row:nth-child(3){margin-left:0}.ds-product-grid{grid-template-columns:1fr}.ds-product-tile:first-child{grid-column:auto}.ds-footer__inner{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}