:root{--color-brand-duck: #FFCE00;--color-brand-ink: #0F1F3D;--color-brand-alert: #E63946;--color-brand-paper: #F5F5F2;--color-brand-white: #FFFFFF;--color-ink-900: #0F1F3D;--color-ink-700: #34415E;--color-ink-500: #6B7690;--color-ink-300: #C8CED9;--color-ink-100: #E8E9E3;--color-state-ok: #0E9F6E;--color-state-warn: #F59E0B;--color-state-error: #E63946;--color-state-info: #2563EB;--color-state-highlight: #FFF4A3;--color-box-info-bg: #EEF3FF;--color-box-info-border: #BFD0FF;--color-box-ok-bg: #E6F7EF;--color-box-ok-border: #9EDAC1;--color-box-warn-bg: #FFF5DF;--color-box-warn-border: #F2C85A;--color-box-warn-text: #5B4500;--color-box-error-bg: #FDE8EA;--color-box-error-border: #F5A0A8;--color-box-error-text: #5C1218;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-display-size: 64px;--text-display-lh: 64px;--text-display-tracking: -.035em;--text-display-weight: 800;--text-h1-size: 40px;--text-h1-lh: 44px;--text-h1-tracking: -.025em;--text-h1-weight: 700;--text-h2-size: 28px;--text-h2-lh: 34px;--text-h2-tracking: -.02em;--text-h2-weight: 700;--text-h3-size: 20px;--text-h3-lh: 26px;--text-h3-tracking: -.01em;--text-h3-weight: 600;--text-body-size: 16px;--text-body-lh: 25px;--text-body-weight: 400;--text-small-size: 13px;--text-small-lh: 19px;--text-small-weight: 500;--text-mono-size: 13px;--text-mono-lh: 19px;--text-mono-weight: 500;--text-eyebrow-size: 11px;--text-eyebrow-lh: 14px;--text-eyebrow-tracking: .14em;--text-eyebrow-weight: 500;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-plate: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-14: 56px;--shadow-card-hover: 0 8px 24px rgba(15, 31, 61, .08);--shadow-btn-primary-hover: 0 10px 22px -8px rgba(15, 31, 61, .55), 0 0 0 3px rgba(255, 206, 0, .28);--shadow-btn-yellow-hover: 0 12px 26px -8px rgba(255, 206, 0, .75), 0 2px 0 0 #0F1F3D;--shadow-btn-destructive-hover: 0 10px 22px -8px rgba(230, 57, 70, .65), 0 0 0 3px rgba(230, 57, 70, .25)}html{color-scheme:light;font-family:var(--font-sans);font-size:var(--text-body-size);line-height:calc(var(--text-body-lh) / var(--text-body-size));color:var(--color-ink-700);background:var(--color-brand-paper)}body{margin:0;min-height:100vh}h1,h2,h3,h4{color:var(--color-ink-900);margin:0 0 var(--space-3)}p{margin:0 0 var(--space-3)}code,pre{font-family:var(--font-mono);font-size:12px}.btn{font-family:inherit;font-weight:600;font-size:14px;line-height:1;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:background .18s ease,color .18s ease,border-color .18s ease,transform .12s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px);box-shadow:none}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn.sm{font-size:12px;padding:7px 12px;border-radius:var(--radius-sm)}.btn.lg{font-size:15px;padding:13px 22px;border-radius:var(--radius-lg)}.btn.primary{background:var(--color-ink-900);color:var(--color-brand-duck)}.btn.primary:hover{background:#1a2e57;transform:translateY(-1px);box-shadow:var(--shadow-btn-primary-hover)}.btn.primary:focus-visible{outline:3px solid rgba(255,206,0,.55);outline-offset:2px}.btn.yellow{background:var(--color-brand-duck);color:var(--color-ink-900)}.btn.yellow:hover{background:#ffda33;transform:translateY(-1px);box-shadow:var(--shadow-btn-yellow-hover)}.btn.yellow:focus-visible{outline:3px solid rgba(15,31,61,.35);outline-offset:2px}.btn.destructive{background:var(--color-brand-alert);color:var(--color-brand-white)}.btn.destructive:hover{background:#d02a37;transform:translateY(-1px);box-shadow:var(--shadow-btn-destructive-hover)}.btn.destructive:focus-visible{outline:3px solid rgba(230,57,70,.45);outline-offset:2px}.btn.secondary{background:var(--color-brand-white);color:var(--color-ink-900);border-color:var(--color-ink-300)}.btn.secondary:hover{background:var(--color-brand-paper);border-color:var(--color-ink-500)}.btn.secondary:focus-visible{outline:3px solid rgba(15,31,61,.25);outline-offset:2px}.btn.ghost{background:transparent;color:var(--color-ink-900)}.btn.ghost:hover{background:var(--color-ink-100)}.btn.ghost:focus-visible{outline:3px solid rgba(15,31,61,.25);outline-offset:2px}.btn .spinner{width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label{font-size:12px;font-weight:500;color:var(--color-ink-700)}.input{font-family:inherit;font-size:var(--text-body-size);padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-ink-300);background:var(--color-brand-white);color:var(--color-ink-900);transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.input::placeholder{color:var(--color-ink-500)}.input:hover{border-color:var(--color-ink-500)}.input:focus{outline:none;border-color:var(--color-ink-900);box-shadow:0 0 0 3px #ffce0066}.input.error{border-color:var(--color-brand-alert)}.input.error:focus{box-shadow:0 0 0 3px #e6394640}.input[disabled]{background:var(--color-brand-paper);color:var(--color-ink-500);cursor:not-allowed}.field .helper{font-size:12px;color:var(--color-ink-500)}.field .helper.err{color:var(--color-brand-alert)}.box{border-radius:var(--radius-lg);padding:14px 16px;display:flex;gap:var(--space-3);align-items:flex-start;font-size:14px;line-height:1.5}.box .icon{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-brand-white);font-size:12px;font-weight:700;font-family:var(--font-mono)}.box strong{display:block;margin-bottom:2px}.box.info{background:var(--color-box-info-bg);border:1px solid var(--color-box-info-border);color:var(--color-ink-900)}.box.info .icon{background:var(--color-state-info)}.box.success{background:var(--color-box-ok-bg);border:1px solid var(--color-box-ok-border);color:var(--color-ink-900)}.box.success .icon{background:var(--color-state-ok)}.box.warn{background:var(--color-box-warn-bg);border:1px solid var(--color-box-warn-border);color:var(--color-box-warn-text)}.box.warn .icon{background:var(--color-state-warn)}.box.error{background:var(--color-box-error-bg);border:1px solid var(--color-box-error-border);color:var(--color-box-error-text)}.box.error .icon{background:var(--color-state-error)}.card{background:var(--color-brand-white);border:1px solid var(--color-ink-100);border-radius:var(--radius-xl);padding:var(--space-5)}.card h4{margin:0 0 6px;font-weight:700;font-size:16px;color:var(--color-ink-900)}.card p{margin:0;color:var(--color-ink-700);font-size:14px;line-height:1.5}.card .eyebrow{font-family:var(--font-mono);font-size:var(--text-eyebrow-size);line-height:var(--text-eyebrow-lh);letter-spacing:var(--text-eyebrow-tracking);text-transform:uppercase;color:var(--color-ink-500);margin-bottom:var(--space-2)}.card.interactive{cursor:pointer;transition:transform .12s,box-shadow .15s,border-color .15s}.card.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--color-ink-300)}.card.highlight{background:#fff8d6;border-color:var(--color-box-warn-border)}.badge{font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:6px;font-weight:500}.badge.ok{background:var(--color-box-ok-bg);color:#086844}.badge.warn{background:var(--color-box-warn-bg);color:#7a5a00}.badge.err{background:var(--color-box-error-bg);color:#97222c}.badge.info{background:var(--color-box-info-bg);color:#1d3e99}.badge.mute{background:var(--color-ink-100);color:var(--color-ink-700)}.badge .pulse{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 35%,transparent)}.container{max-width:960px;margin:0 auto;padding:var(--space-10) var(--space-6)}.container.narrow{max-width:720px}.muted{color:var(--color-ink-500);font-size:14px}.eyebrow-inline{font-family:var(--font-mono);font-size:var(--text-eyebrow-size);letter-spacing:var(--text-eyebrow-tracking);text-transform:uppercase;color:var(--color-ink-500)}@media (max-width: 767px){.container{padding:var(--space-8) var(--space-4)}.landing-grid{display:block!important}.landing-grid>*{margin-bottom:var(--space-4)}.landing-hero h1{font-size:40px!important;line-height:42px!important}}@media (max-width: 479px){nav .btn.ghost{display:none}}.skeleton{background:var(--color-ink-100);border-radius:var(--radius-md);animation:skeleton-pulse 1.2s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}