/* ═══════════════════════════════════════════════════════════════════════════
   ra-site.css — the guest surface: landing, blog list/article, static pages.
   Built by tools/build-site-css.mjs — do not hand-edit; edit a source part.
   Merged from, in cascade order, each scoped to its own page:
     · static.tpl  →  body:has(> header.site-head)
     · blogs.landing.tpl + blog.landing.tpl  →  body:has(> header > nav.shell)
     · index.landing.tpl  →  body#top
   Every colour, radius, font size and shadow resolves to an ra.css token.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── legacy palette names, aliased to the system (markup still writes var(--ink)) ── */
:root{--accent:var(--ra-accent);--amber:var(--ra-warn);--blue2:var(--ra-accent-soft);--blue:var(--ra-accent);--card:var(--ra-panel);--cyan2:var(--ra-accent-soft);--cyan:var(--ra-accent);--font:var(--ra-font);--gold:var(--ra-warn);--green:var(--ra-ok);--hair:var(--ra-line);--ink2:var(--ra-ink-2);--ink:var(--ra-ink);--line:var(--ra-line);--max:var(--ra-max);--mono:var(--ra-mono);--mut2:var(--ra-faint);--muted:var(--ra-muted);--off:var(--ra-bg-soft);--paper:var(--ra-panel);--r:var(--r-lg);--red:var(--ra-bad);--shadow:var(--ra-sh1);--soft:var(--ra-bg-soft);--violet:var(--ra-accent);--white:var(--ra-panel)}

/* ── from static.tpl ── */
*{box-sizing:border-box}html{scroll-behavior:smooth}body:has(> header.site-head){margin:0;color:var(--ra-ink);background:var(--ra-panel);font-family:var(--ra-font);line-height:1.66;-webkit-font-smoothing:antialiased}body:has(> header.site-head) a{color:inherit}body:has(> header.site-head) .shell{width:min(calc(100% - 44px),var(--ra-max));margin:auto}body:has(> header.site-head) .announce{min-height:32px;display:flex;align-items:center;justify-content:center;background:var(--ra-accent-soft);color:var(--ra-accent-text);font-size:var(--fs-xs);letter-spacing:.06em}body:has(> header.site-head) .announce b{color:var(--ra-accent-text);font-weight:700}body:has(> header.site-head) .site-head{position:sticky;top:0;z-index:50;background:color-mix(in srgb, var(--ra-panel) 82%, transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--ra-accent)}body:has(> header.site-head) .nav{height:66px;display:flex;align-items:center;gap:22px}body:has(> header.site-head) .brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:800;font-size:var(--fs-base);letter-spacing:-.03em;color:var(--ra-ink)}body:has(> header.site-head) .mark{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-sm);background:linear-gradient(145deg,var(--ra-accent-soft),var(--ra-accent-soft));color:var(--ra-accent-text);font-size:var(--fs-sm);font-weight:850}body:has(> header.site-head) .brand em{font-style:normal;color:var(--ra-faint)}body:has(> header.site-head) .navlinks{display:flex;align-items:center;gap:4px;margin-left:auto}body:has(> header.site-head) .navlinks a{color:var(--ra-accent-text);text-decoration:none;font-size:var(--fs-sm);font-weight:600;padding:8px 12px;border-radius:var(--r-sm)}body:has(> header.site-head) .navlinks a:hover{color:var(--ra-ink);background:var(--ra-bg-soft)}body:has(> header.site-head) .navlinks a.on{color:var(--ra-ink)}body:has(> header.site-head) .navcta{margin-left:4px;padding:9px 15px;border-radius:var(--r-pill);background:var(--ra-ink);color:var(--ra-ink)!important}body:has(> header.site-head) .navcta:hover{background:var(--ra-accent-soft)!important}body:has(> header.site-head) .burger{display:none;border:0;background:none;font-size:var(--fs-lg);color:var(--ra-ink);margin-left:auto;cursor:pointer}body:has(> header.site-head) .hero{position:relative;color:var(--ra-ink);background:radial-gradient(circle at 80% 0%,color-mix(in srgb, var(--ra-accent-soft) 18%, transparent),transparent 30%),radial-gradient(circle at 8% 20%,color-mix(in srgb, var(--ra-accent-soft) 16%, transparent),transparent 32%),linear-gradient(135deg,var(--ra-accent-soft),var(--ra-accent-soft) 70%,var(--ra-accent-soft))}body:has(> header.site-head) .hero-in{width:min(calc(100% - 44px),var(--ra-max));margin:auto;padding:64px 0 56px}body:has(> header.site-head) .crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--ra-accent-text);font-size:var(--fs-xs)}body:has(> header.site-head) .crumbs a{color:var(--ra-accent-text);text-decoration:none}body:has(> header.site-head) .crumbs a:hover{color:var(--ra-ink)}body:has(> header.site-head) .crumbs i{opacity:.5;font-style:normal}body:has(> header.site-head) .hero h1{margin:18px 0 12px;font-size:clamp(30px,4.6vw,52px);line-height:1.06;letter-spacing:-.045em;font-weight:820;max-width:820px}body:has(> header.site-head) .hero .lede{max-width:720px;color:var(--ra-accent-text);font-size:var(--fs-base);line-height:1.65;margin:0}body:has(> header.site-head) .hero .meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px;color:var(--ra-accent-text);font-size:var(--fs-xs)}body:has(> header.site-head) .hero .meta b{color:var(--ra-ink-2);font-weight:600}body:has(> header.site-head) .page{background:var(--ra-bg-soft)}body:has(> header.site-head) .layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:34px 0 64px}body:has(> header.site-head) .article{min-width:0}body:has(> header.site-head) .card{background:var(--ra-panel);border:1px solid var(--ra-line);border-radius:var(--r-lg);box-shadow:var(--ra-sh1)}body:has(> header.site-head) .body{padding:34px 38px}body:has(> header.site-head) .prose{font-size:var(--fs-base);color:var(--ra-accent-text)}body:has(> header.site-head) .prose h2{font-size:var(--fs-lg);letter-spacing:-.03em;margin:38px 0 12px;padding-top:22px;border-top:1px solid var(--ra-line)}body:has(> header.site-head) .prose h2:first-child{margin-top:0;padding-top:0;border-top:0}body:has(> header.site-head) .prose h3{font-size:var(--fs-md);letter-spacing:-.02em;margin:26px 0 9px}body:has(> header.site-head) .prose p{margin:0 0 16px;color:var(--ra-accent-text)}body:has(> header.site-head) .prose a{color:var(--ra-accent-text);text-decoration:none;border-bottom:1px solid var(--ra-accent)}body:has(> header.site-head) .prose a:hover{border-bottom-color:var(--ra-accent)}body:has(> header.site-head) .prose strong{color:var(--ra-ink)}body:has(> header.site-head) .prose ul,body:has(> header.site-head) .prose ol{margin:0 0 18px;padding-left:22px;color:var(--ra-accent-text)}body:has(> header.site-head) .prose li{margin:7px 0}body:has(> header.site-head) .prose code{font-family:var(--ra-mono);font-size:var(--fs-sm);background:var(--ra-panel-2);border:1px solid var(--ra-line-strong);border-radius:var(--r-sm);padding:1px 6px;color:var(--ra-accent-text)}body:has(> header.site-head) .prose pre{background:var(--ra-accent-soft);color:var(--ra-accent-text);border-radius:var(--r-md);padding:16px 18px;overflow:auto;font-family:var(--ra-mono);font-size:var(--fs-sm);line-height:1.7;margin:18px 0}body:has(> header.site-head) .prose pre code{background:none;border:0;padding:0;color:inherit;font-size:inherit}body:has(> header.site-head) .prose .cmd{color:var(--ra-ok)}body:has(> header.site-head) .prose .c{color:var(--ra-accent-text)}body:has(> header.site-head) .prose blockquote{margin:20px 0;padding:14px 18px;border-left:3px solid var(--ra-accent);background:var(--ra-accent-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--ra-accent-text);font-size:var(--fs-base)}body:has(> header.site-head) .prose blockquote p{margin:0;color:inherit}body:has(> header.site-head) .callout{display:flex;gap:11px;margin:20px 0;padding:15px 17px;border-radius:var(--r-md);font-size:var(--fs-sm);line-height:1.6}body:has(> header.site-head) .callout.tip{background:var(--ra-ok-soft);border:1px solid var(--ra-ok);color:var(--ra-ok)}body:has(> header.site-head) .callout.warn{background:var(--ra-warn-soft);border:1px solid var(--ra-warn);color:var(--ra-warn)}body:has(> header.site-head) .callout.note{background:var(--ra-accent-soft);border:1px solid var(--ra-accent);color:var(--ra-accent-text)}body:has(> header.site-head) .callout .ico{flex-shrink:0;font-size:var(--fs-base)}body:has(> header.site-head) .steps{counter-reset:s;list-style:none;padding-left:0}body:has(> header.site-head) .steps li{position:relative;padding-left:40px;margin:14px 0}body:has(> header.site-head) .steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:var(--r-sm);background:var(--ra-ink);color:var(--ra-ink);display:grid;place-items:center;font:var(--fs-sm) var(--ra-mono);font-weight:600}body:has(> header.site-head) .faq-q{cursor:pointer;font-weight:700;font-size:var(--fs-base);padding:13px 0;border-bottom:1px solid var(--ra-line-strong)}body:has(> header.site-head) .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--ra-accent-text);font-size:var(--fs-base)}body:has(> header.site-head) .faq-a.open{max-height:600px}body:has(> header.site-head) .faq-a p{margin:12px 0 16px}body:has(> header.site-head) .tbl{width:100%;border-collapse:collapse;margin:18px 0;font-size:var(--fs-sm)}body:has(> header.site-head) .tbl th{text-align:left;padding:9px 12px;border-bottom:2px solid var(--ra-line);color:var(--ra-accent-text);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em}body:has(> header.site-head) .tbl td{padding:9px 12px;border-bottom:1px solid var(--ra-line-strong);color:var(--ra-accent-text);vertical-align:top}body:has(> header.site-head) .tbl tr:last-child td{border-bottom:0}body:has(> header.site-head) .side{position:sticky;top:88px;align-self:start;display:grid;gap:16px}body:has(> header.site-head) .side h4{margin:0 0 10px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ra-accent-text)}body:has(> header.site-head) .sidebox{padding:18px;border:1px solid var(--ra-line);border-radius:var(--r-md);background:var(--ra-panel)}body:has(> header.site-head) .toc a{display:block;padding:5px 0;color:var(--ra-accent-text);text-decoration:none;font-size:var(--fs-sm);border-left:2px solid transparent;padding-left:11px}body:has(> header.site-head) .toc a:hover{color:var(--ra-ink);border-left-color:var(--ra-accent)}body:has(> header.site-head) .sidelist a{display:flex;justify-content:space-between;gap:8px;padding:7px 0;color:var(--ra-accent-text);text-decoration:none;font-size:var(--fs-sm);border-bottom:1px dashed var(--ra-line-strong)}body:has(> header.site-head) .sidelist a:last-child{border-bottom:0}body:has(> header.site-head) .sidelist a:hover{color:var(--ra-accent-text)}body:has(> header.site-head) .sidelist a span{color:var(--ra-accent-text);font-size:var(--fs-xs)}body:has(> header.site-head) footer{margin-top:0;background:var(--ra-accent-soft);color:var(--ra-accent-text)}body:has(> header.site-head) .foot-in{padding:50px 0 28px}body:has(> header.site-head) .footgrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px;padding-bottom:34px;border-bottom:1px solid var(--ra-line)}body:has(> header.site-head) .footgrid h4{margin:0 0 12px;color:var(--ra-ink-2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em}body:has(> header.site-head) .footgrid a{display:block;margin:7px 0;color:var(--ra-accent-text);text-decoration:none;font-size:var(--fs-sm)}body:has(> header.site-head) .footgrid a:hover{color:var(--ra-accent-text)}body:has(> header.site-head) .footbrand .brand{color:var(--ra-ink)}body:has(> header.site-head) .footbrand p{margin:14px 0 0;max-width:300px;font-size:var(--fs-sm);line-height:1.6;color:var(--ra-accent-text)}body:has(> header.site-head) .footbottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:20px;color:var(--ra-accent-text);font-size:var(--fs-xs)}
@media(max-width:900px){body:has(> header.site-head) .layout{grid-template-columns:1fr}body:has(> header.site-head) .side{position:static}body:has(> header.site-head) .navlinks{display:none}body:has(> header.site-head) .navlinks.open{position:absolute;top:66px;left:14px;right:14px;display:grid;gap:2px;padding:10px;border:1px solid var(--ra-line);border-radius:var(--r-md);background:var(--ra-panel);box-shadow:var(--ra-sh1)}body:has(> header.site-head) .burger{display:block}body:has(> header.site-head) .footgrid{grid-template-columns:1fr 1fr}body:has(> header.site-head) .body{padding:26px 22px}}
@media(max-width:560px){body:has(> header.site-head) .footgrid{grid-template-columns:1fr}body:has(> header.site-head) .hero-in{padding:44px 0 40px}}


/* ── from blogs.landing.tpl + blog.landing.tpl ── */
*{box-sizing:border-box}html{scroll-behavior:smooth}body:has(> header > nav.shell){margin:0;color:var(--ra-ink);background:var(--ra-panel);font-family:var(--ra-font);line-height:1.58;-webkit-font-smoothing:antialiased}body:has(> header > nav.shell) a{color:inherit}body:has(> header > nav.shell) .shell{width:min(calc(100% - 48px),var(--ra-max));margin:auto}body:has(> header > nav.shell) .announce{height:34px;display:flex;align-items:center;justify-content:center;background:var(--ra-accent-soft);color:var(--ra-accent-text);font-size:var(--fs-xs);letter-spacing:.11em;text-transform:uppercase}body:has(> header > nav.shell) .announce b{color:var(--ra-accent-text)}body:has(> header > nav.shell) header{position:sticky;top:0;z-index:20;background:color-mix(in srgb, var(--ra-panel) 86%, transparent);backdrop-filter:saturate(180%) blur(22px);border-bottom:1px solid var(--ra-accent)}body:has(> header > nav.shell) nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px}body:has(> header > nav.shell) .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:var(--fs-md);font-weight:780;letter-spacing:-.045em}body:has(> header > nav.shell) .mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--ra-accent);border-radius:var(--r-sm);background:linear-gradient(145deg,var(--ra-accent-soft),var(--ra-accent-soft));color:var(--ra-accent-text);font-size:var(--fs-base);font-weight:850}body:has(> header > nav.shell) .links{display:flex;align-items:center;gap:24px;margin-left:auto}body:has(> header > nav.shell) .links a{color:var(--ra-accent-text);text-decoration:none;font-size:var(--fs-sm);font-weight:650}body:has(> header > nav.shell) .links a:hover{color:var(--ra-ink)}body:has(> header > nav.shell) .link-btn{padding:9px 14px;border-radius:var(--r-pill);background:var(--ra-ink);color:var(--ra-ink)!important}body:has(> header > nav.shell) .hamb{display:none;border:0;background:none;font-size:var(--fs-lg);color:var(--ra-ink)}body:has(> header > nav.shell) .hero{position:relative;overflow:hidden;color:var(--ra-ink);background:radial-gradient(circle at 78% 5%,color-mix(in srgb, var(--ra-accent-soft) 17%, transparent),transparent 27%),radial-gradient(circle at 9% 30%,color-mix(in srgb, var(--ra-accent-soft) 16%, transparent),transparent 30%),linear-gradient(135deg,var(--ra-accent-soft),var(--ra-accent-soft) 72%,var(--ra-accent-soft))}body:has(> header > nav.shell) .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:62px;padding:91px 0 105px}body:has(> header > nav.shell) .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--ra-accent-text);font-size:var(--fs-xs);font-weight:820;letter-spacing:.14em;text-transform:uppercase}body:has(> header > nav.shell) .eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--ra-ok-soft);box-shadow:var(--ra-sh1)}body:has(> header > nav.shell) h1{max-width:700px;margin:23px 0 24px;font-size:clamp(47px,6.3vw,82px);line-height:.97;letter-spacing:-.075em;font-weight:820}body:has(> header > nav.shell) h1 span{color:var(--ra-accent-text)}body:has(> header > nav.shell) .hero-copy{max-width:620px;color:var(--ra-accent-text);font-size:var(--fs-md);line-height:1.7}body:has(> header > nav.shell) .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}body:has(> header > nav.shell) .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:47px;padding:0 18px;border:1px solid transparent;border-radius:var(--r-pill);text-decoration:none;font-size:var(--fs-sm);font-weight:760;transition:transform .2s,box-shadow .2s}body:has(> header > nav.shell) .btn:hover{transform:translateY(-2px)}body:has(> header > nav.shell) .primary{background:var(--ra-accent);color:var(--ra-accent-text);box-shadow:var(--ra-sh2)}body:has(> header > nav.shell) .secondary{color:var(--ra-ink);background:color-mix(in srgb, var(--ra-panel) 6%, transparent);border-color:var(--ra-line)}body:has(> header > nav.shell) .hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:35px;color:var(--ra-accent-text);font-size:var(--fs-xs)}body:has(> header > nav.shell) .hero-meta b{color:var(--ra-ink-2)}body:has(> header > nav.shell) .hero-meta span{display:inline-flex;gap:6px;align-items:center}body:has(> header > nav.shell) .hero-meta i{width:5px;height:5px;border-radius:50%;background:var(--ra-ok-soft)}body:has(> header > nav.shell) .visual{border:1px solid var(--ra-accent);border-radius:var(--r-lg);background:color-mix(in srgb, var(--ra-accent-soft) 74%, transparent);box-shadow:inset 0 1px 0 var(--ra-line), var(--ra-sh2);overflow:hidden}body:has(> header > nav.shell) .visual-bar{display:flex;align-items:center;gap:7px;padding:14px 17px;border-bottom:1px solid var(--ra-line);color:var(--ra-accent-text);font:var(--fs-xs) var(--ra-mono)}body:has(> header > nav.shell) .vdot{width:9px;height:9px;border-radius:50%;background:var(--ra-bad-soft)}body:has(> header > nav.shell) .vdot:nth-child(2){background:var(--ra-warn-soft)}body:has(> header > nav.shell) .vdot:nth-child(3){background:var(--ra-ok-soft)}body:has(> header > nav.shell) .visual-title{margin-left:7px}body:has(> header > nav.shell) .visual-body{padding:22px}body:has(> header > nav.shell) .visual-kicker{display:flex;justify-content:space-between;align-items:center;color:var(--ra-accent-text);font-size:var(--fs-xs);margin-bottom:17px}body:has(> header > nav.shell) .online{padding:5px 8px;border:1px solid var(--ra-ok);border-radius:var(--r-pill);color:var(--ra-ok);background:color-mix(in srgb, var(--ra-ok-soft) 8%, transparent);font-size:var(--fs-xs);font-weight:760}body:has(> header > nav.shell) .online:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--ra-ok-soft)}body:has(> header > nav.shell) .offline{color:var(--ra-warn);border-color:var(--ra-warn);background:color-mix(in srgb, var(--ra-warn-soft) 8%, transparent)}body:has(> header > nav.shell) .offline:before{background:var(--ra-warn-soft)}body:has(> header > nav.shell) .mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}body:has(> header > nav.shell) .metric{padding:13px 10px;border:1px solid var(--ra-line);border-radius:var(--r-md);background:color-mix(in srgb, var(--ra-panel) 5%, transparent)}body:has(> header > nav.shell) .metric strong{display:block;color:var(--ra-ink);font-size:var(--fs-lg);letter-spacing:-.05em}body:has(> header > nav.shell) .metric small{color:var(--ra-accent-text);font-size:var(--fs-xs)}body:has(> header > nav.shell) .agents{display:grid;gap:6px;margin-top:14px}body:has(> header > nav.shell) .agentrow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 8px;padding:9px 10px;border:1px solid var(--ra-line);border-radius:var(--r-sm);background:color-mix(in srgb, var(--ra-panel) 3%, transparent);font-size:var(--fs-xs)}body:has(> header > nav.shell) .agentrow b{color:var(--ra-ink-2);font-weight:650}body:has(> header > nav.shell) .agentrow small{color:var(--ra-accent-text)}body:has(> header > nav.shell) .agentrow .bar{grid-column:1/-1;height:4px;border-radius:var(--r-pill);background:color-mix(in srgb, var(--ra-panel) 8%, transparent);overflow:hidden}body:has(> header > nav.shell) .agentrow .bar i{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--ra-ok-soft),var(--ra-accent-soft))}body:has(> header > nav.shell) .agentrow .bar i.warn{background:linear-gradient(90deg,var(--ra-warn-soft),var(--ra-bad-soft))}body:has(> header > nav.shell) .route{display:grid;grid-template-columns:1fr 18px 1.3fr 18px 1fr;align-items:center;gap:6px;margin-top:17px}body:has(> header > nav.shell) .routebox{padding:12px 7px;border:1px solid var(--ra-line);border-radius:var(--r-sm);color:var(--ra-accent-text);background:color-mix(in srgb, var(--ra-panel) 4%, transparent);text-align:center;font-size:var(--fs-xs)}body:has(> header > nav.shell) .routebox b{display:block;margin-bottom:2px;color:var(--ra-ink);font-size:var(--fs-xs)}body:has(> header > nav.shell) .routebox.control{border-color:var(--ra-accent);background:color-mix(in srgb, var(--ra-accent-soft) 10%, transparent);color:var(--ra-accent-text)}body:has(> header > nav.shell) .routearr{text-align:center;color:var(--ra-accent-text)}body:has(> header > nav.shell) .eventline{display:grid;grid-template-columns:58px 1fr 61px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ra-line);color:var(--ra-accent-text);font:var(--fs-xs) var(--ra-mono)}body:has(> header > nav.shell) .eventline b{color:var(--ra-accent-text);font-weight:500}body:has(> header > nav.shell) .eventline strong{color:var(--ra-ok);font-weight:650;text-align:right}body:has(> header > nav.shell) .eventline:nth-child(2) strong{color:var(--ra-bad)}body:has(> header > nav.shell) .section{padding:105px 0}body:has(> header > nav.shell) .soft{background:var(--ra-bg-soft)}body:has(> header > nav.shell) .dark{background:var(--ra-ink);color:var(--ra-ink)}body:has(> header > nav.shell) .head{max-width:750px;margin-bottom:42px}body:has(> header > nav.shell) .kicker{color:var(--ra-accent-text);font-size:var(--fs-xs);font-weight:850;letter-spacing:.16em;text-transform:uppercase}body:has(> header > nav.shell) .dark .kicker{color:var(--ra-accent-text)}body:has(> header > nav.shell) h2{margin:11px 0 14px;font-size:clamp(34px,4.3vw,59px);line-height:1.03;letter-spacing:-.065em}body:has(> header > nav.shell) .head p{margin:0;color:var(--ra-muted);font-size:var(--fs-md)}body:has(> header > nav.shell) .dark .head p{color:var(--ra-accent-text)}body:has(> header > nav.shell) .tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}body:has(> header > nav.shell) .tech{min-height:210px;padding:22px;border:1px solid var(--ra-line);border-radius:var(--r-lg);background:var(--ra-panel)}body:has(> header > nav.shell) .tech-icon{width:39px;height:39px;display:grid;place-items:center;margin-bottom:21px;border-radius:var(--r-md);background:var(--ra-accent-soft);color:var(--ra-accent-text);font:var(--fs-sm) var(--ra-mono);font-weight:800}body:has(> header > nav.shell) .tech:nth-child(2) .tech-icon{background:var(--ra-accent-soft);color:var(--ra-accent-text)}body:has(> header > nav.shell) .tech:nth-child(3) .tech-icon{background:var(--ra-accent-soft);color:var(--ra-accent-text)}body:has(> header > nav.shell) .tech:nth-child(4) .tech-icon{background:var(--ra-ok-soft);color:var(--ra-ok)}body:has(> header > nav.shell) .tech h3{margin:0 0 7px;font-size:var(--fs-md);letter-spacing:-.035em}body:has(> header > nav.shell) .tech p{margin:0;color:var(--ra-muted);font-size:var(--fs-sm);line-height:1.6}body:has(> header > nav.shell) .tech small{display:block;margin-top:18px;color:var(--ra-accent-text);font:var(--fs-xs) var(--ra-mono)}body:has(> header > nav.shell) .lifecycle{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px}body:has(> header > nav.shell) .step-list{display:grid;gap:10px;margin-top:27px}body:has(> header > nav.shell) .step{display:grid;grid-template-columns:31px 1fr;gap:12px;align-items:start;padding:15px 0;border-bottom:1px solid var(--ra-line)}body:has(> header > nav.shell) .step:first-child{border-top:1px solid var(--ra-line)}body:has(> header > nav.shell) .stepno{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--ra-ink);color:var(--ra-ink);font:var(--fs-xs) var(--ra-mono)}body:has(> header > nav.shell) .step h3{margin:1px 0 3px;font-size:var(--fs-base);letter-spacing:-.02em}body:has(> header > nav.shell) .step p{margin:0;color:var(--ra-muted);font-size:var(--fs-sm)}body:has(> header > nav.shell) .flow{padding:27px;border:1px solid var(--ra-line);border-radius:var(--r-lg);background:linear-gradient(145deg,var(--ra-panel),var(--ra-panel-2));box-shadow:var(--ra-sh1)}body:has(> header > nav.shell) .flow-label{margin-bottom:19px;color:var(--ra-accent-text);font:var(--fs-xs) var(--ra-mono);letter-spacing:.1em;text-transform:uppercase}body:has(> header > nav.shell) .flowcol{display:grid;gap:8px}body:has(> header > nav.shell) .flowbox{position:relative;padding:15px 16px;border:1px solid var(--ra-accent);border-radius:var(--r-md);background:var(--ra-panel)}body:has(> header > nav.shell) .flowbox b{display:block;font-size:var(--fs-sm)}body:has(> header > nav.shell) .flowbox small{display:block;margin-top:3px;color:var(--ra-muted);font-size:var(--fs-xs)}body:has(> header > nav.shell) .flowbox.blue{border-color:var(--ra-accent);background:var(--ra-accent-soft);color:var(--ra-accent-text)}body:has(> header > nav.shell) .flowbox.cyan{border-color:var(--ra-accent);background:var(--ra-accent-soft);color:var(--ra-accent-text)}body:has(> header > nav.shell) .flowbox.green{border-color:var(--ra-ok);background:var(--ra-panel);color:var(--ra-ok)}body:has(> header > nav.shell) .flowarrow{text-align:center;color:var(--ra-accent-text);font-size:var(--fs-md)}body:has(> header > nav.shell) .flowfoot{margin-top:17px;padding:12px;border-radius:var(--r-sm);background:var(--ra-panel);color:var(--ra-muted);font-size:var(--fs-xs);text-align:center}body:has(> header > nav.shell) .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}body:has(> header > nav.shell) .benefit{padding:25px;border:1px solid var(--ra-line);border-radius:var(--r-lg);background:color-mix(in srgb, var(--ra-panel) 5%, transparent)}body:has(> header > nav.shell) .benefit .ico{font-size:var(--fs-lg)}body:has(> header > nav.shell) .benefit h3{margin:15px 0 7px;font-size:var(--fs-md);letter-spacing:-.03em}body:has(> header > nav.shell) .benefit p{margin:0;color:var(--ra-accent-text);font-size:var(--fs-sm);line-height:1.65}body:has(> header > nav.shell) .benefit b{color:var(--ra-ink-2)}body:has(> header > nav.shell) .codegrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}body:has(> header > nav.shell) .codecard{padding:23px;border:1px solid var(--ra-line);border-radius:var(--r-lg);background:linear-gradient(145deg,color-mix(in srgb, var(--ra-panel) 8%, transparent),color-mix(in srgb, var(--ra-panel) 3%, transparent));overflow:auto}body:has(> header > nav.shell) .codehead{display:flex;justify-content:space-between;gap:12px;margin-bottom:19px;color:var(--ra-accent-text);font-size:var(--fs-sm);font-weight:700}body:has(> header > nav.shell) .codehead span{color:var(--ra-accent-text);font:var(--fs-xs) var(--ra-mono);font-weight:500}body:has(> header > nav.shell) .code{color:var(--ra-accent-text);font:var(--fs-xs)/1.85 var(--ra-mono);white-space:pre}body:has(> header > nav.shell) .comment{color:var(--ra-accent-text)}body:has(> header > nav.shell) .key{color:var(--ra-accent-text)}body:has(> header > nav.shell) .str{color:var(--ra-ok)}body:has(> header > nav.shell) .warn{color:var(--ra-warn)}body:has(> header > nav.shell) .bad{color:var(--ra-bad)}body:has(> header > nav.shell) .good{color:var(--ra-ok)}body:has(> header > nav.shell) .purple{color:var(--ra-accent-text)}body:has(> header > nav.shell) .deploygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}body:has(> header > nav.shell) .deploy{padding:25px;border:1px solid var(--ra-line);border-radius:var(--r-lg);background:var(--ra-panel)}body:has(> header > nav.shell) .deploy .tag{color:var(--ra-accent-text);font:var(--fs-xs) var(--ra-mono)}body:has(> header > nav.shell) .deploy h3{margin:16px 0 7px;font-size:var(--fs-md);letter-spacing:-.035em}body:has(> header > nav.shell) .deploy p{margin:0;color:var(--ra-muted);font-size:var(--fs-sm)}body:has(> header > nav.shell) .deploy a{display:inline-block;margin-top:17px;color:var(--ra-accent-text);text-decoration:none;font-size:var(--fs-xs);font-weight:750}body:has(> header > nav.shell) .ecosystem{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}body:has(> header > nav.shell) .examples{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:23px}body:has(> header > nav.shell) .example{padding:17px;border:1px solid var(--ra-line);border-radius:var(--r-md);background:var(--ra-panel);text-decoration:none;transition:border-color .2s,transform .2s}body:has(> header > nav.shell) .example:hover{border-color:var(--ra-accent);transform:translateY(-2px)}body:has(> header > nav.shell) .example b{display:block;margin-bottom:4px;font-size:var(--fs-sm)}body:has(> header > nav.shell) .example span{color:var(--ra-muted);font-size:var(--fs-xs)}body:has(> header > nav.shell) .example em{display:inline-block;margin-top:10px;color:var(--ra-accent-text);font-size:var(--fs-xs);font-style:normal;font-weight:750}body:has(> header > nav.shell) .ecosystem .visual{color:var(--ra-ink);box-shadow:var(--ra-sh1);background:var(--ra-bg)}body:has(> header > nav.shell) .mini-arch{padding:24px}body:has(> header > nav.shell) .mini-title{margin-bottom:18px;color:var(--ra-accent-text);font:var(--fs-xs) var(--ra-mono);text-transform:uppercase;letter-spacing:.1em}body:has(> header > nav.shell) .minirow{display:grid;grid-template-columns:1fr 17px 1.25fr 17px 1fr;align-items:center;gap:5px}body:has(> header > nav.shell) .minibox{padding:13px 6px;border:1px solid var(--ra-line);border-radius:var(--r-sm);text-align:center;color:var(--ra-accent-text);font-size:var(--fs-xs)}body:has(> header > nav.shell) .minibox b{display:block;color:var(--ra-ink);font-size:var(--fs-xs)}body:has(> header > nav.shell) .minibox.core{color:var(--ra-accent-text);border-color:var(--ra-accent);background:color-mix(in srgb, var(--ra-accent-soft) 8%, transparent)}body:has(> header > nav.shell) .miniarrow{text-align:center;color:var(--ra-accent-text)}body:has(> header > nav.shell) .docs{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}body:has(> header > nav.shell) .doc{padding:20px;border:1px solid var(--ra-line);border-radius:var(--r-md);background:var(--ra-panel);text-decoration:none;transition:border-color .2s,transform .2s}body:has(> header > nav.shell) .doc:hover{border-color:var(--ra-accent);transform:translateY(-2px)}body:has(> header > nav.shell) .doc h3{margin:0 0 6px;font-size:var(--fs-base);letter-spacing:-.02em}body:has(> header > nav.shell) .doc p{margin:0;color:var(--ra-muted);font-size:var(--fs-xs)}body:has(> header > nav.shell) .doc em{display:inline-block;margin-top:10px;color:var(--ra-accent-text);font-size:var(--fs-xs);font-style:normal;font-weight:750}body:has(> header > nav.shell) .faq{max-width:820px;margin:0 auto}body:has(> header > nav.shell) .faqitem{border-bottom:1px solid var(--ra-line)}body:has(> header > nav.shell) .faqitem:first-child{border-top:1px solid var(--ra-line)}body:has(> header > nav.shell) .faqq{padding:20px 4px;display:flex;justify-content:space-between;gap:16px;cursor:pointer;font-weight:700;font-size:var(--fs-base);letter-spacing:-.02em}body:has(> header > nav.shell) .faqa{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--ra-muted);font-size:var(--fs-sm)}body:has(> header > nav.shell) .faqa.open{max-height:300px}body:has(> header > nav.shell) .faqa p{margin:0 4px 18px}body:has(> header > nav.shell) .cta{padding:75px 0;background:linear-gradient(120deg,var(--ra-accent-soft),var(--ra-accent-soft));color:var(--ra-ink)}body:has(> header > nav.shell) .ctain{display:flex;align-items:center;justify-content:space-between;gap:40px}body:has(> header > nav.shell) .cta h2{max-width:680px;margin:0}body:has(> header > nav.shell) .cta p{margin:13px 0 0;color:var(--ra-accent-text);font-size:var(--fs-base)}body:has(> header > nav.shell) .cta .primary{background:var(--ra-accent);color:var(--ra-accent-text)}body:has(> header > nav.shell) .cta .secondary{background:transparent}body:has(> header > nav.shell) footer{padding:45px 0 25px;background:var(--ra-panel);border-top:1px solid var(--ra-line)}body:has(> header > nav.shell) .footrow{display:flex;justify-content:space-between;gap:40px;padding-bottom:29px}body:has(> header > nav.shell) .footrow p{max-width:315px;margin:15px 0 0;color:var(--ra-muted);font-size:var(--fs-sm)}body:has(> header > nav.shell) .footlinks{display:grid;grid-template-columns:repeat(3,125px);gap:22px}body:has(> header > nav.shell) .footlinks h4{margin:0 0 10px;color:var(--ra-accent-text);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase}body:has(> header > nav.shell) .footlinks a{display:block;margin-top:7px;color:var(--ra-accent-text);text-decoration:none;font-size:var(--fs-xs)}body:has(> header > nav.shell) .footlinks a:hover{color:var(--ra-accent-text)}body:has(> header > nav.shell) .footbottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid var(--ra-line);color:var(--ra-accent-text);font-size:var(--fs-xs)}body:has(> header > nav.shell) .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}body:has(> header > nav.shell) .reveal.in{opacity:1;transform:none}
@media(max-width:980px){body:has(> header > nav.shell) .hero-grid,body:has(> header > nav.shell) .lifecycle,body:has(> header > nav.shell) .ecosystem{grid-template-columns:1fr;gap:45px}body:has(> header > nav.shell) .hero-grid{padding-top:68px}body:has(> header > nav.shell) .visual{max-width:670px}body:has(> header > nav.shell) .tech-grid{grid-template-columns:repeat(2,1fr)}body:has(> header > nav.shell) .codegrid{grid-template-columns:1fr}body:has(> header > nav.shell) .deploygrid{grid-template-columns:1fr 1fr}body:has(> header > nav.shell) .benefits,body:has(> header > nav.shell) .docs{grid-template-columns:repeat(2,1fr)}body:has(> header > nav.shell) .ctain{align-items:flex-start;flex-direction:column}body:has(> header > nav.shell) .cta .hero-actions{margin-top:2px}}@media(max-width:680px){body:has(> header > nav.shell) .shell{width:min(calc(100% - 32px),var(--ra-max))}body:has(> header > nav.shell) .announce{padding:0 8px;text-align:center;font-size:var(--fs-xs)}body:has(> header > nav.shell) .links{display:none}body:has(> header > nav.shell) .hamb{display:block}body:has(> header > nav.shell) .links.open{position:absolute;top:72px;left:16px;right:16px;display:grid;gap:0;padding:9px;border:1px solid var(--ra-line);border-radius:var(--r-md);background:var(--ra-panel);box-shadow:var(--ra-sh1)}body:has(> header > nav.shell) .links.open a{padding:10px}body:has(> header > nav.shell) .hero-grid{padding:60px 0 75px}body:has(> header > nav.shell) .hero-copy{font-size:var(--fs-base)}body:has(> header > nav.shell) .mgrid{gap:5px}body:has(> header > nav.shell) .metric{padding:11px 7px}body:has(> header > nav.shell) .metric strong{font-size:var(--fs-md)}body:has(> header > nav.shell) .route{gap:3px}body:has(> header > nav.shell) .routebox{padding:10px 4px;font-size:var(--fs-xs)}body:has(> header > nav.shell) .routebox b{font-size:var(--fs-xs)}body:has(> header > nav.shell) .section{padding:76px 0}body:has(> header > nav.shell) .tech-grid,body:has(> header > nav.shell) .deploygrid,body:has(> header > nav.shell) .benefits,body:has(> header > nav.shell) .docs{grid-template-columns:1fr}body:has(> header > nav.shell) .step{grid-template-columns:28px 1fr}body:has(> header > nav.shell) .examples{grid-template-columns:1fr}body:has(> header > nav.shell) .minirow{grid-template-columns:1fr;gap:7px}body:has(> header > nav.shell) .miniarrow{transform:rotate(90deg)}body:has(> header > nav.shell) .footrow{flex-direction:column}body:has(> header > nav.shell) .footlinks{grid-template-columns:repeat(3,1fr);gap:11px}body:has(> header > nav.shell) .footbottom{flex-direction:column;gap:7px}}body:has(> header > nav.shell) .console{border:1px solid var(--ra-accent);border-radius:var(--r-lg);background:color-mix(in srgb, var(--ra-accent-soft) 78%, transparent);box-shadow:inset 0 1px 0 var(--ra-line), var(--ra-sh2);overflow:hidden;color:var(--ra-accent-text)}body:has(> header > nav.shell) .console-bar{display:flex;align-items:center;gap:7px;padding:14px 17px;border-bottom:1px solid var(--ra-line);color:var(--ra-accent-text);font:var(--fs-xs) var(--ra-mono)}body:has(> header > nav.shell) .console-tabs{display:flex;gap:4px;padding:10px 12px 0;border-bottom:1px solid var(--ra-line);flex-wrap:wrap}body:has(> header > nav.shell) .ctab{appearance:none;border:1px solid transparent;background:transparent;color:var(--ra-accent-text);font:600 var(--fs-xs) var(--ra-font);padding:8px 13px;border-radius:var(--r-sm) var(--r-sm) 0 0;cursor:pointer}body:has(> header > nav.shell) .ctab:hover{color:var(--ra-accent-text)}body:has(> header > nav.shell) .ctab.active{color:var(--ra-accent-text);background:color-mix(in srgb, var(--ra-accent-soft) 8%, transparent);border-color:var(--ra-accent);border-bottom-color:transparent}body:has(> header > nav.shell) .cpanel{display:none;padding:20px}body:has(> header > nav.shell) .cpanel.active{display:block;animation:fadein .35s ease}@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}body:has(> header > nav.shell) .cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}body:has(> header > nav.shell) .cmetric{padding:14px 12px;border:1px solid var(--ra-line);border-radius:var(--r-md);background:color-mix(in srgb, var(--ra-panel) 5%, transparent)}body:has(> header > nav.shell) .cmetric b{display:block;font:700 var(--fs-lg) var(--ra-font);letter-spacing:-.02em}body:has(> header > nav.shell) .cmetric small{color:var(--ra-accent-text);font-size:var(--fs-xs)}body:has(> header > nav.shell) .cmetric .up{color:var(--ra-ok)}body:has(> header > nav.shell) .cmetric .warn{color:var(--ra-warn)}body:has(> header > nav.shell) .ctable{width:100%;border-collapse:collapse;margin-top:16px;font-size:var(--fs-xs)}body:has(> header > nav.shell) .ctable th{color:var(--ra-accent-text);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:8px 10px;border-bottom:1px solid var(--ra-line);font-weight:600}body:has(> header > nav.shell) .ctable td{padding:9px 10px;border-bottom:1px solid var(--ra-line);color:var(--ra-accent-text)}body:has(> header > nav.shell) .ctable tr:hover td{background:color-mix(in srgb, var(--ra-panel) 3%, transparent)}body:has(> header > nav.shell) .cbadge{display:inline-block;padding:3px 8px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:760}body:has(> header > nav.shell) .cbadge.online{color:var(--ra-ok);background:color-mix(in srgb, var(--ra-ok-soft) 10%, transparent);border:1px solid var(--ra-ok)}body:has(> header > nav.shell) .cbadge.offline{color:var(--ra-warn);background:color-mix(in srgb, var(--ra-warn-soft) 10%, transparent);border:1px solid var(--ra-warn)}body:has(> header > nav.shell) .cbadge.allowed{color:var(--ra-ok);background:color-mix(in srgb, var(--ra-ok-soft) 10%, transparent)}body:has(> header > nav.shell) .cbadge.blocked{color:var(--ra-bad);background:color-mix(in srgb, var(--ra-bad-soft) 12%, transparent)}body:has(> header > nav.shell) .cbadge.budget{color:var(--ra-accent-text);background:color-mix(in srgb, var(--ra-accent-soft) 12%, transparent)}body:has(> header > nav.shell) .cbar{height:5px;border-radius:var(--r-pill);background:color-mix(in srgb, var(--ra-panel) 8%, transparent);overflow:hidden;min-width:70px}body:has(> header > nav.shell) .cbar i{display:block;height:100%;background:var(--ra-accent);border-radius:var(--r-pill)}body:has(> header > nav.shell) .cbar i.warn{background:var(--ra-warn-soft)}body:has(> header > nav.shell) .cbar i.hot{background:var(--ra-bad-soft)}body:has(> header > nav.shell) .cspend{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}body:has(> header > nav.shell) .cspend .cmetric{border-color:var(--ra-accent)}body:has(> header > nav.shell) .chash{font:var(--fs-xs) var(--ra-mono);color:var(--ra-accent-text);word-break:break-all}body:has(> header > nav.shell) .cmini{display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}body:has(> header > nav.shell) .cmini span{font:var(--fs-xs) var(--ra-mono);color:var(--ra-accent-text)}body:has(> header > nav.shell) .clog{display:grid;grid-template-columns:64px 1fr 74px;gap:8px;padding:7px 2px;border-bottom:1px solid var(--ra-line);font:var(--fs-xs) var(--ra-mono);color:var(--ra-accent-text)}body:has(> header > nav.shell) .clog b{color:var(--ra-accent-text);font-weight:600}body:has(> header > nav.shell) .clog .ok{color:var(--ra-ok)}body:has(> header > nav.shell) .clog .no{color:var(--ra-bad)}body:has(> header > nav.shell) .clog .warn{color:var(--ra-warn)}body:has(> header > nav.shell) .cfoot{margin-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--ra-accent-text);font-size:var(--fs-xs)}body:has(> header > nav.shell) .cfoot a{color:var(--ra-accent-text);text-decoration:none}body:has(> header > nav.shell) .ctag{display:inline-block;padding:2px 7px;border-radius:var(--r-sm);font:var(--fs-xs) var(--ra-mono);border:1px solid var(--ra-line);color:var(--ra-accent-text);margin-right:4px}body:has(> header > nav.shell) .agenttools{display:flex;gap:4px;flex-wrap:wrap}body:has(> header > nav.shell) .console+.console-note{margin-top:14px}body:has(> header > nav.shell) .console-note{font-size:var(--fs-xs);color:var(--ra-muted);text-align:center}body:has(> header > nav.shell) .cchat{display:flex;flex-direction:column;min-height:420px;max-height:520px;border:1px solid var(--ra-line);border-radius:var(--r-lg);background:color-mix(in srgb, var(--ra-accent-soft) 55%, transparent);overflow:hidden}body:has(> header > nav.shell) .cchat-hdr{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--ra-line);font-size:var(--fs-xs);color:var(--ra-accent-text)}body:has(> header > nav.shell) .cchat-hdr b{color:var(--ra-accent-text)}body:has(> header > nav.shell) .cchat-dot{width:7px;height:7px;border-radius:var(--r-pill);background:var(--ra-ok-soft);box-shadow:var(--ra-sh1)}body:has(> header > nav.shell) .cchat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}body:has(> header > nav.shell) .cmsg{max-width:82%;padding:10px 13px;border-radius:var(--r-md);font-size:var(--fs-xs);line-height:1.55;animation:fadein .3s ease}body:has(> header > nav.shell) .cmsg.user{align-self:flex-end;background:linear-gradient(135deg,color-mix(in srgb, var(--ra-accent-soft) 16%, transparent),color-mix(in srgb, var(--ra-accent-soft) 7%, transparent));border:1px solid var(--ra-accent);color:var(--ra-accent-text);border-bottom-right-radius:4px}body:has(> header > nav.shell) .cmsg.agent{align-self:flex-start;background:color-mix(in srgb, var(--ra-panel) 5%, transparent);border:1px solid var(--ra-line);color:var(--ra-accent-text);border-bottom-left-radius:4px}body:has(> header > nav.shell) .cmsg .who{display:block;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ra-accent-text);margin-bottom:4px}body:has(> header > nav.shell) .cmsg.agent .who{color:var(--ra-accent-text)}body:has(> header > nav.shell) .cthink{margin:2px 0 2px 12px;padding:9px 12px;border-left:2px solid var(--ra-accent);background:color-mix(in srgb, var(--ra-accent-soft) 7%, transparent);border-radius:0 var(--r-sm) var(--r-sm) 0;font:var(--fs-xs) var(--ra-mono);color:var(--ra-accent-text);align-self:flex-start;max-width:82%;animation:fadein .35s ease;white-space:pre-wrap}body:has(> header > nav.shell) .ctool{margin:2px 0;padding:9px 12px;background:color-mix(in srgb, var(--ra-accent-soft) 80%, transparent);border:1px solid var(--ra-accent);border-radius:var(--r-sm);font:var(--fs-xs) var(--ra-mono);color:var(--ra-accent-text);align-self:flex-start;max-width:88%;animation:fadein .35s ease;white-space:pre-wrap}body:has(> header > nav.shell) .ctool .tname{color:var(--ra-accent-text);font-weight:700}body:has(> header > nav.shell) .ctool .tres{color:var(--ra-ok);white-space:pre-wrap}body:has(> header > nav.shell) .ctool .trisk{color:var(--ra-warn)}body:has(> header > nav.shell) .crun{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--ra-accent-text);font:var(--fs-xs) var(--ra-mono)}body:has(> header > nav.shell) .crun i{width:6px;height:6px;border-radius:var(--r-pill);background:var(--ra-accent);animation:pulse 1s infinite}@keyframes pulse{0%,100%{opacity:.25}50%{opacity:1}}body:has(> header > nav.shell) .cchat-input{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--ra-line)}body:has(> header > nav.shell) .cchat-input input{flex:1;background:color-mix(in srgb, var(--ra-panel) 5%, transparent);border:1px solid var(--ra-line);border-radius:var(--r-sm);padding:9px 12px;color:var(--ra-accent-text);font:var(--fs-xs) var(--ra-mono);outline:none}body:has(> header > nav.shell) .cchat-input input::placeholder{color:var(--ra-accent-text)}body:has(> header > nav.shell) .cchat-input button{background:color-mix(in srgb, var(--ra-accent-soft) 14%, transparent);border:1px solid var(--ra-accent);color:var(--ra-accent-text);border-radius:var(--r-sm);padding:9px 16px;font-size:var(--fs-xs);font-weight:700;cursor:pointer}body:has(> header > nav.shell) .cchat-input button:hover{background:color-mix(in srgb, var(--ra-accent-soft) 24%, transparent)}body:has(> header > nav.shell) .cloop{margin-top:10px;display:flex;align-items:center;gap:10px;font-size:var(--fs-xs);color:var(--ra-accent-text);font-family:var(--ra-mono)}body:has(> header > nav.shell) .cloop b{color:var(--ra-accent-text);font-weight:600}@media(max-width:820px){body:has(> header > nav.shell) .cgrid{grid-template-columns:repeat(2,1fr)}body:has(> header > nav.shell) .cspend{grid-template-columns:1fr}body:has(> header > nav.shell) .clog{grid-template-columns:52px 1fr;}body:has(> header > nav.shell) .clog .stamp{display:none}}body:has(> header > nav.shell) .hero-sm{padding:76px 0 84px}body:has(> header > nav.shell) .hero-center{max-width:880px}body:has(> header > nav.shell) .hero-center h1{max-width:none;font-size:clamp(38px,4.8vw,62px)}body:has(> header > nav.shell) .hero-center .hero-copy{max-width:660px}body:has(> header > nav.shell) .hero-bread{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}body:has(> header > nav.shell) .hero-bread .blog-cat{background:color-mix(in srgb, var(--ra-accent-soft) 12%, transparent);color:var(--ra-accent-text)}body:has(> header > nav.shell) .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}body:has(> header > nav.shell) .blog-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--ra-line);border-radius:var(--r-lg);background:var(--ra-panel);text-decoration:none;transition:border-color .2s,transform .2s}body:has(> header > nav.shell) .blog-card:hover{border-color:var(--ra-accent);transform:translateY(-2px)}body:has(> header > nav.shell) .blog-cat{display:inline-flex;align-items:center;align-self:flex-start;padding:4px 10px;border-radius:var(--r-pill);background:var(--ra-accent-soft);color:var(--ra-accent-text);font-size:var(--fs-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}body:has(> header > nav.shell) .blog-card h3{margin:14px 0 8px;font-size:var(--fs-md);line-height:1.32;letter-spacing:-.03em}body:has(> header > nav.shell) .blog-card p{margin:0;color:var(--ra-muted);font-size:var(--fs-sm);line-height:1.62;flex:1}body:has(> header > nav.shell) .blog-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid var(--ra-line);color:var(--ra-accent-text);font:var(--fs-xs) var(--ra-mono)}body:has(> header > nav.shell) .blog-meta em{color:var(--ra-accent-text);font-style:normal;font-weight:750}body:has(> header > nav.shell) .pager{display:flex;gap:12px;justify-content:center;margin-top:38px}body:has(> header > nav.shell) .pager .btn{background:var(--ra-panel);color:var(--ra-ink);border-color:var(--ra-line)}body:has(> header > nav.shell) .pager .btn:hover{transform:translateY(-2px)}body:has(> header > nav.shell) .empty-note{color:var(--ra-muted);font-size:var(--fs-base)}body:has(> header > nav.shell) .article-card{max-width:860px;padding:46px;border:1px solid var(--ra-line);border-radius:var(--r-lg);background:var(--ra-panel);box-shadow:var(--ra-sh1)}body:has(> header > nav.shell) .article-body{font-size:var(--fs-base);color:var(--ra-accent-text)}body:has(> header > nav.shell) .article-body h2{margin:34px 0 12px;font-size:var(--fs-xl);letter-spacing:-.03em;line-height:1.22}body:has(> header > nav.shell) .article-body h3{margin:26px 0 10px;font-size:var(--fs-lg);letter-spacing:-.02em}body:has(> header > nav.shell) .article-body h4{margin:20px 0 8px;font-size:var(--fs-base)}body:has(> header > nav.shell) .article-body p{margin:0 0 17px;line-height:1.78}body:has(> header > nav.shell) .article-body ul,body:has(> header > nav.shell) .article-body ol{margin:0 0 17px;padding-left:24px}body:has(> header > nav.shell) .article-body li{margin:6px 0}body:has(> header > nav.shell) .article-body a{color:var(--ra-accent-text);text-decoration:underline}body:has(> header > nav.shell) .article-body img{max-width:100%;height:auto;border-radius:var(--r-md);margin:8px 0}body:has(> header > nav.shell) .article-body table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:var(--fs-sm)}body:has(> header > nav.shell) .article-body th,body:has(> header > nav.shell) .article-body td{border:1px solid var(--ra-line);padding:9px 12px;text-align:left}body:has(> header > nav.shell) .article-body th{background:var(--ra-bg-soft)}body:has(> header > nav.shell) .article-body blockquote{border-left:3px solid var(--ra-accent);margin:0 0 17px;padding:4px 18px;color:var(--ra-muted)}body:has(> header > nav.shell) .article-body pre,body:has(> header > nav.shell) .article-body code{font:var(--fs-xs) var(--ra-mono)}body:has(> header > nav.shell) .article-body code{background:var(--ra-bg-soft);padding:2px 6px;border-radius:var(--r-sm)}body:has(> header > nav.shell) .article-body pre{background:var(--ra-accent-soft);color:var(--ra-accent-text);padding:16px;border-radius:var(--r-md);overflow:auto}body:has(> header > nav.shell) .article-foot{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;padding-top:26px;border-top:1px solid var(--ra-line)}body:has(> header > nav.shell) .article-foot .btn{background:var(--ra-panel);color:var(--ra-ink);border-color:var(--ra-line)}@media(max-width:680px){body:has(> header > nav.shell) .blog-grid{grid-template-columns:1fr}body:has(> header > nav.shell) .article-card{padding:26px}body:has(> header > nav.shell) .hero-sm{padding:54px 0 60px}}


/* ── from index.landing.tpl ── */
*{box-sizing:border-box}html{scroll-behavior:smooth}body#top{margin:0;background:var(--ra-panel);color:var(--ra-ink);font-family:var(--ra-font);line-height:1.5;-webkit-font-smoothing:antialiased}body#top a{color:inherit;text-decoration:none}body#top h1,body#top h2,body#top h3{margin:0;font-weight:700;letter-spacing:-.035em;line-height:1.06}body#top h1{font-size:clamp(38px,6.4vw,78px)}body#top h2{font-size:clamp(30px,4.6vw,58px)}body#top p{margin:0}body#top .wrap{max-width:var(--ra-max);margin:0 auto;padding:0 24px}body#top section{scroll-margin-top:64px}body#top .eyebrow{font-size:var(--fs-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ra-muted)}body#top .lead{font-size:clamp(17px,2vw,22px);color:var(--ra-muted);letter-spacing:-.01em;line-height:1.45;max-width:52ch}body#top .nav{position:fixed;inset:0 0 auto;height:52px;z-index:50;display:flex;align-items:center;
  background:color-mix(in srgb, var(--ra-panel) 72%, transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid var(--ra-line);transition:transform .32s ease}body#top .nav.up{transform:translateY(-100%)}body#top .nav .wrap{display:flex;align-items:center;justify-content:space-between;width:100%}body#top .brand{font-weight:600;letter-spacing:-.02em;font-size:var(--fs-base)}body#top .brand i{font-style:normal;color:var(--ra-accent-text)}body#top .nav nav{display:flex;align-items:center;gap:26px;font-size:var(--fs-sm);color:var(--ra-muted)}body#top .nav nav a:hover{color:var(--ra-ink)}body#top .pill{display:inline-flex;align-items:center;gap:6px;background:var(--ra-ink);color:var(--ra-ink);border-radius:var(--r-pill);
  padding:8px 16px;font-size:var(--fs-sm);font-weight:500;transition:transform .2s ease}body#top .pill:hover{transform:scale(1.03)}
@media(max-width:760px){body#top .nav nav a:not(.pill){display:none}}body#top section.pane{min-height:90vh;display:flex;align-items:center;padding:118px 0 92px}body#top .sec-off{background:var(--ra-bg-soft)}body#top .sec-dark{background:var(--ra-bg);color:var(--ra-ink-2)}body#top .sec-dark .lead,body#top .sec-dark .eyebrow{color:var(--ra-muted)}body#top .stack{display:flex;flex-direction:column;gap:26px}body#top .stack>*{min-width:0}body#top section.pane>.wrap{min-width:0}body#top .center{text-align:center;align-items:center}body#top .center .lead{margin:0 auto}body#top .terminal{background:var(--ra-bg);color:var(--ra-ink-2);border-radius:var(--r-lg);padding:20px 22px;font-family:var(--ra-mono);
  font-size:var(--fs-sm);line-height:2;box-shadow:var(--ra-sh2);overflow-x:auto;max-width:100%}body#top .terminal .head{display:flex;justify-content:space-between;color:var(--ra-muted);font-size:var(--fs-xs);letter-spacing:.1em;
  text-transform:uppercase;border-bottom:1px solid var(--ra-line-strong);padding-bottom:10px;margin-bottom:12px}body#top .terminal code{display:block;white-space:pre}body#top .terminal .c{color:var(--ra-ok)}body#top .terminal .dim{color:var(--ra-muted)}
@media(max-width:680px){body#top .terminal{font-size:var(--fs-sm);padding:16px}body#top .terminal code{white-space:pre-wrap;overflow-wrap:anywhere}}body#top .cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}body#top .btn{display:inline-flex;align-items:center;gap:8px;background:var(--ra-accent);color:var(--ra-ink);border-radius:var(--r-pill);
  padding:12px 22px;font-size:var(--fs-base);font-weight:500;transition:transform .2s ease}body#top .btn:hover{transform:scale(1.02)}body#top .btn.ghost{background:transparent;color:var(--ra-accent-text);box-shadow:inset 0 1px 0 var(--ra-line)}body#top .facts{display:flex;flex-wrap:wrap;gap:8px}body#top .facts span{font-size:var(--fs-sm);color:var(--ra-muted);border:1px solid var(--ra-line);border-radius:var(--r-pill);padding:6px 13px}body#top .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}body#top .node{background:var(--ra-panel);border:1px solid var(--ra-line);border-radius:var(--r-lg);padding:18px 16px;text-align:center}body#top .node b{display:block;font-size:var(--fs-base);letter-spacing:-.01em}body#top .node span{font-size:var(--fs-sm);color:var(--ra-muted)}body#top .node.accent{border-color:var(--ra-accent);box-shadow:var(--ra-sh1)}
@media(max-width:820px){body#top .flow{grid-template-columns:1fr 1fr}}body#top details{border-top:1px solid var(--ra-line)}body#top .sec-dark details{border-color:var(--ra-line-strong)}body#top details:last-child{border-bottom:1px solid var(--ra-line)}body#top .sec-dark details:last-child{border-color:var(--ra-line-strong)}body#top summary{list-style:none;cursor:pointer;padding:19px 4px;display:flex;justify-content:space-between;gap:16px;
  font-size:var(--fs-md);font-weight:500;letter-spacing:-.01em}body#top summary::-webkit-details-marker{display:none}body#top summary::after{content:"\2304";color:var(--ra-muted);transition:transform .25s ease}body#top details[open] summary::after{transform:rotate(180deg)}body#top details p{padding:0 4px 22px;color:var(--ra-muted);font-size:var(--fs-base);max-width:74ch}body#top .details-wrap{margin-top:10px;width:100%}body#top .appgrid{display:grid;grid-template-columns:196px 1fr;min-height:380px}body#top .appgrid>*{min-width:0}body#top .cside{border-right:1px solid var(--ra-line);padding:12px;display:flex;flex-direction:column;gap:2px}body#top .snav{appearance:none;border:0;background:transparent;text-align:left;font:inherit;font-size:var(--fs-sm);color:var(--ra-muted);
  padding:9px 11px;border-radius:var(--r-sm);cursor:pointer;transition:background .18s ease,color .18s ease}body#top .snav:hover{background:var(--ra-bg-soft);color:var(--ra-ink)}body#top .snav.is-on{background:color-mix(in srgb, var(--ra-accent-soft) 10%, transparent);color:var(--ra-ink);font-weight:600}body#top .cmain{display:flex;flex-direction:column;min-width:0}body#top .tabstrip{display:flex;gap:18px;padding:14px 18px 0;border-bottom:1px solid var(--ra-line);overflow-x:auto}body#top .ptab{appearance:none;border:0;background:transparent;font:inherit;font-size:var(--fs-sm);color:var(--ra-muted);cursor:pointer;
  padding:0 0 11px;white-space:nowrap;border-bottom:2px solid transparent;transition:color .18s ease,border-color .18s ease}body#top .ptab:hover{color:var(--ra-ink)}body#top .ptab.is-on{color:var(--ra-ink);font-weight:600;border-bottom-color:var(--ra-accent)}body#top .panel{display:none;padding:18px;font-size:var(--fs-base)}body#top .panel.is-on{display:block;animation:fade .32s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}body#top .ptitle{font-weight:600;letter-spacing:-.01em;margin-bottom:12px}body#top .sub{font-size:var(--fs-sm);color:var(--ra-muted);margin-top:10px}body#top .note{font-size:var(--fs-sm);color:var(--ra-muted);margin-top:12px}body#top .mut{color:var(--ra-muted);font-size:var(--fs-sm)}body#top .steps3{margin:0;padding-left:20px;color:var(--ra-muted);font-size:var(--fs-sm);line-height:2}body#top .kpirow{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}body#top .kpirow span{font-size:var(--fs-sm);color:var(--ra-muted);border:1px solid var(--ra-line);border-radius:var(--r-pill);padding:5px 11px}body#top .agenthead{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}body#top .chip{font-size:var(--fs-xs);color:var(--ra-muted);border:1px solid var(--ra-line);border-radius:var(--r-pill);padding:4px 10px}body#top .chip.on{color:var(--ra-ok);border-color:var(--ra-ok)}body#top .fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}body#top .fields>div{border:1px solid var(--ra-line);border-radius:var(--r-md);padding:10px 12px}body#top .fields label{display:block;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ra-muted);margin-bottom:4px}body#top .fields span{font-size:var(--fs-sm)}body#top .runhead{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}body#top .bars{display:flex;flex-direction:column;gap:10px}body#top .bars .bar{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center;font-size:var(--fs-sm);color:var(--ra-muted)}body#top .bars .bar i{display:block;height:10px;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--ra-accent),var(--ra-accent));grid-column:2;grid-row:1}body#top .bars .bar span{grid-column:1;grid-row:1}body#top .approval{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--ra-line);
  border-radius:var(--r-md);padding:14px;margin-bottom:4px}body#top .approval b{display:block;font-size:var(--fs-base)}body#top .approval .mono{display:block;font-family:var(--ra-mono);font-size:var(--fs-sm);color:var(--ra-muted);margin-top:3px}body#top .act{display:flex;gap:8px;flex-shrink:0}body#top .yes,body#top .no{font-size:var(--fs-sm);border-radius:var(--r-pill);padding:6px 13px;border:1px solid var(--ra-line)}body#top .yes{background:color-mix(in srgb, var(--ra-ok-soft) 12%, transparent);color:var(--ra-ok);border-color:var(--ra-ok)}body#top .no{color:var(--ra-muted)}
@media(max-width:820px){body#top .appgrid{grid-template-columns:1fr}body#top .cside{border-right:0;border-bottom:1px solid var(--ra-line);flex-direction:row;flex-wrap:wrap;gap:4px}body#top .fields{grid-template-columns:1fr}body#top .approval{flex-direction:column;align-items:flex-start}body#top .bars .bar{grid-template-columns:1fr 80px}
}body#top .caption{font-size:var(--fs-sm);color:var(--ra-muted);margin-top:10px}body#top .dream{background:linear-gradient(100deg,var(--ra-warn-soft) 0%,var(--ra-accent) 55%,var(--ra-accent-soft) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}body#top .alive{display:inline-flex;align-items:center;gap:9px}body#top .alive i{width:8px;height:8px;border-radius:50%;background:var(--ra-ok-soft);position:relative;flex-shrink:0}body#top .alive i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--ra-ok);animation:ring 2.4s ease-out infinite}
@keyframes ring{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.6);opacity:0}}body#top .wish{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}body#top .wish>div{border-top:1px solid var(--ra-line);padding-top:14px}body#top .wish b{display:block;font-size:var(--fs-base);letter-spacing:-.01em}body#top .wish span{font-size:var(--fs-sm);color:var(--ra-muted)}body#top .sec-dark{position:relative;overflow:hidden}body#top .sec-dark>.wrap{position:relative;z-index:2}body#top .sec-dark::before{content:"";position:absolute;inset:-20% -10% auto;height:75%;pointer-events:none;
  background:radial-gradient(58% 60% at 50% 0%,color-mix(in srgb, var(--ra-warn-soft) 18%, transparent),transparent 70%)}body#top .stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.75}body#top .stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--ra-panel);animation:tw 3.6s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:.12;transform:scale(.7)}50%{opacity:.85;transform:scale(1)}}body#top .aurora{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(40% 40% at 14% 18%,color-mix(in srgb, var(--ra-accent-soft) 20%, transparent),transparent 70%),
             radial-gradient(36% 36% at 86% 26%,color-mix(in srgb, var(--ra-accent-soft) 18%, transparent),transparent 70%),
             radial-gradient(30% 30% at 50% 90%,color-mix(in srgb, var(--ra-warn-soft) 12%, transparent),transparent 72%);
  animation:drift 20s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.08)}}body#top .shoot{position:absolute;top:10%;right:12%;width:2px;height:2px;border-radius:50%;background:var(--ra-panel);
  box-shadow:var(--ra-sh1);opacity:0;animation:shoot 13s ease-in 4s infinite}
@keyframes shoot{0%{opacity:0;transform:translate(0,0)}3%{opacity:1}11%{opacity:0;transform:translate(-300px,190px)}100%{opacity:0;transform:translate(-300px,190px)}}body#top .card{transition:transform .3s ease,box-shadow .3s ease}body#top .card.warm{border-color:var(--ra-warn);box-shadow:var(--ra-sh2)}body#top .card.cool{border-color:var(--ra-accent);box-shadow:var(--ra-sh2)}body#top .card:hover{transform:translateY(-4px)}body#top .ticks{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}body#top .ticks li{font-size:var(--fs-sm);color:var(--ra-muted);padding-left:20px;position:relative}body#top .ticks li::before{content:"";position:absolute;left:2px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--ra-warn-soft)}body#top .card.cool .ticks li::before{background:var(--ra-accent)}body#top .handoff{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ra-muted);font-size:var(--fs-sm);text-align:center}body#top .wire{width:66px;height:2px;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--ra-warn-soft),var(--ra-accent));position:relative;opacity:.75}body#top .wire::after{content:"";position:absolute;top:-2px;left:0;width:6px;height:6px;border-radius:50%;background:var(--ra-panel);
  box-shadow:var(--ra-sh1);animation:travel 2.8s ease-in-out infinite}
@keyframes travel{0%{left:-6px;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:66px;opacity:0}}body#top .life{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}body#top .life span{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-xs);color:var(--ra-muted);
  border:1px solid var(--ra-line-strong);border-radius:var(--r-pill);padding:5px 11px}body#top .life i{width:6px;height:6px;border-radius:50%;background:var(--ra-ok-soft);display:block;animation:beat 2.2s ease-in-out infinite}
@keyframes beat{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}body#top .sym{font-size:var(--fs-sm);color:var(--ra-muted);letter-spacing:.02em}
@media(max-width:820px){body#top .wish{grid-template-columns:1fr}}body#top .win{border:1px solid var(--ra-line);border-radius:var(--r-lg);overflow:hidden;background:var(--ra-panel);box-shadow:var(--ra-sh2)}body#top .win .bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--ra-line);background:var(--ra-bg-soft)}body#top .win .bar i{width:11px;height:11px;border-radius:50%;background:var(--ra-panel-2);display:block}body#top .win .bar .t{margin-left:8px;font-size:var(--fs-sm);color:var(--ra-muted)}body#top .chatgrid{display:grid;grid-template-columns:236px 1fr;min-height:340px}body#top .chatgrid>*{min-width:0}body#top .chatgrid .agents{border-right:1px solid var(--ra-line);padding:14px;display:flex;flex-direction:column;gap:8px;font-size:var(--fs-sm)}body#top .ag{display:flex;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:var(--r-md);background:var(--ra-bg-soft);color:var(--ra-muted)}body#top .ag b{font-weight:600;color:var(--ra-ink)}body#top .ag.on{background:color-mix(in srgb, var(--ra-accent-soft) 10%, transparent)}body#top .dot{width:7px;height:7px;border-radius:50%;background:var(--ra-ok-soft);display:inline-block;margin-right:6px}body#top .dot.off{background:var(--ra-panel-2)}body#top .thread{padding:18px;display:flex;flex-direction:column;gap:12px;font-size:var(--fs-base)}body#top .bubble{max-width:86%;padding:11px 14px;border-radius:var(--r-lg);line-height:1.45}body#top .bubble.me{align-self:flex-end;background:var(--ra-accent);color:var(--ra-ink);border-bottom-right-radius:5px}body#top .bubble.it{align-self:flex-start;background:var(--ra-bg-soft);border:1px solid var(--ra-line);border-bottom-left-radius:5px}body#top .trace{border-left:2px solid var(--ra-line);padding:2px 0 2px 14px;display:flex;flex-direction:column;gap:7px;font-size:var(--fs-sm);color:var(--ra-muted)}body#top .trace b{color:var(--ra-ink);font-weight:600}body#top .comp{display:flex;gap:8px;align-items:center;border-top:1px solid var(--ra-line);padding:12px 16px}body#top .comp .box{flex:1;border:1px solid var(--ra-line);border-radius:var(--r-md);padding:9px 12px;color:var(--ra-muted);font-size:var(--fs-sm)}body#top .comp .send{background:var(--ra-accent);color:var(--ra-ink);border-radius:var(--r-sm);padding:9px 16px;font-size:var(--fs-sm);font-weight:500;white-space:nowrap}body#top .wsgrid{display:grid;grid-template-columns:200px 1fr 236px;min-height:320px}body#top .wsgrid>*{min-width:0}body#top .wscol{padding:14px;font-size:var(--fs-sm);border-right:1px solid var(--ra-line)}body#top .wscol:last-child{border-right:0}body#top .tabs{display:flex;gap:18px;padding:12px 16px 0;border-bottom:1px solid var(--ra-line);font-size:var(--fs-sm);color:var(--ra-muted);overflow-x:auto}body#top .tabs span{padding-bottom:11px;white-space:nowrap}body#top .tabs b{font-weight:600;color:var(--ra-ink);padding-bottom:9px;border-bottom:2px solid var(--ra-accent);white-space:nowrap}body#top .tree span{display:block;padding:5px 0;color:var(--ra-muted)}body#top .tree span.on{color:var(--ra-ink);font-weight:600}body#top .code{font-family:var(--ra-mono);font-size:var(--fs-sm);line-height:1.75;color:var(--ra-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}body#top .sha{font-family:var(--ra-mono);font-size:var(--fs-xs);color:var(--ra-muted);border-top:1px solid var(--ra-line);padding:9px 16px}body#top .rail h4{margin:0 0 6px;font-size:var(--fs-sm)}body#top .rail .box{border:1px solid var(--ra-line);border-radius:var(--r-md);padding:10px 12px}body#top .rail p{font-size:var(--fs-sm);color:var(--ra-muted);margin:0}body#top .demos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}body#top .demo{border:1px solid var(--ra-line);border-radius:var(--r-lg);padding:18px;background:var(--ra-panel)}body#top .demo b{display:block;font-size:var(--fs-base);letter-spacing:-.02em}body#top .demo .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}body#top .demo .meta span{font-size:var(--fs-xs);color:var(--ra-muted);border:1px solid var(--ra-line);border-radius:var(--r-pill);padding:4px 9px}body#top .chips{display:flex;flex-wrap:wrap;gap:7px}body#top .chips span{font-size:var(--fs-sm);border:1px solid var(--ra-line);border-radius:var(--r-pill);padding:5px 11px;color:var(--ra-muted)}
@media(max-width:900px){body#top .chatgrid,body#top .wsgrid{grid-template-columns:1fr}body#top .chatgrid .agents{border-right:0;border-bottom:1px solid var(--ra-line)}body#top .wscol{border-right:0;border-bottom:1px solid var(--ra-line)}body#top .demos{grid-template-columns:1fr}
}body#top .duo{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}body#top .card{background:var(--ra-bg);border:1px solid var(--ra-line-strong);border-radius:var(--r-lg);padding:26px;text-align:left}body#top .card h3{font-size:var(--fs-lg);letter-spacing:-.02em}body#top .card p{color:var(--ra-muted);font-size:var(--fs-base);margin-top:10px}body#top .card .tag{font-size:var(--fs-sm);color:var(--ra-muted);letter-spacing:.06em;text-transform:uppercase}body#top .card .dom{margin-top:16px;font-size:var(--fs-base);color:var(--ra-accent-text)}body#top .handoff{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ra-muted);font-size:var(--fs-sm);text-align:center}body#top .handoff .dot{width:34px;height:34px;border-radius:50%;border:1px solid var(--ra-line-strong);display:grid;place-items:center;color:var(--ra-ink)}body#top .badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ra-line-strong);border-radius:var(--r-pill);padding:6px 14px;
  font-size:var(--fs-sm);color:var(--ra-muted)}body#top .badge i{width:7px;height:7px;border-radius:50%;background:var(--ra-accent-soft);display:block}body#top .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}body#top .step{border-top:1px solid var(--ra-line-strong);padding-top:14px}body#top .step b{display:block;font-size:var(--fs-base)}body#top .step span{font-size:var(--fs-sm);color:var(--ra-muted)}
@media(max-width:820px){body#top .duo{grid-template-columns:1fr}body#top .handoff{flex-direction:row}body#top .steps{grid-template-columns:1fr}}body#top .menubtn{appearance:none;border:0;background:transparent;font:inherit;font-size:var(--fs-sm);color:var(--ra-muted);cursor:pointer;padding:6px 2px}body#top .menubtn:hover{color:var(--ra-ink)}body#top .menu{position:fixed;inset:0;z-index:60;display:none;overflow-y:auto;background:color-mix(in srgb, var(--ra-panel) 88%, transparent);
  backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px)}body#top .menu.on{display:block}body#top .menu .inner{max-width:var(--ra-max);margin:0 auto;padding:88px 24px 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}body#top .menu h4{margin:0 0 10px;font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--ra-muted)}body#top .menu a{display:block;font-size:var(--fs-base);font-weight:500;letter-spacing:-.01em;padding:7px 0;color:var(--ra-ink)}body#top .menu a span{display:block;font-size:var(--fs-sm);font-weight:400;color:var(--ra-muted);margin-top:2px}body#top .menu a:hover{color:var(--ra-accent-text)}body#top .menu .close{position:fixed;top:14px;right:22px;appearance:none;border:1px solid var(--ra-line);background:transparent;
  border-radius:var(--r-pill);width:34px;height:34px;font-size:var(--fs-base);cursor:pointer;color:var(--ra-ink)}
@media(max-width:900px){body#top .menu .inner{grid-template-columns:1fr 1fr}}
@media(max-width:560px){body#top .menu .inner{grid-template-columns:1fr}}body#top .band{padding:68px 0;border-top:1px solid var(--ra-line)}body#top .qa{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}body#top .qa>div{border:1px solid var(--ra-line);border-radius:var(--r-lg);padding:16px 18px;background:var(--ra-panel)}body#top .qa b{display:block;font-size:var(--fs-sm);color:var(--ra-muted);font-weight:500;margin-bottom:6px}body#top .qa span{font-size:var(--fs-base);letter-spacing:-.01em;line-height:1.4}
@media(max-width:760px){body#top .qa{grid-template-columns:1fr}}body#top .plats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}body#top .plats>*{min-width:0}body#top .plat{border:1px solid var(--ra-line);border-radius:var(--r-lg);padding:20px;background:var(--ra-panel)}body#top .plat .os{display:flex;align-items:center;gap:10px;font-size:var(--fs-base);font-weight:600;letter-spacing:-.02em}body#top .plat .os i{width:24px;height:24px;border-radius:var(--r-sm);background:var(--ra-bg-soft);border:1px solid var(--ra-line);
  display:grid;place-items:center;font-size:var(--fs-xs);font-style:normal;color:var(--ra-muted);flex-shrink:0}body#top .plat p{font-size:var(--fs-sm);color:var(--ra-muted);margin-top:11px}body#top .cmd{display:flex;align-items:center;gap:10px;margin-top:12px;background:var(--ra-bg);color:var(--ra-ink-2);border-radius:var(--r-md);
  padding:10px 12px;font-family:var(--ra-mono);font-size:var(--fs-sm)}body#top .cmd code{flex:1;min-width:0;overflow-x:auto;white-space:pre}body#top .cmd .copy{appearance:none;border:1px solid var(--ra-line-strong);background:var(--ra-bg);color:var(--ra-faint);border-radius:var(--r-sm);
  padding:5px 10px;font:inherit;font-size:var(--fs-xs);cursor:pointer;flex-shrink:0}body#top .cmd .copy:hover{color:var(--ra-ink);border-color:var(--ra-line-strong)}body#top .req{display:flex;flex-wrap:wrap;gap:7px}body#top .req span{font-size:var(--fs-sm);color:var(--ra-muted);border:1px solid var(--ra-line);border-radius:var(--r-pill);padding:5px 11px}
@media(max-width:820px){body#top .plats{grid-template-columns:1fr}}body#top .uses{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}body#top .use{border:1px solid var(--ra-line);border-radius:var(--r-lg);padding:18px;background:var(--ra-panel)}body#top .use b{display:block;font-size:var(--fs-base);letter-spacing:-.01em;margin-bottom:6px}body#top .use p{font-size:var(--fs-sm);color:var(--ra-muted)}body#top .use .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}body#top .use .tags span{font-size:var(--fs-xs);color:var(--ra-muted);border:1px solid var(--ra-line);border-radius:var(--r-pill);padding:3px 9px}
@media(max-width:820px){body#top .uses{grid-template-columns:1fr}}body#top footer{padding:56px 0 40px;border-top:1px solid var(--ra-line);font-size:var(--fs-sm);color:var(--ra-muted)}body#top footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}body#top footer a:hover{color:var(--ra-ink)}body#top .rv{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}body#top .rv.in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){body#top .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}body#top .nav{transition:none}body#top .btn,body#top .pill{transition:none}body#top .card{transition:none}body#top .stars i,body#top .alive i::after{animation:none}body#top .panel.is-on{animation:none}body#top .aurora,body#top .shoot,body#top .wire::after,body#top .life i{animation:none}body#top .shoot{display:none}body#top .sec-dark::before{background:radial-gradient(58% 60% at 50% 0%,color-mix(in srgb, var(--ra-warn-soft) 10%, transparent),transparent 70%)}}



/* ── bridge ── */
/* ra.css base lands on markup that never had a global sheet: `code` gains a panel
   background and padding inside the landing's terminal. */
body#top .terminal code, body#top .cmd code { background: none; border: 0; padding: 0; border-radius: 0; }
/* ra.css paints the page background (glow over --ra-bg); each design's own body{}
   overrode it. The system treatment is the one the design system intends. */
body#top, body:has(> header.site-head), body:has(> header > nav.shell) { background: var(--ra-glow), var(--ra-bg); }
/* Text on an inverted surface. A white text colour retokenises to --ra-ink — right for
   a light page, invisible on `background:var(--ink)`. Six rules came out ink-on-ink. */
body#top .pill,
body:has(> header.site-head) .steps li:before,
body:has(> header > nav.shell) .stepno,
body:has(> header > nav.shell) .dark { color: var(--ra-bg) !important; }
body#top .pill { background: var(--ra-ink) !important; }
body:has(> header.site-head) .navcta,
body:has(> header > nav.shell) .link-btn { color: var(--ra-bg) !important; }
/* A filled accent surface carries no ink that reaches 4.5:1: white on --ra-accent is
   3.65:1 in the light theme. The accent shade that exists to carry text does. */
body#top .btn, body#top .bubble.me, body#top .comp .send,
body:has(> header > nav.shell) .primary,
body:has(> header > nav.shell) .cta .primary { background: var(--ra-accent-text) !important; color: var(--ra-accent-ink) !important; }
/* the ghost button's whole edge was an inset ring, which the shadow ladder flattens */
body#top .btn.ghost { background: transparent !important; color: var(--ra-accent-text) !important; box-shadow:inset 0 1px 0 var(--ra-line); }
/* Gradient text is painted with `color:transparent`, which by construction is not
   readable — 1.07:1 on the dark page, and unmeasurable on any. Solid, in tokens. */
body#top .dream { background: none !important; color: var(--ra-accent-text) !important; }
/* Remaining measured AA failures. !important because ra.css's shell skin
   (html body .eyebrow) and one stored inline style attribute both outrank a plain
   surface rule. Ratios in reports/site.md. */
body#top .eyebrow,
body:has(> header > nav.shell) .eyebrow,
body:has(> header > nav.shell) .kicker { color: var(--ra-accent-text) !important; }
body#top .sec-dark .lead { color: var(--ra-muted) !important; }
body#top .cmd .copy { color: var(--ra-ink-2) !important; background: var(--ra-panel-2) !important; border-color: var(--ra-line-strong) !important; }
body:has(> header > nav.shell) .blog-cat { color: var(--ra-accent-text) !important; }
/* /solutions is stored page content, not a template: the page's own sheet is gone
   while its inline styles are not, so a raw dark fill survived into both themes and
   the only ink that reads on a fixed dark fill is light — which no token is in both
   themes. Give the two CTAs a token surface instead. */
body:has(> main.wrap) a.cta { background: var(--ra-panel-2) !important; color: var(--ra-ink) !important; border-radius: var(--r-md); padding: 10px 16px; text-decoration: none; }