@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800;900&family=Geist+Mono:wght@400;500;600&display=swap";

:root{--paper:#f8fafd;--paper-2:#f1f4f7;--paper-3:#e7eaed;--paper-4:#d8dde2;--rule:#dbdee2;--rule-2:#babec3;--ink:#050d1c;--ink-2:#202938;--ink-3:#525864;--ink-4:#8e929a;--signal:#f5d800;--signal-2:#ffed77;--signal-3:#fff5b5;--signal-ink:#644a00;--blue:#026fd7;--blue-2:#2393f1;--blue-deep:#002b78;--ok:#57a45b;--ok-light:#c4f3c4;--ok-dark:#005810;--rust:#dd5230;--rust-light:#ffdacd;--rust-dark:#861600;--warn:#f2a618;--warn-light:#ffd791;--warn-dark:#ae5700;--text-strong:var(--ink);--text-body:var(--ink-2);--text-muted:var(--ink-3);--text-faint:var(--ink-4);--surface-page:var(--paper);--surface-card:var(--paper);--surface-sunken:var(--paper-2);--border-soft:var(--rule);--border-strong:var(--rule-2);--accent:var(--signal);--accent-ink:var(--signal-ink);--link:var(--blue);--dot-color:#050d1c0f;--dot-size:24px;--dot-size-sm:16px;--glow-signal:#f5d8001a;--glow-blue:#026fd714;--select-bg:var(--signal);--select-fg:var(--signal-ink)}
:root{--sans:"Geist","Söhne","Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"Geist Mono",ui-monospace,Menlo,monospace;--font-features:"ss01","ss02","cv11";--w-light:300;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--w-extra:800;--w-black:900;--display-1:clamp(48px, 6.4vw, 84px);--display-2:clamp(34px, 4vw, 52px);--display-3:clamp(34px, 4.4vw, 56px);--text-h1:3.5rem;--text-h2:2.25rem;--text-h3:1.75rem;--text-h4:1.375rem;--text-h5:1.125rem;--text-h6:1rem;--text-lg:1.0625rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--text-2xs:.6875rem;--lh-tight:.98;--lh-snug:1.15;--lh-normal:1.4;--lh-relaxed:1.55;--lh-mono:1.7;--ls-display:-.045em;--ls-tight:-.035em;--ls-snug:-.025em;--ls-normal:-.005em;--ls-wide:.1em;--ls-eyebrow:.14em}
:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:14px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:28px;--space-9:32px;--space-10:40px;--space-11:48px;--space-12:56px;--space-13:64px;--space-14:80px;--space-15:96px;--space-16:128px;--container:1280px;--container-sm:1180px;--gutter:32px;--gutter-sm:20px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:14px;--radius-3xl:16px;--radius-4xl:18px;--radius-5xl:24px;--radius-pill:999px;--shadow-1:0 1px 1px #050d1c0a, 0 1px 2px #050d1c0f;--shadow-2:0 2px 4px -2px #050d1c14, 0 4px 12px -2px #050d1c14;--shadow-3:0 8px 16px -6px #050d1c1f, 0 24px 60px -20px #050d1c33;--shadow-pop:0 30px 60px -30px #050d1c59;--ease:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--dur-base:.2s;--dur-slow:.8s;--dur-pulse:1.6s}
::selection{background:var(--select-bg);color:var(--select-fg)}.ib-eyebrow{font-family:var(--mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:var(--ink-3);align-items:center;gap:8px;display:inline-flex}.ib-eyebrow:before{content:"";background:currentColor;width:16px;height:1px}.ib-eyebrow.on-signal{color:var(--signal-ink)}.ib-eyebrow.on-dark{color:var(--paper-3)}.ib-highlight{background:var(--signal);color:var(--signal-ink);border-radius:var(--radius-lg);padding:0 10px;font-style:normal}.ib-highlight.tilt{border-radius:var(--radius-2xl);box-shadow:0 6px 0 -2px var(--signal-3), 0 0 0 1px #644a001f;display:inline-block;transform:rotate(-1.5deg)}.ib-underline{background-image:linear-gradient(180deg, transparent 65%, var(--signal-2) 65%);padding:0 2px;font-style:normal}.ib-dot-field{background-image:radial-gradient(circle at 1px 1px, var(--dot-color) 1px, transparent 0);background-size:var(--dot-size) var(--dot-size)}.ib-dot-field.dense{background-size:var(--dot-size-sm) var(--dot-size-sm)}.ib-dot-field.fade-top{-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 0,#000,#0000 70%)}.ib-glow{position:relative}.ib-glow:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 18% 0%, var(--glow-signal), transparent 40%), radial-gradient(ellipse at 92% 18%, var(--glow-blue), transparent 45%);position:absolute;inset:0}.ib-btn{border-radius:var(--radius-lg);height:44px;font-family:var(--sans);font-size:var(--text-sm);font-weight:var(--w-semibold);letter-spacing:var(--ls-normal);cursor:pointer;white-space:nowrap;transition:transform var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border:1px solid #0000;align-items:center;gap:10px;padding:0 18px;line-height:1;text-decoration:none;display:inline-flex}.ib-btn:hover{transform:translateY(-1px)}.ib-btn:active{transform:translateY(0)}.ib-btn.primary{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-2)}.ib-btn.primary:hover{background:var(--ink-2)}.ib-btn.signal{background:var(--signal);color:var(--signal-ink)}.ib-btn.signal:hover{background:var(--signal-2)}.ib-btn.ghost{color:var(--ink);border-color:var(--rule);background:0 0}.ib-btn.ghost:hover{border-color:var(--ink-2);background:var(--paper-2)}.ib-btn.ghost-dark{color:var(--paper);background:0 0;border-color:#ffffff2e}.ib-btn.ghost-dark:hover{background:#ffffff0a;border-color:#ffffff5c}.ib-pip{background:var(--signal);border-radius:50%;flex:none;width:7px;height:7px}.ib-btn.signal .ib-pip{background:var(--signal-ink)}.ib-arr{font-family:var(--mono);transition:transform var(--dur-base) var(--ease)}.ib-btn:hover .ib-arr{transform:translate(3px)}.ib-pill{border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--rule);font-family:var(--mono);font-size:var(--text-xs);color:var(--ink-3);align-items:center;gap:7px;padding:6px 10px;display:inline-flex}.ib-pill:before{content:"";background:var(--ok);border-radius:50%;flex:none;width:6px;height:6px}.ib-chip{border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--rule);font-family:var(--mono);font-size:var(--text-2xs);color:var(--ink-2);box-shadow:var(--shadow-2);align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.ib-chip .ib-pip{width:6px;height:6px}.ib-tag{font-family:var(--mono);font-size:var(--text-2xs);border-radius:var(--radius-sm);border:1px solid var(--rule);background:var(--paper);color:var(--ink-3);cursor:pointer;padding:4px 8px}.ib-tag.is-on{background:var(--signal);border-color:var(--signal);color:var(--signal-ink);font-weight:var(--w-semibold)}.ib-tag.is-on.bug{background:var(--rust);border-color:var(--rust);color:#fff}.ib-badge{background:var(--ok);color:#fff;border-radius:var(--radius-xs);font-family:var(--mono);font-size:9px;font-weight:var(--w-semibold);letter-spacing:.05em;text-transform:uppercase;align-self:flex-start;align-items:center;padding:3px 7px;display:inline-flex}.ib-badge.blue{background:var(--blue)}.ib-badge.ink{background:var(--ink);color:var(--paper)}.ib-card{border:1px solid var(--rule);border-radius:var(--radius-3xl);background:var(--paper);padding:24px}.ib-card.dark{background:var(--ink);color:var(--paper);border-color:#ffffff1a}.ib-card.signal{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}.ib-card.hover-lift{transition:transform var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease)}.ib-card.hover-lift:hover{border-color:var(--ink-2);transform:translateY(-2px)}.ib-code-card{border-radius:var(--radius-3xl);box-shadow:var(--shadow-2);background:#0b1426;border:1px solid #ffffff14;overflow:hidden}.ib-code{color:var(--paper-3);font-family:var(--mono);font-size:13px;line-height:var(--lh-mono);margin:0;padding:22px 24px;overflow-x:auto}.ib-code .tok-tag{color:var(--blue-2)}.ib-code .tok-attr{color:var(--signal)}.ib-code .tok-str{color:#9bd56a}.ib-code .tok-cm{color:var(--ink-4);font-style:italic}.ib-inline-code{font-family:var(--mono);background:var(--paper-2);color:var(--ink);border-radius:var(--radius-xs);padding:2px 6px;font-size:.9em}.ib-inline-code.signal{color:var(--signal);background:#f5d80029}.ib-annotation{pointer-events:none;position:absolute;overflow:visible}.ib-stroke{stroke:var(--rust);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.ib-note{background:var(--signal);color:var(--signal-ink);border-radius:var(--radius-md);font-family:var(--mono);font-size:var(--text-xs);font-weight:var(--w-medium);box-shadow:var(--shadow-2);padding:8px 12px;line-height:1.35;transform:rotate(-2deg)}.ib-trigger{border-radius:var(--radius-pill);background:var(--ink);height:44px;color:var(--paper);font-size:var(--text-sm);font-weight:var(--w-semibold);box-shadow:var(--shadow-3);align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.ib-pip.pulse{width:8px;height:8px;animation:ib-pulse var(--dur-pulse) var(--ease) infinite}@keyframes ib-pulse{0%,to{box-shadow:0 0 #f5d80099}50%{box-shadow:0 0 0 8px #f5d80000}}@media (prefers-reduced-motion:no-preference){.ib-fade-up{opacity:0;animation:ib-fade-up var(--dur-slow) var(--ease) forwards;transform:translateY(20px)}.ib-fade-up.d1{animation-delay:80ms}.ib-fade-up.d2{animation-delay:.16s}.ib-fade-up.d3{animation-delay:.24s}@keyframes ib-fade-up{to{opacity:1;transform:translateY(0)}}}