.hn-landing{--hn-chapter-demo-w: 300px;--hn-chapter-demo-h: 410px}.hn-landing .hn-sneak:has(.hn-demo-root--fold){--hn-fold-demo-h: min( var(--hn-chapter-demo-h), max(300px, calc(100dvh - 22rem) ) );width:min(92vw,var(--hn-chapter-demo-w));height:var(--hn-fold-demo-h);margin-inline:auto;background:transparent;overflow:visible;box-shadow:none}.hn-landing .hn-sneak .hn-demo-root--fold .hn-demo-device,.hn-landing .hn-sneak .hn-demo-root--fold .hn-demo-device-bezel,.hn-landing .hn-sneak .hn-demo-root--fold .hn-demo-device-screen{min-height:var(--hn-fold-demo-h, var(--hn-chapter-demo-h))}.hn-landing .hn-demo-root--fold.hn-demo-root--app-scale .hn-demo-tile .h-7{height:1.75rem;width:1.75rem;min-height:1.75rem}@media(min-width:768px){.hn-landing .hn-sneak:has(.hn-demo-root--fold){width:min(var(--hn-chapter-demo-w),92vw);height:var(--hn-fold-demo-h)}}.hn-landing .hn-demo-root--app-scale .hn-demo-focus-tile .text-t2-tracking-card-label,.hn-landing .hn-demo-root--app-scale .hn-demo-focus-tile .text-t2-tracking-card-duration{font-size:15px}.hn-landing .artefact:has(.hn-demo-root--tap),.hn-landing .artefact:has(.hn-demo-root--track-chapter),.hn-landing .artefact:has(.hn-demo-root--together-chapter){min-height:450px;padding:16px 12px 24px}.hn-landing .artefact:has(.hn-demo-root--tap) .hn-demo-root,.hn-landing .artefact:has(.hn-demo-root--track-chapter) .hn-demo-root,.hn-landing .artefact:has(.hn-demo-root--together-chapter) .hn-demo-root,.hn-landing .hn-demo-suspense--chapter{max-width:var(--hn-chapter-demo-w, 300px);height:var(--hn-chapter-demo-h, 410px)}.hn-landing .artefact:has(.hn-demo-root--tap) .hn-demo-device,.hn-landing .artefact:has(.hn-demo-root--tap) .hn-demo-device-bezel,.hn-landing .artefact:has(.hn-demo-root--tap) .hn-demo-device-screen,.hn-landing .artefact:has(.hn-demo-root--track-chapter) .hn-demo-device,.hn-landing .artefact:has(.hn-demo-root--track-chapter) .hn-demo-device-bezel,.hn-landing .artefact:has(.hn-demo-root--track-chapter) .hn-demo-device-screen,.hn-landing .artefact:has(.hn-demo-root--together-chapter) .hn-demo-device,.hn-landing .artefact:has(.hn-demo-root--together-chapter) .hn-demo-device-bezel,.hn-landing .artefact:has(.hn-demo-root--together-chapter) .hn-demo-device-screen{min-height:var(--hn-chapter-demo-h, 410px)}.hn-landing .hn-demo-today-grid--customise[data-wide=true]{grid-template-rows:repeat(3,minmax(0,1fr))}.hn-landing .hn-demo-today-grid--customise .hn-demo-tile-motion[data-wide=true]{grid-column:1 / -1}.hn-landing .hn-demo-analyse-brand--share{display:flex;align-items:center;justify-content:space-between;gap:8px}.hn-landing .hn-demo-share-btn{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:var(--color-text-secondary, var(--hn-mute));flex-shrink:0}.hn-landing .hn-demo-share-btn svg{width:14px;height:14px}.hn-landing .hn-demo-share-btn[data-hot=true]{color:var(--color-primary, var(--primary))}.hn-landing .hn-demo-sleep-week{display:flex;align-items:stretch;gap:6px;flex:1;min-height:88px;padding:4px 2px 0}.hn-landing .hn-demo-sleep-week-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.hn-landing .hn-demo-sleep-week-stack{position:relative;flex:1;width:100%;border-radius:4px 4px 1px 1px;background:var(--color-wake);overflow:hidden;min-height:48px}.hn-landing .hn-demo-sleep-week-wake{position:absolute;inset:0}.hn-landing .hn-demo-sleep-week-sleep{position:absolute;left:0;right:0;bottom:0;border-radius:4px 4px 1px 1px;background:var(--color-sleep)}.hn-landing .hn-demo-sleep-week-day{font-family:ui-sans-serif,system-ui,sans-serif;font-size:8px;color:var(--color-foreground-subtle, var(--hn-mute))}.hn-landing .hn-demo-share-overlay{position:absolute;left:0;right:0;bottom:0;z-index:3}.hn-landing .hn-demo-share-sheet{height:auto;max-height:none}.hn-landing .hn-demo-share-sheet .hn-demo-glass--actions{flex:none}.hn-landing .hn-demo-suspense--chapter{width:100%;margin:0 auto;border-radius:28px;background:var(--color-surface);box-shadow:var(--hn-demo-raised-shadow)}.hn-landing .hn-demo-zoom-layer .hn-demo-today-grid{height:100%}.hn-landing .hn-demo-focus-stage{display:flex;align-items:center;justify-content:center;padding:8px}.hn-landing .hn-demo-focus-tile{width:min(100%,72%);aspect-ratio:1;max-height:100%}.hn-landing .hn-demo-focus-pair{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;aspect-ratio:2 / 1;max-height:100%;min-height:0}.hn-landing .hn-demo-focus-pair .hn-demo-tile-motion,.hn-landing .hn-demo-focus-pair .hn-demo-tile{min-height:0;height:100%;width:100%}.hn-landing .hn-demo-today-bar-trailing{display:flex;align-items:center;gap:6px;min-width:0;flex-shrink:1}.hn-landing .hn-demo-partner{max-width:9.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hn-landing .hn-demo-bell-wrap{position:relative;flex-shrink:0;display:inline-flex}.hn-landing .hn-demo-bell-btn{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:var(--color-text-secondary, var(--hn-mute))}.hn-landing .hn-demo-bell-btn svg{width:14px;height:14px}.hn-landing .hn-demo-bell-btn[data-hot=true]{color:var(--color-primary, var(--primary));transform:scale(1.06)}.hn-landing .hn-demo-bell-badge{pointer-events:none;position:absolute;right:-2px;top:-2px;display:flex;min-width:14px;height:14px;align-items:center;justify-content:center;border-radius:999px;padding:0 3px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:9px;font-weight:600;line-height:1;color:var(--color-destructive-foreground, #fff);background:var(--color-destructive, #dc2626)}.hn-landing .hn-demo-feed-scrim{position:absolute;inset:0;z-index:2;background:var(--color-surface, #fff)}.hn-landing .hn-demo-zoom-layer--feed-open{isolation:isolate;overflow:hidden}.hn-landing .hn-demo-feed-sheet.hn-demo-family-sheet{background:var(--color-surface, #fff)}.hn-landing .hn-demo-feed-overlay{position:absolute;left:0;right:0;bottom:0;z-index:3}.hn-landing .hn-demo-feed-sheet{height:auto;max-height:72%}.hn-landing .hn-demo-feed-list{display:flex;flex-direction:column;gap:2px;min-height:0;overflow:hidden}.hn-landing .hn-demo-feed-row{display:grid;grid-template-columns:2.4rem .75rem 1fr auto;grid-template-rows:auto auto;-moz-column-gap:6px;column-gap:6px;row-gap:0;align-items:center;min-height:44px;padding:4px 2px;border-radius:8px}.hn-landing .hn-demo-feed-row--muted{opacity:.6}.hn-landing .hn-demo-feed-row--new{background:color-mix(in srgb,var(--primary) 6%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent)}.hn-landing .hn-demo-feed-time{grid-column:1;grid-row:1 / span 2;font-family:ui-sans-serif,system-ui,sans-serif;font-size:10px;font-variant-numeric:tabular-nums;color:var(--color-text-secondary, var(--hn-mute));align-self:center}.hn-landing .hn-demo-feed-rail{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:center;align-self:stretch;padding:2px 0}.hn-landing .hn-demo-feed-dot{width:10px;height:10px;border-radius:999px;background:var(--primary);flex-shrink:0}.hn-landing .hn-demo-feed-line{margin-top:2px;width:2px;flex:1;min-height:12px;border-radius:999px;background:var(--color-border, var(--hn-line))}.hn-landing .hn-demo-feed-pill{grid-column:3;grid-row:1;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;border:1px solid color-mix(in srgb,var(--hn-line) 70%,transparent);padding:2px 8px;font-size:11px;font-weight:400;color:var(--hn-ink);background:var(--color-surface-sunken, var(--color-surface))}.hn-landing .hn-demo-feed-pill[data-pill-variant=pee]{color:var(--color-pee);border-color:color-mix(in srgb,var(--color-pee) 35%,transparent)}.hn-landing .hn-demo-feed-pill[data-pill-variant=breastfeed]{color:var(--color-breastfeed);border-color:color-mix(in srgb,var(--color-breastfeed) 35%,transparent)}.hn-landing .hn-demo-feed-pill[data-pill-variant=sleep]{color:var(--color-sleep);border-color:color-mix(in srgb,var(--color-sleep) 35%,transparent)}.hn-landing .hn-demo-feed-carer{grid-column:3;grid-row:2;font-family:ui-sans-serif,system-ui,sans-serif;font-size:9px;color:var(--color-text-secondary, var(--hn-mute));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hn-landing .hn-demo-feed-new-pill{grid-column:4;grid-row:1 / span 2;align-self:center;border-radius:999px;padding:1px 6px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:8px;font-weight:500;line-height:1.3;color:var(--color-primary-foreground, #fff);background:var(--primary)}.hn-landing .hn-demo-sleep-dock-row [data-hot=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent);transform:scale(1.02)}.hn-landing .hn-demo-sleep-stage{display:flex;flex-direction:column;gap:6px;height:100%;min-height:0;padding:0}.hn-landing .hn-demo-village-pills{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;flex-shrink:0;padding:0 4px}.hn-landing .hn-demo-user-pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;border:1px solid color-mix(in srgb,var(--hn-line) 65%,transparent);background:var(--color-surface-sunken, var(--color-surface));padding:2px 8px 2px 4px;font-size:11px;font-weight:400;line-height:1.2;color:var(--hn-ink);white-space:nowrap}.hn-landing .hn-demo-user-pill--viewer{border-color:color-mix(in srgb,var(--primary) 35%,transparent);background:color-mix(in srgb,var(--primary) 8%,var(--color-surface))}.hn-landing .hn-demo-user-pill--tracker.hn-demo-user-pill--live{border-color:color-mix(in srgb,var(--color-sleep) 45%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-sleep) 18%,transparent)}.hn-landing .hn-demo-user-pill-avatar{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:999px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:7px;font-weight:600;letter-spacing:-.02em;color:var(--hn-ink);background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-sleep) 40%,transparent)}.hn-landing .hn-demo-user-pill--viewer .hn-demo-user-pill-avatar{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.hn-landing .hn-demo-user-pill-tag{font-family:ui-sans-serif,system-ui,sans-serif;font-size:8px;font-weight:500;color:var(--color-text-secondary, var(--hn-mute))}.hn-landing .hn-demo-user-pill-tag--tracking{color:var(--color-sleep)}.hn-landing .hn-demo-focus-tile--linked-sleep{flex:1;min-height:0;width:100%;max-width:100%;aspect-ratio:unset;height:100%;margin:0}.hn-landing .hn-demo-linked-sleep-avatar{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;margin-bottom:6px;border-radius:999px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:-.02em;color:var(--hn-ink);background:var(--color-surface-sunken, var(--color-surface));box-shadow:0 0 0 1px var(--color-sleep)}.hn-landing .hn-demo-linked-sleep-message{font-size:15px}