/* Home is the product page. Individual demos open in the sample desktop. */
.desktop-page:not([data-view="home"]) .desktop-menubar :is(.site-highlights-link,.site-try-demo),
.desktop-page:not([data-view="home"]) .site-footer-links {
  display:none;
}

.desktop-page[data-view="home"] {
  --product-width:1120px;
  --page-gutter:clamp(20px,5vw,64px);
  --page-inset:max(var(--page-gutter),calc((100% - var(--product-width)) / 2));
  color:#1d1d1f;
  background:#fff;
}

[data-view="home"] .desktop-canvas {
  padding:0;
  overflow:visible;
}
[data-view="home"] :is(.desktop-wallpaper,.desktop-window-bar,.desktop-sidebar,.desktop-dock) {
  display:none;
}
[data-view="home"] .desktop-window {
  width:100%; max-width:none;
  margin:0; border:0; border-radius:0;
  background:#fff; box-shadow:none;
  overflow:visible;
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
[data-view="home"] .desktop-window-layout {
  display:block; height:auto; min-height:0;
}
[data-view="home"] .desktop-content {
  overflow:visible; overscroll-behavior:auto;
}
[data-view="home"] .desktop-showcase,
[data-view="home"] .desktop-home {
  padding:0; margin:0; min-height:0;
  animation:none;
}
[data-view="home"] #highlights { scroll-margin-top:34px; }

/* Full-bleed navigation with the same text measure as the sections. */
[data-view="home"] .desktop-menubar {
  position:sticky; top:0; z-index:40;
  display:flex; align-items:center; flex-wrap:nowrap; gap:22px;
  width:100%; height:58px; margin:0;
  padding:0 var(--page-inset);
  background:#fffffff5; border-bottom:1px solid #00000019;
  font-size:13px;
}
[data-view="home"] .desktop-menubar .desktop-brand {
  flex-shrink:0; margin:0 auto 0 0;
  font-size:21px; font-weight:650; letter-spacing:-.045em; white-space:nowrap;
}
[data-view="home"] .desktop-menubar .desktop-top-links {
  display:inline-flex; align-items:center; gap:20px; margin:0;
}
[data-view="home"] .desktop-menubar :is(.desktop-menu-toggle,.motion-control),
[data-view="home"] .desktop-top-links a {
  display:inline-flex; align-items:center; min-height:40px; margin:0;
  font-size:12px; line-height:1.25; white-space:nowrap;
  color:#424245; text-decoration:none;
}
[data-view="home"] .desktop-menubar :is(.desktop-menu-toggle,.motion-control,a):hover {
  color:#171719; text-decoration:underline; text-underline-offset:3px;
}
[data-view="home"] .desktop-menubar .site-try-demo {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:35px; padding:6px 15px; border-radius:18px;
  background:#1d1d1f; color:#fff;
  font-size:13px; font-weight:550; white-space:nowrap;
}
[data-view="home"] .desktop-menubar .site-try-demo:hover { background:#353538; }

/* The hero shows Chii already. A native overlay appears for explicit interactions. */
[data-view="home"] #pet-playground:not([data-action]) .desktop-chii[data-menu-open="false"] {
  display:none;
}
[data-view="home"] .desktop-chii {
  top:58px;
}

[data-view="home"] .desktop-footer {
  max-width:none; margin:0; padding:28px var(--page-inset) 36px;
  background:#f5f5f7; border-top:1px solid #dcdce0;
  text-align:left; font-size:12px; line-height:1.55;
}
[data-view="home"] .desktop-footer p { margin:0 0 4px; }
[data-view="home"] .desktop-footer .draft-note { font-size:12px; }
[data-view="home"] .site-footer-links { display:flex; flex-wrap:wrap; gap:8px 22px; }
[data-view="home"] .site-footer-links a {
  display:inline-flex; align-items:center; min-height:40px;
  color:#39393c; font-size:13px; text-underline-offset:3px;
}

@media (max-width:700px) {
  [data-view="home"] .desktop-menubar {
    height:auto; min-height:86px; display:grid;
    grid-template-columns:1fr auto auto; grid-template-rows:45px 35px;
    align-content:center; gap:0 16px;
  }
  [data-view="home"] .desktop-menubar .desktop-brand {
    grid-area:1/1; justify-self:start; font-size:20px;
  }
  [data-view="home"] .desktop-menubar .site-try-demo {
    grid-area:1/2/2/4; justify-self:end; min-height:32px;
  }
  [data-view="home"] .desktop-top-links { grid-area:2/1; }
  [data-view="home"] .desktop-top-links a:not(.site-highlights-link) { display:none; }
  [data-view="home"] .desktop-menu-toggle { grid-area:2/2; }
  [data-view="home"] .motion-control { grid-area:2/3; }
  [data-view="home"] .desktop-menubar :is(.desktop-menu-toggle,.motion-control),
  [data-view="home"] .desktop-top-links a { min-height:32px; }
  [data-view="home"] #highlights { scroll-margin-top:62px; }
  [data-view="home"] .desktop-chii { top:86px; }
}

@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  [data-view="home"] .desktop-menubar { background:#fff; border-color:#69696d; }
}

.film-open {
  border:0; background:transparent; color:#155fa9; font:inherit; font-size:15px;
  padding:10px 3px; min-height:44px; cursor:pointer; white-space:nowrap;
}
.film-open:hover { text-decoration:underline; text-underline-offset:3px; }
.product-film {
  width:min(900px,calc(100% - 28px)); max-height:90dvh; padding:0; overflow:auto;
  border:0; border-radius:18px; background:#f7f7f5; color:#1d1d1f;
  box-shadow:0 24px 90px #0005;
}
.product-film::backdrop { background:rgb(14 16 21 / 72%); }
.film-top { display:flex; align-items:center; justify-content:space-between; padding:12px 14px 0 20px; }
.film-top h2 { font-size:clamp(18px,2vw,25px); letter-spacing:-.03em; margin:0; }
.film-top button { border:0; background:transparent; color:#35353a; font-size:29px; min-width:44px; min-height:44px; border-radius:50%; cursor:pointer; }
.film-top button:hover { background:#e8e8e6; }
.product-film video { width:100%; height:auto; aspect-ratio:8/3; display:block; }
.product-film p { margin:0; padding:16px 20px; font-size:14px; line-height:1.45; }