@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{color-scheme:light;--paper: #f6f0e7;--ivory: #fcf8f3;--warm-sand: #ebe1d4;--ink: #1f1814;--graphite: #26211d;--terracotta: #bf623f;--terracotta-deep: #9f4c2d;--sea-green: #215f5a;--signal-blue: #2f6fed;--crimson: #b43d3d;--warm-gray-700: #5b4d43;--warm-gray-500: #8a786a;--line-light: rgba(44, 28, 17, .12);--line-strong: rgba(34, 22, 13, .22);--console-base: #171311;--console-line: rgba(255, 255, 255, .1);--console-text: #f6eee5;--console-muted: #cabaa8;--panel-shadow: 0 0 0 1px rgba(44, 28, 17, .08), 0 18px 48px rgba(54, 34, 18, .08);--console-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 20px 60px rgba(0, 0, 0, .28);--max-width: 1240px;font-family:IBM Plex Sans,Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(191,98,63,.16),transparent 30%),radial-gradient(circle at top right,rgba(33,95,90,.12),transparent 24%),linear-gradient(180deg,#fbf6ef 0%,var(--paper) 100%);color:var(--ink)}button,input{font:inherit}code,pre{font-family:IBM Plex Mono,Menlo,monospace}.app-shell{position:relative;overflow:hidden}.backdrop-orb{position:fixed;width:36rem;height:36rem;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.35}.backdrop-orb-a{top:-10rem;left:-12rem;background:#bf623f38}.backdrop-orb-b{top:8rem;right:-12rem;background:#2f6fed1f}.hero,.layout{position:relative;z-index:1;width:min(calc(100% - 40px),var(--max-width));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:20px;padding:40px 0 24px;align-items:stretch}.hero-copy,.panel{border-radius:28px;background:linear-gradient(180deg,#fcf8f3eb,#f8f1e9e6);box-shadow:var(--panel-shadow);border:1px solid var(--line-light)}.hero-copy{padding:34px 34px 32px}.eyebrow,.section-kicker{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--terracotta)}h1,h2,h3{margin:0;font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.03em}h1{font-size:clamp(3rem,6vw,4.9rem);line-height:.96;max-width:12ch}h2{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.02;max-width:14ch}h3{font-size:1.5rem;line-height:1.1}.hero-text,.panel p,.panel li{color:var(--warm-gray-700);line-height:1.72;font-size:1rem}.hero-text{font-size:1.1rem;max-width:58ch;margin-top:16px}.hero-chips,.query-actions,.segmented-control,.inline-fields,.docs-grid,.intro-grid,.architecture-grid,.two-column{display:grid;gap:16px}.hero-chips{grid-template-columns:repeat(3,max-content);margin-top:22px}.hero-chips span,.query-actions code{border-radius:999px;border:1px solid var(--line-light);background:#ffffff9e;padding:8px 12px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.hero-console,.console-panel{border-radius:28px;background:linear-gradient(180deg,#181311fa,#0e0b0afa);color:var(--console-text);box-shadow:var(--console-shadow);border:1px solid var(--console-line)}.hero-console{padding:20px}.console-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--console-line);color:var(--console-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.hero-console pre,.console-panel pre,.doc-card pre{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.7;font-size:.88rem}.layout{display:grid;gap:20px;padding-bottom:44px}.panel{padding:28px}.section-head{display:grid;gap:8px;margin-bottom:22px}.intro-grid,.architecture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-grid article,.architecture-grid>div{padding:20px;border-radius:22px;background:#ffffff94;border:1px solid var(--line-light)}.two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.query-panel{padding-bottom:22px}.query-form{display:grid;gap:16px}.query-form label{display:grid;gap:8px;font-size:.86rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--warm-gray-700)}input{width:100%;min-height:52px;padding:14px 16px;border-radius:14px;border:1px solid var(--line-light);background:#ffffffc7;color:var(--ink);outline:none;transition:box-shadow .15s ease,border-color .15s ease}input:focus{border-color:#2f6fed73;box-shadow:0 0 0 3px #2f6fed29}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border-radius:999px;background:#fff9;border:1px solid var(--line-light)}.segmented-control button{min-height:44px;border:0;border-radius:999px;background:transparent;color:var(--warm-gray-700);cursor:pointer;transition:background-color .15s ease,color .15s ease}.segmented-control button.is-active{background:var(--terracotta);color:#fff6ef}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.query-actions{grid-template-columns:auto 1fr;align-items:center}.primary-button{min-height:50px;padding:0 18px;border-radius:999px;border:0;background:var(--terracotta);color:#fff6ef;cursor:pointer;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:transform .12s ease,background-color .12s ease}.primary-button:hover{transform:translateY(-1px);background:var(--terracotta-deep)}.console-panel{padding:20px;min-height:100%}.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-card{padding:20px;border-radius:24px;background:linear-gradient(180deg,#1a1412fa,#110d0cfa);color:var(--console-text);border:1px solid var(--console-line);box-shadow:var(--console-shadow)}.doc-card p{color:var(--console-muted)}.architecture-grid ul{margin:12px 0 0;padding-left:18px}.architecture-grid code,.docs-panel code,.hero-console code,.query-actions code{font-size:.86rem}@media (max-width: 1100px){.hero,.two-column,.intro-grid,.architecture-grid,.docs-grid,.hero-chips{grid-template-columns:1fr}}@media (max-width: 720px){.hero,.layout{width:min(calc(100% - 24px),var(--max-width))}.hero-copy,.panel,.hero-console,.console-panel{padding:20px;border-radius:22px}.query-actions,.inline-fields{grid-template-columns:1fr}h1{font-size:clamp(2.5rem,12vw,4rem)}h2{font-size:clamp(1.8rem,8vw,2.6rem)}}
