.rat-hero{width:var(--container);margin:0 auto 2.5rem}.rat-hero-frame{margin:0}.rat-hero-terminal{border-radius:var(--radius-surface);background:var(--surface);scrollbar-width:thin;scrollbar-color:var(--line-strong) var(--surface);overflow-x:auto}.rat-hero-terminal:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.rat-hero-terminal svg{width:100%;min-width:46rem;height:auto;display:block}.rat-hero-narrow{display:none}@media (max-width:760px){.rat-hero-wide{display:none}.rat-hero-narrow{display:block}.rat-hero-narrow svg{min-width:0}}.rat-hero-caption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;padding-top:.75rem;font-size:.8rem;line-height:1.5;display:flex}.rat-hero-links{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.rat-hero-links a{color:var(--accent);text-underline-offset:.2em;white-space:nowrap}.rat-hero-links a:hover{text-decoration:underline}@media (max-width:760px){.rat-hero{margin-bottom:2rem}}
.rat-quickstart{width:var(--container);border-radius:var(--radius-surface);background:var(--surface);color:var(--text);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem 2rem;margin:0 auto 2rem;padding:1.5rem;scroll-margin-top:6rem;display:grid}.rat-start-intro h2{margin:0 0 .5rem;font-size:1.15rem;font-weight:600}.rat-quickstart p{color:var(--muted);max-width:70ch;margin:0;font-size:.875rem;line-height:1.6}.rat-start-links{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1rem;font-size:.8rem;display:flex}.rat-quickstart a{color:var(--accent);text-underline-offset:.2em}.rat-quickstart a:hover{text-decoration:underline}.rat-start-command .rat-copy{justify-content:flex-end;margin-bottom:.5rem;display:flex}.rat-start-command>p{margin-top:.75rem;font-size:.75rem}.rat-quickstart pre{border-radius:var(--radius-control);background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--line-strong) var(--bg);min-width:0;max-width:100%;margin:0;padding:1rem;font-size:.8rem;line-height:1.6;overflow:auto}.rat-quickstart pre::-moz-selection{background:var(--accent);color:var(--on-brand)}.rat-quickstart code::-moz-selection{background:var(--accent);color:var(--on-brand)}.rat-quickstart pre::selection,.rat-quickstart code::selection{background:var(--accent);color:var(--on-brand)}.rat-quickstart :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.rat-existing-app{border-top:1px solid var(--line);grid-column:1/-1;min-width:0;padding-top:1rem}.rat-existing-app summary{cursor:pointer;align-content:center;min-height:2.75rem;font-size:.875rem;font-weight:600;display:list-item}.rat-existing-body{gap:1rem;min-width:0;padding-top:1rem;display:grid}.rat-existing-body .rat-copy{justify-self:end}.rat-host-flow{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:.5rem;padding-top:1.25rem;display:grid}.rat-host-flow dt{margin-bottom:.35rem;font-size:.875rem;font-weight:600}.rat-host-flow dd{color:var(--muted);margin:0;font-size:.85rem;line-height:1.6}@media (max-width:760px){.rat-quickstart{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1.1rem}.rat-host-flow{grid-template-columns:minmax(0,1fr);gap:1rem}.rat-start-command .rat-copy{justify-content:flex-start}}