/* Native public pages use the dashboard's strict self-hosted asset policy. */
/* Short pages, including an empty docs search, keep the same dark canvas. */
html { background-color:#0b0614;scrollbar-gutter:stable; }
[hidden] { display:none!important; }
[data-hero-condition]:not([hidden]) { display:contents; }
.rw-circle-art { overflow:visible; filter:drop-shadow(0 0 8px #f472b6) drop-shadow(0 0 18px #a855f7); }
.rw-wand-inner { transform-origin:8px 8px; }
.public-skip { position:fixed;left:16px;top:-100px;padding:12px;background:#211330;color:#fff;z-index:99999; }
.public-skip:focus { top:12px; }
/* All public pages share one footer and the header's single animated rule. */
.public-info-footer { background:#0b0614;color:#bfaedb;font-weight:600; }
.public-info-footer > .fl { background-image:linear-gradient(90deg,#a78bfa,#f472b6,#a78bfa); }
.public-footer-inner {
  max-width:1264px;box-sizing:border-box;margin:0 auto;padding:30px 32px 48px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;
}
.public-footer-brand { display:inline-flex;align-items:center;gap:12px;min-height:44px; }
.public-footer-brand img { display:block;width:46px;height:auto; }
.public-footer-links { display:flex;flex-wrap:wrap;gap:0 24px; }
.public-footer-links a { display:inline-flex;align-items:center;min-height:44px; }
.public-info-footer a:hover,.public-info-footer a[aria-current="page"] { color:#f9a8d4;text-decoration:underline;text-underline-offset:4px; }
.public-footer-note { width:100%;margin:0;font-size:12px;font-weight:400; }
.public-footer-note a { text-decoration:underline;text-underline-offset:3px; }
/* Four human-drawn portraits share one unmodified, attributed source image. */
.demo-portrait { position:relative;overflow:hidden;isolation:isolate; }
.demo-portrait.demo-portrait > img {
  position:absolute;display:block;max-width:none;max-height:none;
  width:var(--portrait-width);height:var(--portrait-height);
  left:var(--portrait-left);top:var(--portrait-top);object-fit:fill;
}
.demo-portrait[data-portrait="a"] { --portrait-width:662.069%;--portrait-height:372.414%;--portrait-left:-68.966%;--portrait-top:-68.966%; }
.demo-portrait[data-portrait="b"] { --portrait-width:685.714%;--portrait-height:385.714%;--portrait-left:-175%;--portrait-top:-69.643%; }
.demo-portrait[data-portrait="c"] { --portrait-width:600%;--portrait-height:337.5%;--portrait-left:-343.75%;--portrait-top:-62.5%; }
.demo-portrait[data-portrait="d"] { --portrait-width:619.355%;--portrait-height:348.387%;--portrait-left:-462.903%;--portrait-top:-64.516%; }
.flow-profile-avatar.demo-portrait { display:block; }
.flow-overview-avatar { display:block;width:48px;height:48px;flex:none;border-radius:8px; }
@media(max-width:760px) { .public-footer-inner { padding:26px 20px 48px; } }
.docs-content { min-width:0;display:flex;flex-direction:column;gap:20px; }
.dd h2 { margin:0 0 8px;font:600 32px Fraunces,serif;color:#fff; }
.dd h3 { margin:20px 0 6px;font:800 13px Manrope,sans-serif;letter-spacing:.08em;color:#f9a8d4; }
.docs-toc ul { list-style:none;padding:0;margin:0; }
.docs-toc h2 { margin:0 0 12px;font:800 12px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#f9a8d4; }
.docs-toc .docs-kicker { margin:18px 0 7px;font:800 11px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f9a8d4; }
.docs-toc .docs-kicker:first-child { margin-top:0; }
.docs-toc a[aria-current] { color:#fff;text-decoration:underline;text-underline-offset:4px; }
.docs-command,.dd code { overflow-wrap:anywhere; }
.dd dt { margin-top:18px;font-weight:800;color:#fff; }
.dd dd { margin:6px 0 18px; }
.docs-note { padding:18px;border:1px solid #c4a3da40;border-radius:12px;background:#2b1b3b; }
.docs-search { max-width:680px;margin-bottom:30px; }
.docs-search>label { display:block;font-size:13px;margin:0 0 8px;color:#e5d6f5; }
.docs-search-controls { display:flex;gap:10px;padding:6px 8px 6px 18px;border-radius:999px;background:#ffffff12;box-shadow:inset 0 0 0 1.5px #ffffff38; }
.docs-search-controls:focus-within { outline:2px solid #f9a8d4; }
.docs-search input { flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:600 16px Manrope,sans-serif;padding:12px 4px; }
.docs-search input::placeholder { color:#bfaedb; }
.docs-search button,#docs-no-results button { border:0;border-radius:999px;padding:9px 16px;background:#7c3aed;color:#fff;font:600 14px Manrope,sans-serif;cursor:pointer; }
.docs-search-status { color:#bfaedb;font-size:13px; }
.docs-anchor { display:block;scroll-margin-top:140px; }
.dd { scroll-margin-top:140px; }
@media(max-width:600px) { .dd h2{font-size:27px}.docs-search input{font-size:14px} }
@media(max-width:380px) {
  /* Reserve the same space when longer headings and step dots wrap. */
  .feature-grid > .fc > summary > .story-pagination { min-height:55px; }
  .feature-grid > .fc > summary > .fh { min-height:90px; }
}

/* Keep the introduction beside the artwork and the demo within a feature card. */
/* Match the feature section's 1200px content width and 32px desktop gutters. */
#top.hero {
  max-width:1200px !important;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  align-items:center;
  gap:24px 32px !important;
}
#top .hero-copy { grid-column:1;grid-row:1; }
#top.hero .hero-copy h1 { margin-top:0 !important; }
#top .hero-stage { display:contents; }
#top .hero-stage > div:first-child {
  grid-column:2;grid-row:1;height:400px;
}
#top .hero-stage > div:first-child > * {
  top:50%;
  /* Share the demo's right edge without changing the artwork's transforms. */
  left:min(50%, calc(394px - min(200px, 50%)));
}
#top .hero-stage > div:first-child > svg { width:min(400px, 100%); }
#top .hero-actions .btn { padding:14px 20px;justify-content:center; }
#top .crow {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 250px;
  gap:14px;
  /* Keep the previous right edge; extend only the left edge to the features. */
  width:min(100%, calc(50% + 410px));
  box-sizing:border-box;
  margin:0 auto 0 0;
  padding:14px;
  border-radius:22px;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  align-items:stretch;
}
#top .cbox {
  height:320px;box-sizing:border-box;border:0;border-radius:14px;padding:0;
  background:#120a20 radial-gradient(220px 120px at 85% 0,rgba(236,72,153,.12),transparent 65%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
#top .cin { padding-bottom:0; }
#top .hero-scene > .story-head {
  position:sticky;top:0;z-index:3;
  background:#120a20 radial-gradient(220px 120px at 85% 0,rgba(219,39,119,.3),transparent 70%);
}
#top .hero-messages { padding:12px; }
#top .ccol { min-width:0;height:320px;gap:6px;justify-content:flex-start; }
#top .ci { min-height:40px;padding:9px 14px; }
#top .ci.on { min-height:136px; }
#top .cid { animation:none; }

/* Every public page keeps the homepage header positions and demo-edge alignment. */
.hr { flex-wrap:nowrap; }
.hr > a { flex-shrink:0; }
.hr .nv {
  /* Reserve each link's space before the webfont loads. Content-sized flex
     links shifted the whole navigation and the install button during swaps. */
  display:grid;grid-template-columns:72px 10px 69px 10px 134px 10px 65px 10px 43px 10px 83px 10px 176px;
  align-items:center;gap:10px;font-size:14px;flex:none;
}
.hr .nv .nl { white-space:nowrap;box-sizing:border-box;height:36px; }
.hr .nv .nb { box-sizing:border-box;height:42px;padding:10px 14px;justify-content:center;white-space:nowrap; }
.hr .sd5101fdb7d2b { aspect-ratio:640 / 506; }
.hr .seda8c0770dce { aspect-ratio:720 / 324; }
.hr .mb { box-sizing:border-box;width:104px;height:44px;justify-content:center;white-space:nowrap; }
.hr .nv .st { width:10px;height:10px; }
.hr .nv { margin-right:max(0px, calc(50% - 410px)); }
@media(max-width:1200px) {
  .hr .nv { display:none; }
  .hr .mm { display:block; }
}

/* Both lower sections share the same left edge and responsive gutters. */
.section-shell.section-shell {
  width:100%;max-width:1264px;box-sizing:border-box;
  margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;
}
@media(max-width:760px) {
  #top.hero { grid-template-columns:minmax(0,1fr);gap:20px !important;padding-left:32px !important;padding-right:32px !important; }
  #top .hero-copy { grid-column:1;grid-row:1; }
  #top .hero-stage > div:first-child { grid-column:1;grid-row:2;height:320px; }
  #top .hero-stage > div:first-child > * { left:50%; }
  #top .hero-stage > div:first-child > svg { width:min(320px,100%); }
  #top .hero-stage > div:first-child > .moon { width:320px;height:320px;margin:-160px 0 0 -160px; }
  #top .crow { grid-template-columns:minmax(0,1fr) 220px;gap:14px; }
  #top .ccol,#top .cbox { height:350px; }
  #top .ci.on { min-height:166px; }
  #commands.section-shell,#community.section-shell { padding-left:20px !important;padding-right:20px !important; }
}
@media(max-width:560px) {
  #top.hero { padding-left:16px !important;padding-right:16px !important; }
  #top .crow { grid-template-columns:minmax(0,1fr); }
  #top .ccol {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:144px 56px 56px;height:268px;width:100%;
  }
  #top .ci { min-width:0;padding:8px 12px; }
  #top .ci.on { grid-row:1;grid-column:1 / -1;min-height:0; }
  #top .hero-actions { gap:10px !important; }
  #top .hero-actions .btn { font-size:14px;padding:13px 16px; }
}