:root,:host{--gold-50: #fff8e6;--gold-100: #fcefc7;--gold-400: #e6b83a;--gold: #daa112;--gold-600: #b8880f;--gold-700: #8a6508;--teal-50: #e6f4f2;--teal: #1eaa9d;--teal-700: #0f7a71;--teal-900: #10383a;--teal-950: #0b2729;--zinc-900: #18181b;--zinc-500: #71717a;--zinc-400: #a1a1aa;--zinc-200: #e4e4e7;--zinc-100: #f4f4f5;--font-sans: "Inter Tight", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Ethiopic", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-card: 15px;--radius-card-sm: 5px;--radius-icon: 7.5px;--radius-panel: 24px;--ease-gentle: cubic-bezier(.33, 1, .68, 1);--bg: #ffffff;--bg-blur: rgba(255, 255, 255, .88);--surface: #ffffff;--surface-muted: var(--zinc-100);--surface-hover: var(--zinc-100);--text: var(--zinc-900);--text-soft: var(--zinc-500);--text-faint: var(--zinc-400);--line: var(--zinc-200);--line-strong: var(--zinc-400);--accent: var(--gold);--accent-hover: var(--gold-600);--on-accent: #ffffff;--accent-text: var(--gold-700);--accent-soft: var(--gold-50);--link: var(--teal-700);--brand: var(--teal-900);--wordmark: var(--teal-900);--brand-hover: var(--teal-950);--on-brand: #ffffff;--brand-soft: var(--teal-50);--user-bubble: var(--teal-900);--on-user-bubble: #ffffff;--code-bg: var(--teal-950);--code-text: #e6f4f2;--error-bg: #fef2f2;--error-line: #fecaca;--error-text: #991b1b;--shadow-subtle: 0 2px 2px 0 rgb(0 0 0 / .05);--shadow-overlay: 0 24px 60px -12px rgb(24 24 27 / .3), 0 0 0 1px rgb(24 24 27 / .06);--panel-bg: #ffffff;--panel-blur: none;--wash: radial-gradient(120% 60% at 0% 0%, rgb(30 170 157 / .14), transparent 60%), radial-gradient(90% 55% at 100% 0%, rgb(218 161 18 / .14), transparent 60%), radial-gradient(110% 60% at 30% 100%, rgb(30 170 157 / .1), transparent 65%), radial-gradient(80% 50% at 100% 100%, rgb(230 184 58 / .12), transparent 60%), linear-gradient(180deg, #fbfefd, #fffcf4);--brand-gradient: radial-gradient(120% 140% at 100% 0%, rgb(218 161 18 / .32), transparent 55%), radial-gradient(90% 120% at 0% 100%, rgb(30 170 157 / .35), transparent 60%), linear-gradient(135deg, var(--teal-900), #0f4d4c);--on-brand-soft: rgb(252 239 199 / .8);--chip-bg: rgb(255 255 255 / .72);--chip-text: var(--teal-700);--chip-line: rgb(30 170 157 / .25);--chip-hover: var(--gold-50);--composer-bg: rgb(255 255 255 / .85);--focus-ring: rgb(218 161 18 / .28);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]),:host(:not([data-theme="light"])){--bg: #071a1c;--bg-blur: rgba(7, 26, 28, .82);--surface: var(--teal-950);--surface-muted: rgba(255, 255, 255, .06);--surface-hover: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--text-soft: rgba(255, 255, 255, .6);--text-faint: rgba(255, 255, 255, .4);--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .3);--accent-hover: var(--gold-400);--accent-text: var(--gold);--accent-soft: rgba(218, 161, 18, .1);--link: var(--gold-400);--brand: var(--teal-900);--wordmark: #ffffff;--brand-hover: #154649;--brand-soft: rgba(30, 170, 157, .12);--user-bubble: rgba(255, 255, 255, .12);--code-bg: #04100f;--error-bg: rgba(239, 68, 68, .12);--error-line: rgba(239, 68, 68, .3);--error-text: #fca5a5;--shadow-subtle: 0 2px 2px 0 rgb(0 0 0 / .25);--shadow-overlay: 0 24px 60px -12px rgb(0 0 0 / .6), 0 0 0 1px rgb(255 255 255 / .1);--panel-bg: rgba(11, 39, 41, .94);--panel-blur: blur(24px);--wash: radial-gradient(120% 60% at 0% 0%, rgb(30 170 157 / .22), transparent 60%), radial-gradient(90% 55% at 100% 0%, rgb(218 161 18 / .14), transparent 60%), radial-gradient(110% 60% at 30% 100%, rgb(30 170 157 / .14), transparent 65%), radial-gradient(80% 50% at 100% 100%, rgb(218 161 18 / .1), transparent 60%), linear-gradient(180deg, transparent, transparent);--brand-gradient: radial-gradient(120% 140% at 100% 0%, rgb(218 161 18 / .25), transparent 55%), radial-gradient(90% 120% at 0% 100%, rgb(30 170 157 / .3), transparent 60%), linear-gradient(135deg, #0d3234, #11484a);--chip-bg: rgb(255 255 255 / .06);--chip-text: #bfe8e3;--chip-line: rgb(30 170 157 / .3);--chip-hover: rgb(218 161 18 / .14);--composer-bg: rgb(11 39 41 / .85);--focus-ring: rgb(218 161 18 / .3);color-scheme:dark}}:root[data-theme=dark],:host([data-theme="dark"]){--bg: #071a1c;--bg-blur: rgba(7, 26, 28, .82);--surface: var(--teal-950);--surface-muted: rgba(255, 255, 255, .06);--surface-hover: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--text-soft: rgba(255, 255, 255, .6);--text-faint: rgba(255, 255, 255, .4);--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .3);--accent-hover: var(--gold-400);--accent-text: var(--gold);--accent-soft: rgba(218, 161, 18, .1);--link: var(--gold-400);--brand: var(--teal-900);--wordmark: #ffffff;--brand-hover: #154649;--brand-soft: rgba(30, 170, 157, .12);--user-bubble: rgba(255, 255, 255, .12);--code-bg: #04100f;--error-bg: rgba(239, 68, 68, .12);--error-line: rgba(239, 68, 68, .3);--error-text: #fca5a5;--shadow-subtle: 0 2px 2px 0 rgb(0 0 0 / .25);--shadow-overlay: 0 24px 60px -12px rgb(0 0 0 / .6), 0 0 0 1px rgb(255 255 255 / .1);--panel-bg: rgba(11, 39, 41, .94);--panel-blur: blur(24px);--wash: radial-gradient(120% 60% at 0% 0%, rgb(30 170 157 / .22), transparent 60%), radial-gradient(90% 55% at 100% 0%, rgb(218 161 18 / .14), transparent 60%), radial-gradient(110% 60% at 30% 100%, rgb(30 170 157 / .14), transparent 65%), radial-gradient(80% 50% at 100% 100%, rgb(218 161 18 / .1), transparent 60%), linear-gradient(180deg, transparent, transparent);--brand-gradient: radial-gradient(120% 140% at 100% 0%, rgb(218 161 18 / .25), transparent 55%), radial-gradient(90% 120% at 0% 100%, rgb(30 170 157 / .3), transparent 60%), linear-gradient(135deg, #0d3234, #11484a);--chip-bg: rgb(255 255 255 / .06);--chip-text: #bfe8e3;--chip-line: rgb(30 170 157 / .3);--chip-hover: rgb(218 161 18 / .14);--composer-bg: rgb(11 39 41 / .85);--focus-ring: rgb(218 161 18 / .3);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-feature-settings:"rlig" 1,"calt" 1;-webkit-font-smoothing:antialiased;color:var(--text);background:var(--wash),var(--bg);background-attachment:fixed;line-height:1.5;letter-spacing:-.005em}a{color:inherit}::selection{background:var(--gold-100);color:var(--zinc-900)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:9999px;font-size:15px;font-weight:700;letter-spacing:-.009em;white-space:nowrap;text-decoration:none;transition:background-color .3s var(--ease-gentle),transform .2s var(--ease-gentle)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:var(--accent-hover)}.btn.secondary{border:1px solid var(--line);background:var(--surface);color:var(--text)}.btn.secondary:hover{background:var(--surface-hover)}.btn.dark{background:var(--brand);color:var(--on-brand)}.btn.dark:hover{background:var(--brand-hover)}.btn.sm{min-height:40px;padding:0 18px;font-size:14px}@media(min-width:768px){.btn{min-height:48px;padding:0 24px}.btn.sm{min-height:40px;padding:0 20px}}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px;padding:0 max(20px,calc((100% - 1200px)/2));background:var(--bg-blur);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:19px;letter-spacing:-.012em;text-decoration:none;color:var(--text)}.brand img{flex:none}.lockup{display:flex;align-items:center;gap:14px;min-width:0}.wordmark,.wordmark-am{display:block;flex:none;background:currentColor;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat}.wordmark{--m: url(/brand/visit-addis-ababa.png);aspect-ratio:349 / 250;color:var(--wordmark)}.wordmark-am{--m: url(/brand/visit-addis-ababa-am.png);aspect-ratio:348 / 35;color:var(--accent)}.credit{display:flex;align-items:center;gap:8px;padding-left:14px;border-left:1px solid var(--line);font-size:12px;color:var(--text-soft);text-decoration:none}.credit .wordmark{height:32px}.visit-lockup{display:inline-flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:14px}.visit-lockup .wordmark{height:56px}.visit-lockup .wordmark-am{width:112px}.top nav{display:flex;align-items:center;gap:8px}.top nav .quiet{padding:8px 12px;font-size:15px;font-weight:500;color:var(--text-soft);text-decoration:none;transition:color .3s var(--ease-gentle)}.top nav .quiet:hover{color:var(--text)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.app .top{position:static;flex:none}#chat{flex:1;min-height:0}.noscript{max-width:560px;margin:15vh auto;padding:0 24px;text-align:center;color:var(--text-soft)}@media(max-width:560px){.top{height:56px;padding:0 16px}.top nav .quiet{display:none}.lockup{gap:10px}.credit{padding-left:10px}.credit span{display:none}.credit .wordmark{height:28px}}.section{padding-inline:max(20px,calc((100% - 1200px)/2))}@media(min-width:768px){.section{padding-inline:max(48px,calc((100% - 1200px)/2))}}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding-top:64px;padding-bottom:56px}.eyebrow{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}.hero h1{margin:0;font-size:34px;font-weight:400;line-height:1.06;letter-spacing:-.022em}.lead{margin:20px 0 28px;font-size:17px;line-height:1.45;letter-spacing:-.009em;color:var(--text-soft);max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:10px}.demo #demo{height:540px}.caption{margin:12px 0 0;font-size:13px;color:var(--text-soft);text-align:center}.options{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:56px}.option{display:block;padding:22px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-subtle);text-decoration:none;transition:border-color .3s var(--ease-gentle),transform .3s var(--ease-gentle)}.option:hover{border-color:var(--line-strong);transform:translateY(-2px)}.option .tag{display:inline-block;padding:3px 10px;border-radius:9999px;background:var(--brand-soft);color:var(--teal-700);font-size:12px;font-weight:600}.option h3{margin:14px 0 6px;font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.009em}.option p{margin:0;font-size:15px;line-height:1.5;color:var(--text-soft)}.docs-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;padding-top:56px;padding-bottom:88px;border-top:1px solid var(--line);scroll-margin-top:64px}.toc{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:2px}.toc a{padding:7px 12px;border-radius:9999px;font-size:14px;color:var(--text-soft);text-decoration:none;transition:background-color .3s var(--ease-gentle),color .3s var(--ease-gentle)}.toc a:hover{background:var(--surface-hover);color:var(--text)}.docs{max-width:780px;font-size:16px;line-height:1.6}.docs h2{margin:64px 0 14px;font-size:30px;font-weight:400;line-height:1.2;letter-spacing:-.013em;scroll-margin-top:88px}.docs h2:first-of-type{margin-top:36px}.docs h3{margin:36px 0 10px;font-size:19px;font-weight:600;letter-spacing:-.009em;scroll-margin-top:88px}.docs p,.docs ul{margin:0 0 14px}.docs a{color:var(--link);text-decoration-color:var(--accent);text-underline-offset:3px}.docs code{font-family:var(--font-mono);font-size:.86em;padding:2px 6px;border-radius:var(--radius-card-sm);background:var(--surface-muted)}.docs pre{position:relative;margin:0 0 20px;padding:18px 20px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--code-bg);color:var(--code-text);font-size:13.5px;line-height:1.6}.docs pre code{padding:0;background:none;font-size:inherit;color:inherit}.copy{position:absolute;top:10px;right:10px;padding:4px 12px;border:0;border-radius:9999px;background:#ffffff1f;color:#fff;font:600 12px var(--font-sans);cursor:pointer;opacity:0;transition:opacity .3s var(--ease-gentle),background-color .3s var(--ease-gentle)}.copy:hover{background:#fff3}.docs pre:hover .copy,.copy:focus-visible{opacity:1}.docs table{display:block;width:100%;overflow-x:auto;margin:0 0 20px;border-collapse:collapse;font-size:15px}.docs th,.docs td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.docs th{font-size:13px;font-weight:600;color:var(--text-soft);white-space:nowrap}footer.site{padding:32px 20px max(32px,env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center;font-size:13px;color:var(--text-soft)}footer.site a{color:var(--link)}footer.site .visit-lockup{display:flex;width:max-content;margin:0 auto 14px}@media(min-width:768px){.hero h1{font-size:45px;line-height:1.13;letter-spacing:-.015em}}@media(min-width:1024px){.hero h1{font-size:56px;line-height:1.04;letter-spacing:-.024em}}@media(max-width:960px){.hero{grid-template-columns:1fr;gap:36px;padding-top:40px}.options{grid-template-columns:1fr 1fr}.docs-wrap{grid-template-columns:1fr;gap:0}.toc{display:none}}@media(max-width:560px){.hero{padding-top:28px;padding-bottom:36px}.lead{font-size:15px}.demo #demo{height:500px}.options{grid-template-columns:1fr;padding-bottom:40px}.docs-wrap{padding-top:32px;padding-bottom:56px}.docs h2{font-size:26px}.copy{opacity:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}