.hollow-wise-home {
  min-height: 100vh;
}

.hollow-wise-home__header {
  width: min(100% - 2rem, var(--hw-content-wide));
  margin-inline: auto;
}

.hollow-wise-home__header .hw-brand img {
  width: auto;
  height: 3.5rem;
}

.hollow-wise-home__header > span {
  color: var(--hw-text-muted);
  font-size: var(--hw-text-sm);
  font-weight: 700;
  letter-spacing: var(--hw-tracking-eyebrow);
  text-transform: uppercase;
}

.hollow-wise-home__main {
  width: min(100% - 2rem, var(--hw-content-wide));
  margin-inline: auto;
  padding-block: clamp(var(--hw-space-10), 8vw, var(--hw-space-20));
}

.hollow-wise-home__intro {
  margin-block-end: var(--hw-space-10);
}

.hollow-wise-home__intro h1 {
  margin-block-end: var(--hw-space-4);
}

.hollow-wise-home__intro .hw-lede {
  max-width: 44rem;
  margin: 0;
  color: var(--hw-text-muted);
  font-size: var(--hw-text-body-lg);
}

.product-switcher {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--hw-space-5);
  margin-block-end: clamp(var(--hw-space-12), 8vw, var(--hw-space-20));
}

.product-choice {
  display: flex;
  min-height: 20rem;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(var(--hw-space-6), 5vw, var(--hw-space-10));
  border: 2px solid color-mix(in srgb, var(--hw-pine) 28%, transparent);
  border-radius: clamp(3rem, 7vw, 6rem);
  background: var(--hw-surface);
  box-shadow: 0 8px 0 color-mix(in srgb, var(--hw-pine) 18%, transparent), 0 18px 36px rgb(27 58 46 / 10%);
  color: var(--hw-pine);
  cursor: pointer;
  text-decoration: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.product-choice--home { background: linear-gradient(145deg, var(--hw-mist), var(--hw-surface)); }
.product-choice h2 { margin-block: 0 var(--hw-space-3); font-size: clamp(3.6rem, 6.5vw, 6.75rem); font-weight: 700; line-height: 0.88; letter-spacing: -0.045em; }
.product-choice__status {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  margin-block-start: var(--hw-space-2);
  padding: 0.35rem 0.8rem;
  border: 1px solid color-mix(in srgb, var(--hw-copper) 48%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--hw-parchment) 84%, transparent);
  color: var(--hw-pine);
  font-family: var(--hw-font-ui);
  font-size: 0.78rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}
.product-choice > p:not(.hw-eyebrow) { max-width: 28rem; color: var(--hw-text-muted); font-size: clamp(0.95rem, 1.4vw, 1.15rem); font-weight: 500; line-height: 1.45; }
.product-choice:hover { border-color: var(--hw-pine); box-shadow: 0 10px 0 color-mix(in srgb, var(--hw-pine) 24%, transparent), 0 22px 42px rgb(27 58 46 / 14%); transform: translateY(-3px); }
.product-choice:active { box-shadow: 0 3px 0 color-mix(in srgb, var(--hw-pine) 24%, transparent), 0 10px 20px rgb(27 58 46 / 12%); transform: translateY(4px); }
.product-choice:focus-visible { outline: 3px solid var(--hw-focus); outline-offset: 4px; }

.home-wise-tools { margin-block-end: var(--hw-space-8); scroll-margin-top: var(--hw-space-6); }
.home-wise-tools__heading { max-width: 44rem; margin-block-end: var(--hw-space-6); }
.home-wise-tools__heading h2 { margin-block: var(--hw-space-2) 0; }
.home-wise-tools__heading > p:last-child { margin-block: var(--hw-space-3) 0; color: var(--hw-text-muted); font-size: var(--hw-text-body-lg); }
.home-wise-tools__choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--hw-space-3); }
.home-tool-card { display: flex; min-height: 5.75rem; align-items: center; justify-content: center; flex-direction: column; gap: var(--hw-space-1); padding: var(--hw-space-3) var(--hw-space-4); border: 1px solid var(--hw-border-soft); border-radius: var(--hw-radius-md); background: var(--hw-surface); color: var(--hw-pine); font-family: var(--hw-font-display); font-size: clamp(1.5rem, 2.5vw, 2.1rem); line-height: 1.1; text-align: center; text-decoration: none; }
.home-tool-card small { padding: .25rem .55rem; border-radius: 999px; background: var(--hw-mist); color: var(--hw-moss); font-family: var(--hw-font-ui); font-size: .72rem; font-weight: var(--wa-font-weight-semibold); letter-spacing: .02em; }
.home-mode-item[data-home-mode-id="quick"] .home-tool-card small { background: var(--hw-pine); color: var(--hw-paper); }
.home-tool-card[hidden] { display: none; }
.home-tool-card:hover { border-color: var(--hw-pine); background: var(--hw-mist); }
.home-tool-card:focus-visible { outline: 3px solid var(--hw-focus); outline-offset: 3px; }

.home-wise-rooms { margin-block: var(--hw-space-10) var(--hw-space-8); scroll-margin-top: var(--hw-space-6); }
.home-wise-rooms[hidden] { display: none; }
.home-wise-rooms__heading { max-width: 44rem; margin-block-end: var(--hw-space-6); }
.home-wise-rooms__heading h2 { margin-block: var(--hw-space-2) 0; }
.home-wise-rooms__heading > p:last-child { margin-block: var(--hw-space-3) 0; color: var(--hw-text-muted); font-size: var(--hw-text-body-lg); }
.room-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--hw-space-3); }
.room-choice-link { display: flex; min-height: 5.75rem; align-items: center; justify-content: center; padding: var(--hw-space-3) var(--hw-space-4); border: 1px solid var(--hw-border-soft); border-radius: var(--hw-radius-md); background: var(--hw-surface); color: var(--hw-pine); font-family: var(--hw-font-display); font-size: clamp(1.5rem, 2.5vw, 2.1rem); line-height: 1.1; text-align: center; text-decoration: none; }
.room-choice-link:hover { border-color: var(--hw-pine); background: var(--hw-mist); }
.room-choice-link:focus-visible { outline: 3px solid var(--hw-focus); outline-offset: 3px; }

.home-management { margin-block: var(--hw-space-8); border: 1px solid var(--hw-border-soft); border-radius: var(--hw-radius-lg); background: var(--hw-surface); }
.home-management > summary { min-height: 5.5rem; padding: var(--hw-space-5) var(--hw-space-6); color: var(--hw-pine); cursor: pointer; }
.home-management > summary span { display: inline-grid; gap: var(--hw-space-1); margin-inline-start: var(--hw-space-2); vertical-align: middle; }
.home-management > summary strong { font-size: var(--hw-text-body-lg); }
.home-management > summary small { color: var(--hw-text-muted); }
.home-management__content { padding: 0 var(--hw-space-5) var(--hw-space-5); }

.hollow-wise-home__sections {
  display: grid;
  gap: var(--hw-space-5);
}

.room-order-group {
  padding: var(--hw-space-4);
  border: 1px solid var(--hw-border-soft);
  border-radius: var(--hw-radius-md);
  background: var(--hw-surface);
}

.room-order-group__header,
.room-order-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--hw-space-3);
}

.room-order-group__header { margin-block-end: var(--hw-space-3); }
.room-order-group__header h2 { margin: 0; font-size: var(--hw-text-body-lg); }
.room-order-group__rooms { display: grid; gap: var(--hw-space-2); }
.room-order-item + .room-order-item { padding-block-start: var(--hw-space-2); border-block-start: 1px solid var(--hw-border-soft); }

.room-drag-handle,
.room-move-actions button {
  min-width: 2.75rem;
  min-height: 2.75rem;
  border: 1px solid var(--hw-border-soft);
  border-radius: var(--hw-radius-sm);
  background: var(--hw-surface);
  color: var(--hw-pine);
  font: inherit;
  font-weight: 800;
  cursor: grab;
  touch-action: none;
}

.room-drag-handle.is-dragging { opacity: .55; cursor: grabbing; }
.room-move-actions { display: flex; gap: var(--hw-space-1); }
.room-move-actions button { min-width: 2.5rem; cursor: pointer; }
.room-move-actions button:disabled { opacity: .35; cursor: not-allowed; }
.room-order-status { min-height: 1.5em; margin-block: var(--hw-space-3) 0; color: var(--hw-text-muted); font-size: var(--hw-text-sm); }

.home-sign-in-button {
  min-width: 7rem;
  justify-content: center;
}

.home-setup-card {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(16rem, .6fr);
  gap: var(--hw-space-8);
  align-items: center;
  margin-block-end: var(--hw-space-8);
  padding: clamp(var(--hw-space-6), 5vw, var(--hw-space-10));
  border: 1px solid var(--hw-border-soft);
  border-radius: var(--hw-radius-lg);
  background: var(--hw-mist);
}

.home-setup-card h2 { margin-block: var(--hw-space-2) var(--hw-space-3); }
.home-setup-card__copy > p:last-child { max-width: 38rem; color: var(--hw-text-muted); }
.home-setup-card__progress { display: grid; gap: var(--hw-space-4); }
.home-setup-card__progress > p { margin: 0; color: var(--hw-pine); font-weight: 700; }
.home-setup-progress { height: .55rem; overflow: hidden; border-radius: 999px; background: var(--hw-border-soft); }
.home-setup-progress span { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--hw-pine); transition: width 240ms ease; }

.home-setup-card.is-complete {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--hw-space-5);
  padding: var(--hw-space-5) var(--hw-space-6);
  border-radius: var(--hw-radius-md);
  background: var(--hw-surface);
  box-shadow: var(--hw-shadow-sm);
}

.home-setup-card.is-complete .hw-eyebrow,
.home-setup-card.is-complete .home-setup-card__progress > p,
.home-setup-card.is-complete .home-setup-progress {
  display: none;
}

.home-setup-card.is-complete h2 {
  margin: 0 0 var(--hw-space-1);
  font-family: var(--hw-font-sans);
  font-size: var(--hw-text-body-lg);
}

.home-setup-card.is-complete .home-setup-card__copy > p:last-child {
  margin: 0;
  font-size: var(--hw-text-sm);
}

.home-setup-card.is-complete .home-setup-card__progress {
  display: block;
}

.hollow-wise-room-link {
  min-height: 3.5rem;
  padding-inline: var(--hw-space-5);
  font-size: var(--hw-text-body-lg);
  justify-content: flex-start;
}

.hollow-wise-home__note {
  max-width: 48rem;
  margin-block: var(--hw-space-8) 0;
  color: var(--hw-text-muted);
  font-size: var(--hw-text-sm);
}

@media (max-width: 38rem) {
  .hollow-wise-home__header > span {
    display: none;
  }

  .home-setup-card,
  .home-setup-card.is-complete { grid-template-columns: 1fr; }
  .home-setup-card .hw-button { width: 100%; }
  .product-switcher,
  .home-wise-tools__choices,
  .room-choice-grid { grid-template-columns: 1fr; }
  .product-choice { min-height: 18rem; }
  .home-tool-card { min-height: 4.75rem; }
  .home-management > summary { padding-inline: var(--hw-space-4); }
  .home-management__content { padding-inline: var(--hw-space-3); }
  .room-order-group { padding: var(--hw-space-3); }
  .room-order-group__header,
  .room-order-item { grid-template-columns: auto minmax(0, 1fr); }
  .room-move-actions { grid-column: 1 / -1; justify-content: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
  .room-order-group,
  .room-order-item { scroll-behavior: auto; }
}
.home-handoff-status{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);gap:24px;margin:24px 0;padding:24px;border:1px solid #d9d0ca;border-radius:18px;background:#fff}.home-handoff-status h2{margin:4px 0}.home-handoff-list{display:grid;gap:8px}.home-handoff-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border-radius:12px;background:#f4f1ed}.home-handoff-item span{font-size:.78rem;font-weight:800}.home-handoff-item.is-declined{background:#fff1eb}.home-handoff-item.is-declined span{color:#8a3f35}.home-handoff-item.is-accepted{background:#edf6ef}.home-handoff-item.is-accepted span{color:#315f4b}@media(max-width:700px){.home-handoff-status{grid-template-columns:1fr}.home-handoff-item{align-items:flex-start;flex-direction:column;gap:4px}}