@media (min-width: 1024px) {
  .launch-brand-stage:has(.is-bridge) .launch-brand-poster {
    opacity: 1;
  }
  .launch-brand-stage:has(.is-bridge) .launch-motion {
    opacity: 0;
  }
  .launch-demo {
    position: relative;
    isolation: isolate;
    overflow: clip;
    max-width: none;
    width: 100%;
    margin: 0;
    min-height: 100dvh;
    padding: 88px 48px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    scroll-margin-top: 0;
  }
  .launch-demo h2 {
    font-size: clamp(40px, 5vw, 64px);
    margin: 0 0 16px;
  }
  .launch-demo-intro {
    font-size: var(--type-body);
    line-height: var(--type-body-line);
    font-weight: var(--type-body-weight);
    color: var(--text-muted);
    margin: 0 0 24px;
  }
  .demo-conversation {
    width: min(100%, 800px);
    margin: 0 auto;
    height: clamp(360px, calc(100dvh - 300px), 560px);
    display: flex;
    flex-direction: column;
    text-align: left;
    border: 1px solid var(--divider);
    border-radius: var(--radius-card);
    padding: 0 24px;
    background: var(--ivory);
    box-shadow: 0 16px 48px -24px rgb(41 45 43 / 0.18);
    overflow-anchor: none;
  }
  .demo-chat-header {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    flex: 0 0 56px;
    min-height: 56px;
    margin: 0 -24px;
    padding: 0 16px;
    background: var(--surface-muted);
    border-bottom: 1px solid var(--divider);
    border-radius: var(--radius-card) var(--radius-card) 0 0;
    font-size: 15px;
    font-weight: 500;
  }
  .demo-window-lights {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .demo-window-lights span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgb(41 45 43 / 0.1);
  }
  .demo-window-lights span:nth-child(1) {
    background: #ff5f57;
  }
  .demo-window-lights span:nth-child(2) {
    background: #febc2e;
  }
  .demo-window-lights span:nth-child(3) {
    background: #28c840;
  }
  .demo-window-title {
    text-align: center;
  }
  .demo-chat-header .demo-reset {
    justify-self: end;
  }
  .demo-transcript {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: var(--divider) transparent;
    scrollbar-width: thin;
    padding: 24px 8px 0 0;
    overflow-anchor: none;
  }
  .demo-empty {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 24px;
  }
  .demo-empty img {
    object-fit: contain;
    margin-bottom: 16px;
  }
  .demo-empty p {
    font-size: var(--type-heading);
    line-height: var(--type-heading-line);
    font-weight: var(--type-heading-weight);
    letter-spacing: -0.02em;
    margin: 0 0 8px;
  }
  .demo-empty span {
    font-size: var(--type-label);
    line-height: var(--type-label-line);
    font-weight: var(--type-label-weight);
    color: var(--text-muted);
  }
  .demo-composer {
    display: block;
    position: relative;
    flex: none;
    background: var(--surface-muted);
    color: var(--charcoal);
    border: 0;
    border-radius: var(--radius-card);
    padding: 12px;
    color-scheme: light;
  }
  .demo-composer textarea {
    display: block;
    width: 100%;
    resize: none;
    height: 28px;
    min-height: 28px;
    border: 0;
    background: transparent;
    color: var(--charcoal);
    font: inherit;
    font-size: var(--type-body);
    line-height: var(--type-body-line);
    font-weight: var(--type-body-weight);
    caret-color: var(--teal);
    padding: 0;
    margin: 0 0 8px;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .demo-composer textarea::placeholder {
    color: var(--text-muted);
    opacity: 1;
  }
  .demo-composer textarea:focus-visible {
    outline: none;
  }
  .demo-composer:has(textarea:focus-visible) {
    outline: var(--focus-width) solid var(--teal);
    outline-offset: var(--focus-gap);
  }
  .demo-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .demo-attachments {
    position: relative;
  }
  .demo-attachments summary {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    list-style: none;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
  }
  .demo-attachments summary::-webkit-details-marker {
    display: none;
  }
  .demo-attachments summary:hover {
    background: var(--ivory);
  }
  .demo-attachment-options {
    position: absolute;
    bottom: 56px;
    left: 0;
    z-index: 2;
    min-width: 250px;
    border: 1px solid var(--divider);
    background: var(--ivory);
    color: var(--charcoal);
    border-radius: var(--radius-control);
    box-shadow: var(--shadow-popover);
    padding: 8px;
  }
  .demo-attachment-options label {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 8px;
    font-size: 15px;
    cursor: pointer;
  }
  .demo-preview {
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    min-height: 48px;
    padding: 12px;
    border: 0;
    border-radius: 50%;
    background: var(--charcoal);
    color: var(--ivory);
    cursor: pointer;
    transition: background var(--feedback) var(--ease-hark);
  }
  .demo-preview img {
    width: 24px;
    height: 24px;
    filter: brightness(0) invert(1);
  }
  .demo-preview:hover {
    background: var(--teal);
  }
  .demo-preview:active {
    background: var(--teal-deep);
  }
  .demo-task-picker summary:focus-visible,
  .demo-attachments summary:focus-visible,
  .demo-preview:focus-visible,
  .demo-files button:focus-visible,
  .demo-reset:focus-visible,
  .demo-answer a:focus-visible {
    outline: var(--focus-width) solid var(--teal);
    outline-offset: var(--focus-gap);
  }
  .demo-files {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
  }
  .demo-files li {
    display: flex;
    align-items: center;
    gap: 4px;
    background: var(--ivory);
    color: var(--charcoal);
    border-radius: var(--radius-control);
    font-size: 13px;
    padding: 0 0 0 12px;
  }
  .demo-files button {
    display: grid;
    place-items: center;
    min-width: 44px;
    min-height: 44px;
    border: 0;
    background: transparent;
    border-radius: var(--radius-control);
    cursor: pointer;
  }
  .demo-result {
    padding: 0 0 24px;
    animation: demo-response var(--overlay) var(--ease-hark);
  }
  @keyframes demo-response {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .demo-message {
    max-width: 85%;
    width: fit-content;
    margin: 0 0 24px auto;
    padding: 12px 16px;
    background: var(--teal-soft);
    border-radius: var(--radius-card);
    font-size: var(--type-body);
    line-height: var(--type-body-line);
    font-weight: var(--type-body-weight);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
  }
  .demo-message p {
    margin: 0;
  }
  .demo-message small {
    font-size: 13px;
    color: var(--text-muted);
  }
  .demo-answer {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
  }
  .demo-answer > img {
    width: 40px;
    height: 40px;
    object-fit: contain;
  }
  .demo-answer p {
    font-size: var(--type-body);
    line-height: var(--type-body-line);
    font-weight: var(--type-body-weight);
    margin: 0 0 12px;
    color: var(--charcoal);
  }
  .demo-answer p.demo-answer-label {
    font-size: var(--type-caption);
    line-height: var(--type-caption-line);
    font-weight: var(--type-caption-weight);
    color: var(--text-muted);
    margin: 0 0 8px;
  }
  .demo-answer a {
    display: inline-block;
    color: var(--teal);
    text-decoration: none;
    font-size: 15px;
    min-height: 44px;
    padding: 8px 0;
  }
  .demo-reset {
    min-height: 44px;
    padding: 0 8px;
    background: transparent;
    border: 0;
    border-radius: var(--radius-control);
    color: var(--text-muted);
    font: inherit;
    font-size: 13px;
    cursor: pointer;
  }
  .demo-reset:disabled {
    opacity: 0.5;
    cursor: default;
  }
  .desktop-launch ::selection {
    background: #dbe9c7;
    color: var(--charcoal);
  }
}
@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  .demo-result {
    animation: none;
  }
  .demo-preview {
    transition: none;
  }
}

@media (min-width: 1024px) {
  .desktop-launch::before {
    content: "";
    position: fixed;
    z-index: 8;
    inset: -12vh -8vw;
    pointer-events: none;
    background:
      radial-gradient(
        ellipse 54vw 80vh at 0% 30%,
        rgb(247 120 102 / 0.48) 0%,
        rgb(247 120 102 / 0.22) 35%,
        transparent 72%
      ),
      radial-gradient(
        ellipse 54vw 80vh at 100% 70%,
        rgb(150 226 12 / 0.42) 0%,
        rgb(150 226 12 / 0.17) 38%,
        transparent 72%
      );
    opacity: var(--scene-edge, 0);
    transform: translate3d(
      calc(var(--scene-flow, 0) * 3vw),
      calc(var(--scene-flow, 0) * -8vh),
      0
    );
  }
  .demo-embedded {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .demo-embedded .demo-conversation {
    height: 100%;
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0 16px;
  }
  .demo-embedded .demo-chat-header {
    display: flex;
    justify-content: flex-end;
    flex-basis: 40px;
    min-height: 40px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
  }
  .demo-embedded .demo-transcript {
    padding: 0 8px 0 0;
  }
  .demo-embedded .demo-empty {
    padding-bottom: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .desktop-launch::before {
    display: none;
  }
}
@media (min-width: 1024px) {
  .demo-embedded .demo-composer {
    margin-bottom: 16px;
  }
  .demo-task-picker {
    position: relative;
    margin-left: auto;
    font-size: var(--type-label);
    line-height: var(--type-label-line);
    font-weight: var(--type-label-weight);
  }
  .demo-task-picker summary {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 8px 12px;
    border-radius: var(--radius-control);
    list-style: none;
    cursor: pointer;
  }
  .demo-task-picker summary::-webkit-details-marker {
    display: none;
  }
  .demo-task-picker summary:hover,
  .demo-task-picker[open] summary {
    background: var(--ivory);
  }
  .demo-task-options {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    z-index: 20;
    width: 280px;
    max-width: var(--popover-width);
    margin: 0;
    padding: 8px;
    border: 1px solid var(--divider);
    border-radius: var(--radius-control);
    background: var(--ivory);
    box-shadow: var(--shadow-popover);
  }
  .demo-task-options label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 8px 12px;
    border-radius: var(--radius-control);
    cursor: pointer;
  }
  .demo-task-options input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
  }
  .demo-task-options label:hover,
  .demo-task-options label:has(input:checked) {
    background: var(--surface-muted);
  }
  .demo-task-options label:has(input:focus-visible) {
    outline: var(--focus-width) solid var(--teal);
    outline-offset: var(--focus-gap);
  }
  .demo-task-options img {
    visibility: hidden;
  }
  .demo-task-options input:checked ~ img {
    visibility: visible;
  }
}

@media (min-width: 1024px) {
  .launch-brand-signature {
    transition: opacity 700ms var(--ease);
  }
  .launch-brand-stage:has(.is-signature) .launch-motion {
    transition: opacity 700ms var(--ease);
  }
  .launch-signature-lockup {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    transform: translateY(18px) scale(0.97);
    transition: transform 850ms var(--ease);
  }
  .is-signature .launch-signature-lockup {
    transform: translateY(0) scale(1);
  }
  .is-signature .launch-signature-lockup img {
    animation: signature-breathe 3600ms var(--ease) infinite alternate;
  }
}
@keyframes signature-breathe {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-4px);
  }
}
@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  .launch-brand-signature,
  .launch-signature-lockup {
    transition: none;
  }
  .is-signature .launch-signature-lockup img {
    animation: none;
  }
}

@media (min-width: 1024px) {
  .desktop-home-story {
    --story-width: 1120px;
    --story-gap: clamp(80px, 9vw, 144px);
  }
  .desktop-home-story .enterprise-motion .launch-motion {
    pointer-events: none;
  }
  .desktop-home-story .home-hero-copy {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    box-sizing: border-box;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 var(--scene-gutter, 48px);
    text-align: center;
  }
  .desktop-home-story .home-hero-copy h1 {
    margin: 0;
    font-size: clamp(32px, 3.3vw, 48px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.035em;
    text-wrap: balance;
  }
  .desktop-home-story .launch-text-action {
    min-width: 44px;
    text-decoration: none;
    background: transparent;
    transition: color var(--dur-fast) var(--ease-hark);
  }
  .desktop-home-story .launch-text-action:hover {
    color: var(--teal-dark);
    background: transparent;
  }
  .desktop-home-story .launch-text-action:active {
    color: var(--charcoal);
  }
  .desktop-home-story .launch-text-action:focus-visible {
    outline-offset: 3px;
  }
  .desktop-home-story ::selection {
    background: var(--lime);
    color: var(--charcoal);
  }
  .desktop-home-story :is(button, a, textarea):focus-visible {
    outline: 2px solid var(--teal);
    outline-offset: 5px;
  }
  .desktop-home-story :is(#dom-demo, #company, #dom-story, #launch-promise) {
    scroll-margin-top: 0;
  }
}

@media (min-width: 1024px) {
  .desktop-home-story {
    --story-width: 1440px;
    --scene-gutter: clamp(40px, 5vw, 88px);
  }
  .desktop-home-story > [data-story-scene] {
    box-sizing: border-box;
    height: 100dvh;
    min-height: 600px;
  }
  .desktop-home-story .launch-company {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    align-items: center;
    max-width: var(--story-width);
    margin: 0 auto;
    padding: 96px var(--scene-gutter) 40px;
    gap: clamp(40px, 5vw, 80px);
    text-align: left;
  }
  .desktop-home-story .launch-company-overview {
    display: block;
  }
  .desktop-home-story .launch-company-overview .launch-text-action {
    padding: 8px 0;
    font-size: 16px;
  }
  .workflow-film {
    position: relative;
    align-self: center;
    width: 100%;
    max-height: 100%;
    aspect-ratio: 1;
  }
  .workflow-film > img,
  .workflow-film video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .workflow-film video {
    position: absolute;
    inset: 0;
  }
  .workflow-film video[hidden] {
    display: none;
  }
}

@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  .workflow-film video {
    visibility: hidden;
  }
}

@media (min-width: 1024px) {
  .desktop-home-signup {
    display: grid;
    place-items: center;
    padding: 96px 48px 64px;
    text-align: center;
  }
  .desktop-home-signup-content {
    width: min(100%, 520px);
  }
  .desktop-home-signup h2 {
    font-size: clamp(36px, 3.8vw, 52px);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -0.035em;
    margin: 0 0 20px;
    text-wrap: balance;
  }
  .desktop-home-signup-content > p {
    font-size: 17px;
    line-height: 1.5;
    color: var(--text-muted);
    margin: 0 auto 36px;
    max-width: 42ch;
  }
  .desktop-home-signup form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: left;
    width: min(100%, 400px);
    margin: 0 auto;
  }
  .desktop-home-signup label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  .desktop-home-signup input:not([type="checkbox"]) {
    box-sizing: border-box;
    width: 100%;
    min-height: 52px;
    padding: 14px 16px;
    font: inherit;
    line-height: 24px;
    background: var(--surface-muted);
    color: var(--charcoal);
    border: 1px solid transparent;
    border-radius: 14px;
    caret-color: var(--teal);
  }
  .desktop-home-signup input:not([type="checkbox"]):hover {
    border-color: var(--text-muted);
  }
  .desktop-home-signup input:not([type="checkbox"]):focus-visible {
    outline: 2px solid var(--teal);
    outline-offset: 3px;
  }
  .desktop-home-signup input:not([type="checkbox"])[aria-invalid="true"] {
    border-color: #a73c2c;
  }
  .desktop-home-signup .launch-action {
    width: 100%;
    min-height: 52px;
    margin-top: 8px;
    border-radius: 14px;
    background: var(--charcoal);
    color: var(--ivory);
  }
  .desktop-home-signup .launch-action:hover {
    background: var(--teal-dark);
  }
  .desktop-home-signup .launch-action:disabled:not(.aomi-cta--waitlist) {
    opacity: 0.65;
    cursor: wait;
  }
  .desktop-home-signup input:not([type="checkbox"]):disabled {
    opacity: 0.65;
  }
  .desktop-home-signup .waitlist-result {
    width: min(100%, 400px);
    margin: 0 auto;
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .desktop-home-story .launch-company-overview > p {
    font-size: 17px;
    line-height: 1.6;
    max-width: 38ch;
    margin: 0 0 20px;
  }
}

@media (min-width: 1024px) {
  .desktop-home-story .workflow-liquid-art {
    aspect-ratio: 3/2;
    overflow: hidden;
    border-radius: 24px;
  }
  .desktop-home-story .workflow-liquid-art > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (min-width: 1024px) {
  html:has(#site-view[data-scene-snap="true"]) {
    scroll-snap-type: y mandatory;
    scroll-padding-top: 0;
  }
  #site-view[data-scene-snap="true"]
    :is(
      .desktop-home-story > [data-story-scene],
      .dom-product-story > section
    ) {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    scroll-margin-top: 0;
  }
  #site-view[data-scene-snap="true"] .dom-product-story > section {
    min-height: 100dvh;
    height: auto;
    max-height: none;
  }
  .desktop-home-story
    > :is(.aomi-core-scene, .aomi-custom-scene, .aomi-dom-teaser) {
    height: auto;
    min-height: 100dvh;
    max-width: 1440px;
    margin: auto;
    padding: 96px var(--scene-gutter) 48px;
    box-sizing: border-box;
  }
  .aomi-core-scene {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
  }
  .aomi-core-scene h2,
  .aomi-custom-scene h2,
  .aomi-dom-teaser h2 {
    font-size: clamp(34px, 3.5vw, 50px);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -0.04em;
    text-wrap: balance;
    margin: 0 0 20px;
  }
  .aomi-core-scene header > p,
  .aomi-custom-copy > p,
  .aomi-dom-teaser p {
    font-size: 17px;
    line-height: 1.6;
    color: var(--text-muted);
    margin: 0;
    max-width: 47ch;
  }
  .aomi-core-map {
    --core-row: clamp(82px, 12vh, 112px);
    position: relative;
    isolation: isolate;
    width: 100%;
    margin: 8px 0;
    border-radius: 32px;
  }
  .aomi-core-material {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.6;
    z-index: -1;
    border-radius: 32px;
  }
  .aomi-core-platforms {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: var(--core-row) var(--core-row) 70px 84px;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 16px;
  }
  .aomi-core-platforms li {
    position: relative;
    min-width: 0;
    padding: 16px 20px;
    box-sizing: border-box;
    border-radius: 24px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    box-shadow:
      var(--glass-shadow),
      inset 0 -1px 0 rgba(255, 255, 255, 0.4),
      inset 0 1px 1px rgba(255, 255, 255, 0.8);
    transition:
      background 0.8s,
      box-shadow 0.8s;
  }
  .aomi-core-platforms li::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(
      140deg,
      rgba(255, 255, 255, 0.9),
      rgba(255, 255, 255, 0.05) 42%,
      rgba(255, 255, 255, 0.6) 78%,
      rgba(255, 255, 255, 0.2)
    );
    mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
  }
  .aomi-core-platforms li[data-lit="true"] {
    background: var(--glass-bg);
    box-shadow:
      0 12px 32px rgba(41, 45, 43, 0.08),
      inset 0 1px 1px #fff,
      inset 0 -1px 1px rgba(255, 255, 255, 0.6);
  }
  .aomi-core-platforms li[data-platform="Control"] {
    grid-area: 1/1/3/4;
  }
  .aomi-core-platforms li[data-platform="Vector"] {
    grid-area: 1/4/2/7;
  }
  .aomi-core-platforms li[data-platform="Graph"] {
    grid-area: 1/7/2/10;
  }
  .aomi-core-platforms li[data-platform="Gateway"] {
    grid-area: 2/4/3/7;
  }
  .aomi-core-platforms li[data-platform="Mesh"] {
    grid-area: 2/7/3/10;
  }
  .aomi-core-platforms li[data-platform="Verify"] {
    grid-area: 1/10/3/13;
  }
  .aomi-core-platforms li[data-platform="Studio"] {
    grid-area: 4/1/5/7;
  }
  .aomi-core-platforms li[data-platform="Sim"] {
    grid-area: 4/7/5/13;
  }
  .aomi-core-platforms
    li:is([data-platform="Control"], [data-platform="Verify"]) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
  }
  .aomi-core-platforms
    li:is([data-platform="Control"], [data-platform="Verify"])
    h3 {
    font-size: 32px;
    margin: 8px 0 16px;
  }
  .aomi-core-platforms li:is([data-platform="Studio"], [data-platform="Sim"]) {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    align-content: center;
    column-gap: 20px;
  }
  .aomi-core-platforms
    li:is([data-platform="Studio"], [data-platform="Sim"])
    p {
    grid-column: 2;
    grid-row: 1/3;
    align-self: center;
  }
  .aomi-core-platforms
    li:is([data-platform="Studio"], [data-platform="Sim"])
    h3 {
    margin-bottom: 0;
  }
  .aomi-core-platforms li > span {
    display: block;
    font-size: 11px;
    line-height: 1.2;
    color: var(--text-muted);
    letter-spacing: 0.02em;
  }
  .aomi-core-platforms h3 {
    margin: 3px 0 8px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.03em;
  }
  .aomi-core-platforms p {
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    color: #464d46;
  }
  .aomi-core-connections {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: visible;
    pointer-events: none;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .core-connection-base {
    stroke: rgba(167, 96, 83, 0.23);
    stroke-width: 1;
  }
  .core-connection-flow {
    stroke: #dc7565;
    stroke-width: 2;
    stroke-dasharray: 28 200;
    stroke-dashoffset: 28;
    opacity: 0;
  }
  .aomi-core-scene[data-moving="true"]
    .aomi-core-connections
    g[data-lit="true"]
    .core-connection-flow {
    animation: aomi-connection-travel 4.2s cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .aomi-runtime {
    position: absolute;
    z-index: 2;
    left: 16px;
    right: 16px;
    top: calc(83px + 2 * var(--core-row));
    transform: translateY(-50%);
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 24px;
    border-radius: 22px;
    background:
      linear-gradient(
        160deg,
        rgba(255, 255, 255, 0.4),
        rgba(247, 120, 102, 0.12)
      ),
      rgba(247, 120, 102, 0.62);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    border: 1px solid rgba(255, 255, 255, 0.55);
    box-shadow:
      inset 0 1px 1px rgba(255, 255, 255, 0.8),
      inset 0 -1px 0 rgba(255, 255, 255, 0.32),
      0 4px 12px rgba(143, 75, 64, 0.06);
    color: var(--charcoal);
    overflow: hidden;
  }
  .aomi-runtime strong {
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
  }
  .aomi-runtime span {
    font-size: 12px;
    color: #403b35;
  }
  .aomi-runtime::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 22%;
    left: -25%;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.9),
      transparent
    );
    animation: aomi-runtime-travel 4.2s ease-in-out infinite;
    animation-play-state: paused;
  }
  .aomi-core-scene[data-moving="true"] .aomi-runtime::after {
    animation-play-state: running;
  }
  .aomi-core-caption {
    min-height: 60px;
    text-align: left;
  }
  .aomi-core-caption p {
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 8px;
    animation: aomi-caption-in 0.65s ease-out;
  }
  .aomi-core-caption > span {
    font-size: 12px;
    line-height: 1.5;
    color: var(--text-muted);
  }
  .aomi-custom-scene {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    align-items: center;
    gap: 7vw;
  }
  .aomi-custom-art img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 26px;
  }
  .aomi-custom-copy h2 {
    max-width: 17ch;
  }
  .aomi-custom-copy dl {
    margin: 28px 0;
    display: grid;
    gap: 22px;
  }
  .aomi-custom-copy dl > div {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 18px;
    font-size: 14px;
    line-height: 1.5;
  }
  .aomi-custom-copy dt {
    color: var(--text-muted);
  }
  .aomi-custom-copy dd {
    margin: 0;
  }
  .aomi-custom-copy > p.aomi-pilot-path {
    font-size: 14px;
    padding-top: 20px;
    border-top: 1px solid rgba(41, 45, 43, 0.12);
    max-width: 42ch;
  }
  .aomi-dom-teaser {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 6vw;
  }
  .aomi-dom-teaser h2 {
    font-size: clamp(52px, 6vw, 84px);
    margin-top: 18px;
  }
  .aomi-dom-label {
    font-size: 14px;
    color: var(--text-muted);
  }
  .aomi-dom-teaser > img {
    width: min(100%, 420px);
    height: auto;
    justify-self: center;
  }
  @keyframes aomi-runtime-travel {
    0% {
      left: -25%;
    }
    70%,
    100% {
      left: 105%;
    }
  }
  @keyframes aomi-caption-in {
    from {
      opacity: 0.3;
      transform: translateY(5px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  @keyframes aomi-connection-travel {
    0% {
      stroke-dashoffset: 28;
      opacity: 0;
    }
    12% {
      opacity: 1;
    }
    75% {
      stroke-dashoffset: -100;
      opacity: 1;
    }
    90%,
    100% {
      stroke-dashoffset: -100;
      opacity: 0;
    }
  }
}
@media (min-width: 1024px) and (max-height: 800px) {
  .desktop-home-story > .aomi-core-scene {
    gap: 18px;
    padding-top: 86px;
    padding-bottom: 30px;
  }
  .aomi-core-scene h2 {
    font-size: 36px;
    margin-bottom: 12px;
  }
  .aomi-core-platforms li {
    padding: 10px 16px;
  }
  .aomi-core-platforms h3 {
    font-size: 22px;
    margin-bottom: 4px;
  }
  .aomi-core-map {
    margin: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .aomi-core-scene *,
  .aomi-core-scene *::after {
    animation: none !important;
    transition: none !important;
  }
  .aomi-core-platforms li[data-lit="true"] {
    transform: none;
  }
}
@media (prefers-reduced-transparency: reduce),
  (prefers-contrast: more),
  (forced-colors: active) {
  .aomi-core-platforms li[data-platform] {
    background: var(--glass-solid-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
  }
  .aomi-core-platforms li::before {
    display: none;
  }
  .aomi-runtime {
    background: #f9b6aa;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
@supports not (
  (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))
) {
  .aomi-core-platforms li[data-platform] {
    background: var(--glass-solid-bg);
  }
  .aomi-runtime {
    background: #f9b6aa;
  }
}

@media (min-width: 1024px) {
  .aomi-dom-teaser p {
    margin-bottom: var(--space-action);
  }
  .desktop-home-story .launch-company-overview > p {
    margin-bottom: var(--space-action);
  }
}

@media (min-width: 1024px) {
  .aomi-custom-art img {
    transform: scaleX(-1);
  }
}

@media (min-width: 1024px) {
  .desktop-home-story > .launch-cinema {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: center;
    column-gap: 64px;
    box-sizing: border-box;
    height: 100svh;
    min-height: 0;
    width: min(1280px, calc(100vw - 112px));
    margin-inline: auto;
    padding: 64px 24px 0;
    overflow: visible;
  }
  .launch-cinema .home-hero-copy--desktop {
    grid-column: 1;
    grid-row: 1;
    width: auto;
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    align-items: flex-start;
    gap: 32px;
    text-align: left;
  }
  .launch-cinema #launch-company-title {
    font-size: clamp(44px, 4.2vw, 64px);
    line-height: 1.06;
    letter-spacing: -0.02em;
    font-weight: 500;
    max-width: 14ch;
    text-align: left;
  }
  .launch-cinema .home-hero-copy .aomi-cta {
    margin: 0;
  }
  .launch-cinema .launch-brand-stage {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: min(calc(100svh - 64px - 48px), 760px);
    max-height: none;
    overflow: visible;
  }
  .launch-cinema
    :is(
      .enterprise-motion,
      .launch-motion,
      .launch-brand-poster,
      .launch-brand-signature
    ) {
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .launch-cinema .launch-brand-poster img {
    width: min(72%, 72vh);
    height: auto;
    max-height: 84%;
  }
}

.dom-product-story {
  --demo-ink: var(--charcoal);
  color: var(--demo-ink);
  max-width: 1600px;
  margin: auto;
}
.dom-product-story * {
  box-sizing: border-box;
}
.dom-product-story h1,
.dom-product-story h2 {
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.08;
  text-wrap: balance;
  margin: 0 0 22px;
}
.dom-product-story h1 {
  font-size: clamp(34px, 3.3vw, 50px);
  max-width: 15em;
}
.dom-product-story h2 {
  font-size: clamp(32px, 3.4vw, 48px);
  max-width: 22ch;
}
.dom-product-story p {
  font-size: 17px;
  line-height: 1.6;
  color: var(--text-muted);
  max-width: 47ch;
  margin: 0 0 22px;
}
.dom-product-story .launch-text-action {
  font-size: 16px;
  padding: 12px 0;
  text-decoration: none;
  border: 0;
}
.dom-product-hero,
.dom-product-scene {
  min-height: 680px;
  height: 100dvh;
  max-height: 1120px;
  padding: 96px clamp(40px, 5vw, 88px) 48px;
  scroll-margin-top: 0;
}
.dom-product-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  align-items: center;
  gap: 24px 48px;
  position: relative;
}
.dom-product-hero > div {
  min-width: 0;
}
.dom-product-hero h1 {
  margin-bottom: 24px;
}
.dom-product-hero > div > p {
  max-width: 58ch;
}
.dom-product-identity {
  margin: 0;
  display: grid;
  justify-items: center;
  gap: 16px;
}
.dom-product-wordmark {
  width: clamp(164px, 17vw, 224px);
  height: auto;
}
.dom-product-mascot {
  width: min(100%, 480px);
  height: auto;
  justify-self: center;
  filter: drop-shadow(0 24px 30px rgba(70, 49, 35, 0.05));
}
.dom-product-scene {
  display: grid;
  align-content: center;
  gap: 36px;
  height: auto;
  min-height: min(100dvh, 800px);
  max-height: none;
  padding-top: 96px;
  padding-bottom: 64px;
}
.dom-product-brief {
  grid-template-columns: 0.85fr 1.15fr;
  align-items: center;
  gap: 6vw;
}
.dom-product-workflow {
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
}
.dom-product-workflow header p {
  margin-left: auto;
  margin-right: auto;
}
.dom-product-workflow h2 {
  max-width: none;
}
.dom-product-output {
  grid-template-columns: 0.8fr 1.2fr;
  align-items: center;
  gap: 5vw;
}
.dom-product-output figure,
.dom-channel-composition figure {
  margin: 0;
  min-width: 0;
}
.dom-product-output figure > img {
  width: 100%;
  height: auto;
  border-radius: 24px;
  display: block;
}
.dom-product-output figcaption {
  font-size: 12px;
  color: var(--text-muted);
  margin-top: 12px;
  text-align: center;
  line-height: 1.4;
}
.dom-product-channels {
  gap: 20px;
}
.dom-product-channels header {
  display: block;
}
.dom-product-channels header h2 {
  max-width: none;
  margin-bottom: 12px;
}
.dom-product-channels header p {
  max-width: 70ch;
  margin-bottom: 0;
}
.dom-channel-composition {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 24px;
}
.dom-channel-composition figure > img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 24px;
}
.dom-walkthrough {
  position: relative;
  width: 100%;
  background: #fcfaf6;
  border: 1px solid rgba(41, 45, 43, 0.08);
  border-radius: 24px;
  box-shadow: 0 24px 64px rgba(65, 51, 39, 0.08);
  overflow: hidden;
  text-align: left;
  isolation: isolate;
}
.dom-demo-bar {
  height: 52px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(41, 45, 43, 0.07);
  font-size: 15px;
  font-weight: 600;
}
.dom-demo-bar > span + span {
  font-size: 12px;
  font-weight: 400;
  color: var(--text-muted);
}
.dom-brief-body,
.dom-workflow-body,
.dom-publish-body {
  padding: 28px;
}
.dom-brief-body {
  min-height: 390px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 24px;
}
.dom-demo-response {
  display: flex;
  align-items: center;
  gap: 16px;
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity 0.6s,
    transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  min-height: 100px;
}
.dom-demo-response[data-shown="true"] {
  opacity: 1;
  transform: none;
}
.dom-demo-response img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}
.dom-product-story .dom-demo-response p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}
.dom-brief-form {
  border-radius: 18px;
  background: var(--surface-muted);
  padding: 18px;
}
.dom-brief-form textarea {
  width: 100%;
  resize: none;
  border: 0;
  background: transparent;
  color: var(--charcoal);
  font: inherit;
  font-size: 17px;
  line-height: 1.5;
  min-height: 64px;
}
.dom-brief-form textarea::placeholder {
  color: var(--text-muted);
}
.dom-file-list {
  display: flex;
  gap: 8px;
  min-height: 32px;
  flex-wrap: wrap;
  margin: 12px 0;
}
.dom-file-list span {
  font-size: 12px;
  line-height: 1.5;
  background: #fcfaf6;
  padding: 6px 10px;
  border-radius: 8px;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.dom-brief-actions {
  display: flex;
  justify-content: space-between;
}
.dom-brief-actions button {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fcfaf6;
  cursor: pointer;
}
.dom-brief-actions button[type="submit"] {
  background: var(--charcoal);
}
.dom-brief-actions button[type="submit"] img {
  filter: invert(1);
}
.dom-walkthrough small {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  color: var(--text-muted);
}
.dom-walkthrough fieldset {
  border: 0;
  padding: 0;
  margin: 0 0 22px;
  min-width: 0;
}
.dom-walkthrough legend,
.dom-model-label,
.dom-custom-label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
}
.dom-choice-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.dom-choice-row button {
  flex: 1;
  white-space: nowrap;
  min-height: 44px;
  border: 0;
  border-radius: 12px;
  background: var(--surface-muted);
  color: var(--charcoal);
  font: inherit;
  font-size: 14px;
  padding: 10px 14px;
  cursor: pointer;
  transition:
    background var(--dur-base),
    color var(--dur-base);
}
.dom-choice-row button[aria-pressed="true"] {
  background: var(--charcoal);
  color: var(--ivory);
  border-color: var(--charcoal);
}
.dom-choice-row button:hover {
  background: var(--divider);
}
.dom-choice-row button[aria-pressed="true"]:hover {
  background: var(--charcoal);
}
.dom-choice-row button:active,
.dom-brief-actions button:active {
  transform: scale(0.98);
}
.dom-walkthrough :is(button, input, select, textarea):focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 3px;
}
.dom-workflow-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 32px;
}
.dom-workflow-body > fieldset:first-child {
  grid-column: 1/-1;
}
.dom-workflow-body .dom-choice-row button {
  flex: 1;
}
.dom-workflow-body > fieldset {
  margin: 0;
}
.dom-workflow-body .dom-custom-label {
  grid-column: 1/-1;
}
.dom-workflow-body > .dom-model-choice {
  grid-column: auto;
}
.dom-choice-row label {
  position: relative;
  flex: 1;
  min-width: 0;
  cursor: pointer;
}
.dom-choice-row label input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}
.dom-choice-row label span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  box-sizing: border-box;
  padding: 10px 14px;
  border-radius: 12px;
  background: var(--surface-muted);
  color: var(--charcoal);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
}
.dom-choice-row label input:checked + span {
  background: var(--charcoal);
  color: var(--ivory);
}
.dom-choice-row label input:focus-visible + span {
  outline: 2px solid var(--teal);
  outline-offset: 3px;
}
.dom-choice-row label:hover span {
  background: var(--divider);
}
.dom-choice-row label:hover input:checked + span {
  background: var(--charcoal);
}
@media (forced-colors: active) {
  .dom-choice-row label span {
    border: 1px solid ButtonText;
  }
  .dom-choice-row label input:checked + span {
    outline: 2px solid Highlight;
  }
}
.dom-custom-label input {
  font: inherit;
  min-height: 44px;
  border: 1px solid rgba(41, 45, 43, 0.15);
  border-radius: 12px;
  background: transparent;
  padding: 10px 12px;
  color: var(--charcoal);
  width: 100%;
}
.dom-custom-label input {
  margin-top: 8px;
}
.dom-walkthrough--workflow {
  max-width: 860px;
}
.dom-workflow-result {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  opacity: 0.3;
  transition: opacity 0.5s;
  padding: 20px 0 0;
  font-size: 14px;
  border-top: 1px solid rgba(41, 45, 43, 0.08);
}
.dom-workflow-result[data-shown="true"] {
  opacity: 1;
}
.dom-workflow-result strong {
  font-weight: 500;
  color: var(--teal-dark);
}
.dom-publish-body > p {
  font-size: 17px;
  margin-bottom: 20px;
  color: var(--charcoal);
}
.dom-publish-flow {
  padding: 12px 0 20px;
  min-height: 130px;
}
.dom-publish-flow > * {
  opacity: 0.18;
  transform: translateY(5px);
  transition:
    opacity 0.6s,
    transform 0.6s;
}
.dom-product-story .dom-publish-flow p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 14px;
}
.dom-publish-flow strong {
  font-size: 15px;
  font-weight: 500;
  color: var(--teal-dark);
  display: block;
}
.dom-publish-flow > [data-shown="true"] {
  opacity: 1;
  transform: none;
}
.dom-demo-pointer {
  position: absolute;
  left: 50%;
  top: 52px;
  width: 28px;
  height: 36px;
  pointer-events: none;
  filter: drop-shadow(0 2px 3px rgba(40, 40, 40, 0.24));
  transform: translate(-150px, 210px);
  transition:
    transform 1.2s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 0.4s;
  z-index: 2;
}
.dom-demo-pointer > span {
  display: block;
  width: 26px;
  height: 34px;
  background: var(--charcoal);
  clip-path: polygon(5% 0, 100% 66%, 57% 70%, 40% 100%);
  border: 2px solid var(--ivory);
}
.dom-walkthrough[data-phase="1"] .dom-demo-pointer {
  transform: translate(-170px, 215px);
}
.dom-walkthrough[data-phase="2"] .dom-demo-pointer {
  transform: translate(160px, 250px);
}
.dom-walkthrough[data-phase="3"] .dom-demo-pointer {
  transform: translate(80px, 300px);
  opacity: 0;
}
.dom-walkthrough--workflow[data-phase="0"] .dom-demo-pointer {
  transform: translate(-190px, 80px);
}
.dom-walkthrough--workflow[data-phase="1"] .dom-demo-pointer {
  transform: translate(15px, 90px);
}
.dom-walkthrough--workflow[data-phase="2"] .dom-demo-pointer {
  transform: translate(-210px, 205px);
}
.dom-walkthrough--publish[data-phase="1"] .dom-demo-pointer {
  transform: translate(-125px, 130px);
}
.dom-walkthrough--publish[data-phase="2"] .dom-demo-pointer {
  transform: translate(140px, 130px);
}
.dom-walkthrough[data-manual="true"] .dom-demo-pointer {
  display: none;
}
.dom-product-cost {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 40px 7vw;
}
.dom-product-cost dl {
  margin: 0;
}
.dom-product-cost dl > div {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 0;
  font-size: 15px;
}
.dom-product-cost dd {
  margin: 0;
  text-align: right;
  font-size: 18px;
  line-height: 1.5;
  max-width: 22ch;
}
.dom-product-cost dl > div:last-child {
  border-top: 1px solid rgba(41, 45, 43, 0.14);
}
.dom-product-cost dl > div:last-child dd {
  font-size: 18px;
}
.dom-product-cost .dom-cost-note {
  grid-column: 2;
  font-size: 12px;
  line-height: 1.6;
}
.dom-product-signup {
  min-height: 80dvh;
  padding: 100px 48px;
}
@media (min-width: 1024px) and (max-height: 780px) {
  .dom-product-hero,
  .dom-product-scene {
    padding-top: 88px;
    padding-bottom: 32px;
    gap: 24px;
  }
  .dom-product-mascot {
    max-width: 360px;
  }
  .dom-product-story h2 {
    font-size: 34px;
    margin-bottom: 16px;
  }
  .dom-product-story p {
    font-size: 16px;
  }
  .dom-brief-body {
    min-height: 340px;
    padding: 22px;
    gap: 12px;
  }
  .dom-product-channels .dom-publish-body {
    padding: 20px;
  }
  .dom-channel-composition {
    gap: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dom-demo-pointer {
    display: none;
  }
  .dom-product-story * {
    animation: none !important;
    transition: none !important;
  }
  .dom-demo-response,
  .dom-publish-flow > *,
  .dom-workflow-result {
    opacity: 1;
    transform: none;
  }
}

@media (min-width: 1024px) {
  .dom-product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-action-group);
    margin-top: var(--space-action);
  }
  .dom-product-hero > div > p {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  #site-view .dom-product-actions .aomi-cta {
    font-size: 14px;
    padding-inline: 18px;
  }
  .dom-product-hero {
    gap: 24px;
    grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
  }
}

@media (max-width: 1023px) {
  .mobile-product-story > .mobile-scene {
    padding-top: 104px;
    gap: 32px;
  }
  .mobile-product-story
    :is(
      .mobile-product-materials,
      .mobile-product-workflow,
      .mobile-product-channels
    ) {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    align-items: start;
  }
  .mobile-product-story header {
    display: grid;
    gap: 16px;
  }
  .mobile-product-story
    :is(
      .mobile-product-materials,
      .mobile-product-workflow,
      .mobile-product-channels
    )
    > header
    > p {
    display: none;
  }
  .mobile-product-story .dom-walkthrough {
    align-self: center;
    width: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .mobile-product-story .dom-demo-bar {
    display: none;
  }
  .mobile-product-story .dom-demo-pointer {
    width: 28px;
    height: 28px;
    top: 128px;
    left: 24%;
    transform: none;
    filter: none;
    transition:
      left 700ms var(--ease),
      top 700ms var(--ease),
      opacity 200ms;
  }
  .mobile-product-story .dom-demo-pointer > span {
    width: 28px;
    height: 28px;
    border: 2px solid rgb(41 45 43 / 0.45);
    border-radius: 50%;
    clip-path: none;
    background: rgb(255 255 255 / 0.5);
    box-shadow: 0 2px 8px rgb(41 45 43 / 0.12);
  }
  .mobile-product-story .dom-walkthrough[data-phase="1"] .dom-demo-pointer {
    top: calc(100% - 102px);
    left: 30%;
    transform: none;
  }
  .mobile-product-story .dom-walkthrough[data-phase="2"] .dom-demo-pointer {
    top: calc(100% - 52px);
    left: calc(100% - 60px);
    transform: none;
  }
  .mobile-product-story
    .dom-walkthrough--workflow[data-phase="0"]
    .dom-demo-pointer {
    top: 48px;
    left: 17%;
  }
  .mobile-product-story
    .dom-walkthrough--workflow[data-phase="1"]
    .dom-demo-pointer {
    top: 48px;
    left: 49%;
  }
  .mobile-product-story
    .dom-walkthrough--workflow[data-phase="2"]
    .dom-demo-pointer {
    top: 152px;
    left: 25%;
  }
  .mobile-product-story
    .dom-walkthrough--publish[data-phase="0"]
    .dom-demo-pointer {
    top: 252px;
    left: 17%;
  }
  .mobile-product-story
    .dom-walkthrough--publish[data-phase="1"]
    .dom-demo-pointer {
    top: 252px;
    left: 49%;
  }
  .mobile-product-story
    .dom-walkthrough--publish[data-phase="2"]
    .dom-demo-pointer {
    top: 252px;
    left: 80%;
  }
  .mobile-product-story .dom-walkthrough[data-phase="3"] .dom-demo-pointer {
    opacity: 0;
    transform: none;
  }
  .mobile-product-story .dom-walkthrough[data-manual="true"] .dom-demo-pointer {
    display: none;
  }
  .mobile-product-story .dom-brief-body {
    min-height: 0;
    padding: 0;
    gap: 28px;
  }
  .mobile-product-materials .dom-walkthrough {
    height: 100%;
    min-height: 0;
    min-width: 0;
    align-self: stretch;
  }
  .mobile-product-materials .dom-brief-body {
    position: relative;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding-bottom: 196px;
  }
  .mobile-product-materials {
    grid-template-columns: minmax(0, 1fr);
  }
  .mobile-product-materials .dom-brief-body > small {
    position: absolute;
    bottom: 180px;
    font-size: var(--mobile-type-caption);
  }
  .mobile-chat-transcript {
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 24px;
    overflow-y: auto;
  }
  .mobile-product-story .mobile-chat-message {
    align-self: flex-end;
    max-width: 85%;
    padding: 14px 18px;
    border-radius: 24px;
    background: var(--surface-muted);
    color: var(--charcoal);
    font-size: var(--mobile-type-body);
    line-height: var(--mobile-type-body-line);
  }
  .mobile-product-story .mobile-composer-beam {
    --beam-stroke-opacity: 3;
    --beam-inner-opacity: 0.8;
    display: block;
    position: absolute;
    inset: auto 0 0;
    width: auto;
    height: 176px;
    isolation: isolate;
    align-self: end;
  }
  .mobile-product-story .mobile-composer-beam [data-beam-bloom] {
    display: none;
  }
  .mobile-product-story .dom-demo-response {
    min-height: 80px;
    gap: 14px;
    align-items: flex-start;
  }
  .mobile-product-story .dom-demo-response p {
    font-size: var(--mobile-type-body);
    line-height: var(--mobile-type-body-line);
  }
  .mobile-product-story .dom-demo-response img {
    width: 40px;
    height: 40px;
  }
  .mobile-product-story .mobile-brief-response {
    min-height: 132px;
    align-self: stretch;
    align-items: center;
  }
  .mobile-product-story .mobile-brief-response img {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
  }
  .mobile-stream-caret {
    display: inline-block;
    width: 2px;
    height: 1em;
    margin-left: 2px;
    vertical-align: -0.1em;
    background: var(--teal-dark);
    animation: mobile-caret-blink 800ms step-end infinite;
  }
  .mobile-thinking {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 20px;
    background: rgb(255 255 255 / 0.6);
  }
  .mobile-thinking i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--text-muted);
    animation: mobile-thinking-pulse 1.2s ease-in-out infinite;
  }
  .mobile-thinking i:nth-of-type(2) {
    animation-delay: 150ms;
  }
  .mobile-thinking i:nth-of-type(3) {
    animation-delay: 300ms;
  }
  .mobile-product-story .dom-brief-form {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: minmax(0, 1fr) 32px 44px;
    gap: 8px;
    padding: 16px;
    border-radius: 24px;
    background: rgb(255 255 255 / 0.7);
    box-shadow: 0 12px 32px rgb(41 45 43 / 0.04);
  }
  .mobile-product-story .dom-brief-form textarea {
    font-size: var(--mobile-type-body);
    line-height: var(--mobile-type-body-line);
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    resize: none;
  }
  .mobile-product-story .dom-file-list:empty {
    display: flex;
  }
  .mobile-product-story .dom-file-list {
    margin: 0;
    min-height: 32px;
    height: 32px;
    flex-wrap: nowrap;
    overflow-x: auto;
    align-items: center;
  }
  .mobile-product-story .dom-file-list span {
    font-size: var(--mobile-type-caption);
    line-height: var(--mobile-type-caption-line);
    background: var(--surface-muted);
    padding: 6px 12px;
    border-radius: 12px;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .mobile-product-story .dom-workflow-body {
    grid-template-columns: minmax(0, 1fr);
    padding: 0;
    gap: 28px;
  }
  .mobile-product-story .dom-walkthrough legend {
    margin-bottom: 14px;
    color: var(--text-muted);
    font-size: var(--mobile-type-caption);
    font-weight: 400;
  }
  .mobile-product-story .dom-choice-row {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    gap: 4px;
    padding: 4px;
    border-radius: 18px;
    background: var(--surface-muted);
  }
  .mobile-product-story .dom-choice-row :is(button, label span) {
    padding: 10px 6px;
    font-size: var(--mobile-type-body);
    line-height: 1.35;
    white-space: normal;
    height: 100%;
    min-height: 44px;
    border-radius: 14px;
    background: transparent;
    color: var(--text-muted);
  }
  .mobile-product-story .dom-choice-row button[aria-pressed="true"],
  .mobile-product-story .dom-choice-row label input:checked + span {
    background: rgb(255 255 255 / 0.85);
    color: var(--teal-dark);
    font-weight: 500;
    box-shadow: 0 2px 8px rgb(41 45 43 / 0.05);
  }
  .mobile-product-story .dom-workflow-result {
    justify-content: flex-start;
    padding: 0;
    border: 0;
    font-size: var(--mobile-type-body);
  }
  .mobile-product-story .dom-workflow-result > span {
    display: none;
  }
  .mobile-product-story .dom-custom-label {
    margin: 0;
    font-size: var(--mobile-type-caption);
    color: var(--text-muted);
  }
  .mobile-product-story .dom-custom-label input {
    background: rgb(255 255 255 / 0.7);
    border: 0;
    border-radius: 16px;
    padding: 14px 16px;
  }
  .dom-model-disclosure summary {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    list-style: none;
    color: var(--text-muted);
    font-size: var(--mobile-type-caption);
  }
  .dom-model-disclosure summary::-webkit-details-marker {
    display: none;
  }
  .dom-model-disclosure summary::after {
    content: "+";
    font-size: 22px;
    font-weight: 400;
  }
  .dom-model-disclosure[open] summary::after {
    content: "−";
  }
  .dom-model-disclosure .dom-model-choice {
    margin: 12px 0 0;
  }
  .dom-model-disclosure legend {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .mobile-product-story .dom-publish-body {
    display: grid;
    gap: 24px;
    padding: 0;
  }
  .mobile-product-story .dom-publish-body > p {
    display: none;
  }
  .mobile-product-story .dom-publish-body fieldset {
    margin: 0;
  }
  .mobile-product-story .dom-publish-body legend {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .mobile-product-channels .dom-publish-preview {
    display: grid;
    gap: 12px;
    margin: 0;
    order: -1;
  }
  .dom-publish-preview > div {
    height: 200px;
    display: flex;
    justify-content: center;
    overflow: hidden;
  }
  .dom-publish-preview img {
    height: 100%;
    width: 200px;
    object-fit: cover;
    border-radius: 24px;
    transition: width 400ms var(--ease);
  }
  .dom-publish-preview[data-channel="listing"] img {
    width: 100%;
  }
  .dom-publish-preview[data-channel="ads"] img {
    width: 160px;
  }
  .dom-publish-preview figcaption {
    color: var(--text-muted);
    font-size: var(--mobile-type-caption);
    line-height: 1.4;
    text-align: center;
  }
  .mobile-product-story .dom-publish-flow {
    min-height: 0;
    padding: 0;
  }
  .mobile-product-story .dom-publish-flow p {
    font-size: var(--mobile-type-body);
    margin-bottom: 12px;
  }
  .mobile-product-story .dom-publish-flow strong {
    font-size: var(--mobile-type-body);
    font-weight: 500;
  }
  .mobile-product-story .mobile-bella-example {
    padding: 0 0 116px;
  }
  .mobile-property-preview {
    display: grid;
    grid-template-rows: minmax(180px, 1fr) auto auto auto auto;
    grid-template-areas: "tour" "heading" "invitation" "facts" "actions";
    gap: 16px;
    width: 100%;
    height: 100%;
    min-height: 0;
  }
  .mobile-property-preview > :not(.media-tour) {
    margin-inline: var(--aomi-m-margin);
  }
  .mobile-property-preview .mobile-property-heading {
    grid-area: heading;
    gap: 6px;
  }
  .mobile-property-wordmark {
    width: 86px;
    height: auto;
    margin-bottom: 4px;
  }
  .mobile-property-label {
    font-size: var(--mobile-type-caption);
    line-height: var(--mobile-type-caption-line);
    font-weight: 500;
    color: var(--text-muted);
  }
  .mobile-dom-hero {
    justify-content: safe center;
    gap: 20px;
  }
  .mobile-dom-hero-actions {
    display: grid;
    gap: 12px;
    justify-items: start;
  }
  .mobile-property-invitation {
    grid-area: invitation;
  }
  .mobile-property-facts {
    grid-area: facts;
  }
  .mobile-property-actions {
    grid-area: actions;
  }
  .mobile-property-heading p {
    font-size: var(--mobile-type-caption);
  }
  .mobile-property-preview .media-tour {
    grid-area: tour;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .mobile-property-preview .media-tour-stage {
    flex: 1;
    min-height: 0;
    height: auto;
    border-radius: 0;
  }
  .mobile-property-preview .media-tour-toolbar {
    padding-inline: var(--aomi-m-margin);
  }
  .mobile-property-preview .media-tour-toolbar p {
    font-size: var(--mobile-type-caption);
    line-height: 1.4;
  }
  .mobile-property-preview .mobile-property-invitation {
    font-size: var(--mobile-type-body);
    line-height: 1.45;
  }
  .mobile-property-facts {
    display: grid;
    gap: 4px;
  }
  .mobile-property-facts strong {
    font-size: var(--mobile-type-title);
    font-weight: 600;
    letter-spacing: -0.02em;
  }
  .mobile-property-facts p {
    font-size: var(--mobile-type-body);
  }
  .mobile-property-actions {
    display: grid;
    gap: 10px;
  }
  .mobile-property-actions .mobile-bella-action {
    width: 100%;
    min-height: 54px;
    background: var(--teal-dark);
    color: var(--ivory);
    font-weight: 600;
  }
  .mobile-owner-action {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px 10px;
    min-height: 44px;
    color: var(--teal-dark);
    text-decoration: none;
    font-size: var(--mobile-type-body);
  }
  .mobile-owner-action span {
    font-variant-numeric: tabular-nums;
  }
  .mobile-product-story .mobile-signup {
    justify-content: center;
    padding-top: 80px;
  }
  .mobile-signup-mascot {
    width: 120px;
    height: 120px;
    object-fit: contain;
    margin-bottom: 4px;
  }
}
@media (max-width: 1023px) and (prefers-reduced-motion: reduce) {
  .mobile-stream-caret {
    animation: none;
  }
  .mobile-thinking i {
    animation: none;
  }
  .mobile-product-story .dom-walkthrough * {
    transition: none;
  }
  .mobile-product-story .dom-demo-pointer {
    display: none;
  }
  .dom-publish-preview img {
    transition: none;
  }
}
@keyframes mobile-caret-blink {
  50% {
    opacity: 0;
  }
}
@keyframes mobile-thinking-pulse {
  0%,
  80%,
  100% {
    opacity: 0.4;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-3px);
  }
}
@media (max-width: 1023px) and (prefers-reduced-transparency: reduce),
  (max-width: 1023px) and (prefers-contrast: more),
  (max-width: 1023px) and (forced-colors: active) {
  .mobile-product-story .dom-walkthrough {
    background: var(--ivory);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

@media (max-width: 1023px) {
  #mobile-dom-hero {
    box-sizing: border-box;
    height: calc(100svh - 85px - env(safe-area-inset-bottom, 0px));
    min-height: 0;
    padding: calc(env(safe-area-inset-top, 0px) + 16px) 16px 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
  }
  #mobile-dom-hero .dom-hero-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
  }
  #mobile-dom-hero .dom-hero-mascot {
    width: 48px;
    height: 48px;
    object-fit: contain;
    flex: none;
  }
  #mobile-dom-hero .mobile-property-wordmark {
    margin: 0;
  }
  #mobile-dom-hero h1 {
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.38px;
  }
  #mobile-dom-hero > p {
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.23px;
  }
  #mobile-dom-hero .mobile-dom-hero-actions {
    margin: 0 0 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex: none;
  }
  #mobile-dom-hero .dom-hero-case {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    flex: 1 0 190px;
  }
  #mobile-dom-hero .mobile-property-label {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.08px;
  }
  #mobile-dom-hero .media-tour {
    width: 100%;
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  #mobile-dom-hero .media-tour-stage:not(:fullscreen) {
    position: relative;
    flex: 1;
    min-height: 140px;
    height: auto;
    border-radius: 16px;
    overflow: hidden;
  }
  #mobile-dom-hero
    .media-tour-stage:not(:fullscreen)
    :is(.media-tour-poster, .media-tour-video) {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #mobile-dom-hero .media-tour-controls {
    right: 8px;
    bottom: 8px;
    left: auto;
    top: auto;
  }
}

@media (max-width: 1023px) {
  .mobile-paged-story > .mobile-core-platforms {
    justify-content: center;
    gap: 20px;
  }
  .mobile-core-header {
    display: grid;
    gap: 12px;
  }
  .mobile-core-map {
    position: relative;
    isolation: isolate;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, auto) 72px auto;
    gap: 16px 32px;
  }
  .mobile-core-grid {
    grid-area: 1 / 1 / -1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    gap: 16px 32px;
    margin: 0;
    padding: 0;
    list-style: none;
    grid-template-rows: subgrid;
  }
  .mobile-core-grid li {
    position: relative;
    z-index: 1;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgb(255 255 255 / 0.8);
    border-radius: 20px;
    background: rgb(246 242 235 / 0.86);
  }
  .mobile-core-grid li[data-platform="Control"] {
    grid-area: 1 / 1;
  }
  .mobile-core-grid li[data-platform="Verify"] {
    grid-area: 1 / 2;
  }
  .mobile-core-grid li[data-platform="Vector"] {
    grid-area: 2 / 1;
  }
  .mobile-core-grid li[data-platform="Graph"] {
    grid-area: 2 / 2;
  }
  .mobile-core-grid li[data-platform="Gateway"] {
    grid-area: 3 / 1;
  }
  .mobile-core-grid li[data-platform="Mesh"] {
    grid-area: 3 / 2;
  }
  .mobile-core-grid li[data-platform="Studio"] {
    grid-area: 5 / 1;
  }
  .mobile-core-grid li[data-platform="Sim"] {
    grid-area: 5 / 2;
  }
  .mobile-core-grid li h3 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 6px;
    letter-spacing: -0.02em;
  }
  .mobile-core-grid li p,
  .mobile-core-caption,
  .mobile-core-runtime span {
    font-size: var(--mobile-type-caption);
    line-height: var(--mobile-type-caption-line);
  }
  .mobile-core-connections {
    position: absolute;
    inset: 0;
    fill: none;

    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
  }
  .mobile-core-line {
    stroke: #bd8377;
    stroke-width: 1.25px;
  }
  .mobile-core-flow {
    stroke: #a95242;
    stroke-width: 2px;
    stroke-dasharray: 18 140;
    stroke-dashoffset: 20;
    opacity: 0;
    animation: mobile-core-travel 5.2s linear infinite both;
    animation-play-state: paused;
  }
  .mobile-core-map[data-moving="true"] .mobile-core-flow {
    animation-play-state: running;
  }
  @keyframes mobile-core-travel {
    0% {
      stroke-dashoffset: 20;
      opacity: 0;
    }
    2% {
      opacity: 1;
    }
    19% {
      stroke-dashoffset: -100;
      opacity: 1;
    }
    20%,
    100% {
      stroke-dashoffset: -100;
      opacity: 0;
    }
  }
  .mobile-core-runtime {
    grid-column: 1 / -1;
    grid-row: 4;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    display: grid;
    align-content: center;
    gap: 6px;
    padding: 14px;
    border-radius: 20px;
    background: linear-gradient(120deg, #fcc8be, #f7a694);
    color: var(--charcoal);
  }
  .mobile-core-runtime strong {
    font-size: var(--mobile-type-body);
    line-height: 1.3;
    font-weight: 500;
  }
  .mobile-story p.mobile-core-caption {
    font-size: var(--mobile-type-caption);
    line-height: var(--mobile-type-caption-line);
  }
}
@media (max-width: 1023px) and (max-height: 780px) {
  .mobile-paged-story > .mobile-core-platforms {
    justify-content: flex-start;
  }
}
@media (max-width: 1023px) and (prefers-reduced-transparency: reduce),
  (max-width: 1023px) and (prefers-contrast: more),
  (max-width: 1023px) and (forced-colors: active) {
  .mobile-core-grid li {
    background: var(--ivory);
  }
}

@media (max-width: 1023px) and (prefers-reduced-motion: reduce) {
  .mobile-core-flow {
    animation: none;
    opacity: 0;
  }
}