.alveary-page {
  --av-paper: #fff;
  --av-soft: #f2f5f6;
  --av-ink: #293239;
  --av-muted: #55656d;
  --av-line: #d2dde0;
  --av-cyan: #14697c;
  --av-violet: #6b5095;
  --av-green: #326754;
  --av-memory-bg: #f2eff7;
  --av-visibility-bg: #eaf3f2;
  --av-hero-bg: #eaf1f2;
  --av-hero-ink: #233139;
  --av-hero-muted: #4b616b;
  --av-hero-cyan: #14697c;
  --av-hero-violet: #6b5095;
  --av-hero-green: #326754;
  --av-hero-line: #8ca4ad;
  --av-hero-rule: #bacdd2;
  --av-hero-surface: #f8fbfc;
  --av-hero-memory: #e9e4f1;
  background: var(--av-paper);
  color: var(--av-ink);
}
html[data-theme="dark"] .alveary-page {
  --av-paper: #1b2025;
  --av-soft: #272f34;
  --av-ink: #edf2f3;
  --av-muted: #bac8ce;
  --av-line: #45535b;
  --av-cyan: #8ed8e9;
  --av-violet: #cbb5ef;
  --av-green: #a6d9be;
  --av-memory-bg: #2d2a36;
  --av-visibility-bg: #243835;
  --av-hero-bg: #293237;
  --av-hero-ink: #eef5f6;
  --av-hero-muted: #c0d2d9;
  --av-hero-cyan: #8ed8e9;
  --av-hero-violet: #cbb5ef;
  --av-hero-green: #a6d9be;
  --av-hero-line: #718f9a;
  --av-hero-rule: #5b747d;
  --av-hero-surface: #34444b;
  --av-hero-memory: #403b50;
}
html[data-nav-experiment="floating"] body.alveary-page nav.site-nav:not(.is-scrolled) {
  --masthead-ink: var(--av-hero-ink);
  --masthead-muted: var(--av-hero-muted);
  --masthead-line: var(--av-hero-rule);
  --masthead-surface: transparent;
  --masthead-blur: none;
}
.alveary-page main { font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif; font-size: 17px; line-height: 1.75; }
.alveary-page main *, .alveary-page main *::before, .alveary-page main *::after { box-sizing: border-box; letter-spacing: 0; }
.alveary-page main :where(h1,h2,h3,p,ul,ol,dl,dd,figure) { margin: 0; }
.alveary-page main :where(h1,h2,h3) { color: inherit; text-wrap: balance; }
.alveary-page main :where(h1,h2) { font-family: "Avenir Next", "Helvetica Neue", Inter, sans-serif; font-weight: 200; line-height: 1.14; }
.alveary-page main h2 { font-size: 48px; }
.alveary-page main h3 { font-size: 22px; font-weight: 550; line-height: 1.4; }
.alveary-page main p { text-wrap: pretty; }
.alveary-page main a { color: var(--av-cyan); text-underline-offset: 5px; }
.alveary-page main :where(button,input) { font: inherit; }
.alveary-page main :where(a,button,summary):focus-visible { outline: 2px solid var(--av-cyan); outline-offset: 5px; }
.alveary-page main button { cursor: pointer; }
.alveary-page main [hidden] { display: none !important; }
.alveary-page main [id] { scroll-margin-top: 24px; }
.alveary-page main .lucide, .alveary-page main i[data-lucide] { display: inline-block; width: 22px; height: 22px; flex-shrink: 0; stroke-width: 1.5; }
.av-shell { width: min(100% - 64px,1200px); margin-inline: auto; }
.av-skip { position: fixed; left: 20px; top: 20px; z-index: 10002; padding: 12px 18px; color: #293239; background: #fff; transform: translateY(-200%); }
.av-skip:focus { transform: none; }
.av-section { padding-block: 88px; }
.av-eyebrow { font-size: 14px; font-weight: 550; color: var(--av-cyan); margin-bottom: 18px !important; }
.av-heading { max-width: 820px; margin-bottom: 44px; }
.av-heading > p:not(.av-eyebrow) { margin-top: 22px; max-width: 770px; color: var(--av-muted); font-size: 18px; }
.av-split { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 70px; align-items: start; }
.av-copy, .av-two-columns p { color: var(--av-muted); }
.av-copy > p + p { margin-top: 20px; }
.av-lead { font-size: 19px; line-height: 1.7; }
.av-two-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 64px; }
.av-two-columns p { margin-top: 16px !important; }
.av-hero { position: relative; padding: 142px 0 42px; overflow: clip; background: var(--av-hero-bg); color: var(--av-hero-ink); }
.av-hero-layout { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); gap: 60px; align-items: center; }
.av-hero-copy { max-width: 520px; }
.av-hero .av-eyebrow { color: var(--av-hero-cyan); }
.alveary-page .av-hero h1 { font-size: 76px; line-height: 1.08; font-weight: 300; }
.av-promise { font-family: "Avenir Next", "Helvetica Neue", Inter, sans-serif; font-size: 32px; font-weight: 400; line-height: 1.35; margin-top: 24px !important; }
.av-hero-description { font-size: 19px; line-height: 1.75; margin-top: 20px !important; color: var(--av-hero-muted); }
.alveary-page .av-text-link { display: inline-flex; align-items: center; gap: 12px; font-size: 16px; line-height: 1.5; margin-top: 26px; color: var(--av-hero-cyan); text-decoration: none; }
.av-text-link:hover { text-decoration: underline !important; }
.av-text-link .lucide { width: 18px !important; height: 18px !important; }
.av-hero-figure { min-width: 0; width: 100%; max-width: 600px; justify-self: end; }
.av-scene { position: relative; width: 100%; aspect-ratio: 600/440; min-height: 440px; }
.av-fallback, #av-hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.av-fallback[data-theme-variant="dark"] { display: none; }
html[data-theme="dark"] .av-fallback[data-theme-variant="dark"] { display: block; }
html[data-theme="dark"] .av-fallback[data-theme-variant="light"] { display: none; }
.av-runtime, .av-memory-node, .av-output, #av-hero-canvas { visibility: hidden; }
.av-scene[data-ready] :is(.av-runtime,.av-memory-node,.av-output,#av-hero-canvas) { visibility: visible; }
.av-scene[data-ready] .av-fallback { display: none !important; }
.av-runtime { position: absolute; top: 0; width: 28%; height: 88px; padding: 14px; border-top: 2px solid var(--av-hero-cyan); background: var(--av-hero-surface); display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: flex-start; }
.av-runtime .lucide { color: var(--av-hero-cyan); width: 20px !important; height: 20px !important; }
.av-runtime strong { font-size: 16px; line-height: 1.4; font-weight: 500; }
.av-claude { left: 0; }
.av-codex { left: 36%; }
.av-gemini { right: 0; }
.av-memory-node { position: absolute; left: 16%; top: 39%; width: 68%; height: 128px; padding: 17px 22px; border-left: 2px solid var(--av-hero-violet); background: var(--av-hero-memory); }
.av-node-kicker { display: flex; align-items: center; gap: 9px; color: var(--av-hero-violet); font-size: 13px; line-height: 1.5; }
.av-node-kicker .lucide { width: 18px !important; height: 18px !important; }
.av-memory-node > strong { display: block; font-size: 18px; font-weight: 500; line-height: 1.45; margin-top: 10px; }
.av-memory-types { display: flex; gap: 18px; border-top: 1px solid var(--av-hero-rule); margin-top: 12px; padding-top: 8px; font-size: 12px; line-height: 1.5; color: var(--av-hero-muted); }
.av-output { position: absolute; bottom: 0; min-height: 58px; width: 42%; display: flex; align-items: flex-start; gap: 12px; padding-top: 14px; border-top: 1px solid var(--av-hero-rule); }
.av-next { left: 0; }
.av-oversight { right: 0; }
.av-output > .lucide { margin-top: 2px; color: var(--av-hero-cyan); }
.av-oversight > .lucide { color: var(--av-hero-green); }
.av-output span { display: block; font-size: 12px; line-height: 1.5; color: var(--av-hero-muted); }
.av-output strong { display: block; font-size: 16px; line-height: 1.5; font-weight: 500; margin-top: 4px; }
.av-motion-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 56px; border-top: 1px solid var(--av-hero-rule); margin-top: 22px; color: var(--av-hero-muted); font-size: 13px; }
.av-icon-button { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border: 1px solid var(--av-hero-rule); border-radius: 50%; background: transparent; color: var(--av-hero-ink); padding: 0; }
.av-icon-button > span { display: flex; }
.av-icon-button:hover { border-color: var(--av-hero-ink); }
.av-connect-steps { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; margin-top: 56px !important; }
.av-connect-steps li { padding-top: 20px; border-top: 1px solid var(--av-line); }
.av-step-number { display: block; margin-bottom: 18px; color: var(--av-cyan); font-size: 14px; }
.av-connect-steps li:nth-child(3) .av-step-number { color: var(--av-violet); }
.av-connect-steps li:last-child .av-step-number { color: var(--av-green); }
.av-connect-steps p { color: var(--av-muted); font-size: 16px; margin-top: 14px !important; }
.av-page-nav { display: flex; flex-wrap: wrap; gap: 20px 32px; border-top: 1px solid var(--av-line); border-bottom: 1px solid var(--av-line); padding: 22px 0; margin-top: 44px; }
.av-page-nav a { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 500; text-decoration: none; }
.av-page-nav a:hover { text-decoration: underline; }
.av-page-nav a:first-child { color: var(--av-violet); }
.av-page-nav a:last-child { color: var(--av-green); }
.av-page-nav .lucide { width: 18px !important; height: 18px !important; }
.av-memory-band { background: var(--av-memory-bg); }
.av-memory-band .av-eyebrow { color: var(--av-violet); }
.av-memory-sequence { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; }
.av-memory-sequence li { border-top: 1px solid var(--av-violet); padding-top: 24px; }
.av-memory-sequence .lucide { color: var(--av-violet); margin-bottom: 20px; }
.av-memory-sequence p { margin-top: 14px !important; color: var(--av-muted); }
.av-memory-details { margin-top: 44px; padding-top: 34px; border-top: 1px solid var(--av-line); }
.av-routing-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 72px; }
.av-route { padding-top: 22px; border-top: 2px solid var(--av-cyan); min-width: 0; }
.av-route:last-child { border-color: var(--av-violet); }
.av-route-label { display: flex; align-items: center; gap: 12px; color: var(--av-cyan); font-size: 14px; margin-bottom: 20px !important; }
.av-route:last-child .av-route-label { color: var(--av-violet); }
.av-route > p:not(.av-route-label) { color: var(--av-muted); margin-top: 18px; }
.av-route-options { margin-block: 26px !important; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; }
.av-route-options > div { padding-left: 16px; border-left: 1px solid var(--av-line); }
.av-route-options dt { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 550; line-height: 1.5; }
.av-route-options dt .lucide { width: 18px !important; height: 18px !important; color: var(--av-cyan); }
.av-route-options dd { font-size: 15px; line-height: 1.75; color: var(--av-muted); margin-top: 12px !important; }
.av-visibility-band { background: var(--av-visibility-bg); }
.av-visibility-band .av-heading { margin-bottom: 0; }
.av-visibility-list > div { padding: 21px 0; border-top: 1px solid var(--av-line); }
.av-visibility-list > div:first-child { padding-top: 0; border: 0; }
.av-visibility-list dt { display: flex; gap: 14px; align-items: center; font-size: 19px; font-weight: 500; line-height: 1.5; }
.av-visibility-list .lucide { color: var(--av-green); }
.av-visibility-list dd { margin: 10px 0 0 36px !important; color: var(--av-muted); }
.av-governance-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 80px; }
.av-governance-grid .av-eyebrow { color: var(--av-green); }
.av-governance-grid .av-heading { margin-bottom: 0; }
.av-controls > div { border-top: 1px solid var(--av-line); padding: 21px 0; display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 25px; }
.av-controls > div:first-child { padding-top: 0; border: 0; }
.av-controls dt { font-size: 17px; font-weight: 500; line-height: 1.6; }
.av-controls dd { font-size: 16px; line-height: 1.75; color: var(--av-muted); }
.av-name-band { padding-block: 42px; border-block: 1px solid var(--av-line); background: var(--av-soft); }
.av-name-layout { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: 72px; align-items: center; }
.alveary-page .av-name-layout h2 { font-size: 34px; font-weight: 300; }
.av-name-layout p { font-size: 17px; color: var(--av-muted); }
.av-questions details { border-top: 1px solid var(--av-line); }
.av-questions details:last-child { border-bottom: 1px solid var(--av-line); }
.av-questions summary { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding-block: 22px; list-style: none; cursor: pointer; font-weight: 500; line-height: 1.6; }
.av-questions summary::-webkit-details-marker { display: none; }
.av-questions summary .lucide { width: 18px !important; height: 18px !important; color: var(--av-cyan); transition: transform 150ms ease; }
.av-questions details[open] summary .lucide { transform: rotate(180deg); }
.av-questions details > p { padding-bottom: 24px; color: var(--av-muted); font-size: 16px; }
.av-close { background: var(--av-hero-bg); }
.av-close-layout { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 60px; align-items: center; }
.av-close h2 { max-width: 820px; }
.av-close p:not(.av-eyebrow) { color: var(--av-muted); font-size: 18px; max-width: 750px; margin-top: 22px; }
.alveary-page .av-contact-link { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 22px; min-height: 52px; border: 1px solid transparent; border-radius: 6px; font-weight: 500; font-size: 16px; text-decoration: none; background: #1a6173; color: #fff; }
.av-contact-link:hover { background: #134b5a; }
html[data-theme="dark"] .alveary-page .av-contact-link { background: #9bd9e7; color: #20353e; }
html[data-theme="dark"] .av-contact-link:hover { background: #b7e7f0; }

@media (max-width: 1100px) {
  .av-hero-layout { gap: 36px; }
  .alveary-page .av-hero h1 { font-size: 68px; }
  .av-promise { font-size: 30px; }
  .av-hero-description { font-size: 18px; }
  .av-memory-node { left: 10%; width: 80%; padding: 16px; }
  .av-memory-node > strong { font-size: 17px; }
  .av-output { width: 46%; gap: 8px; }
  .av-output strong { font-size: 15px; }
  .av-runtime { padding: 12px; }
  .av-runtime strong { font-size: 15px; }
  .av-split, .av-governance-grid, .av-routing-grid { gap: 40px; }
  .av-route-options { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .av-connect-steps { gap: 24px; }
}
@media (max-width: 1000px) {
  .alveary-page main h2 { font-size: 40px; }
  .av-hero { padding-top: 130px; }
  .av-connect-steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
  .av-controls > div { grid-template-columns: minmax(0,1fr); gap: 8px; }
}
@media (max-width: 820px) {
  .av-hero { padding: 112px 0 22px; }
  .av-hero-layout { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .av-hero-copy { max-width: 650px; }
  .alveary-page .av-hero h1 { font-size: 62px; }
  .av-promise { font-size: 28px; margin-top: 18px !important; }
  .av-hero-description { margin-top: 16px !important; }
  .av-hero-figure { max-width: 530px; justify-self: center; }
  .av-scene { height: 290px; aspect-ratio: auto; min-height: 0; }
  .av-runtime { height: 70px; padding: 8px 10px; gap: 5px; }
  .av-runtime strong { font-size: 14px; }
  .av-runtime .lucide { width: 16px !important; height: 16px !important; }
  .av-memory-node { top: 38%; height: 98px; padding: 12px 16px; }
  .av-memory-node > strong { margin-top: 8px; font-size: 16px; }
  .av-memory-types { display: none; }
  .av-output { min-height: 44px; padding-top: 9px; }
  .av-output strong { font-size: 14px; line-height: 1.4; margin-top: 3px; }
  .av-output span { font-size: 11px; }
  .av-output > .lucide { width: 18px !important; height: 18px !important; }
  .av-motion-row { min-height: 48px; margin-top: 16px; font-size: 12px; }
  .av-section { padding-block: 64px; }
  .av-split, .av-governance-grid, .av-name-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .av-faq .av-heading { margin-bottom: 0; }
  .av-two-columns, .av-routing-grid { gap: 36px; }
  .av-memory-sequence { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .av-memory-sequence li { display: grid; grid-template-columns: 26px minmax(0,.8fr) minmax(0,1.2fr); gap: 20px; align-items: start; }
  .av-memory-sequence p { margin-top: 0 !important; }
  .av-memory-sequence .lucide { margin: 3px 0 0; }
  .av-controls > div { grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 24px; }
  .av-close-layout { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .av-contact-link { justify-self: start; }
  .av-page-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 540px) {
  .av-shell { width: calc(100% - 40px); }
  .alveary-page main h2 { font-size: 36px; }
  .alveary-page main h3 { font-size: 21px; }
  .av-eyebrow { font-size: 13px; }
  .av-hero .av-eyebrow { max-width: 290px; }
  .alveary-page .av-hero h1 { font-size: 58px; }
  .av-hero .av-text-link { font-size: 15px; }
  .av-runtime { padding: 8px; }
  .av-runtime strong { font-size: 13px; }
  .av-memory-node { left: 5%; width: 90%; padding-inline: 12px; }
  .av-node-kicker { font-size: 12px; }
  .av-memory-node > strong { font-size: 15px; }
  .av-output { gap: 7px; }
  .av-output strong { font-size: 13px; }
  .av-output span { font-size: 10px; }
  .av-output > .lucide { width: 16px !important; height: 16px !important; }
  .av-heading { margin-bottom: 32px; }
  .av-two-columns, .av-routing-grid { grid-template-columns: minmax(0,1fr); }
  .av-connect-steps { gap: 28px 22px; margin-top: 36px !important; }
  .av-connect-steps p { font-size: 15px; }
  .av-page-nav { gap: 18px 16px; }
  .av-page-nav a { font-size: 14px; align-items: flex-start; }
  .av-page-nav .lucide { margin-top: 3px; }
  .av-memory-sequence li { grid-template-columns: 24px minmax(0,1fr); gap: 12px 16px; }
  .av-memory-sequence p { grid-column: 2; }
  .av-route-options { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  .av-route-options dt { align-items: flex-start; font-size: 14px; }
  .av-route-options dt .lucide { margin-top: 2px; }
  .av-route-options > div { padding-left: 12px; }
  .av-controls > div { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .av-name-band { padding-block: 32px; }
  .alveary-page .av-name-layout h2 { font-size: 30px; }
  .av-visibility-list dt { font-size: 18px; }
  .av-questions summary { font-size: 16px; }
}
@media (max-width: 360px) {
  .av-runtime { height: 78px; }
  .av-route-options { grid-template-columns: minmax(0,1fr); }
  .av-page-nav { grid-template-columns: minmax(0,1fr); gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .av-questions summary .lucide { transition: none; }
}