:root{--paper:#f0eee6;--surface:#e3dacc;--ink:#141413;--band:#2b2b28;--inverse:#faf9f5;--muted:#bbb8ae;--line:#141414;--clay:#d97757}html{background:var(--paper)}body{background:var(--paper);color:var(--ink)}.wrap{max-width:1272px}.nav{height:69px;border-bottom:1px solid var(--line)}.brand{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.04em}.brand img{border-radius:8px}.nav a{color:var(--ink);transition:color .2s ease}.nav a:hover,.back:hover{color:#5e5d59}.hero{padding:78px 0 58px;grid-template-columns:1.15fr .85fr;gap:96px;align-items:end}.eyebrow,.kicker,.num{font-family:Arial,Helvetica,sans-serif;color:var(--ink);letter-spacing:.1em}.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(52px,7vw,88px);font-weight:700;letter-spacing:-.075em;line-height:1.02;margin:14px 0 22px}.hero h1 span{color:var(--ink)!important;text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:8px;text-decoration-color:var(--clay)}.hero p{font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1.4;color:var(--ink);max-width:610px}.actions .button{font-family:Arial,Helvetica,sans-serif;border-radius:8px;transition:background .2s,color .2s}.actions .primary{background:var(--ink)}.actions .secondary{background:transparent;border:1px solid var(--ink);color:var(--ink)}.actions .secondary:hover{background:var(--ink);color:var(--inverse)}.terminal{background:var(--band);border-radius:24px;box-shadow:none;padding:30px;color:var(--inverse);min-height:220px}.terminal .dim{color:var(--muted)}.terminal .green{color:#f0a17f}.grid{gap:32px;padding:42px 0 82px}.card{background:var(--surface);border:0;border-top:1px solid var(--ink);border-radius:0;padding:22px 0 0}.card h3{font-family:Arial,Helvetica,sans-serif;font-size:24px;letter-spacing:-.04em}.card p{font-family:Georgia,'Times New Roman',serif;color:var(--ink);font-size:18px}.install{background:var(--band);color:var(--inverse);border:0;border-radius:24px;padding:48px 48px 54px;margin-bottom:64px}.install h2{font-family:Georgia,'Times New Roman',serif;font-size:48px;font-weight:400;letter-spacing:-.045em}.install>p{color:var(--muted);font-family:Georgia,'Times New Roman',serif;font-size:18px}.agent-tabs{border-bottom:1px solid #77766f;padding-bottom:14px}.agent-tab{background:transparent;border:1px solid #aaa79d;color:var(--inverse);border-radius:999px;font-family:Arial,Helvetica,sans-serif;transition:.2s ease}.agent-tab[aria-selected=true],.agent-tab:hover{background:var(--inverse);border-color:var(--inverse);color:var(--ink)}.install-panel{background:transparent;border:0;border-radius:0;padding:14px 0 0}.install-panel .code{background:var(--inverse);color:var(--ink);border-radius:6px;font-family:ui-monospace,SFMono-Regular,monospace}.install-panel .copy{background:var(--clay);border-color:var(--clay);color:var(--ink);border-radius:6px}.agent-note{font-family:Arial,Helvetica,sans-serif;color:var(--inverse)!important;font-size:20px!important;margin:0 0 12px!important}.example-links a{color:var(--inverse)}.install a{color:var(--inverse)}.foot{background:var(--band);color:var(--muted);margin:0 -28px;padding:30px 28px 42px}.foot span{color:var(--inverse)}
/* Editorial treatment for the two published examples. */
.intro h1,.article h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.07em}.intro p,.article p,.msg p,.preview p{font-family:Georgia,'Times New Roman',serif}.msg,.preview,.article{border-radius:0;border:0;border-top:1px solid var(--ink);background:transparent;box-shadow:none}.msg.user{background:var(--surface);border-top:1px solid var(--ink)}.result{border-radius:24px;background:var(--band);box-shadow:none}.preview .fake-page{border-radius:0;background:var(--surface);border-top:1px solid var(--ink)}.article{background:transparent}.article .hero-img{border-radius:0;background:var(--surface)}.table-wrap{border-radius:0;border:1px solid var(--ink)}.data th{background:var(--surface);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}.data td{font-family:Georgia,'Times New Roman',serif}.foot{border-top:0}
@media(max-width:800px){.hero{gap:38px;padding-top:50px}.install{padding:32px 24px;border-radius:16px}.install h2{font-size:38px}}

/* Keep the page ending quiet: the feature band does the contrast work. */
.foot{background:var(--paper)!important;color:var(--muted)!important;border-top:1px solid #d7d3c8!important}.foot span{color:var(--ink)!important}

/* Compact mark that opens into the full wordmark without moving the nav. */
.brand-reveal{min-width:220px;overflow:visible}.brand-wordmark{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transform:translateX(-8px);transition:max-width .28s ease,opacity .18s ease,transform .28s ease}.brand-reveal:hover .brand-wordmark,.brand-reveal:focus-visible .brand-wordmark{max-width:160px;opacity:1;transform:translateX(0)}

/* Softer marketing page pass: one column rhythm, quieter contrast, clearer alignment. */
body:has(.hero){--home-paper:#f7f6f2;--home-surface:#fffefa;--home-ink:#26322d;--home-muted:#68756e;--home-line:#dfe6df;--home-green:#3f765d;background:var(--home-paper);color:var(--home-ink)}
body:has(.hero) .wrap{max-width:1080px;padding:0 32px}
body:has(.hero) .nav{height:74px;border-bottom:1px solid var(--home-line);align-items:center}
body:has(.hero) .brand{min-width:176px;color:var(--home-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
body:has(.hero) .brand-wordmark{font-weight:800}
body:has(.hero) .nav>a:last-child{color:var(--home-muted);font-weight:600}
body:has(.hero) .nav>a:last-child:hover{color:var(--home-green)}
body:has(.hero) .hero{padding:76px 0 68px;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:64px;align-items:center}
body:has(.hero) .eyebrow,body:has(.hero) .num{color:var(--home-green);font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.09em}
body:has(.hero) .hero h1{color:var(--home-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(46px,6vw,72px);font-weight:760;letter-spacing:-.065em;line-height:1.04;margin:14px 0 20px}
body:has(.hero) .hero h1 span{color:var(--home-green)!important;text-decoration:none}
body:has(.hero) .hero p{color:var(--home-muted);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;line-height:1.55;max-width:560px}
body:has(.hero) .actions{gap:10px}
body:has(.hero) .actions .button{border-radius:9px;padding:12px 17px}
body:has(.hero) .actions .primary{background:var(--home-green);color:#fff}
body:has(.hero) .actions .primary:hover{background:#315f4b}
body:has(.hero) .actions .secondary{border:1px solid #cbd8ce;color:var(--home-ink);background:var(--home-surface)}
body:has(.hero) .actions .secondary:hover{background:#edf3ee;color:var(--home-ink)}
body:has(.hero) .terminal{background:#edf3ee;border:1px solid #d7e3d9;border-radius:14px;box-shadow:none;color:var(--home-ink);padding:22px;min-height:0}
body:has(.hero) .terminal .dim{color:#789083}
body:has(.hero) .terminal .green{color:var(--home-green)}
body:has(.hero) .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:26px 0 86px}
body:has(.hero) .card{background:var(--home-surface);border:1px solid var(--home-line);border-radius:12px;padding:21px;min-height:168px}
body:has(.hero) .card h3{color:var(--home-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;letter-spacing:-.03em;margin:12px 0 8px}
body:has(.hero) .card p{color:var(--home-muted);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.55}
body:has(.hero) .install{background:#edf3ee;color:var(--home-ink);border:1px solid #d7e3d9;border-radius:14px;padding:34px 34px 38px;margin-bottom:58px}
body:has(.hero) .install h2{color:var(--home-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:34px;font-weight:740;letter-spacing:-.05em;margin:0 0 9px}
body:has(.hero) .install>p{color:var(--home-muted);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px}
body:has(.hero) .agent-tabs{border-bottom:1px solid #cbd8ce;padding-bottom:14px}
body:has(.hero) .agent-tab{background:var(--home-surface);border:1px solid #cbd8ce;color:var(--home-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
body:has(.hero) .agent-tab[aria-selected=true],body:has(.hero) .agent-tab:hover{background:var(--home-green);border-color:var(--home-green);color:#fff}
body:has(.hero) .install-panel{background:transparent;padding:15px 0 0}
body:has(.hero) .install-panel .code{background:var(--home-surface);border:1px solid #d7e3d9;color:var(--home-ink);border-radius:9px}
body:has(.hero) .install-panel .copy{background:var(--home-green);border-color:var(--home-green);color:#fff;border-radius:8px}
body:has(.hero) .agent-note{color:var(--home-muted)!important;font-size:15px!important}
body:has(.hero) .example-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin-top:22px!important}
body:has(.hero) .example-links .button{min-height:48px;padding:12px 15px;text-align:center;line-height:1.35}
body:has(.hero) .example-links .button.primary{background:var(--home-green);color:#fff!important}
body:has(.hero) .example-links .button.primary:hover{background:#315f4b;color:#fff!important}
body:has(.hero) .example-links .button.secondary{color:var(--home-ink)!important}
body:has(.hero) .install a{color:var(--home-green)}
body:has(.hero) .foot{margin:0;padding:24px 0 34px;background:var(--home-paper)!important;color:#849087!important;border-top:1px solid var(--home-line)!important}
@media(max-width:800px){body:has(.hero) .hero{grid-template-columns:1fr;padding:52px 0 54px;gap:32px}body:has(.hero) .grid{grid-template-columns:1fr;padding-bottom:62px}body:has(.hero) .install{padding:27px 21px 30px}body:has(.hero) .wrap{padding:0 22px}body:has(.hero) .example-links{grid-template-columns:1fr}}