@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,500;0,600;0,700;1,500;1,600;1,700&family=Public+Sans:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=IBM+Plex+Mono:ital,wght@0,400;0,500;1,400;1,500&display=swap");

/* ---------- foundation ---------- */
.man-page {
  --man-background: var(--sg-background, #f3f7fa);
  --man-background-alt: var(--sg-background-alt, #e7eff5);
  --man-background-image: var(--sg-background-image, none);
  --man-surface: var(--sg-surface, rgba(255, 255, 255, 0.55));
  --man-text: var(--sg-text, #142b3e);
  --man-muted: var(--sg-muted, #4b6274);
  --man-accent: var(--sg-accent, #1456be);
  --man-accent-2: var(--sg-accent-2, #14715c);
  --man-accent-3: var(--sg-accent-3, #506f8c);
  --man-on-accent: var(--sg-on-accent, #f8fbff);
  --man-font-display: var(--sg-font-display, 'Barlow Semi Condensed', sans-serif);
  --man-font-body: var(--sg-font-body, 'Public Sans', sans-serif);
  --man-font-mono: 'IBM Plex Mono', monospace;
  --man-line: color-mix(in srgb, var(--man-text) 22%, var(--man-background));
  --man-line-strong: color-mix(in srgb, var(--man-text) 42%, var(--man-background));
  --man-hover: color-mix(in srgb, var(--man-accent) 7%, var(--man-background));
  --man-accent-hover: color-mix(in srgb, var(--man-accent) 88%, var(--man-text));
  --man-focus: color-mix(in srgb, var(--man-accent) 85%, var(--man-text));
  --man-unit: 4px;
  --man-radius: 2px;
  --man-container: 1280px;
  --man-gutter: 40px;
  --man-gap: 24px;
  --man-section-space: 72px;
  --man-fast: 160ms;
  --man-ease: cubic-bezier(0.2, 0.65, 0.3, 1);
  --man-display-size: clamp(3.05rem, 4.6vw, 4.75rem);
  --man-h2-size: clamp(2.45rem, 3.4vw, 3.05rem);
  --man-h3-size: 2.45rem;
  --man-lead-size: 1.25rem;
  --man-body-size: 1rem;
  --man-small-size: 0.8125rem;
  --man-eyebrow-size: 0.6875rem;
  background-color: var(--man-background);
  background-image: var(--man-background-image);
  color: var(--man-text);
  font-family: var(--man-font-body);
  font-size: var(--man-body-size);
  font-weight: 400;
  line-height: 1.65;
  text-align: left;
  text-indent: 0;
  font-variant-numeric: tabular-nums;
  overflow-wrap: break-word;
  color-scheme: light;
  isolation: isolate;
}

:where(.man-page), :where(.man-page) *, :where(.man-page)::before, :where(.man-page)::after, :where(.man-page) *::before, :where(.man-page) *::after { box-sizing: border-box; }
:where(.man-page) :is(p, ul, ol, dl, dd, figure, blockquote) {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  text-align: left;
  text-indent: 0;
}
:where(.man-page) :is(h1, h2, h3) {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: left;
  text-indent: 0;
}
:where(.man-page) img { display: block; max-width: 100%; height: auto; }
:where(.man-page) :is(button, input, select, textarea) { font: inherit; color: inherit; }
:where(.man-page) button { text-transform: none; }

.man-page .man-display, .man-page .man-h2, .man-page .man-h3 {
  font-family: var(--man-font-display);
  font-weight: 600;
  text-align: left;
  text-wrap: balance;
}
.man-page .man-display { font-size: var(--man-display-size); line-height: 1.02; letter-spacing: -0.025em; max-width: 17ch; }
.man-page .man-h2 { font-size: var(--man-h2-size); line-height: 1.08; letter-spacing: -0.018em; max-width: 25ch; }
.man-page .man-h3 { font-size: var(--man-h3-size); line-height: 1.15; letter-spacing: -0.01em; }
.man-page .man-lead { font-size: var(--man-lead-size); line-height: 1.6; max-width: 62ch; }
.man-page .man-body { font-size: var(--man-body-size); line-height: 1.65; max-width: 70ch; }
.man-page .man-small { font-size: var(--man-small-size); line-height: 1.6; }
.man-page .man-eyebrow { font-family: var(--man-font-mono); font-size: var(--man-eyebrow-size); font-weight: 500; line-height: 1.5; letter-spacing: 0.09em; text-transform: uppercase; color: var(--man-muted); }
.man-page .man-muted { color: var(--man-muted); }
.man-page .man-mono { font-family: var(--man-font-mono); font-variant-numeric: tabular-nums; }
.man-page .man-container { width: 100%; max-width: calc(var(--man-container) + var(--man-gutter) * 2); padding-inline: var(--man-gutter); margin-inline: auto; }
.man-page .man-section { padding-block: var(--man-section-space); }
.man-page .man-section + .man-section { border-top: 1px solid var(--man-line); }
.man-page .man-section--alt { background: var(--man-background-alt); }
.man-page .man-stack { display: flex; flex-direction: column; gap: var(--man-stack-gap, 20px); }
.man-page .man-stack > *, .man-page .man-grid > *, .man-page .man-editorial > * { min-width: 0; }
.man-page .man-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.man-page .man-grid { display: grid; grid-template-columns: repeat(var(--man-cols, 3), minmax(0, 1fr)); gap: var(--man-gap); }
.man-page .man-grid[data-cols='1'] { --man-cols: 1; }
.man-page .man-grid[data-cols='2'] { --man-cols: 2; }
.man-page .man-grid[data-cols='3'] { --man-cols: 3; }
.man-page .man-grid[data-cols='4'] { --man-cols: 4; }
.man-page .man-editorial { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--man-gap); }
.man-page .man-index { grid-column: span 2; padding-top: 8px; border-top: 1px solid var(--man-line-strong); font-family: var(--man-font-mono); font-size: var(--man-small-size); color: var(--man-muted); }
.man-page .man-content { grid-column: span 10; min-width: 0; }

.man-page a { color: var(--man-accent); text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: color var(--man-fast), text-decoration-color var(--man-fast); }
.man-page a:hover { color: var(--man-accent-hover); }
.man-page .man-index a { color: inherit; text-decoration-color: transparent; }
.man-page .man-index a:hover { color: var(--man-accent); text-decoration-color: currentColor; }
.man-page :is(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--man-focus); outline-offset: 4px; }
.man-page .man-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  padding: 12px 20px;
  border: 1px solid var(--man-accent);
  border-radius: var(--man-radius);
  background: var(--man-accent);
  color: var(--man-on-accent);
  font-family: var(--man-font-body);
  font-size: var(--man-small-size);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--man-fast), border-color var(--man-fast), color var(--man-fast);
}
.man-page .man-button:hover { background: var(--man-accent-hover); border-color: var(--man-accent-hover); color: var(--man-on-accent); }
.man-page .man-button--secondary { background: transparent; border-color: var(--man-line-strong); color: var(--man-text); }
.man-page .man-button--secondary:hover { background: var(--man-hover); border-color: var(--man-accent); color: var(--man-text); }
.man-page .man-button:disabled, .man-page .man-button[aria-disabled='true'] { opacity: 0.5; cursor: not-allowed; }
.man-page .man-field { width: 100%; min-height: 48px; padding: 12px 16px; border: 1px solid var(--man-line-strong); border-radius: var(--man-radius); background: var(--man-surface); color: var(--man-text); transition: border-color var(--man-fast); }
.man-page .man-field::placeholder { color: var(--man-muted); opacity: 1; }
.man-page .man-field:hover { border-color: var(--man-accent); }
.man-page .man-card { padding: 24px; border: 1px solid var(--man-line); border-radius: var(--man-radius); background: var(--man-surface); }
.man-page .man-chip { display: inline-flex; align-items: center; gap: 8px; padding: 4px 8px; border: 1px solid var(--man-line); border-radius: var(--man-radius); background: var(--man-hover); color: var(--man-text); font-family: var(--man-font-mono); font-size: var(--man-eyebrow-size); line-height: 1.5; }
.man-page .man-media { position: relative; overflow: hidden; aspect-ratio: auto; background: var(--man-background-alt); border: 1px solid var(--man-line); border-radius: var(--man-radius); }
.man-page .man-media > :is(img, video) { display: block; width: 100%; height: 100%; object-fit: contain; }
.man-page .man-media--panorama { --man-media-ratio: 21 / 9; }
.man-page .man-canvas { background: var(--man-accent); color: var(--man-on-accent); }
.man-page .man-canvas :is(.man-eyebrow, .man-muted) { color: inherit; }
.man-page .man-canvas a:not(.man-button) { color: inherit; }
.man-page .man-canvas :focus-visible { outline-color: var(--man-on-accent); }
.man-page .man-table-wrap { max-width: 100%; overflow-x: auto; border-block: 1px solid var(--man-line-strong); }
.man-page .man-table { width: 100%; border-collapse: collapse; font-size: var(--man-small-size); line-height: 1.6; text-align: left; }
.man-page .man-table :is(th, td) { padding: 16px 20px; border-bottom: 1px solid var(--man-line); text-align: left; vertical-align: top; }
.man-page .man-table th { font-family: var(--man-font-mono); font-size: var(--man-eyebrow-size); font-weight: 500; letter-spacing: 0.04em; }
.man-page .man-table thead { background: var(--man-background-alt); }
.man-page .man-table tbody tr { transition: background-color var(--man-fast); }
.man-page .man-table tbody tr:hover, .man-page .man-table tbody tr:focus-within { background: var(--man-hover); }
.man-page .man-table tbody tr:last-child > * { border-bottom: 0; }
.man-page .man-prose { max-width: 70ch; }
.man-page .man-prose > * + * { margin-top: 20px; }
.man-page .man-prose :is(ul, ol) { padding-left: 24px; }
.man-page .man-prose li + li { margin-top: 8px; }

.man-page [data-reveal] { opacity: 1; transform: none; }
.man-page.sg-js [data-reveal] { transition: opacity 280ms var(--man-ease), transform 280ms var(--man-ease); transition-delay: calc(var(--reveal-i, 0) * 80ms); }
.man-page.sg-js [data-reveal]:not(.is-in) { opacity: 0; transform: translateY(12px); }
.man-page.sg-js [data-reveal].is-in { opacity: 1; transform: none; }

@media (max-width: 899px) {
  .man-page { --man-gutter: 24px; --man-gap: 20px; --man-section-space: 56px; --man-h3-size: 1.95rem; }
  .man-page .man-grid[data-cols='3'], .man-page .man-grid[data-cols='4'] { --man-cols: 2; }
  .man-page .man-index { grid-column: span 3; }
  .man-page .man-content { grid-column: span 9; }
  .man-page .man-card { padding: 20px; }
}
@media (max-width: 599px) {
  .man-page { --man-gutter: 16px; --man-gap: 16px; --man-section-space: 40px; --man-display-size: 3.05rem; --man-h2-size: 2.45rem; }
  .man-page .man-grid[data-cols] { --man-cols: 1; }
  .man-page .man-grid { grid-template-columns: minmax(0, 1fr); }
  .man-page .man-editorial { grid-template-columns: minmax(0, 1fr); }
  .man-page .man-index, .man-page .man-content { grid-column: 1 / -1; }
  .man-page .man-media--panorama { --man-media-ratio: 4 / 3; }
  .man-page .man-table :is(th, td) { padding: 12px; }
  .man-page .man-table { min-width: 560px; }
  .man-page .man-actions > .man-button { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) {
  .man-page { scroll-behavior: auto; }
  .man-page *, .man-page *::before, .man-page *::after { animation: none; transition: none; scroll-behavior: auto; }
  .man-page.sg-js [data-reveal], .man-page.sg-js [data-reveal]:not(.is-in), .man-page.sg-js [data-reveal].is-in { opacity: 1; transform: none; transition: none; }
  .man-page [data-marquee], .man-page [data-marquee] *, .man-page [data-parallax] { animation: none; transform: none; }
}

/* the design system, for the component rules below */
/* Direction: Technical Clarity — an ice-white technical reference for engineers and procurement; memorable organisation, deep-blue signals, editorial specifications.
Theme: --sg-background, --sg-background-alt, --sg-background-image, --sg-surface, --sg-text, --sg-muted, --sg-accent, --sg-accent-2, --sg-accent-3, --sg-on-accent, --sg-font-display and --sg-font-body feed --man-* aliases; derive component colours from these.
Typography: .man-display, .man-h2, .man-h3, .man-lead, .man-body, .man-small and .man-eyebrow define the scale; use semantic heading elements with these classes.
Utilities: .man-muted supplies secondary text; .man-mono supplies IBM Plex Mono and tabular numbers.
Layout: .man-container caps content at 1280px; --man-gutter is 40/24/16px, --man-gap is 24/20/16px, with breakpoints below 900px and 600px.
Rhythm: .man-section uses 72/56/40px vertical padding; .man-section--alt is an intentional alternate background, not an automatic stripe.
Editorial: .man-editorial is a 12-column grid; .man-index/.man-content span 2/10 columns, then 3/9, then stack on phones.
Grid: .man-grid with data-cols="1" through "4"; three and four columns become two below 900px, all become one below 600px.
Flow: .man-stack uses --man-stack-gap (20px default); .man-actions wraps actions with 12px gaps; .man-prose supplies readable text and list spacing.
Actions: .man-button is primary; add .man-button--secondary for an outlined action; .man-field styles inputs, selects and textareas.
Surfaces: .man-card is a restrained bordered surface; .man-chip is a compact mono label; avoid nested cards and repeated card grids.
Media: .man-media uses --man-media-ratio (16/9) and --man-media-fit (cover); .man-media--panorama uses 21/9 and 4/3 on phones.
Canvas: .man-canvas supplies an accent-blue opening with on-accent text; prefer secondary actions outside this canvas or theme them deliberately for contrast.
Specifications: .man-table inside .man-table-wrap provides wide, scrollable specifications; label the wrapper and use tabindex="0" when keyboard scrolling is needed.
Links: native anchors have precise underlines; index links reveal their underline on hover; all interactive elements receive visible focus rings.
Motion: data-reveal remains visible without JavaScript; add sg-js to the page after observer setup, then is-in once per element; --reveal-i controls 80ms stagger increments.
Reduced motion: all scoped CSS animation and transitions stop; reveals remain visible; component scripts must also disable automated carousel, marquee and parallax movement.
Geometry: --man-unit is 4px, --man-radius is 2px; --man-fast is 160ms; no shadows or decorative gradients by default. */

/* ---------- hero-3d ---------- */
.man-page .man-h3d { position: relative; overflow: hidden; padding-block: 88px; }
.man-page .man-h3d-layout { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--man-gap); align-items: center; min-height: 440px; position: relative; }
.man-page .man-h3d-copy { grid-column: 1 / span 7; position: relative; z-index: 2; min-width: 0; }
.man-page .man-h3d-eyebrow { margin-bottom: 24px; padding-left: 28px; position: relative; }
.man-page .man-h3d-eyebrow::before { content: ''; position: absolute; left: 0; top: 0.65em; width: 16px; height: 1px; background: currentColor; }
.man-page .man-h3d-title { font-size: clamp(3.5rem, 6.5vw, 6.25rem); max-width: 14ch; }
.man-page .man-h3d-subtitle { margin-top: 28px; max-width: 49ch; }
.man-page .man-h3d-actions { margin-top: 32px; }
.man-page .man-h3d-actions:empty { display: none; }
.man-page .man-h3d .man-h3d-primary { background: var(--man-on-accent); border-color: var(--man-on-accent); color: var(--man-accent); }
.man-page .man-h3d .man-h3d-primary:hover { background: var(--man-background-alt); border-color: var(--man-background-alt); color: var(--man-text); }
.man-page .man-h3d .man-h3d-secondary, .man-page a.man-h3d-link { background: transparent; border-color: color-mix(in srgb, var(--man-on-accent) 65%, transparent); color: var(--man-on-accent); text-decoration: none; }
.man-page .man-h3d .man-h3d-secondary:hover, .man-page a.man-h3d-link:hover { background: color-mix(in srgb, var(--man-on-accent) 12%, transparent); border-color: var(--man-on-accent); color: var(--man-on-accent); }
.man-page .man-h3d-drawing { grid-column: 8 / -1; position: relative; aspect-ratio: 1; color: var(--man-on-accent); border: 1px solid color-mix(in srgb, currentColor 25%, transparent); perspective: 900px; }
.man-page .man-h3d-axis { position: absolute; opacity: 0.25; background: currentColor; }
.man-page .man-h3d-axis--horizontal { top: 50%; left: -24px; right: -24px; height: 1px; }
.man-page .man-h3d-axis--vertical { left: 50%; top: -24px; bottom: -24px; width: 1px; }
.man-page .man-h3d-orb { position: absolute; inset: 13%; border: 1px solid color-mix(in srgb, currentColor 60%, transparent); border-radius: 50%; transform-style: preserve-3d; animation: man-h3d-turn 32s linear infinite; }
.man-page .man-h3d-orb span { position: absolute; inset: 0; border: 1px solid color-mix(in srgb, currentColor 50%, transparent); border-radius: 50%; }
.man-page .man-h3d-orb span:nth-child(1) { transform: rotateY(30deg); }
.man-page .man-h3d-orb span:nth-child(2) { transform: rotateY(60deg); }
.man-page .man-h3d-orb span:nth-child(3) { transform: rotateY(90deg); }
.man-page .man-h3d-orb span:nth-child(4) { transform: rotateY(120deg); }
.man-page .man-h3d-orb span:nth-child(5) { transform: rotateX(65deg); }
.man-page .man-h3d-orb span:nth-child(6) { transform: rotateX(115deg); }
.man-page .man-h3d-waves { display: none; }
.man-page .man-h3d--waves .man-h3d-layout { display: flex; justify-content: center; min-height: 480px; }
.man-page .man-h3d--waves .man-h3d-copy { width: 100%; max-width: 980px; text-align: center; }
.man-page .man-h3d--waves .man-h3d-heading, .man-page .man-h3d--waves .man-h3d-title, .man-page .man-h3d--waves .man-h3d-eyebrow, .man-page .man-h3d--waves .man-h3d-subtitle { text-align: center; margin-inline: auto; }
.man-page .man-h3d--waves .man-h3d-title { max-width: 20ch; }
.man-page .man-h3d--waves .man-h3d-eyebrow { padding-left: 0; }
.man-page .man-h3d--waves .man-h3d-eyebrow::before { display: none; }
.man-page .man-h3d--waves .man-h3d-subtitle { max-width: 62ch; }
.man-page .man-h3d--waves .man-h3d-actions { justify-content: center; }
.man-page .man-h3d--waves .man-h3d-drawing { position: absolute; inset: auto calc(-1 * var(--man-gutter)) -88px; height: 160px; aspect-ratio: auto; border: 0; opacity: 0.28; pointer-events: none; }
.man-page .man-h3d--waves .man-h3d-orb, .man-page .man-h3d--waves .man-h3d-axis { display: none; }
.man-page .man-h3d--waves .man-h3d-waves { display: block; position: absolute; inset: 0; }
.man-page .man-h3d-waves span { position: absolute; width: 130%; height: 200px; left: -15%; border-top: 1px solid currentColor; border-radius: 50%; animation: man-h3d-wave 14s ease-in-out infinite alternate; }
.man-page .man-h3d-waves span:nth-child(1) { top: 0; }
.man-page .man-h3d-waves span:nth-child(2) { top: 24px; animation-delay: -2s; }
.man-page .man-h3d-waves span:nth-child(3) { top: 48px; animation-delay: -4s; }
.man-page .man-h3d-waves span:nth-child(4) { top: 72px; animation-delay: -6s; }
.man-page .man-h3d-waves span:nth-child(5) { top: 96px; animation-delay: -8s; }
.man-page .man-h3d-waves span:nth-child(6) { top: 120px; animation-delay: -10s; }
@keyframes man-h3d-turn { from { transform: rotateX(16deg) rotateY(0deg); } to { transform: rotateX(16deg) rotateY(360deg); } }
@keyframes man-h3d-wave { from { transform: translateX(-3%) rotate(-3deg); } to { transform: translateX(3%) rotate(3deg); } }
@media (max-width: 899px) { .man-page .man-h3d { padding-block: 64px; } .man-page .man-h3d-layout { min-height: 380px; } .man-page .man-h3d-copy { grid-column: 1 / span 8; } .man-page .man-h3d-drawing { grid-column: 9 / -1; } .man-page .man-h3d--waves .man-h3d-drawing { bottom: -64px; } }
@media (max-width: 599px) { .man-page .man-h3d { padding-block: 40px; } .man-page .man-h3d-layout { grid-template-columns: minmax(0, 1fr); gap: 40px; min-height: 0; } .man-page .man-h3d-copy { grid-column: 1; } .man-page .man-h3d-title { font-size: clamp(3.05rem, 12vw, 4rem); } .man-page .man-h3d-drawing { grid-column: 1; width: min(64%, 260px); justify-self: end; margin-right: 12px; } .man-page .man-h3d-subtitle { margin-top: 24px; } .man-page .man-h3d--waves .man-h3d-layout { min-height: 440px; padding-bottom: 56px; } .man-page .man-h3d--waves .man-h3d-drawing { bottom: -40px; width: auto; margin: 0; } }
@media (prefers-reduced-motion: reduce) { .man-page .man-h3d-orb, .man-page .man-h3d-waves span { animation: none; } }

/* ---------- split-feature ---------- */
.man-page .man-sfeature-index { align-self: start; }
.man-page .man-sfeature-main { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: var(--man-gap); align-items: center; }
.man-page .man-sfeature-copy { grid-column: 1 / span 5; min-width: 0; padding-right: 12px; }
.man-page .man-sfeature-title { margin-bottom: 24px; }
.man-page .man-sfeature-body { color: var(--man-muted); }
.man-page .man-sfeature-bullets { margin-top: 28px; list-style: none; border-top: 1px solid var(--man-line-strong); }
.man-page .man-sfeature-bullets:empty { display: none; }
.man-page .man-sfeature-bullets li { position: relative; padding: 12px 0 12px 24px; border-bottom: 1px solid var(--man-line); font-size: var(--man-body-size); line-height: 1.65; }
.man-page .man-sfeature-bullets li::before { content: ''; position: absolute; left: 0; top: 23px; width: 8px; height: 2px; background: var(--man-accent); }
.man-page .man-sfeature-visual { grid-column: 6 / span 5; min-width: 0; position: relative; }
.man-page .man-sfeature-image { --man-media-ratio: 4 / 5; border-color: var(--man-line-strong); }
.man-page .man-sfeature-image img { object-position: center; }
.man-page .man-sfeature-pattern { aspect-ratio: 4 / 5; position: relative; overflow: hidden; background: var(--man-background-alt); border: 1px solid var(--man-line-strong); border-radius: var(--man-radius); }
.man-page .man-sfeature-gridlines { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(5, 1fr); opacity: 0.65; }
.man-page .man-sfeature-gridlines span { border-right: 1px solid var(--man-line); }
.man-page .man-sfeature-gridlines span:last-child { border-right: 0; }
.man-page .man-sfeature-pattern::before, .man-page .man-sfeature-pattern::after { content: ''; position: absolute; left: 0; right: 0; height: 1px; background: var(--man-line); }
.man-page .man-sfeature-pattern::before { top: 20%; }
.man-page .man-sfeature-pattern::after { bottom: 20%; }
.man-page .man-sfeature-plan { position: absolute; inset: 25% 20%; border: 1px solid var(--man-accent); transform: skewY(-12deg); background: color-mix(in srgb, var(--man-accent) 4%, var(--man-background-alt)); }
.man-page .man-sfeature-plan span { position: absolute; inset: 0; border: 1px solid var(--man-accent); }
.man-page .man-sfeature-plan span:nth-child(1) { transform: translate(12px, -16px); }
.man-page .man-sfeature-plan span:nth-child(2) { transform: translate(24px, -32px); }
.man-page .man-sfeature-plan span:nth-child(3) { transform: translate(36px, -48px); }
.man-page .man-sfeature-cross { position: absolute; width: 16px; height: 16px; color: var(--man-accent); }
.man-page .man-sfeature-cross::before, .man-page .man-sfeature-cross::after { content: ''; position: absolute; background: currentColor; }
.man-page .man-sfeature-cross::before { width: 16px; height: 1px; top: 7px; }
.man-page .man-sfeature-cross::after { height: 16px; width: 1px; left: 7px; }
.man-page .man-sfeature-cross--first { top: calc(20% - 8px); left: calc(20% - 8px); }
.man-page .man-sfeature-cross--last { bottom: calc(20% - 8px); right: calc(20% - 8px); }
.man-page .man-sfeature--image-left .man-sfeature-visual { grid-column: 1 / span 5; grid-row: 1; }
.man-page .man-sfeature--image-left .man-sfeature-copy { grid-column: 6 / span 5; grid-row: 1; padding-right: 0; padding-left: 12px; }
@media (max-width: 899px) { .man-page .man-sfeature .man-sfeature-index { grid-column: 1 / -1; } .man-page .man-sfeature .man-sfeature-main { grid-column: 1 / -1; } .man-page .man-sfeature-copy { padding-right: 0; } .man-page .man-sfeature--image-left .man-sfeature-copy { padding-left: 0; } .man-page .man-sfeature-image, .man-page .man-sfeature-pattern { aspect-ratio: 3 / 4; } }
@media (max-width: 599px) { .man-page .man-sfeature-main { grid-template-columns: minmax(0, 1fr); gap: 28px; } .man-page .man-sfeature .man-sfeature-copy, .man-page .man-sfeature--image-left .man-sfeature-copy { grid-column: 1; grid-row: auto; padding: 0; } .man-page .man-sfeature .man-sfeature-visual, .man-page .man-sfeature--image-left .man-sfeature-visual { grid-column: 1; grid-row: auto; } .man-page .man-sfeature-title { margin-bottom: 20px; } .man-page .man-sfeature-image { --man-media-ratio: 4 / 3; aspect-ratio: 4 / 3; } .man-page .man-sfeature-pattern { aspect-ratio: 4 / 3; } .man-page .man-sfeature-plan { inset: 28% 25%; } }

/* ---------- feature-grid ---------- */
.man-page .man-features__heading { margin-bottom: 40px; }
.man-page .man-features__heading .man-content { --man-stack-gap: 16px; }
.man-page .man-features__item { min-width: 0; padding: 28px; border: 1px solid var(--man-line); border-radius: var(--man-radius); background: var(--man-surface); transition: border-color var(--man-fast), background-color var(--man-fast); }
.man-page .man-features__item:hover { border-color: var(--man-line-strong); background: var(--man-hover); }
.man-page .man-features__marker { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 28px; margin-bottom: 32px; }
.man-page .man-features__number { color: var(--man-muted); font-size: var(--man-eyebrow-size); line-height: 1.5; }
.man-page .man-features__icon { color: var(--man-accent); font-size: 24px; line-height: 1; }
.man-page .man-features__title { margin-bottom: 12px; font-size: calc(var(--man-lead-size) * 1.25); line-height: 1.2; }
.man-page .man-features__copy { min-width: 0; }
.man-page .man-features--minimal .man-features__list { display: block; margin-left: calc((100% - 11 * var(--man-gap)) / 12 * 2 + 2 * var(--man-gap)); border-top: 1px solid var(--man-line-strong); }
.man-page .man-features--minimal .man-features__item { display: grid; grid-template-columns: minmax(80px, 1fr) minmax(0, 9fr); gap: var(--man-gap); padding: 28px 0; border: 0; border-bottom: 1px solid var(--man-line); border-radius: 0; background: transparent; }
.man-page .man-features--minimal .man-features__item:hover { background: var(--man-hover); }
.man-page .man-features--minimal .man-features__marker { align-self: start; justify-content: flex-start; gap: 20px; margin-bottom: 0; padding-top: 4px; }
.man-page .man-features--minimal .man-features__copy { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 5fr); gap: var(--man-gap); }
.man-page .man-features--minimal .man-features__title { margin-bottom: 0; }
@media (max-width: 899px) {
  .man-page .man-features__heading { margin-bottom: 32px; }
  .man-page .man-features__item { padding: 24px; }
  .man-page .man-features--minimal .man-features__list { margin-left: calc((100% - 11 * var(--man-gap)) / 12 * 3 + 3 * var(--man-gap)); }
  .man-page .man-features--minimal .man-features__copy { display: block; }
  .man-page .man-features--minimal .man-features__title { margin-bottom: 12px; }
}
@media (max-width: 599px) {
  .man-page .man-features__heading { margin-bottom: 24px; }
  .man-page .man-features__item { padding: 24px; }
  .man-page .man-features__marker { margin-bottom: 24px; }
  .man-page .man-features--minimal .man-features__list { margin-left: 0; }
  .man-page .man-features--minimal .man-features__item { grid-template-columns: 48px minmax(0, 1fr); padding-block: 24px; }
  .man-page .man-features--minimal .man-features__marker { flex-direction: column; align-items: flex-start; gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .man-page .man-features__item { transition: none; }
}

/* ---------- card-grid ---------- */
.man-page .man-catalog__heading { margin-bottom: 40px; }
.man-page .man-catalog__heading .man-content { --man-stack-gap: 16px; }
.man-page .man-catalog__heading .man-prose:empty { display: none; }
.man-page .man-catalog__list { align-items: stretch; }
.man-page .man-catalog__item { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--man-line); border-radius: var(--man-radius); background: var(--man-surface); overflow: hidden; transition: border-color var(--man-fast); }
.man-page .man-catalog__item:hover { border-color: var(--man-accent-3); }
.man-page .man-catalog__media { flex: none; width: 100%; --man-media-ratio: 16 / 9; border: 0; border-bottom: 1px solid var(--man-line); border-radius: 0; }
.man-page .man-catalog__copy { flex: 1; padding: 24px; }
.man-page .man-catalog__number { display: block; margin-bottom: 20px; color: var(--man-accent); font-size: var(--man-eyebrow-size); line-height: 1.5; }
.man-page .man-catalog__title { margin-bottom: 12px; font-size: calc(var(--man-lead-size) * 1.25); line-height: 1.2; }
.man-page .man-catalog__copy .man-prose:empty { display: none; }
.man-page .man-catalog__copy .man-prose > * + * { margin-top: 16px; }
.man-page .man-catalog--people .man-catalog__item { border: 0; border-radius: 0; background: transparent; overflow: visible; }
.man-page .man-catalog--people .man-catalog__media { --man-media-ratio: 3 / 4; border: 1px solid var(--man-line); border-radius: var(--man-radius); }
.man-page .man-catalog--people .man-catalog__media img { object-position: center 25%; }
.man-page .man-catalog--people .man-catalog__copy { position: relative; margin-top: 16px; padding: 20px 0 0; border-top: 1px solid var(--man-line-strong); }
.man-page .man-catalog--people .man-catalog__number { margin-bottom: 12px; color: var(--man-muted); }
.man-page .man-catalog--people .man-catalog__title { max-width: 24ch; }
@media (max-width: 899px) {
  .man-page .man-catalog__heading { margin-bottom: 32px; }
  .man-page .man-catalog__copy { padding: 20px; }
}
@media (max-width: 599px) {
  .man-page .man-catalog__heading { margin-bottom: 24px; }
  .man-page .man-catalog__list { row-gap: 32px; }
  .man-page .man-catalog--people .man-catalog__media { --man-media-ratio: 4 / 5; }
}
@media (prefers-reduced-motion: reduce) {
  .man-page .man-catalog__item { transition: none; }
}

/* ---------- stats-band ---------- */
.man-page .man-stats { border-block: 1px solid var(--man-line); }
.man-page .man-stats__title { margin-bottom: 40px; }
.man-page .man-stats__figures { gap: 0; }
.man-page .man-stats__item { position: relative; display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 16px; min-width: 0; padding: 8px 32px 8px 24px; border-left: 1px solid var(--man-line); }
.man-page .man-stats__value { font-family: var(--man-font-display); font-size: clamp(3.05rem, 5.4vw, 5.75rem); font-weight: 600; line-height: 1; letter-spacing: -0.025em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.man-page .man-stats__label { max-width: 26ch; color: var(--man-muted); }
.man-page .man-stats--glow { background: var(--man-background-alt); }
.man-page .man-stats--glow .man-stats__value { color: var(--man-accent); }
.man-page .man-stats--glow .man-stats__item::before { content: ''; position: absolute; top: 8px; left: -1px; width: 2px; height: 32px; background: var(--man-accent); }
@media (max-width: 899px) { .man-page .man-stats__figures { row-gap: 32px; } .man-page .man-stats__item { padding-inline: 20px; } .man-page .man-stats__title { margin-bottom: 32px; } }
@media (max-width: 599px) { .man-page .man-stats__figures { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 0; } .man-page .man-stats__item { padding: 4px 12px 4px 16px; gap: 12px; } .man-page .man-stats__value { font-size: clamp(2.45rem, 10vw, 3.8rem); } .man-page .man-stats__label { font-size: var(--man-small-size); } .man-page .man-stats--glow .man-stats__item::before { top: 4px; height: 24px; } }

/* ---------- quote ---------- */
.man-page .man-quote--paper { background: var(--man-background-alt); border-block: 1px solid var(--man-line); }
.man-page .man-quote--dark { background: var(--man-background); }
.man-page .man-quote__rail { padding-top: 16px; border-top-color: var(--man-accent); }
.man-page .man-quote__mark { display: block; width: 28px; height: 32px; border-inline: 8px solid var(--man-accent); transform: skewX(-12deg); }
.man-page .man-quote__text { max-width: 34ch; font-family: var(--man-font-display); font-size: clamp(2rem, 3.4vw, 3.05rem); font-weight: 500; line-height: 1.22; letter-spacing: -0.015em; text-wrap: pretty; }
.man-page .man-quote__credit { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.man-page .man-quote__credit:has(> span) { margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--man-line); }
.man-page .man-quote__author { font-size: var(--man-body-size); font-weight: 600; }
.man-page .man-quote__role { max-width: 65ch; }
@media (max-width: 899px) { .man-page .man-quote__rail { grid-column: span 2; } .man-page .man-quote__figure { grid-column: span 10; } }
@media (max-width: 599px) { .man-page .man-quote__rail, .man-page .man-quote__figure { grid-column: 1 / -1; } .man-page .man-quote__rail { padding-top: 12px; } .man-page .man-quote__mark { width: 22px; height: 24px; border-inline-width: 6px; } .man-page .man-quote__text { font-size: 2rem; line-height: 1.25; } .man-page .man-quote__credit:has(> span) { margin-top: 24px; } }

/* ---------- steps-scroll ---------- */
.man-page .man-steps__header { grid-column: 1 / 5; align-self: start; padding-right: 24px; --man-stack-gap: 24px; }
.man-page .man-steps__index { border-top: 1px solid var(--man-line-strong); padding-top: 8px; }
.man-page .man-steps__list { grid-column: 5 / 13; list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--man-line-strong); }
.man-page .man-steps__item { position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 24px; padding-block: 32px; border-bottom: 1px solid var(--man-line); }
.man-page .man-steps__item:last-child { border-bottom: 0; padding-bottom: 0; }
.man-page .man-steps__number { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid var(--man-line-strong); border-radius: var(--man-radius); color: var(--man-accent); background: var(--man-background); font-size: var(--man-small-size); }
.man-page .man-steps__item:not(:last-child)::after { content: ''; position: absolute; left: 24px; top: 80px; bottom: -32px; width: 1px; background: var(--man-line); }
.man-page .man-steps__copy { padding-top: 2px; --man-stack-gap: 16px; }
@media (max-width: 899px) {
.man-page .man-steps__header { grid-column: 1 / 5; padding-right: 0; }
.man-page .man-steps__list { grid-column: 5 / 13; }
.man-page .man-steps__item { grid-template-columns: 48px minmax(0, 1fr); column-gap: 16px; padding-block: 24px; }
.man-page .man-steps__item:not(:last-child)::after { bottom: -24px; top: 72px; }
}
@media (max-width: 599px) {
.man-page .man-steps__header { grid-column: 1; margin-bottom: 16px; --man-stack-gap: 16px; }
.man-page .man-steps__list { grid-column: 1; }
.man-page .man-steps__item { grid-template-columns: 36px minmax(0, 1fr); }
.man-page .man-steps__number { width: 36px; height: 36px; }
.man-page .man-steps__item:not(:last-child)::after { left: 18px; top: 60px; }
.man-page .man-steps__copy { padding-top: 0; }
}

/* ---------- gallery ---------- */
.man-page .man-gal-heading { margin-bottom: 32px; }
.man-page .man-gal-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-flow: dense; grid-auto-rows: clamp(180px, 19vw, 280px); gap: 8px; }
.man-page .man-gal-item { grid-column: span 4; display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--man-background-alt); }
.man-page .man-gal--mosaic .man-gal-item:nth-child(6n + 1) { grid-column: span 8; grid-row: span 2; }
.man-page .man-gal--mosaic .man-gal-item:last-child:nth-child(2) { grid-row: span 2; }
.man-page .man-gal--mosaic .man-gal-item:only-child { grid-column: 1 / -1; }
.man-page .man-gal-open { position: relative; display: block; flex: 1 1 auto; width: 100%; min-height: 0; padding: 0; overflow: hidden; border: 0; border-radius: var(--man-radius); background: var(--man-background-alt); cursor: zoom-in; }
.man-page .man-gal-open img { width: 100%; height: 100%; object-fit: cover; }
.man-page .man-gal-marker, .man-page .man-gal-expand { position: absolute; display: grid; place-items: center; min-width: 32px; height: 32px; background: var(--man-background); color: var(--man-text); font-size: var(--man-small-size); border: 1px solid var(--man-line); }
.man-page .man-gal-marker { top: 12px; left: 12px; padding-inline: 8px; }
.man-page .man-gal-expand { right: 12px; bottom: 12px; transition: background-color var(--man-fast), color var(--man-fast), border-color var(--man-fast); }
.man-page .man-gal-open:hover .man-gal-expand, .man-page .man-gal-open:focus-visible .man-gal-expand { background: var(--man-accent); color: var(--man-on-accent); border-color: var(--man-accent); }
.man-page .man-gal-open:focus-visible { outline-offset: -4px; }
.man-page .man-gal-caption { flex: 0 0 auto; padding: 12px 16px; border-bottom: 1px solid var(--man-line); }
@media (max-width: 899px) { .man-page .man-gal-grid { grid-auto-rows: 200px; } .man-page .man-gal-heading { margin-bottom: 24px; } }
@media (max-width: 599px) { .man-page .man-gal-grid { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; gap: 16px; } .man-page .man-gal--mosaic .man-gal-item, .man-page .man-gal--mosaic .man-gal-item:nth-child(6n + 1), .man-page .man-gal--mosaic .man-gal-item:last-child:nth-child(2) { grid-column: 1; grid-row: auto; } .man-page .man-gal-open { flex: none; aspect-ratio: 4 / 3; } .man-page .man-gal-caption { padding-inline: var(--man-gutter); } }

/* ---------- faq ---------- */
.man-page .man-faq__index { border-top: 0; padding-top: 0; }
.man-page .man-faq--split .man-faq__index { grid-column: span 4; }
.man-page .man-faq--split .man-faq__list { grid-column: span 8; }
.man-page .man-faq__title { max-width: 13ch; color: var(--man-text); }
.man-page .man-faq__list { border-top: 1px solid var(--man-line-strong); }
.man-page .man-faq__item { border-bottom: 1px solid var(--man-line); }
.man-page .man-faq__question { display: grid; grid-template-columns: 32px minmax(0, 1fr) 20px; gap: 20px; align-items: start; padding: 24px 12px; list-style: none; cursor: pointer; transition: background-color var(--man-fast), color var(--man-fast); }
.man-page .man-faq__question::-webkit-details-marker { display: none; }
.man-page .man-faq__question::marker { content: ''; }
.man-page .man-faq__question:hover { background: var(--man-hover); color: var(--man-accent); }
.man-page .man-faq__question:focus-visible { outline: 2px solid var(--man-focus); outline-offset: 4px; }
.man-page .man-faq__number { padding-top: 5px; color: var(--man-muted); font-size: var(--man-eyebrow-size); }
.man-page .man-faq__question-text { font-family: var(--man-font-display); font-size: 1.5rem; font-weight: 600; line-height: 1.3; }
.man-page .man-faq__toggle { position: relative; width: 20px; height: 20px; margin-top: 5px; color: var(--man-accent); }
.man-page .man-faq__toggle::before, .man-page .man-faq__toggle::after { content: ''; position: absolute; background: currentColor; }
.man-page .man-faq__toggle::before { width: 14px; height: 1px; top: 9px; left: 3px; }
.man-page .man-faq__toggle::after { width: 1px; height: 14px; top: 3px; left: 9px; transition: transform var(--man-fast); }
.man-page .man-faq__item[open] .man-faq__toggle::after { transform: scaleY(0); }
.man-page .man-faq__item[open] .man-faq__question { color: var(--man-accent); }
.man-page .man-faq__answer { padding: 0 52px 28px 64px; color: var(--man-muted); }
.man-page .man-faq__answer p { white-space: pre-line; }
@media (max-width: 899px) { .man-page .man-faq--split .man-faq__index { grid-column: span 4; } .man-page .man-faq--split .man-faq__list { grid-column: span 8; } .man-page .man-faq__question { gap: 12px; } .man-page .man-faq__answer { padding-left: 56px; padding-right: 24px; } }
@media (max-width: 599px) { .man-page .man-faq--split .man-faq__index, .man-page .man-faq--split .man-faq__list { grid-column: 1 / -1; } .man-page .man-faq__title { max-width: 25ch; margin-bottom: 12px; } .man-page .man-faq__question { grid-template-columns: 24px minmax(0, 1fr) 20px; padding: 20px 0; } .man-page .man-faq__question-text { font-size: 1.25rem; } .man-page .man-faq__answer { padding: 0 0 24px 36px; } }

/* ---------- cta-band ---------- */
.man-page .man-cta { position: relative; overflow: hidden; }
.man-page .man-cta--aurora::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(to right, color-mix(in srgb, var(--man-on-accent) 10%, transparent) 1px, transparent 1px); background-size: calc(100% / 12) 100%; mask-image: linear-gradient(to right, transparent 35%, black); }
.man-page .man-cta__layout { position: relative; align-items: center; }
.man-page .man-cta__copy { grid-column: span 7; --man-stack-gap: 20px; }
.man-page .man-cta__title { max-width: 24ch; }
.man-page .man-cta__text { max-width: 60ch; }
.man-page .man-cta__actions { grid-column: 9 / -1; align-content: center; justify-content: flex-start; }
.man-page .man-cta__button, .man-page a.man-cta__link { width: 100%; justify-content: space-between; min-height: 52px; padding: 16px 20px; border-radius: var(--man-radius); font-weight: 600; text-decoration: none; }
.man-page .man-cta__button { background: var(--man-on-accent); border-color: var(--man-on-accent); color: var(--man-accent); }
.man-page .man-cta__button:hover { background: color-mix(in srgb, var(--man-on-accent) 90%, var(--man-accent)); border-color: var(--man-on-accent); color: var(--man-accent); }
.man-page a.man-cta__link { color: var(--man-on-accent); border-color: color-mix(in srgb, var(--man-on-accent) 65%, var(--man-accent)); background: var(--man-accent); }
.man-page a.man-cta__link:hover { color: var(--man-on-accent); border-color: var(--man-on-accent); background: color-mix(in srgb, var(--man-on-accent) 12%, var(--man-accent)); }
.man-page .man-cta__button::after, .man-page .man-cta__link::after { content: ''; flex: 0 0 8px; width: 8px; height: 8px; margin-left: 16px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); }
@media (max-width: 899px) { .man-page .man-cta__copy { grid-column: span 7; } .man-page .man-cta__actions { grid-column: 8 / -1; } }
@media (max-width: 599px) { .man-page .man-cta__copy, .man-page .man-cta__actions { grid-column: 1 / -1; } .man-page .man-cta__actions { margin-top: 12px; } .man-page .man-cta--aurora::before { background-size: 25% 100%; } }

/* ---------- media-feature ---------- */
.man-page .man-mf-layout { align-items: start; }
.man-page .man-mf-copy { grid-column: span 4; display: flex; flex-direction: column; gap: 24px; padding-top: 16px; border-top: 1px solid var(--man-line-strong); }
.man-page .man-mf-body { color: var(--man-muted); }
.man-page .man-mf-body:empty, .man-page .man-mf-copy:empty { display: none; }
.man-page .man-mf-media { grid-column: span 8; min-width: 0; padding: 16px; border: 1px solid var(--man-line); border-radius: var(--man-radius); background: var(--man-background-alt); }
.man-page .man-mf-media > * { max-width: 100%; }
.man-page .man-mf-media :is(img, video) { display: block; width: 100%; height: auto; border-radius: var(--man-radius); }
.man-page .man-mf-media audio { display: block; width: 100%; }
.man-page .man-mf-media :is(iframe, object, embed) { display: block; width: 100%; max-width: 100%; min-height: 400px; border: 0; }
.man-page .man-mf-copy:empty + .man-mf-media { grid-column: 1 / -1; }
.man-page .man-mf--stacked .man-mf-copy { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px var(--man-gap); margin-bottom: 8px; }
.man-page .man-mf--stacked .man-mf-eyebrow { grid-column: 1 / -1; }
.man-page .man-mf--stacked .man-mf-title { grid-column: 1 / 6; }
.man-page .man-mf--stacked .man-mf-body { grid-column: 7 / -1; }
.man-page .man-mf--stacked .man-mf-media { grid-column: 1 / -1; padding: 24px; }
@media (max-width: 899px) { .man-page .man-mf--split .man-mf-copy { grid-column: span 5; } .man-page .man-mf--split .man-mf-media { grid-column: span 7; } .man-page .man-mf--split .man-mf-copy:empty + .man-mf-media { grid-column: 1 / -1; } .man-page .man-mf--stacked .man-mf-title { grid-column: 1 / 7; } .man-page .man-mf--stacked .man-mf-body { grid-column: 7 / -1; } }
@media (max-width: 599px) { .man-page .man-mf--split .man-mf-copy, .man-page .man-mf--split .man-mf-media, .man-page .man-mf--stacked .man-mf-copy, .man-page .man-mf--stacked .man-mf-media { grid-column: 1 / -1; } .man-page .man-mf-copy { gap: 16px; } .man-page .man-mf--stacked .man-mf-copy { display: flex; margin-bottom: 0; } .man-page .man-mf-media, .man-page .man-mf--stacked .man-mf-media { padding: 8px; } .man-page .man-mf-media :is(iframe, object, embed) { min-height: 280px; } }

/* ---------- prose ---------- */
.man-page .man-explain-layout { align-items: start; }
.man-page .man-explain-heading { grid-column: 1 / 5; padding-top: 16px; border-top: 1px solid var(--man-line-strong); --man-stack-gap: 16px; }
.man-page .man-explain-heading:empty { display: none; }
.man-page .man-explain-heading .man-h2 { max-width: 18ch; }
.man-page .man-explain-body { grid-column: 6 / 13; padding-top: 12px; }
.man-page .man-explain-body p + p { margin-top: 24px; }
.man-page .man-explain--column .man-explain-layout { align-items: start; }
@media (max-width: 899px) {
  .man-page .man-explain-heading { grid-column: 1 / 5; }
  .man-page .man-explain-body { grid-column: 5 / 13; }
}
@media (max-width: 599px) {
  .man-page .man-explain-heading, .man-page .man-explain-body { grid-column: 1 / -1; }
  .man-page .man-explain-layout { row-gap: 24px; }
  .man-page .man-explain-body { padding-top: 0; }
  .man-page .man-explain-heading .man-h2 { max-width: 25ch; }
}

/* ---------- content-stream ---------- */
.man-page .man-stream-column { grid-column: 3 / 11; min-width: 0; padding-top: 20px; border-top: 1px solid var(--man-line-strong); }
.man-page .man-stream-header { margin-bottom: 32px; }
.man-page .man-stream-header .man-h2 { max-width: 25ch; }
.man-page .man-stream-blocks > * + * { margin-top: 24px; }
.man-page .man-stream-blocks > .man-stream-heading { max-width: 28ch; margin-top: 48px; }
.man-page .man-stream-blocks > .man-stream-heading:first-child { margin-top: 0; }
.man-page .man-stream-blocks > .man-stream-heading + * { margin-top: 16px; }
.man-page .man-stream-paragraph { max-width: 70ch; }
.man-page .man-stream-item { position: relative; padding-left: 24px; max-width: 70ch; }
.man-page .man-stream-item::before { content: ''; position: absolute; left: 0; top: 0.78em; width: 8px; height: 2px; background: var(--man-accent); }
.man-page .man-stream-item + .man-stream-item { margin-top: 8px; }
.man-page .man-stream-figure { overflow: hidden; border: 1px solid var(--man-line); border-radius: var(--man-radius); background: var(--man-background-alt); }
.man-page .man-stream-figure img { width: 100%; height: auto; }
.man-page .man-stream-blocks > .man-stream-figure, .man-page .man-stream-blocks > .man-stream-media { margin-block: 32px; }
.man-page .man-stream-media { min-width: 0; max-width: 100%; overflow-x: auto; }
.man-page .man-stream-media > * { max-width: 100%; }
.man-page .man-stream-media video { display: block; width: 100%; height: auto; }
@media (max-width: 899px) {
  .man-page .man-stream-column { grid-column: 2 / 12; }
}
@media (max-width: 599px) {
  .man-page .man-stream-column { grid-column: 1 / -1; padding-top: 16px; }
  .man-page .man-stream-header { margin-bottom: 24px; }
  .man-page .man-stream-blocks > .man-stream-heading { margin-top: 32px; }
  .man-page .man-stream-blocks > .man-stream-figure, .man-page .man-stream-blocks > .man-stream-media { margin-block: 24px; }
}

/* ---------- hero-media ---------- */
.man-page .man-hmedia { padding-block: 0; }
.man-page .man-hmedia-frame { position: relative; overflow: hidden; }
.man-page .man-hmedia-layer { position: absolute; inset: 0; z-index: 0; background: var(--man-accent); }
.man-page .man-hmedia-layer::after { content: ''; position: absolute; inset: 0; background: color-mix(in srgb, var(--man-text) 76%, var(--man-accent)); opacity: 0.84; pointer-events: none; }
.man-page .man-hmedia-media { width: 100%; height: 100%; }
.man-page .man-hmedia-media > * { width: 100%; height: 100%; margin: 0; }
.man-page .man-hmedia-media :is(img, video, picture) { display: block; width: 100%; height: 100%; object-fit: cover; }
.man-page .man-hmedia-layout { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--man-gap); align-items: center; min-height: 640px; padding-block: 88px; }
.man-page .man-hmedia-copy { grid-column: 1 / span 8; min-width: 0; padding-left: 24px; border-left: 1px solid color-mix(in srgb, var(--man-on-accent) 55%, transparent); }
.man-page .man-hmedia-eyebrow { margin-bottom: 24px; }
.man-page .man-hmedia-title { max-width: 19ch; font-size: clamp(3.05rem, 5.5vw, 5.25rem); }
.man-page .man-hmedia-subtitle { margin-top: 24px; max-width: 54ch; }
.man-page .man-hmedia-actions { margin-top: 32px; }
.man-page .man-hmedia-actions:empty { display: none; }
.man-page .man-hmedia .man-hmedia-primary { background: var(--man-on-accent); border-color: var(--man-on-accent); color: var(--man-accent); }
.man-page .man-hmedia .man-hmedia-primary:hover { background: var(--man-background-alt); border-color: var(--man-background-alt); color: var(--man-text); }
.man-page .man-hmedia .man-hmedia-secondary, .man-page a.man-hmedia-link { background: transparent; color: var(--man-on-accent); border-color: color-mix(in srgb, var(--man-on-accent) 70%, transparent); text-decoration: none; }
.man-page .man-hmedia .man-hmedia-secondary:hover, .man-page a.man-hmedia-link:hover { background: color-mix(in srgb, var(--man-on-accent) 12%, transparent); color: var(--man-on-accent); border-color: var(--man-on-accent); }
.man-page .man-hmedia--split .man-hmedia-frame { max-width: calc(var(--man-container) + var(--man-gutter) * 2); margin-inline: auto; }
.man-page .man-hmedia--split .man-hmedia-layer { left: calc(50% + var(--man-gap) / 2); right: var(--man-gutter); top: 40px; bottom: 40px; border: 1px solid color-mix(in srgb, var(--man-on-accent) 25%, transparent); }
.man-page .man-hmedia--split .man-hmedia-layer::after { display: none; }
.man-page .man-hmedia--split .man-hmedia-copy { grid-column: 1 / span 5; padding-left: 0; border-left: 0; }
.man-page .man-hmedia--split .man-hmedia-title { font-size: var(--man-display-size); max-width: 15ch; }
.man-page .man-hmedia--split .man-hmedia-layout { min-height: 600px; padding-block: 72px; }
.man-page .man-hmedia--parallax .man-hmedia-layer { inset: -15% 0; }
.man-page .man-hmedia--parallax .man-hmedia-layout { min-height: 680px; }
@media (max-width: 899px) { .man-page .man-hmedia-layout { min-height: 560px; padding-block: 64px; } .man-page .man-hmedia-copy { grid-column: 1 / span 10; } .man-page .man-hmedia--split .man-hmedia-layout { min-height: 560px; padding-block: 56px; } .man-page .man-hmedia--split .man-hmedia-copy { grid-column: 1 / span 6; padding-right: 16px; } .man-page .man-hmedia--split .man-hmedia-layer { left: calc(55% + var(--man-gap) / 2); top: 24px; bottom: 24px; } .man-page .man-hmedia--parallax .man-hmedia-layout { min-height: 600px; } }
@media (max-width: 599px) { .man-page .man-hmedia-layout { grid-template-columns: minmax(0, 1fr); min-height: 560px; padding-block: 56px; } .man-page .man-hmedia-copy { grid-column: 1; padding-left: 16px; } .man-page .man-hmedia-title { font-size: 3.05rem; } .man-page .man-hmedia-eyebrow { margin-bottom: 20px; } .man-page .man-hmedia--split .man-hmedia-frame { display: flex; flex-direction: column; } .man-page .man-hmedia--split .man-hmedia-layout { order: 0; min-height: 0; padding-block: 40px; } .man-page .man-hmedia--split .man-hmedia-copy { grid-column: 1; padding: 0; } .man-page .man-hmedia--split .man-hmedia-layer { position: relative; inset: auto; order: 1; height: 300px; margin: 0 var(--man-gutter) 16px; } .man-page .man-hmedia--parallax .man-hmedia-layout { min-height: 580px; } }
@media (prefers-reduced-motion: reduce) { .man-page .man-hmedia--parallax .man-hmedia-layer { transform: none; } }

/* ---------- feature-rows ---------- */
.man-page .man-fr__header { margin-bottom: 40px; }
.man-page .man-fr__header .man-content:empty { display: none; }
.man-page .man-fr__row { padding-block: 40px; border-top: 1px solid var(--man-line); align-items: start; }
.man-page .man-fr__row:last-child { padding-bottom: 0; }
.man-page .man-fr__number { grid-column: 1 / 3; grid-row: 1; color: var(--man-muted); font-size: var(--man-small-size); padding-top: 8px; }
.man-page .man-fr__image { grid-column: 3 / 8; grid-row: 1; --man-media-ratio: 4 / 3; border-color: var(--man-line); }
.man-page .man-fr__copy { grid-column: 8 / 13; grid-row: 1; padding-top: 4px; --man-stack-gap: 20px; }
.man-page .man-fr__body { --man-stack-gap: 16px; }
.man-page .man-fr__body .man-body { color: var(--man-muted); }
.man-page .man-fr--alternate .man-fr__row:nth-child(even) .man-fr__image { grid-column: 8 / 13; }
.man-page .man-fr--alternate .man-fr__row:nth-child(even) .man-fr__copy { grid-column: 3 / 8; }
.man-page .man-fr .man-fr__row .man-fr__copy--wide { grid-column: 3 / 13; max-width: 70ch; }
@media (max-width: 899px) {
.man-page .man-fr__header { margin-bottom: 32px; }
.man-page .man-fr__row { padding-block: 32px; }
.man-page .man-fr__number { grid-column: 1 / 2; }
.man-page .man-fr__image { grid-column: 2 / 7; }
.man-page .man-fr__copy { grid-column: 7 / 13; }
.man-page .man-fr--alternate .man-fr__row:nth-child(even) .man-fr__image { grid-column: 8 / 13; }
.man-page .man-fr--alternate .man-fr__row:nth-child(even) .man-fr__copy { grid-column: 2 / 8; }
.man-page .man-fr .man-fr__row .man-fr__copy--wide { grid-column: 2 / 13; }
}
@media (max-width: 599px) {
.man-page .man-fr__header { margin-bottom: 24px; }
.man-page .man-fr__row { grid-template-columns: 32px minmax(0, 1fr); row-gap: 20px; padding-block: 24px; }
.man-page .man-fr__number { grid-column: 1; grid-row: 1; padding-top: 0; }
.man-page .man-fr .man-fr__row .man-fr__image { grid-column: 2; grid-row: 1; --man-media-ratio: 4 / 3; }
.man-page .man-fr .man-fr__row .man-fr__copy { grid-column: 2; grid-row: 2; padding-top: 0; }
.man-page .man-fr .man-fr__row .man-fr__copy--wide { grid-column: 2; grid-row: 1; }
}

/* ---------- bento ---------- */
.man-page .man-bento__heading { margin-bottom: 40px; }
.man-page .man-bento__heading .man-content { --man-stack-gap: 16px; }
.man-page .man-bento__tiles { align-items: stretch; }
.man-page .man-bento__tile { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--man-line); border-radius: var(--man-radius); overflow: hidden; background: var(--man-surface); transition: border-color var(--man-fast), background-color var(--man-fast); }
.man-page .man-bento__tile:hover { border-color: var(--man-line-strong); }
.man-page .man-bento__media { flex: none; width: 100%; --man-media-ratio: 16 / 9; border: 0; border-bottom: 1px solid var(--man-line); border-radius: 0; }
.man-page .man-bento__copy { display: flex; flex: 1; flex-direction: column; padding: 28px; }
.man-page .man-bento__marker { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 24px; margin-bottom: 24px; }
.man-page .man-bento__number { color: var(--man-muted); font-size: var(--man-eyebrow-size); }
.man-page .man-bento__icon { color: var(--man-accent); font-size: 24px; line-height: 1; }
.man-page .man-bento__title { margin-bottom: 12px; font-size: calc(var(--man-lead-size) * 1.25); line-height: 1.2; }
.man-page .man-bento__text { color: var(--man-muted); }
.man-page .man-bento--mosaic .man-bento__tiles { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.man-page .man-bento--mosaic .man-bento__tile { grid-column: span 4; }
.man-page .man-bento--mosaic .man-bento__tile:first-child { grid-column: span 8; grid-row: span 2; background: var(--man-accent); border-color: var(--man-accent); color: var(--man-on-accent); }
.man-page .man-bento--mosaic .man-bento__tile:first-child .man-bento__copy { justify-content: flex-end; padding: 40px; min-height: 320px; }
.man-page .man-bento--mosaic .man-bento__tile:first-child .man-bento__media { --man-media-ratio: 2 / 1; border-bottom-color: color-mix(in srgb, var(--man-on-accent) 24%, var(--man-accent)); }
.man-page .man-bento--mosaic .man-bento__tile:first-child .man-bento__marker { margin-bottom: auto; padding-bottom: 48px; }
.man-page .man-bento--mosaic .man-bento__tile:first-child .man-bento__title { max-width: 22ch; font-size: var(--man-h3-size); }
.man-page .man-bento--mosaic .man-bento__tile:first-child .man-bento__text { max-width: 60ch; color: inherit; }
.man-page .man-bento--mosaic .man-bento__tile:first-child .man-bento__number { color: inherit; }
.man-page .man-bento--mosaic .man-bento__tile:first-child .man-bento__icon { color: inherit; }
.man-page .man-bento--mosaic .man-bento__tile:nth-child(n+4) { grid-column: span 6; }
.man-page .man-bento--mosaic .man-bento__tile:nth-child(n+4):nth-child(even):last-child { grid-column: 1 / -1; }
@media (max-width: 899px) {
  .man-page .man-bento__heading { margin-bottom: 32px; }
  .man-page .man-bento__copy { padding: 24px; }
  .man-page .man-bento--mosaic .man-bento__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .man-page .man-bento--mosaic .man-bento__tile { grid-column: span 1; }
  .man-page .man-bento--mosaic .man-bento__tile:first-child { grid-column: 1 / -1; grid-row: auto; }
  .man-page .man-bento--mosaic .man-bento__tile:first-child .man-bento__copy { padding: 32px; min-height: 280px; }
  .man-page .man-bento--mosaic .man-bento__tile:nth-child(n+4) { grid-column: span 1; }
  .man-page .man-bento--mosaic .man-bento__tile:nth-child(n+4):nth-child(even):last-child { grid-column: 1 / -1; }
}
@media (max-width: 599px) {
  .man-page .man-bento__heading { margin-bottom: 24px; }
  .man-page .man-bento--mosaic .man-bento__tiles { grid-template-columns: minmax(0, 1fr); }
  .man-page .man-bento--mosaic .man-bento__tile { grid-column: 1 / -1; }
  .man-page .man-bento--mosaic .man-bento__tile:first-child .man-bento__copy { padding: 24px; min-height: 280px; }
  .man-page .man-bento--mosaic .man-bento__tile:first-child .man-bento__media { --man-media-ratio: 4 / 3; }
  .man-page .man-bento--mosaic .man-bento__tile:nth-child(n+4) { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  .man-page .man-bento__tile { transition: none; }
}

/* ---------- logo-wall ---------- */
.man-page .man-lw-heading { margin-bottom: 32px; }
.man-page .man-lw-introduction { grid-column: 3 / -1; }
.man-page .man-lw-introduction:empty { display: none; }
.man-page .man-lw-heading:has(.man-lw-introduction:empty):not(:has(.man-lw-index)) { display: none; }
.man-page .man-lw-viewport { min-width: 0; }
.man-page .man-lw-list { list-style: none; margin: 0; padding: 0; }
.man-page .man-lw-item { min-width: 0; }
.man-page .man-lw-figure { display: flex; flex-direction: column; height: 100%; }
.man-page .man-lw-image { display: flex; align-items: center; justify-content: center; padding: 24px; }
.man-page .man-lw-image img { width: auto; height: auto; max-width: 100%; max-height: 104px; object-fit: contain; }
.man-page .man-lw-name { padding: 0 24px 20px; color: var(--man-muted); }
.man-page .man-lw--grid .man-lw-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--man-line); border-left: 1px solid var(--man-line); }
.man-page .man-lw--grid .man-lw-item { border-right: 1px solid var(--man-line); border-bottom: 1px solid var(--man-line); background: var(--man-surface); transition: background-color var(--man-fast); }
.man-page .man-lw--grid .man-lw-item:hover { background: var(--man-hover); }
.man-page .man-lw--grid .man-lw-image { flex: 1 0 auto; min-height: 176px; }
.man-page .man-lw--row .man-lw-viewport { overflow: hidden; border-block: 1px solid var(--man-line-strong); }
.man-page .man-lw--row .man-lw-list { display: flex; width: max-content; min-width: 100%; }
.man-page .man-lw--row .man-lw-item { flex: 1 0 192px; width: 192px; border-right: 1px solid var(--man-line); }
.man-page .man-lw--row .man-lw-image { height: 128px; }
.man-page .man-lw--row .man-lw-image img { max-height: 64px; }
.man-page .man-lw--row .man-lw-name { max-width: 192px; padding-bottom: 16px; font-family: var(--man-font-mono); font-size: var(--man-eyebrow-size); }
.man-page:not(.sg-js) .man-lw--row .man-lw-viewport { overflow-x: auto; }
@media (max-width: 899px) { .man-page .man-lw-introduction { grid-column: 4 / -1; } .man-page .man-lw--grid .man-lw-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .man-page .man-lw-image { padding: 20px; } .man-page .man-lw-name { padding-inline: 20px; } }
@media (max-width: 599px) { .man-page .man-lw-introduction { grid-column: 1 / -1; } .man-page .man-lw-heading { margin-bottom: 24px; } .man-page .man-lw--grid .man-lw-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .man-page .man-lw--grid .man-lw-image { min-height: 136px; } .man-page .man-lw-image { padding: 16px; } .man-page .man-lw-name { padding: 0 16px 16px; } .man-page .man-lw--row .man-lw-item { flex-basis: 160px; width: 160px; } .man-page .man-lw--row .man-lw-name { max-width: 160px; } }
@media (prefers-reduced-motion: reduce) { .man-page .man-lw--row .man-lw-viewport { overflow-x: auto; } .man-page .man-lw--row .man-lw-list { transform: none; animation: none; } }

/* ---------- testimonials ---------- */
.man-page .man-testimonials__header:has(> *) { margin-bottom: 40px; }
.man-page .man-testimonials__eyebrow { margin: 0; }
.man-page .man-testimonials__title { grid-column: 3 / -1; }
.man-page .man-testimonials__track { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--man-gap); }
.man-page .man-testimonials__item { display: flex; flex-direction: column; min-width: 0; padding: 28px; border: 1px solid var(--man-line); border-top: 2px solid var(--man-accent); border-radius: var(--man-radius); background: var(--man-surface); }
.man-page .man-testimonials__quote { flex: 1; max-width: 65ch; font-size: var(--man-body-size); line-height: 1.75; }
.man-page .man-testimonials__quote > p + p { margin-top: 16px; }
.man-page .man-testimonials__credit { display: flex; align-items: center; gap: 16px; }
.man-page .man-testimonials__credit:has(.man-testimonials__photo, .man-testimonials__name, .man-testimonials__role) { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--man-line); }
.man-page .man-testimonials__photo { flex: 0 0 48px; width: 48px; height: 48px; object-fit: cover; border-radius: var(--man-radius); border: 1px solid var(--man-line); }
.man-page .man-testimonials__identity { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.man-page .man-testimonials__name { font-size: var(--man-small-size); font-weight: 600; }
.man-page .man-testimonials__controls:not([hidden]) { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; }
.man-page .man-testimonials__step { width: 48px; padding: 12px; }
.man-page .man-testimonials--cards .man-testimonials__controls { display: none; }
.man-page .man-testimonials--carousel .man-testimonials__track { display: flex; gap: var(--man-gap); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--man-accent-3) var(--man-background-alt); }
.man-page .man-testimonials--carousel .man-testimonials__item { flex: 0 0 100%; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--man-gap); padding: 32px 0; border-inline: 0; border-bottom: 1px solid var(--man-line); border-radius: 0; background: transparent; scroll-snap-align: start; scroll-snap-stop: always; }
.man-page .man-testimonials--carousel .man-testimonials__quote { grid-column: 3 / -1; max-width: 48ch; font-family: var(--man-font-display); font-size: clamp(1.95rem, 3vw, 2.45rem); font-weight: 500; line-height: 1.3; letter-spacing: -0.01em; }
.man-page .man-testimonials--carousel .man-testimonials__credit { grid-column: 3 / -1; justify-self: start; width: min(100%, 640px); margin-top: 8px; }
@media (max-width: 899px) { .man-page .man-testimonials__title { grid-column: 4 / -1; } .man-page .man-testimonials__header:has(> *) { margin-bottom: 32px; } .man-page .man-testimonials__item { padding: 24px; } .man-page .man-testimonials--carousel .man-testimonials__quote, .man-page .man-testimonials--carousel .man-testimonials__credit { grid-column: 2 / -1; } }
@media (max-width: 599px) { .man-page .man-testimonials__title { grid-column: 1 / -1; } .man-page .man-testimonials__track { grid-template-columns: minmax(0, 1fr); } .man-page .man-testimonials__item { padding: 20px; } .man-page .man-testimonials__credit:has(.man-testimonials__photo, .man-testimonials__name, .man-testimonials__role) { margin-top: 24px; padding-top: 16px; } .man-page .man-testimonials--carousel .man-testimonials__item { grid-template-columns: minmax(0, 1fr); padding-block: 24px; } .man-page .man-testimonials--carousel .man-testimonials__quote, .man-page .man-testimonials--carousel .man-testimonials__credit { grid-column: 1 / -1; } .man-page .man-testimonials--carousel .man-testimonials__quote { font-size: 1.95rem; } }
@media (prefers-reduced-motion: reduce) { .man-page .man-testimonials--carousel .man-testimonials__track { scroll-behavior: auto; } }

/* ---------- pricing ---------- */
.man-page .man-pricing__heading { padding-bottom: 16px; }
.man-page .man-pricing__plans { display: grid; gap: var(--man-gap); }
.man-page .man-pricing--cards .man-pricing__plans { grid-template-columns: repeat(3,minmax(0,1fr)); }
.man-page .man-pricing--cards .man-pricing__plans[data-cols='1'] { grid-template-columns: minmax(0,1fr); }
.man-page .man-pricing--cards .man-pricing__plans[data-cols='2'], .man-page .man-pricing--cards .man-pricing__plans[data-cols='4'] { grid-template-columns: repeat(2,minmax(0,1fr)); }
.man-page .man-pricing__plan { min-width: 0; border-top: 2px solid var(--man-accent); display: flex; flex-direction: column; gap: 24px; padding: 24px; background: var(--man-surface); transition: background-color var(--man-fast); }
.man-page .man-pricing__plan:hover { background: var(--man-hover); }
.man-page .man-pricing__identity { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0; }
.man-page .man-pricing__number { color: var(--man-accent); }
.man-page .man-pricing__price { font-size: var(--man-lead-size); line-height: 1.4; color: var(--man-accent); overflow-wrap: anywhere; }
.man-page .man-pricing__includes { min-width: 0; }
.man-page .man-pricing__features { list-style: none; }
.man-page .man-pricing__features li { padding: 12px 0; border-top: 1px solid var(--man-line); font-size: var(--man-small-size); }
.man-page .man-pricing__note p { margin-top: 16px; }
.man-page .man-pricing__action { margin-top: auto; }
.man-page .man-pricing__action:empty, .man-page .man-pricing__features:empty, .man-page .man-pricing__note:empty { display: none; }
.man-page .man-pricing--rows .man-pricing__plans { gap: 0; border-bottom: 1px solid var(--man-line); }
.man-page .man-pricing--rows .man-pricing__plan { display: grid; grid-template-columns: minmax(0,3fr) minmax(0,5fr) minmax(0,2fr); gap: var(--man-gap); background: transparent; padding: 32px 0; border-top: 1px solid var(--man-line-strong); }
.man-page .man-pricing--rows .man-pricing__action { margin-top: 0; }
.man-page .man-pricing--rows .man-pricing__features li:first-child { border-top: 0; padding-top: 0; }
@media(max-width: 1100px) { .man-page .man-pricing--cards .man-pricing__plans { grid-template-columns: repeat(2,minmax(0,1fr)); } .man-page .man-pricing--rows .man-pricing__plan { grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); } .man-page .man-pricing--rows .man-pricing__action { grid-column: 2; } }
@media(max-width: 599px) { .man-page .man-pricing--cards .man-pricing__plans[data-cols], .man-page .man-pricing--rows .man-pricing__plan { grid-template-columns: minmax(0,1fr); } .man-page .man-pricing__plan { padding: 20px; } .man-page .man-pricing--rows .man-pricing__action { grid-column: 1; } }

/* ---------- price-list ---------- */
.man-page .man-price-list__heading { padding-bottom: 16px; }
.man-page .man-price-list__entries { display: grid; column-gap: 40px; }
.man-page .man-price-list--columns .man-price-list__entries { grid-template-columns: repeat(2,minmax(0,1fr)); }
.man-page .man-price-list__entry { display: flex; align-items: flex-start; gap: 20px; min-width: 0; padding: 24px 0; border-top: 1px solid var(--man-line-strong); }
.man-page .man-price-list__image { flex: 0 0 88px; width: 88px; overflow: hidden; background: var(--man-background-alt); }
.man-page .man-price-list__image img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.man-page .man-price-list__content { flex: 1; min-width: 0; }
.man-page .man-price-list__line { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.man-page .man-price-list__name { font-family: var(--man-font-display); font-size: 1.5625rem; font-weight: 600; line-height: 1.2; }
.man-page .man-price-list__price { flex: 0 1 auto; max-width: 45%; color: var(--man-accent); font-size: var(--man-small-size); text-align: right; overflow-wrap: anywhere; }
.man-page .man-price-list__description p { margin-top: 12px; }
.man-page .man-price-list--list .man-price-list__image { flex-basis: 136px; width: 136px; }
.man-page .man-price-list--list .man-price-list__entry { padding-block: 32px; }
@media(max-width: 1100px) { .man-page .man-price-list--columns .man-price-list__entries { column-gap: 24px; } .man-page .man-price-list--columns .man-price-list__entry { flex-direction: column; } .man-page .man-price-list--columns .man-price-list__content { width: 100%; } }
@media(max-width: 899px) { .man-page .man-price-list--columns .man-price-list__entries { grid-template-columns: minmax(0,1fr); } .man-page .man-price-list--columns .man-price-list__entry { flex-direction: row; } }
@media(max-width: 599px) { .man-page .man-price-list__entry { gap: 16px; } .man-page .man-price-list--list .man-price-list__image, .man-page .man-price-list__image { flex-basis: 64px; width: 64px; } .man-page .man-price-list__line { flex-direction: column; gap: 8px; } .man-page .man-price-list__price { max-width: 100%; text-align: left; } .man-page .man-price-list--list .man-price-list__entry { padding-block: 24px; } }

/* ---------- table ---------- */
.man-page .man-specs__header { margin-bottom: 32px; }
.man-page .man-specs__figure { min-width: 0; }
.man-page .man-specs__scroll { max-width: 100%; overflow-x: auto; border-block: 1px solid var(--man-line-strong); scrollbar-color: var(--man-accent-3) var(--man-background-alt); }
.man-page .man-specs .sg-table { width: 100%; max-width: 100%; overflow-x: auto; }
.man-page .man-specs .sg-table table { width: 100%; border-collapse: collapse; font-size: var(--man-small-size); line-height: 1.6; text-align: left; }
.man-page .man-specs .sg-table th, .man-page .man-specs .sg-table td { padding: 20px 24px; border-bottom: 1px solid var(--man-line); text-align: left; vertical-align: top; min-width: 120px; }
.man-page .man-specs .sg-table th { font-family: var(--man-font-mono); font-size: var(--man-eyebrow-size); font-weight: 500; letter-spacing: .03em; }
.man-page .man-specs .sg-table thead { background: var(--man-background-alt); }
.man-page .man-specs .sg-table tbody tr { transition: background-color var(--man-fast); }
.man-page .man-specs .sg-table tbody tr:last-child > * { border-bottom: 0; }
.man-page .man-specs--striped .sg-table tbody tr:nth-child(even) { background: var(--man-background-alt); }
.man-page .man-specs--comparison .sg-table tr > :first-child { width: 28%; border-right: 1px solid var(--man-line-strong); font-weight: 600; }
.man-page .man-specs--comparison .sg-table tr > :nth-child(2) { background: var(--man-hover); border-inline: 1px solid var(--man-line-strong); }
.man-page .man-specs--comparison .sg-table thead tr > :nth-child(2) { background: var(--man-accent); color: var(--man-on-accent); }
.man-page .man-specs .sg-table tbody tr:hover, .man-page .man-specs .sg-table tbody tr:focus-within { background: var(--man-hover); }
.man-page .man-specs__caption { padding-top: 16px; max-width: 75ch; }
@media(max-width: 899px) { .man-page .man-specs .sg-table th, .man-page .man-specs .sg-table td { padding: 16px; } }
@media(max-width: 599px) { .man-page .man-specs__header { margin-bottom: 24px; } .man-page .man-specs .sg-table table { min-width: 560px; } .man-page .man-specs .sg-table th, .man-page .man-specs .sg-table td { padding: 12px 16px; } }

/* ---------- timeline ---------- */
.man-page .man-timeline__header { margin-bottom: 40px; }
.man-page .man-timeline__viewport { min-width: 0; }
.man-page .man-timeline__list { list-style: none; padding: 0; margin: 0; }
.man-page .man-timeline__event { position: relative; min-width: 0; }
.man-page .man-timeline__date { position: relative; color: var(--man-accent); font-size: var(--man-small-size); line-height: 1.6; }
.man-page .man-timeline__copy { --man-stack-gap: 16px; }
.man-page .man-timeline__image { --man-media-ratio: 16 / 10; }
.man-page .man-timeline--vertical .man-timeline__event { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px var(--man-gap); padding-bottom: 40px; }
.man-page .man-timeline--vertical .man-timeline__event:not(:last-child)::before { content: ''; position: absolute; top: 12px; bottom: -12px; left: calc((100% + var(--man-gap)) / 6); width: 1px; background: var(--man-line); }
.man-page .man-timeline--vertical .man-timeline__date { grid-column: 1 / 3; grid-row: 1; padding: 4px 24px 0 0; }
.man-page .man-timeline--vertical .man-timeline__date::after { content: ''; position: absolute; right: calc(-1 * var(--man-gap) - 5px); top: 10px; width: 11px; height: 11px; background: var(--man-background); border: 2px solid var(--man-accent); border-radius: var(--man-radius); }
.man-page .man-timeline--vertical .man-timeline__copy { grid-column: 3 / 13; padding: 0 0 32px 24px; border-bottom: 1px solid var(--man-line); }
.man-page .man-timeline--vertical .man-timeline__image { grid-column: 3 / 9; margin-left: 24px; }
.man-page .man-timeline--vertical .man-timeline__event:last-child { padding-bottom: 0; }
.man-page .man-timeline--horizontal .man-timeline__viewport { overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-color: var(--man-accent-3) var(--man-background-alt); scrollbar-width: thin; padding-bottom: 16px; }
.man-page .man-timeline--horizontal .man-timeline__list { display: flex; align-items: stretch; }
.man-page .man-timeline--horizontal .man-timeline__event { flex: 0 0 32%; display: flex; flex-direction: column; padding-right: var(--man-gap); padding-bottom: 16px; scroll-snap-align: start; }
.man-page .man-timeline--horizontal .man-timeline__date { min-height: 64px; border-top: 1px solid var(--man-line-strong); padding-top: 24px; }
.man-page .man-timeline--horizontal .man-timeline__date::before { content: ''; position: absolute; top: -6px; left: 0; width: 11px; height: 11px; background: var(--man-background); border: 2px solid var(--man-accent); border-radius: var(--man-radius); }
.man-page .man-timeline--horizontal .man-timeline__event::before { content: ''; position: absolute; top: 0; right: 0; width: var(--man-gap); border-top: 1px solid var(--man-line-strong); }
.man-page .man-timeline--horizontal .man-timeline__list { padding-top: 8px; }
.man-page .man-timeline--horizontal .man-timeline__copy { padding-right: 8px; }
.man-page .man-timeline--horizontal .man-timeline__image { margin-top: 24px; }
@media (max-width: 899px) {
.man-page .man-timeline__header { margin-bottom: 32px; }
.man-page .man-timeline--vertical .man-timeline__event { padding-bottom: 32px; }
.man-page .man-timeline--vertical .man-timeline__date { grid-column: 1 / 4; }
.man-page .man-timeline--vertical .man-timeline__event:not(:last-child)::before { left: calc((100% + var(--man-gap)) / 4); }
.man-page .man-timeline--vertical .man-timeline__copy { grid-column: 4 / 13; padding-left: 20px; }
.man-page .man-timeline--vertical .man-timeline__image { grid-column: 4 / 12; margin-left: 20px; }
.man-page .man-timeline--horizontal .man-timeline__event { flex-basis: 46%; }
}
@media (max-width: 599px) {
.man-page .man-timeline__header { margin-bottom: 24px; }
.man-page .man-timeline--vertical .man-timeline__event { grid-template-columns: 16px minmax(0, 1fr); gap: 12px 16px; padding-bottom: 32px; }
.man-page .man-timeline--vertical .man-timeline__date { grid-column: 2; grid-row: 1; min-height: 24px; padding: 0; }
.man-page .man-timeline--vertical .man-timeline__date::after { left: -32px; right: auto; top: 5px; }
.man-page .man-timeline--vertical .man-timeline__event:not(:last-child)::before { left: 5px; top: 10px; bottom: -10px; }
.man-page .man-timeline--vertical .man-timeline__copy { grid-column: 2; padding: 0 0 24px; }
.man-page .man-timeline--vertical .man-timeline__image { grid-column: 2; margin-left: 0; }
.man-page .man-timeline--horizontal .man-timeline__event { flex-basis: 86%; }
.man-page .man-timeline--horizontal .man-timeline__date { min-height: 56px; padding-top: 20px; }
}

/* ---------- contact ---------- */
.man-page .man-contact__heading { padding-bottom: 16px; }
.man-page .man-contact__layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.35fr); gap: 32px; align-items: start; }
.man-page .man-contact__information { min-width: 0; padding-top: 20px; border-top: 2px solid var(--man-accent); --man-stack-gap: 24px; }
.man-page .man-contact__details { font-style: normal; line-height: 1.7; overflow-wrap: anywhere; }
.man-page .man-contact__details p + p { margin-top: 8px; }
.man-page .man-contact__hours { list-style: none; border-top: 1px solid var(--man-line); padding-top: 16px; color: var(--man-muted); font-family: var(--man-font-mono); font-size: var(--man-small-size); }
.man-page .man-contact__hours li + li { margin-top: 8px; }
.man-page .man-contact__hours:empty, .man-page .man-contact__actions:empty { display: none; }
.man-page a.man-contact__link { color: var(--man-text); text-decoration: none; }
.man-page a.man-contact__link:hover { color: var(--man-text); background: var(--man-hover); border-color: var(--man-accent); }
.man-page .man-contact__map { min-width: 0; min-height: 320px; overflow: hidden; border: 1px solid var(--man-line); background: var(--man-background-alt); border-radius: var(--man-radius); }
.man-page .man-contact__map > * { width: 100%; }
.man-page .man-contact__map :is(img,video,iframe) { display: block; width: 100%; min-height: 320px; border: 0; object-fit: cover; }
.man-page .man-contact__information:only-child { grid-column: 1 / -1; max-width: 70ch; width: 100%; }
.man-page .man-contact--stacked .man-contact__layout { grid-template-columns: minmax(0,1fr); }
.man-page .man-contact--stacked .man-contact__information { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px 40px; }
.man-page .man-contact--stacked .man-contact__hours { border-top: 0; padding-top: 0; }
.man-page .man-contact--stacked .man-contact__actions { grid-column: 1 / -1; }
.man-page .man-contact--stacked .man-contact__map { min-height: 400px; }
.man-page .man-contact--stacked .man-contact__map :is(img,video,iframe) { min-height: 400px; }
@media(max-width: 899px) { .man-page .man-contact__layout { grid-template-columns: minmax(0,1fr); gap: 24px; } }
@media(max-width: 599px) { .man-page .man-contact--stacked .man-contact__information { grid-template-columns: minmax(0,1fr); } .man-page .man-contact--stacked .man-contact__hours { border-top: 1px solid var(--man-line); padding-top: 16px; } .man-page .man-contact__map, .man-page .man-contact--stacked .man-contact__map { min-height: 280px; } .man-page .man-contact__map :is(img,video,iframe), .man-page .man-contact--stacked .man-contact__map :is(img,video,iframe) { min-height: 280px; } }

/* ---------- tabs ---------- */
.man-page .man-tabs__header { --man-stack-gap: 16px; }
.man-page .man-tabs__header:empty { display: none; }
.man-page .man-tabs__header:not(:empty) { margin-bottom: 40px; }
.man-page .man-tabs__frame { border-top: 1px solid var(--man-line-strong); }
.man-page .man-tabs__labels:not([hidden]) { display: flex; }
.man-page .man-tabs__labels { gap: 0; border-bottom: 1px solid var(--man-line); }
.man-page .man-tabs__tab { position: relative; display: flex; gap: 12px; align-items: baseline; flex: 1 1 0; min-width: 0; padding: 20px 16px; border: 0; border-radius: var(--man-radius); background: transparent; color: var(--man-muted); font-family: var(--man-font-body); font-size: var(--man-small-size); font-weight: 600; line-height: 1.5; text-align: left; cursor: pointer; transition: background-color var(--man-fast), color var(--man-fast); }
.man-page .man-tabs__tab::after { content: ''; position: absolute; inset: auto 0 -1px; height: 2px; background: transparent; transition: background-color var(--man-fast); }
.man-page .man-tabs__tab:hover { color: var(--man-accent); background: var(--man-hover); }
.man-page .man-tabs__tab[aria-selected='true'] { color: var(--man-accent); background: var(--man-hover); }
.man-page .man-tabs__tab[aria-selected='true']::after { background: var(--man-accent); }
.man-page .man-tabs__number { font-family: var(--man-font-mono); font-size: var(--man-eyebrow-size); font-weight: 400; }
.man-page .man-tabs__panel { padding-block: 32px; border-bottom: 1px solid var(--man-line); }
.man-page .man-tabs__panel-layout { display: flex; gap: 32px; align-items: start; }
.man-page .man-tabs__copy { flex: 1 1 0; min-width: 0; }
.man-page .man-tabs__label { margin: 0; font-family: var(--man-font-mono); font-size: var(--man-small-size); font-weight: 500; line-height: 1.6; color: var(--man-accent); }
.man-page .man-tabs__heading { margin: 0; padding: 0; }
.man-page .man-tabs__body { color: var(--man-muted); }
.man-page .man-tabs__image { flex: 0 1 42%; min-width: 0; --man-media-ratio: 4 / 3; }
.man-page .man-tabs--side .man-tabs__frame { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--man-gap); }
.man-page .man-tabs--side .man-tabs__labels { grid-column: span 3; flex-direction: column; align-self: start; border-bottom: 0; }
.man-page .man-tabs--side .man-tabs__tab { flex: none; border-bottom: 1px solid var(--man-line); padding: 20px 12px; }
.man-page .man-tabs--side .man-tabs__tab::after { inset: 0 auto 0 0; width: 2px; height: auto; }
.man-page .man-tabs--side .man-tabs__panels { grid-column: span 9; }
.man-page .man-tabs--side .man-tabs__labels[hidden] + .man-tabs__panels { grid-column: 1 / -1; }
@media (max-width: 899px) { .man-page .man-tabs__panel-layout { flex-direction: column; gap: 24px; } .man-page .man-tabs__image { flex: none; width: 100%; --man-media-ratio: 16 / 9; } .man-page .man-tabs__tab { padding: 16px 12px; gap: 8px; } .man-page .man-tabs--top .man-tabs__labels { overflow-x: auto; } .man-page .man-tabs--top .man-tabs__tab { flex: 0 0 auto; max-width: 240px; } .man-page .man-tabs--side .man-tabs__labels { grid-column: span 4; } .man-page .man-tabs--side .man-tabs__panels { grid-column: span 8; } }
@media (max-width: 599px) { .man-page .man-tabs__header:not(:empty) { margin-bottom: 24px; } .man-page .man-tabs--side .man-tabs__frame { grid-template-columns: minmax(0, 1fr); gap: 0; } .man-page .man-tabs--side .man-tabs__labels, .man-page .man-tabs--side .man-tabs__panels { grid-column: 1 / -1; } .man-page .man-tabs--side .man-tabs__labels:not([hidden]) { flex-direction: row; overflow-x: auto; border-bottom: 1px solid var(--man-line); } .man-page .man-tabs--side .man-tabs__tab { flex: 0 0 auto; max-width: 240px; border-bottom: 0; } .man-page .man-tabs--side .man-tabs__tab::after { inset: auto 0 0; width: auto; height: 2px; } .man-page .man-tabs__panel { padding-block: 24px; } }

/* ---------- banner ---------- */
.man-page .man-notice { padding-block: 20px; border-block: 1px solid var(--man-line); background: var(--man-background-alt); }
.man-page .man-notice-layout { display: flex; align-items: center; gap: 24px; }
.man-page .man-notice-text { flex: 1 1 32rem; max-width: 75ch; padding-left: 20px; border-left: 2px solid var(--man-accent); }
.man-page .man-notice-actions { display: flex; flex: 0 1 auto; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.man-page .man-notice-actions:empty { display: none; }
.man-page .man-notice-button, .man-page a.man-notice-button { min-height: 40px; padding: 8px 16px; border-color: var(--man-line-strong); background: transparent; color: var(--man-accent); text-decoration: none; white-space: normal; transition: color var(--man-fast), background-color var(--man-fast), border-color var(--man-fast); }
.man-page .man-notice-button:hover, .man-page a.man-notice-button:hover { border-color: var(--man-accent); background: var(--man-hover); color: var(--man-accent-hover); }
.man-page .man-notice--notice { background: var(--man-background-alt); }
.man-page .man-notice--highlight { background: var(--man-accent); color: var(--man-on-accent); border-color: var(--man-accent); }
.man-page .man-notice--highlight .man-notice-text { border-left-color: var(--man-on-accent); }
.man-page .man-notice--highlight .man-notice-button, .man-page .man-notice--highlight a.man-notice-button { border-color: var(--man-on-accent); background: transparent; color: var(--man-on-accent); }
.man-page .man-notice--highlight .man-notice-button:hover, .man-page .man-notice--highlight a.man-notice-button:hover { background: var(--man-on-accent); color: var(--man-accent); }
.man-page .man-notice--highlight .man-notice-button:focus-visible { outline-color: var(--man-on-accent); }
@media (max-width: 899px) {
  .man-page .man-notice-layout { flex-wrap: wrap; gap: 16px; }
  .man-page .man-notice-text { flex-basis: 100%; }
  .man-page .man-notice-actions { justify-content: flex-start; padding-left: 22px; }
}
@media (max-width: 599px) {
  .man-page .man-notice { padding-block: 16px; }
  .man-page .man-notice-text { padding-left: 14px; }
  .man-page .man-notice-actions { width: 100%; padding-left: 16px; }
  .man-page .man-notice-button, .man-page a.man-notice-button { min-height: 44px; }
}

/* ---------- components still being designed ---------- */
.man-page .man-pending { padding: 48px 6vw; }
.man-page .man-pending__label { padding: 28px; border: 1px dashed currentColor; opacity: .55; text-align: center; font: 600 13px/1.4 system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; }