body.imagineer-page > header, body.imagineer-page > main, body.imagineer-page > footer { width: min(1080px, calc(100% - 64px)); margin-inline: auto; }
.imagineer-page main { padding: 0 0 88px; }
.imagineer-page h1, .imagineer-page h2 { font-family: ui-sans-serif, -apple-system, "SF Pro Display", system-ui, sans-serif; letter-spacing: -.022em; }
.imagineer-page h1 { font-size: clamp(2.5rem, 4.6vw, 4rem); font-weight: 650; line-height: 1.04; margin: 0; }
.imagineer-page h2 { font-size: clamp(1.9rem, 3.2vw, 2.75rem); font-weight: 620; line-height: 1.08; margin: 0; }
.hero { padding: 72px 0 0; text-align: center; }
.hero h1 { max-width: 26ch; margin-inline: auto; }
.hero-support { margin: 20px 0 0; color: var(--muted); font-size: 1.0625rem; }
.hero-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px 24px; margin-top: 28px; }
.download-button { gap: 9px; min-height: 52px; padding-inline: 26px; font-size: 1.0625rem; font-weight: 600; text-decoration: none; }
.download-button svg { width: 17px; height: 17px; }
.hero-status { margin: 18px 0 0; color: var(--muted); font-size: .8125rem; }
.hero-status a { color: inherit; text-underline-offset: 3px; }
.clip { margin: 0; }
.hero .clip { margin-top: 44px; }
.clip video { display: block; width: 100%; height: auto; border-radius: 12px; background: #0d0f12; }
.clip figcaption { margin-top: 12px; color: var(--muted); font-size: .8125rem; }
section.cloud, section.ways, section.private, section.install, section.split, section.close { border-top: 1px solid var(--line); margin-top: 88px; padding-top: 56px; scroll-margin-top: 24px; }
.cloud { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 7fr); gap: 24px 48px; align-items: center; }
.cloud-copy { max-width: 52ch; }
.cloud-copy h2 { text-wrap: pretty; }
.cloud-copy p { color: var(--muted); font-size: 1.0625rem; line-height: 1.6; margin: 16px 0 0; }
.ways-list { list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.ways-list li { padding: 14px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: .9375rem; line-height: 1.5; }
.ways-list strong { display: block; color: var(--ink); font-weight: 650; font-size: 1rem; margin-bottom: 2px; }
.split-list { list-style: none; margin: 20px 0 20px; padding: 0; }
.split-list li { padding: 10px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: .9375rem; }
.split-list li:first-child { border-top: 0; }
.packs { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 18px; color: var(--muted); font-size: .8125rem; font-variant-numeric: tabular-nums; }
.packs span + span::before { content: ""; display: inline-block; width: 1px; height: .75em; margin-right: 14px; background: var(--line); vertical-align: -.1em; }
.cloud-copy .button-link.primary { min-height: 44px; margin-right: 20px; vertical-align: middle; }
.cloud-copy .text-link { vertical-align: middle; }
.private { max-width: 64ch; }
.private p { color: var(--muted); font-size: 1.0625rem; line-height: 1.6; margin: 16px 0 0; }
.private .strong { color: var(--ink); }
.install ol { margin: 24px 0 0; padding-left: 1.25rem; color: var(--muted); font-size: 1.0625rem; line-height: 1.6; }
.install li { margin-top: 12px; }
.install li:first-child { margin-top: 0; }
.install code { display: block; font-family: ui-monospace, SFMono-Regular, monospace; width: fit-content; max-width: 100%; margin-top: 8px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--card); color: var(--ink); font-size: .8125rem; overflow-wrap: anywhere; }
.cloud .text-link { min-height: 44px; }
.close { text-align: center; }
.close .detail { margin: 12px 0 24px; }
.text-link { display: inline-flex; align-items: center; gap: 6px; }
.text-link svg { width: 14px; height: 14px; }
@media (max-width: 900px) {
  body.imagineer-page > header, body.imagineer-page > main, body.imagineer-page > footer { width: calc(100% - 40px); }
  .hero { padding-top: 44px; }
  .hero h1 { font-size: clamp(2.1rem, 8vw, 2.9rem); }
  section.cloud, section.ways, section.private, section.install, section.split, section.close { margin-top: 56px; padding-top: 36px; }
  .cloud { grid-template-columns: 1fr; gap: 24px; }
  .ways-list { grid-template-columns: 1fr; gap: 0; }
}

.imagineer-page footer a { color: var(--muted); }

.cloud-copy .button-link { margin-right: 18px; }
@media (max-width: 540px) { .cloud-copy .button-link { margin: 0 0 12px; } }