.product-hero{background:linear-gradient(115deg,var(--site-bg)15%,var(--site-paper));padding-block:56px}.product-hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:80px;display:grid}.product-hero-copy h1{margin-block:24px}.product-hero-copy>.site-body{max-width:27em}.product-hero-copy .hero-actions{margin-top:32px}.product-hero-note{color:var(--site-muted);letter-spacing:.1em;margin-top:32px;font-size:14px}.product-hero-device{flex-direction:column;align-items:center;gap:24px;display:flex}.product-hero-device .site-device-stage{transform:rotate(3deg)}.product-hero-device figcaption{font-size:13px}.product-approach{margin-top:32px;padding:0;list-style:none}.product-approach li{border-top:1px solid var(--site-line);align-items:baseline;gap:22px;padding-block:18px;display:flex}.product-approach li>span{color:var(--site-link);font-size:13px}.product-approach h3{margin-bottom:8px;font-size:18px;font-weight:500}.product-approach p{color:var(--site-muted);font-size:15px;line-height:1.8}.product-methods{background:var(--site-paper)}.product-section-heading{max-width:44em;margin-bottom:44px}.product-section-heading h2{margin-block:18px}.product-method-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.product-screen-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;min-width:0;display:grid}.product-method-list{flex-direction:column;justify-content:center;display:flex}.product-method-list article{border-bottom:1px solid var(--site-line);align-items:center;gap:24px;padding-block:26px;display:flex}.product-method-list article:first-child{padding-top:0}.product-method-list article:last-child{border:0;padding-bottom:0}.product-method-list img{object-fit:contain;flex:none}.product-method-list h3{margin-bottom:10px;font-size:20px;font-weight:500}.product-method-list p{color:var(--site-muted);font-size:16px;line-height:1.8}.product-method-note{margin-top:28px}.product-record-description{margin-top:20px}.product-plan{padding-top:0}.product-plan-layout{border-radius:var(--site-radius);background:var(--site-paper);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid;overflow:hidden}.product-sleep-photo{object-fit:cover;width:100%;height:100%;min-height:400px}.product-plan-explanation .product-sleep-photo{aspect-ratio:3/2;height:auto;min-height:0;display:block}.product-plan-explanation .product-use-guide{padding:0 28px 28px 48px}.product-plan-surface{align-self:center;padding:48px}.product-download{background:var(--site-accent);text-align:center;padding-block:56px 40px}.product-download>div{flex-direction:column;align-items:center;gap:20px;display:flex}.product-download .hero-actions{justify-content:center;margin-block:8px 16px}.product-download .site-note{max-width:52em;font-size:13px}@media (max-width:1080px){.product-hero-layout,.product-method-layout{gap:40px}.product-hero-copy .site-display{font-size:48px}.product-plan-surface{padding:32px}}@media (max-width:760px){.product-hero{padding-block:44px}.product-hero-layout{grid-template-columns:minmax(0,1fr);gap:40px}.product-hero-copy .site-display{margin-block:20px;font-size:40px}.product-hero-copy .hero-actions{gap:20px;margin-top:24px}.product-hero-note{margin-top:24px}.product-hero-device .site-device-stage{transform:none}.product-section-heading{margin-bottom:28px}.product-method-layout,.product-plan-layout{grid-template-columns:1fr;gap:0}.product-method-list{padding-top:32px}.product-method-list article{gap:20px;padding-block:22px}.product-method-list h3{font-size:19px}.product-record .story-copy{order:-1}.product-sleep-photo{height:260px;min-height:0}.product-plan-surface{padding:28px 24px}}@media (min-width:761px) and (max-width:1080px){.product-method-layout,.product-record .story-split{grid-template-columns:minmax(0,1fr)}.product-record .story-copy{order:-1}.product-screen-pair{width:min(100%,660px);margin-inline:auto}}@media (max-width:540px){.product-screen-pair{scroll-snap-type:x mandatory;gap:20px;padding-bottom:16px;display:flex;overflow-x:auto}.product-screen-pair>.app-screen-preview{scroll-snap-align:start;flex:0 0 min(76vw,280px)}}