*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102844;background:#fff;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);z-index:50;border-bottom:1px solid #e9eef4}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:20px;letter-spacing:.16em;text-transform:lowercase}.brand-symbol{width:30px;height:30px;display:block;object-fit:contain;flex:0 0 auto}.brand small{display:block;font-size:9px;letter-spacing:.3em;text-transform:uppercase;margin-top:2px}.nav-menu{display:flex;gap:28px;align-items:center}.nav-menu a{text-decoration:none;font-size:13px;font-weight:700}.nav-cta{background:#082a50;color:#fff;padding:12px 18px;border-radius:4px}.nav-toggle{display:none}.hero{min-height:680px;position:relative;display:grid;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,48,.9) 0%,rgba(3,24,48,.68) 33%,rgba(3,24,48,.1) 66%,rgba(3,24,48,0) 100%)}.hero-copy{position:relative;z-index:2;width:min(620px,86vw);margin-left:clamp(24px,7vw,120px);color:#fff}.eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.18em;color:#1875bd;margin-bottom:15px}.eyebrow.light{color:#a8d9ff}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.02;margin:0 0 22px;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:#8ed2ff}.hero p{font-size:18px;max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:4px;text-decoration:none;font-weight:800;font-size:14px;transition:.2s}.btn:hover{transform:translateY(-1px)}.primary{background:#0b4f88;color:#fff}.glass{border:1px solid rgba(255,255,255,.7);color:#fff;background:rgba(255,255,255,.08)}.white{background:#fff;color:#092c51}.micro{font-size:13px!important;opacity:.82}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#06294e;color:#fff;padding:24px clamp(20px,6vw,80px);gap:16px}.trust-strip div{padding:4px 22px;border-right:1px solid rgba(255,255,255,.16)}.trust-strip div:last-child{border:none}.trust-strip b,.trust-strip span{display:block}.trust-strip b{font-size:15px}.trust-strip span{font-size:12px;opacity:.8}.section{padding:82px clamp(20px,6vw,88px)}.section-head{text-align:center;max-width:790px;margin:0 auto 42px}.section h2{font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-.035em;margin:0 0 18px}.split{display:grid;grid-template-columns:.85fr 1.4fr;gap:58px;align-items:center;max-width:1280px;margin:auto}.split figure{margin:0}.split figure img{border-radius:10px;box-shadow:0 24px 60px rgba(9,38,68,.16)}figcaption{font-size:12px;color:#6d7b8a;margin-top:10px}.copy p{font-size:18px;color:#526274}.text-link{font-weight:800;color:#0a62a7;text-decoration:none}.beds{background:#f5f8fb}.bed-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;max-width:1450px;margin:auto}.bed-grid article{background:#fff;border:1px solid #e5ebf1;border-radius:9px;padding:12px;position:relative;box-shadow:0 6px 20px rgba(18,51,82,.05)}.bed-grid img{height:118px;width:100%;object-fit:cover;border-radius:6px}.bed-grid h3{font-size:16px;margin:13px 0 5px}.bed-grid p{font-size:12px;color:#617183;margin:0}.bed-grid .featured{border:2px solid #0b61a4}.bed-grid .featured>span{position:absolute;top:-11px;left:14px;background:#0b61a4;color:white;font-size:9px;font-weight:800;padding:4px 8px;border-radius:10px}.center{text-align:center;margin-top:32px}.experience-grid{display:grid;grid-template-columns:1.15fr .9fr 1.05fr;gap:26px;align-items:stretch;max-width:1320px;margin:auto}.experience-grid>img,.experience-grid>.pressure-video{width:100%;height:100%;min-height:380px;object-fit:cover;border-radius:10px;display:block;background:#061f3b}.pressure-video{object-position:center}.experience-copy{background:#082c51;color:#fff;padding:40px;border-radius:10px}.experience-copy h3{font-size:30px;line-height:1.1}.experience-copy p,.experience-copy li{color:#dce9f3}.experience-copy ul{padding-left:20px;margin:22px 0 30px}.why{background:#f7f8fa}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:auto}.why-grid article{background:#fff;padding:28px;border-radius:8px;border-top:3px solid #0a66aa}.why-grid b{font-size:12px;color:#0a66aa}.why-grid h3{margin:10px 0 8px}.why-grid p{color:#627284}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1280px;margin:auto}.gallery img{height:270px;width:100%;object-fit:cover;border-radius:8px}.reviews{background:#f7f9fb}.rating-summary{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.rating-number{font-size:36px;font-weight:850;letter-spacing:-.04em;color:#082c51}.rating-stars,.review-stars{color:#f2b01e;letter-spacing:.08em}.rating-stars{font-size:21px}.rating-label{font-size:13px;font-weight:800;color:#647586;text-transform:uppercase;letter-spacing:.09em}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1280px;margin:auto}.review-card{background:#fff;border:1px solid #e3e9ef;border-radius:12px;padding:28px;box-shadow:0 10px 30px rgba(13,44,75,.06);display:flex;flex-direction:column;min-height:280px}.review-stars{font-size:17px;margin-bottom:16px}.review-card blockquote{margin:0;color:#34495e;font-size:15px;line-height:1.7;flex:1}.reviewer{margin:22px 0 0;font-weight:800;color:#102844}.review-button{background:#fff;color:#0b4f88;border:1px solid #0b4f88;margin-top:32px}.accessories{background:#f5f8fb}.accessory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:auto}.accessory-grid article{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e4e9ef}.accessory-grid img{height:300px;width:100%;object-fit:cover}.accessory-grid .crop-bottom img{object-position:center 17%}.accessory-grid h3,.accessory-grid p{margin-left:22px;margin-right:22px}.accessory-grid p{margin-bottom:22px;color:#627284}.manager-card{max-width:1120px;margin:auto;display:grid;grid-template-columns:360px 1fr;gap:46px;align-items:center;background:#fff;border:1px solid #e5eaf0;border-radius:14px;padding:22px;box-shadow:0 20px 55px rgba(13,44,75,.1)}.manager-card>img{width:100%;height:420px;object-fit:cover;border-radius:10px}.manager-card .role{font-weight:700;color:#587085}.manager-card p{font-size:17px}.manager-points{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}.manager-points span{background:#eef6fc;color:#0a548d;border-radius:18px;padding:8px 12px;font-size:12px;font-weight:700}.final-cta{background:#05294f;color:#fff;text-align:center;padding:90px 20px}.final-cta>div{max-width:800px;margin:auto}.final-cta h2{font-size:clamp(38px,5vw,64px);margin:0 0 18px}.final-cta p{font-size:18px;color:#d8e7f3;margin-bottom:30px}.store-info{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:46px clamp(20px,6vw,88px);background:#f5f7f9}.store-info h3{font-size:14px;text-transform:uppercase;letter-spacing:.08em}.store-info a{text-decoration:none;color:#0a5f9f;font-weight:700}footer{background:#021b34;color:#c8d6e2;padding:28px clamp(20px,6vw,88px);font-size:13px}.fine{opacity:.65;max-width:900px}.mobile-cta{display:none}.reveal{opacity:1}
@media(max-width:1000px){.review-grid{grid-template-columns:1fr 1fr}.nav-menu{display:none}.nav-toggle{display:block;border:0;background:none;font-weight:800}.nav-menu.open{display:flex;position:absolute;top:72px;left:0;right:0;background:white;padding:20px;flex-direction:column;box-shadow:0 10px 20px rgba(0,0,0,.08)}.hero{min-height:610px}.hero-shade{background:linear-gradient(90deg,rgba(3,24,48,.88),rgba(3,24,48,.45))}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip div:nth-child(2){border-right:0}.split{grid-template-columns:1fr}.bed-grid{grid-template-columns:repeat(2,1fr)}.experience-grid{grid-template-columns:1fr}.experience-grid>img,.experience-grid>.pressure-video{min-height:0;max-height:480px}.why-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.manager-card{grid-template-columns:1fr}.manager-card>img{height:auto;max-height:520px;object-position:center 30%}.store-info{grid-template-columns:1fr}.accessory-grid{grid-template-columns:1fr 1fr}.mobile-cta{display:block;position:fixed;bottom:12px;left:14px;right:14px;background:#0a4f86;color:#fff;text-align:center;padding:14px;text-decoration:none;font-weight:800;border-radius:6px;z-index:40;box-shadow:0 8px 26px rgba(0,0,0,.22)}body{padding-bottom:58px}}
@media(max-width:620px){.rating-summary{justify-content:flex-start}.review-grid{grid-template-columns:1fr}.review-card{min-height:0}.site-header{height:62px;padding:0 18px}.brand{font-size:15px}.brand-symbol{width:25px;height:25px}.hero{min-height:650px;align-items:end}.hero-bg{object-position:59% center}.hero-shade{background:linear-gradient(0deg,rgba(2,20,40,.96) 0%,rgba(2,20,40,.65) 58%,rgba(2,20,40,.12) 100%)}.hero-copy{margin:0 22px 44px;width:auto}.hero h1{font-size:43px}.hero p{font-size:16px}.actions{flex-direction:column}.btn{width:100%}.trust-strip{grid-template-columns:1fr 1fr;padding:18px 12px}.trust-strip div{padding:8px 12px}.section{padding:62px 18px}.section-head{text-align:left;margin-bottom:28px}.section h2{font-size:34px}.bed-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.bed-grid article{min-width:78vw;scroll-snap-align:start}.bed-grid img{height:180px}.experience-copy{padding:28px}.why-grid{grid-template-columns:1fr}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.gallery img{min-width:82vw;scroll-snap-align:start;height:340px}.accessory-grid{grid-template-columns:1fr}.accessory-grid img{height:270px}.manager-card{padding:12px;gap:24px}.manager-card>div{padding:4px 10px 18px}.store-info{padding:36px 20px}.final-cta{padding:70px 20px}.final-cta h2{font-size:40px}}
/* ===== v3.4: interactive complete-sleep-solution cards ===== */
.accessory-card{outline:none;cursor:pointer}
.accessory-media{position:relative;overflow:hidden}
.accessory-media img{transition:transform .35s ease,filter .35s ease}
.accessory-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;padding:26px;background:linear-gradient(180deg,rgba(4,31,57,.06) 20%,rgba(4,31,57,.92) 100%);color:#fff;opacity:0;transition:opacity .25s ease}
.accessory-overlay strong{font-size:20px;line-height:1.15}
.accessory-overlay span{font-size:14px;line-height:1.55;color:#eef6fc}
.accessory-overlay small{font-size:11px;letter-spacing:.04em;color:#b9d9ee}
.accessory-card:hover .accessory-overlay,.accessory-card:focus .accessory-overlay,.accessory-card.is-active .accessory-overlay{opacity:1}
.accessory-card:hover .accessory-media img,.accessory-card:focus .accessory-media img,.accessory-card.is-active .accessory-media img{transform:scale(1.018);filter:brightness(.82)}
@media (hover:none){.accessory-card:hover .accessory-overlay{opacity:0}.accessory-card:hover .accessory-media img{transform:none;filter:none}.accessory-card.is-active .accessory-overlay,.accessory-card:focus .accessory-overlay{opacity:1}.accessory-card.is-active .accessory-media img,.accessory-card:focus .accessory-media img{transform:scale(1.012);filter:brightness(.82)}}
@media (prefers-reduced-motion:reduce){.accessory-media img,.accessory-overlay{transition:none}}
/* v3.4 revised: make accessory education discoverable while scrolling */
.accessory-hint{position:absolute;right:14px;bottom:14px;z-index:2;background:rgba(255,255,255,.94);color:#082c51;border:1px solid rgba(8,44,81,.12);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;box-shadow:0 5px 18px rgba(4,31,57,.14);transition:opacity .2s ease,transform .2s ease}
.accessory-card:hover .accessory-hint,.accessory-card:focus .accessory-hint,.accessory-card.is-active .accessory-hint,.accessory-card.is-preview .accessory-hint{opacity:0;transform:translateY(5px);pointer-events:none}
.accessory-card.is-preview .accessory-overlay{opacity:1}
.accessory-card.is-preview .accessory-media img{transform:scale(1.012);filter:brightness(.82)}
@media(max-width:620px){.accessory-hint{font-size:10px;right:11px;bottom:11px;padding:7px 10px}.accessory-overlay{padding:22px}.accessory-overlay strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.accessory-hint{transition:none}}
/* ===== v3.5: Power of Sleep + Sleep Journey flow ===== */
#beds,#accessories,#reviews,#manager,#real,#power-of-sleep{scroll-margin-top:88px}
.nav-menu a:not(.nav-cta){position:relative;color:#17334f}
.nav-menu a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:#0a67b2;transition:right .2s ease}
.nav-menu a:not(.nav-cta):hover::after,.nav-menu a:not(.nav-cta):focus-visible::after{right:0}
.nav-cta{border-radius:8px!important;padding:12px 18px!important;box-shadow:0 6px 18px rgba(8,42,80,.14)}
.power-sleep{background:linear-gradient(180deg,#fff 0%,#f4f8fc 100%);overflow:hidden}
.power-head{margin-bottom:28px}
.power-head>p{font-size:18px;color:#617183;margin-bottom:17px}
.power-instruction{display:inline-flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:850;color:#415b75}
.power-instruction::before{content:"☝";font-size:16px;color:#0a67b2}
.sleep-benefit-tabs{max-width:1080px;margin:0 auto 26px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.sleep-benefit-tab{appearance:none;border:0;background:transparent;padding:3px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#17334f;font:inherit;font-weight:800;cursor:pointer}
.benefit-icon{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #e3eaf1;box-shadow:0 9px 28px rgba(13,44,75,.08);font-size:33px;color:#0a67b2;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.sleep-benefit-tab:nth-child(1) .benefit-icon{color:#4c8a2b}
.sleep-benefit-tab:nth-child(3) .benefit-icon{color:#7052a3}
.sleep-benefit-tab:nth-child(4) .benefit-icon{color:#e77616}
.sleep-benefit-tab:nth-child(5) .benefit-icon{color:#13898e}
.sleep-benefit-tab:hover .benefit-icon,.sleep-benefit-tab:focus-visible .benefit-icon{transform:translateY(-3px)}
.sleep-benefit-tab.is-active .benefit-icon{border:3px solid #3c91e6;background:#f2f8ff;box-shadow:0 11px 32px rgba(33,116,199,.22);transform:translateY(-3px)}
.sleep-benefit-tab.is-active{color:#0a62a7}
.sleep-benefit-panel{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.7fr .8fr;gap:0;background:#fff;border:1px solid #e3eaf1;border-radius:16px;box-shadow:0 18px 45px rgba(13,44,75,.09);overflow:hidden;transition:opacity .15s ease,transform .15s ease}
.sleep-benefit-panel.is-changing{opacity:.35;transform:translateY(3px)}
.benefit-copy,.benefit-fact{padding:34px 38px}
.benefit-copy{border-right:1px solid #e3eaf1}
.benefit-kicker{display:block;color:#0a67b2;font-size:12px;letter-spacing:.13em;font-weight:850;margin-bottom:10px}
.benefit-copy h3{font-size:clamp(25px,3vw,34px);line-height:1.12;margin:0 0 13px;letter-spacing:-.025em}
.benefit-copy p,.benefit-fact p{color:#526274;margin:0;font-size:16px;line-height:1.65}
.benefit-fact{display:flex;flex-direction:column;justify-content:center}
.fact-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#edf6fd;color:#0a67b2;margin-bottom:13px}
.benefit-fact strong{font-size:18px;margin-bottom:8px}
.power-close{text-align:center;max-width:850px;margin:40px auto 0}
.moon-mark{display:block;font-size:30px;color:#1477c6;margin-bottom:4px}
.power-close h3{font-size:clamp(27px,3.5vw,40px);line-height:1.12;margin:0;color:#102844}
.power-close p{font-size:clamp(20px,2.4vw,30px);line-height:1.3;color:#0a67b2;font-weight:800;margin:7px 0 0}
.sleep-sources{max-width:920px;margin:28px auto 0;text-align:center;color:#7b8997;font-size:11px}
.sleep-sources a{color:#4c6f8e}
.journey-bridge{padding:58px clamp(20px,6vw,88px);display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.75fr);gap:38px;align-items:center;background:#fff;border-top:1px solid #edf1f5}
.journey-bridge-copy{max-width:820px}
.journey-bridge h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0 0 16px;color:#102844}
.journey-bridge-copy p{font-size:17px;color:#5b6d7f;margin:0 0 20px}
.journey-proof{background:#f3f8fc;border:1px solid #dfeaf3;border-radius:14px;padding:26px 28px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 10px 30px rgba(13,44,75,.05)}
.journey-stars{color:#f2b01e;letter-spacing:.1em;font-size:18px}
.journey-proof strong{font-size:23px;color:#102844;margin:6px 0 2px}
.journey-proof span:last-child{color:#647586;font-size:13px}
.sleep-benefit-tab.benefit-arrival .benefit-icon{transform:translateY(-4px) scale(1.045);box-shadow:0 12px 32px rgba(33,116,199,.16)}
@media(max-width:1000px){
.sleep-benefit-tabs{grid-template-columns:repeat(5,minmax(112px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 12px 15px;margin-left:-12px;margin-right:-12px}
.sleep-benefit-tab{scroll-snap-align:center}
.sleep-benefit-panel{grid-template-columns:1fr}
.benefit-copy{border-right:0;border-bottom:1px solid #e3eaf1}
.journey-bridge{grid-template-columns:1fr}
.journey-proof{max-width:430px}
}
@media(max-width:620px){
.nav-menu.open{top:62px;align-items:stretch;gap:0;padding:10px 18px 18px}
.nav-menu.open a{padding:13px 4px;border-bottom:1px solid #edf1f5}
.nav-menu.open a::after{display:none}
.nav-menu.open .nav-cta{margin-top:10px;text-align:center;border-bottom:0;padding:13px!important}
.power-sleep{padding-top:58px}
.power-head{text-align:center}
.sleep-benefit-tabs{grid-template-columns:repeat(5,105px);justify-content:flex-start}
.benefit-icon{width:70px;height:70px;font-size:27px}
.sleep-benefit-tab{font-size:13px}
.sleep-benefit-panel{border-radius:12px}
.benefit-copy,.benefit-fact{padding:26px 23px}
.benefit-copy h3{font-size:27px}
.benefit-copy p,.benefit-fact p{font-size:15px}
.power-close{margin-top:33px}
.sleep-sources{text-align:left;font-size:10px}
.journey-bridge{padding:48px 18px}
.journey-bridge h2{font-size:34px}
}
@media(prefers-reduced-motion:reduce){
.benefit-icon,.sleep-benefit-panel,.nav-menu a::after{transition:none}
}
/* ===== v3.6 Power of Sleep card / icon correction ===== */
.benefit-icon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.sleep-benefit-tab:nth-child(4) .benefit-icon svg path{fill:none}
.sleep-benefit-panel{grid-template-columns:minmax(220px,.9fr) minmax(320px,1.25fr) minmax(220px,.72fr)}
.benefit-image-wrap{padding:28px 0 28px 28px;min-width:0}
.benefit-image{display:block;width:100%;height:100%;min-height:235px;max-height:285px;object-fit:cover;border-radius:12px}
.benefit-copy{border-right:1px solid #e3eaf1;border-bottom:0}
.benefit-fact{padding-left:32px;padding-right:32px}
.sleep-benefit-tab{min-height:122px}
.sleep-benefit-tab .benefit-icon,.sleep-benefit-tab>span:last-child{pointer-events:none}
@media(max-width:1000px){
.sleep-benefit-panel{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr)}
.benefit-fact{grid-column:1/-1;border-top:1px solid #e3eaf1}
.benefit-copy{border-right:0}
}
@media(max-width:700px){
.sleep-benefit-panel{grid-template-columns:1fr}
.benefit-image-wrap{padding:18px 18px 0}
.benefit-image{height:210px;min-height:0}
.benefit-copy{border-bottom:1px solid #e3eaf1}
.benefit-fact{grid-column:auto}
}
/* ===== v3.6 REVISED: compact Power of Sleep layout + mobile discoverability ===== */
/* Keep all five categories visible rather than forcing horizontal scrolling. */
@media(max-width:700px){
.power-sleep{
padding:44px 14px 48px;
}
.power-head{
margin-bottom:20px;
}
.power-head h2{
font-size:clamp(34px,10vw,48px);
line-height:1.02;
max-width:360px;
margin-left:auto;
margin-right:auto;
}
.power-head>p{
font-size:17px;
line-height:1.45;
max-width:330px;
margin-left:auto;
margin-right:auto;
}
.power-instruction{
font-size:10px;
letter-spacing:.08em;
}
.sleep-benefit-tabs{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:4px;
overflow:visible;
padding:4px 0 10px;
margin:0 auto 16px;
max-width:100%;
}
.sleep-benefit-tab{
min-width:0;
min-height:82px;
gap:5px;
padding:2px 0;
font-size:10px;
line-height:1.08;
}
.benefit-icon{
width:52px;
height:52px;
}
.benefit-icon svg{
width:30px;
height:30px;
stroke-width:3.4;
}
.sleep-benefit-tab>span:last-child{
max-width:70px;
white-space:normal;
text-align:center;
}
/* The reference design is compact: image, copy, and fact remain a single concise card. */
.sleep-benefit-panel{
display:grid;
grid-template-columns:42% 58%;
border-radius:14px;
overflow:hidden;
}
.benefit-image-wrap{
grid-column:1;
grid-row:1;
padding:14px 0 14px 14px;
align-self:stretch;
}
.benefit-image{
height:100%;
min-height:155px;
max-height:190px;
border-radius:10px;
object-fit:cover;
}
.benefit-copy{
grid-column:2;
grid-row:1;
padding:16px 16px 14px;
border-bottom:0;
border-right:0;
}
.benefit-kicker{
font-size:9px;
margin-bottom:6px;
}
.benefit-copy h3{
font-size:18px;
line-height:1.12;
margin-bottom:8px;
}
.benefit-copy p{
font-size:12px;
line-height:1.45;
}
.benefit-fact{
grid-column:1/-1;
padding:14px 16px 16px;
border-top:1px solid #e3eaf1;
display:grid;
grid-template-columns:34px auto;
column-gap:10px;
row-gap:2px;
align-items:center;
}
.fact-icon{
width:32px;
height:32px;
margin:0;
grid-row:1/3;
}
.benefit-fact strong{
font-size:14px;
margin:0;
}
.benefit-fact p{
font-size:11px;
line-height:1.4;
margin:0;
}
.power-close{
margin-top:26px;
}
.power-close h3{
font-size:25px;
}
.power-close p{
font-size:19px;
}
}
/* Extra-small phones: retain all five buttons while keeping the panel readable. */
@media(max-width:430px){
.benefit-icon{
width:46px;
height:46px;
}
.benefit-icon svg{
width:27px;
height:27px;
}
.sleep-benefit-tab{
font-size:9px;
}
.sleep-benefit-panel{
grid-template-columns:39% 61%;
}
.benefit-image-wrap{
padding:12px 0 12px 12px;
}
.benefit-image{
min-height:145px;
}
.benefit-copy{
padding:14px 13px 12px;
}
.benefit-copy h3{
font-size:17px;
}
.benefit-copy p{
font-size:11.5px;
}
}
/* ===== v3.7 conversion-focused homepage hero ===== */
.hero-actions-single{
display:block;
}
.hero-actions-single .btn.primary{
width:100%;
max-width:560px;
justify-content:center;
}
.hero-proof{
margin-top:14px;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:7px;
color:rgba(255,255,255,.9);
font-size:14px;
}
.hero-stars{
color:#f4bf45;
letter-spacing:.07em;
}
.hero-proof strong{
color:#fff;
font-weight:800;
}
@media(max-width:620px){
.hero-proof{
font-size:13px;
line-height:1.4;
}
.hero-actions-single .btn.primary{
max-width:none;
}
}
/* v3.8 Local SEO content — intentionally quiet and consistent with existing site */
.local-seo-copy{padding:64px 0;background:#f7fafc;}
.local-seo-copy .container{max-width:920px;}
.local-seo-copy h2{margin:.35rem 0 1rem;}
.local-seo-copy p{max-width:820px;line-height:1.75;color:#53657a;}
@media(max-width:620px){.local-seo-copy{padding:46px 0;}}
/* v3.9 conversion optimization */
.early-proof{padding:22px 20px;background:#f7fafc;border-block:1px solid #e7edf3;text-align:center}.early-proof>div{max-width:900px;margin:auto}.early-proof span{color:#f2b01e;letter-spacing:.1em}.early-proof blockquote{margin:6px 0;color:#17334f;font-size:clamp(17px,2vw,21px);font-weight:700}.early-proof small{color:#6b7b8b}
.journey-value{padding:68px clamp(20px,6vw,88px);background:#f4f8fc}.journey-value-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.45fr .75fr;gap:38px;align-items:center}.journey-value h2{font-size:clamp(30px,4vw,46px);line-height:1.08;margin:7px 0 14px;color:#102844}.journey-value-points{display:grid;gap:10px;margin:22px 0 25px;color:#17334f;font-weight:750}.personal-review{background:#fff;border:1px solid #dfe8f0;border-radius:15px;padding:27px 28px;box-shadow:0 12px 34px rgba(13,44,75,.07)}.personal-review strong{display:block;color:#102844;font-size:21px;margin-bottom:9px}.personal-review p{margin:0;color:#5b6d7f;line-height:1.6}
.mobile-journey-cta{display:none}
@media(max-width:760px){.journey-value{padding:50px 18px}.journey-value-inner{grid-template-columns:1fr;gap:24px}.mobile-journey-cta{position:fixed;z-index:9999;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 14px;background:rgba(9,39,72,.97);border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,.25);transform:translateY(140%);opacity:0;pointer-events:none;transition:.25s}.mobile-journey-cta.is-visible{transform:none;opacity:1;pointer-events:auto}.mobile-journey-cta>div{display:flex;flex-direction:column;color:#fff}.mobile-journey-cta strong{font-size:12px}.mobile-journey-cta span{font-size:9px;color:#ffffffb8}.mobile-journey-cta>a{background:#fff;color:#0a5f9e;text-decoration:none;font-weight:850;font-size:11px;padding:11px 12px;border-radius:9px;white-space:nowrap}}
/* ===== v3.10 Partnership Video ===== */
.partnership-section{padding:72px clamp(20px,6vw,88px);background:#f5f9fc;border-top:1px solid #e2eaf2;border-bottom:1px solid #e2eaf2}
.partnership-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:52px;align-items:center}
.partnership-copy h2{font-size:clamp(34px,4.6vw,56px);line-height:1.03;letter-spacing:-.04em;margin:8px 0 18px;color:#102844}
.partnership-copy h2 em{font-style:normal;color:#0a67b2}
.partnership-copy>p{font-size:17px;line-height:1.7;color:#596b7d;max-width:690px}
.partnership-points{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0}
.partnership-points>div{background:#fff;border:1px solid #dfe8f1;border-radius:13px;padding:17px 15px;min-height:142px}
.partnership-points>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf6fd;color:#0a67b2;font-weight:900;margin-bottom:10px}
.partnership-points strong{display:block;color:#17334f;font-size:14px;margin-bottom:5px}
.partnership-points small{display:block;color:#68798a;font-size:11px;line-height:1.45}
.partnership-source{font-size:10px!important;line-height:1.5!important;color:#8492a0!important;margin-top:20px!important}
.instagram-reel-wrap{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #dfe8f1;border-radius:18px;padding:18px;box-shadow:0 16px 42px rgba(13,44,75,.08);min-width:0}
.instagram-reel-label{font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#31516f;margin:2px 0 14px;text-align:center}
.instagram-reel-wrap .instagram-media{width:100%!important;min-width:0!important;max-width:470px!important}
.global-local-band{padding:48px clamp(20px,6vw,88px);background:#0b355d;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px}
.global-local-band>div{max-width:720px}
.global-local-band h2{font-size:clamp(30px,4vw,46px);line-height:1.05;margin:6px 0 10px;color:#fff}
.global-local-band p{margin:0;color:rgba(255,255,255,.77);font-size:16px;line-height:1.55}
.global-local-band .btn.primary{flex:0 0 auto;background:#fff;color:#0a5f9e}
@media(max-width:900px){
.partnership-inner{grid-template-columns:1fr;gap:32px}
.instagram-reel-wrap{max-width:520px;margin:0 auto;width:100%}
.global-local-band{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
.partnership-section{padding:52px 18px}
.partnership-copy h2{font-size:36px}
.partnership-copy>p{font-size:15px}
.partnership-points{grid-template-columns:1fr;gap:9px;margin:22px 0}
.partnership-points>div{min-height:0;display:grid;grid-template-columns:38px 1fr;column-gap:9px;padding:13px}
.partnership-points>div>span{grid-row:1/3;margin:0}
.partnership-points strong{align-self:end}
.instagram-reel-wrap{padding:11px;border-radius:14px}
.global-local-band{padding:42px 18px}
.global-local-band .btn.primary{width:100%;justify-content:center}
}
/* v3.11 Local SEO */
.local-faq{padding:68px clamp(20px,6vw,88px);background:#fff;border-top:1px solid #e5ecf2}.local-faq-inner{max-width:920px;margin:auto}.local-faq h2{font-size:clamp(32px,4vw,46px);color:#102844;margin:7px 0 10px}.local-faq-list{border-top:1px solid #dfe7ee;margin:24px 0 28px}.local-faq details{border-bottom:1px solid #dfe7ee}.local-faq summary{cursor:pointer;list-style:none;padding:18px 42px 18px 0;color:#17334f;font-weight:800;position:relative}.local-faq summary::-webkit-details-marker{display:none}.local-faq summary:after{content:"+";position:absolute;right:5px;top:14px;font-size:25px;color:#0a67b2}.local-faq details[open] summary:after{content:"–"}.local-faq details p{margin:-4px 0 19px;color:#607182;line-height:1.65}.local-faq-hours{font-size:12px;color:#718091;margin-top:15px}@media(max-width:620px){.local-faq{padding:50px 18px}.local-faq h2{font-size:34px}}
/* ===== v3.11 REVISED: exact STEP INSIDE sticky CTA timing ===== */
@media(max-width:1000px){
.mobile-cta{
display:block;
position:fixed;
bottom:12px;
left:14px;
right:14px;
background:#0a4f86;
color:#fff;
text-align:center;
padding:14px;
text-decoration:none;
font-weight:800;
border-radius:6px;
z-index:9998;
box-shadow:0 8px 26px rgba(0,0,0,.22);
opacity:0;
transform:translateY(130%);
pointer-events:none;
transition:opacity .22s ease, transform .22s ease;
}
.mobile-cta.is-visible{
opacity:1;
transform:translateY(0);
pointer-events:auto;
}
}
@media(prefers-reduced-motion:reduce){
.mobile-cta{transition:none}
}
/* ===== v3.12 performance-focused partnership credibility ===== */
.partnership-compact{padding:58px clamp(20px,6vw,88px);background:#f5f9fc;border-block:1px solid #e2eaf2}
.partnership-compact-inner{max-width:1120px;margin:0 auto}
.partnership-compact-copy{max-width:850px}
.partnership-compact-copy h2{font-size:clamp(34px,4.5vw,54px);line-height:1.04;letter-spacing:-.04em;color:#102844;margin:7px 0 16px}
.partnership-compact-copy h2 em{font-style:normal;color:#0a67b2}
.partnership-compact-copy p{color:#596b7d;font-size:17px;line-height:1.65}
.partnership-compact-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.partnership-compact-points>div{background:#fff;border:1px solid #dfe8f1;border-radius:13px;padding:18px}
.partnership-compact-points strong{display:block;color:#17334f;margin-bottom:5px}
.partnership-compact-points span{display:block;color:#697a8b;font-size:13px;line-height:1.5}
.partnership-compact-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#0b355d;border-radius:15px;padding:23px 25px;color:#fff}
.partnership-compact-cta>div{display:flex;flex-direction:column;gap:3px}
.partnership-compact-cta strong{font-size:22px}
.partnership-compact-cta span{font-size:13px;color:rgba(255,255,255,.76)}
.partnership-compact-cta .btn{flex:0 0 auto;background:#fff;color:#0a5f9e}
.partnership-source{margin:14px 0 0!important;font-size:10px!important;color:#8794a1!important;line-height:1.45!important}
@media(max-width:700px){
.partnership-compact{padding:48px 18px}
.partnership-compact-copy h2{font-size:36px}
.partnership-compact-copy p{font-size:15px}
.partnership-compact-points{grid-template-columns:1fr;gap:9px}
.partnership-compact-points>div{padding:14px}
.partnership-compact-cta{align-items:flex-start;flex-direction:column;padding:20px}
.partnership-compact-cta .btn{width:100%;justify-content:center}
}
/* ===== v3.13 initial paint optimization ===== */
html,body{background:#fff}
.hero{background-color:#dfe8ef}
/* ===== v3.16 Trust + Local Social Proof ===== */
.reviews-v316{background:linear-gradient(180deg,#fff 0%,#f7fafc 100%)}
.reviews-v316 .section-head{max-width:880px;margin-left:auto;margin-right:auto;text-align:center}
.reviews-v316 .section-head>p{max-width:760px;margin:10px auto 20px;color:#627486;line-height:1.65}
.rating-summary-v316{display:inline-flex!important;align-items:center;gap:10px;margin:4px auto 28px;padding:10px 15px;border:1px solid #dce6ef;border-radius:999px;background:#fff;box-shadow:0 6px 22px rgba(16,40,68,.05)}
.rating-summary-v316 .rating-number{font-size:18px;font-weight:900;color:#102844}
.rating-summary-v316 .rating-stars{color:#f7b500;letter-spacing:1px}
.rating-summary-v316 .rating-label{font-size:12px;color:#66798a}
.story-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1120px;margin:0 auto}
.story-proof-card{display:flex;flex-direction:column;min-height:100%;padding:24px;border:1px solid #dfe8f0;border-radius:18px;background:#fff;box-shadow:0 10px 32px rgba(16,40,68,.06)}
.story-proof-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#edf6fd;margin-bottom:14px}
.story-proof-icon svg{width:30px;height:30px;fill:none;stroke:#0a67b2;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.story-proof-stars{color:#f7b500;font-size:15px;letter-spacing:1px;margin-bottom:10px}
.story-proof-category{font-size:11px;font-weight:900;letter-spacing:.09em;color:#0a67b2;margin-bottom:5px}
.story-proof-card h3{font-size:24px;line-height:1.12;color:#102844;margin:0 0 10px}
.story-proof-lead{font-weight:750;color:#334d66;line-height:1.5;margin:0 0 13px}
.story-proof-card blockquote{margin:0 0 13px;padding:0;border:0;color:#53687a;font-size:15px;line-height:1.65;font-style:normal}
.story-proof-context{color:#697b8c;font-size:13px;line-height:1.6;margin:0 0 18px}
.story-proof-local{margin-top:auto;padding-top:14px;border-top:1px solid #e6edf3;color:#728393;font-size:11px;font-weight:750}
.review-conversion-band{max-width:1120px;margin:24px auto 0;padding:24px 26px;border-radius:18px;background:#0b355d;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:34px}
.review-conversion-band .eyebrow{color:#8dd2ff}
.review-conversion-band h3{font-size:clamp(24px,3vw,34px);line-height:1.1;margin:5px 0 8px;color:#fff}
.review-conversion-band p{max-width:700px;margin:0;color:rgba(255,255,255,.78);line-height:1.55}
.review-conversion-action{flex:0 0 300px;text-align:center}
.review-conversion-action .btn{width:100%;justify-content:center;background:#fff;color:#0a5f9e}
.review-conversion-action>span{display:block;margin-top:9px;color:rgba(255,255,255,.7);font-size:11px}
@media(max-width:860px){
.story-proof-grid{grid-template-columns:1fr}
.story-proof-card{padding:20px}
.review-conversion-band{flex-direction:column;align-items:stretch}
.review-conversion-action{flex-basis:auto}
}
@media(max-width:620px){
.rating-summary-v316{flex-wrap:wrap;justify-content:center;border-radius:14px}
.story-proof-card h3{font-size:22px}
.review-conversion-band{padding:20px}
}
/* ===== v3.17 streamlined layout + scroll-activated customer stories ===== */
.reviews-v317{background:#fff;padding-top:54px;padding-bottom:54px}
.reviews-v317-head{max-width:820px;margin-inline:auto;text-align:center}
.reviews-v317-head>p{max-width:680px;margin:10px auto 24px;color:#66798b;line-height:1.6}
.experience-story-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.experience-story{position:relative;min-height:380px;border-radius:18px;overflow:hidden;background:#18334f;isolation:isolate;outline-offset:4px}
.experience-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .38s ease,filter .38s ease}
.experience-story-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,25,44,.08) 20%,rgba(5,25,44,.82) 100%);transition:background .38s ease;z-index:1}
.experience-story-front,.experience-story-reveal{position:absolute;left:0;right:0;bottom:0;z-index:2;color:#fff;padding:22px}
.experience-story-front{opacity:1;transform:translateY(0);transition:opacity .32s ease,transform .32s ease}
.experience-story-reveal{opacity:0;transform:translateY(14px);transition:opacity .36s ease,transform .36s ease;pointer-events:none}
.experience-story-kicker{display:block;font-size:11px;font-weight:900;letter-spacing:.09em;color:#9edcff;margin-bottom:5px}
.experience-story h3{margin:0;color:#fff;font-size:26px;line-height:1.08}
.experience-story-cue{display:block;margin-top:9px;font-size:12px;color:rgba(255,255,255,.76)}
.experience-story-reveal blockquote{margin:12px 0 10px;padding:0;border:0;color:#fff;font-size:15px;line-height:1.55;font-style:normal}
.experience-story-reveal p{margin:10px 0 0;color:rgba(255,255,255,.84);font-size:13px;line-height:1.55}
.experience-story.is-active img,.experience-story:hover img,.experience-story:focus-visible img{transform:scale(1.025);filter:saturate(.8)}
.experience-story.is-active .experience-story-shade,.experience-story:hover .experience-story-shade,.experience-story:focus-visible .experience-story-shade{background:linear-gradient(180deg,rgba(5,25,44,.40) 0%,rgba(5,25,44,.94) 100%)}
.experience-story.is-active .experience-story-front,.experience-story:hover .experience-story-front,.experience-story:focus-visible .experience-story-front{opacity:0;transform:translateY(10px)}
.experience-story.is-active .experience-story-reveal,.experience-story:hover .experience-story-reveal,.experience-story:focus-visible .experience-story-reveal{opacity:1;transform:translateY(0);pointer-events:auto}
.experience-story-cta{max-width:1120px;margin:18px auto 0;padding:20px 22px;border-radius:16px;background:#f2f7fb;display:flex;align-items:center;justify-content:space-between;gap:30px}
.experience-story-cta h3{margin:5px 0 7px;color:#102844;font-size:clamp(22px,2.5vw,31px)}
.experience-story-cta p{max-width:650px;margin:0;color:#617486;line-height:1.55}
.experience-story-cta>div:last-child{flex:0 0 300px;text-align:center}
.experience-story-cta .btn{width:100%;justify-content:center}
.experience-story-cta>div:last-child>span{display:block;margin-top:8px;color:#748495;font-size:11px}
.manager-welcome-v317{background:#f7fafc}
.manager-welcome-grid{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:38px;align-items:center}
.manager-welcome-video-wrap{position:relative;max-width:310px;margin-inline:auto}
.manager-welcome-video{display:block;width:100%;aspect-ratio:720/1294;object-fit:cover;border-radius:20px;background:#dfe8ef}
.manager-sound-btn{position:absolute;left:12px;right:12px;bottom:12px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(6,34,59,.84);color:#fff;padding:10px 14px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;backdrop-filter:blur(6px)}
.manager-welcome-copy h2{margin:7px 0 8px;color:#102844;font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.035em}
.manager-welcome-role{font-size:13px;font-weight:800;color:#0a67b2}
.manager-welcome-copy>p:not(.micro):not(.manager-welcome-role){max-width:650px;color:#607284;line-height:1.65}
.manager-welcome-points{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.manager-welcome-points span{padding:8px 10px;border-radius:999px;background:#fff;border:1px solid #dce7ef;color:#3f566c;font-size:12px;font-weight:750}
@media(max-width:820px){
.experience-story-grid{grid-template-columns:1fr;max-width:620px}
.experience-story{min-height:300px}
.experience-story-cta{flex-direction:column;align-items:stretch}
.experience-story-cta>div:last-child{flex-basis:auto}
.manager-welcome-grid{grid-template-columns:1fr;gap:24px}
.manager-welcome-video-wrap{max-width:260px}
}
@media(max-width:620px){
.reviews-v317{padding-top:42px;padding-bottom:42px}
.experience-story{min-height:285px}
.experience-story-front,.experience-story-reveal{padding:18px}
.experience-story h3{font-size:23px}
.experience-story-reveal blockquote{font-size:14px}
.experience-story-cta{padding:18px}
.manager-welcome-v317{padding-top:48px;padding-bottom:48px}
.manager-welcome-copy h2{font-size:34px}
}
@media(prefers-reduced-motion:reduce){
.experience-story img,.experience-story-front,.experience-story-reveal,.experience-story-shade{transition:none}
}
/* ===== v3.17.1 story polish ===== */
@media (hover:none), (pointer:coarse){
.experience-story:hover img{transform:none;filter:none}
.experience-story:hover .experience-story-shade{background:linear-gradient(180deg,rgba(5,25,44,.08) 20%,rgba(5,25,44,.82) 100%)}
.experience-story:hover .experience-story-front{opacity:1;transform:translateY(0)}
.experience-story:hover .experience-story-reveal{opacity:0;transform:translateY(14px);pointer-events:none}
.experience-story.is-active img{transform:scale(1.018);filter:saturate(.88)}
.experience-story.is-active .experience-story-shade{background:linear-gradient(180deg,rgba(5,25,44,.30) 0%,rgba(5,25,44,.94) 100%)}
.experience-story.is-active .experience-story-front{opacity:0;transform:translateY(8px)}
.experience-story.is-active .experience-story-reveal{opacity:1;transform:translateY(0);pointer-events:auto}
}
@media (hover:hover) and (pointer:fine){
.experience-story:hover img{transform:scale(1.018);filter:saturate(.88)}
}
.experience-story img{object-position:center center}
.experience-story-reveal{max-height:100%;overflow:hidden}
/* v3.18 authentic manager photo */
.manager-welcome-photo-wrap{max-width:420px}
.manager-welcome-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center top;border-radius:20px;background:#dfe8ef}
@media (max-width:760px){.manager-welcome-photo-wrap{max-width:360px}}
/* ===== v3.23 landing-page start-rate experiment ===== */
.hero-reassurance{display:flex;flex-wrap:wrap;gap:8px 18px;margin:13px 0 0!important;color:rgba(255,255,255,.94);font-weight:700}
.hero-manager-cue{display:flex;align-items:center;gap:11px;margin-top:17px;max-width:560px;color:#fff}
.hero-manager-cue img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:center 22%;border:2px solid rgba(255,255,255,.85);flex:0 0 46px}
.hero-manager-cue span{display:flex;flex-direction:column;line-height:1.25}
.hero-manager-cue strong{font-size:13px;font-weight:800}
.hero-manager-cue small{font-size:12px;margin-top:3px;color:rgba(255,255,255,.78)}
@media(max-width:620px){
.hero h1{font-size:clamp(38px,11vw,52px)}
.hero-reassurance{gap:6px 12px;font-size:12px!important}
.hero-manager-cue{margin-top:14px}
.hero-manager-cue img{width:42px;height:42px;flex-basis:42px}
}
/* v4.0 Journey-first homepage */
.v4-journey-first{background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);padding-top:72px;padding-bottom:72px}.v4-journey-inner{max-width:1120px;margin:auto}.v4-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 30px}.v4-steps article{background:#fff;border:1px solid #dce8f2;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(16,48,80,.06)}.v4-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0868b9;color:#fff;margin-bottom:14px}.v4-steps h3{margin:0 0 7px;color:#102844}.v4-steps p{margin:0;color:#607284;line-height:1.55}.v4-journey-first .micro{text-align:center;color:#6d7d8d;margin-top:10px}@media(max-width:800px){.v4-steps{grid-template-columns:1fr 1fr}}@media(max-width:520px){.v4-steps{grid-template-columns:1fr}.v4-journey-first{padding-top:48px;padding-bottom:48px}}
/* ===== v4.1 Compact Showroom Bridge ===== */
.showroom-bridge{padding-top:64px;padding-bottom:64px;background:#fff}
.showroom-bridge-inner{max-width:1120px;margin:0 auto}
.showroom-bridge-copy{max-width:760px;margin:0 auto 24px;text-align:center}
.showroom-bridge-copy h2{margin-bottom:14px}
.showroom-bridge-copy p{font-size:17px;color:#526274;margin:0 auto}
.showroom-bridge-figure{margin:0 auto;max-width:980px}
.showroom-bridge-image-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;box-shadow:0 18px 48px rgba(9,38,68,.14);background:#eef3f7}
.showroom-bridge-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 57%}
.showroom-bridge-figure figcaption{text-align:center;margin-top:8px}
.showroom-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:980px;margin:28px auto 0}
.showroom-steps article{display:flex;gap:12px;align-items:flex-start;background:#f7f9fb;border:1px solid #e5ebf1;border-radius:10px;padding:17px}
.showroom-step-number{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0b4f88;color:#fff;font-size:13px;font-weight:850}
.showroom-steps h3{font-size:15px;line-height:1.25;margin:1px 0 5px;color:#102844}
.showroom-steps p{font-size:13px;line-height:1.45;margin:0;color:#617183}
.showroom-bridge-cta{text-align:center;margin-top:24px}
.showroom-bridge-micro{font-size:12px;color:#6d7b8a;margin:9px 0 0}
@media(max-width:700px){
.showroom-bridge{padding:46px 20px}
.showroom-bridge-copy{margin-bottom:18px}
.showroom-bridge-copy h2{font-size:34px}
.showroom-bridge-copy p{font-size:15px;line-height:1.55}
.showroom-bridge-image-wrap{aspect-ratio:16/9;border-radius:9px}
.showroom-bridge-image-wrap img{object-position:center 58%}
.showroom-steps{grid-template-columns:1fr;gap:8px;margin-top:19px}
.showroom-steps article{padding:13px 14px}
.showroom-bridge-cta{margin-top:18px}
.showroom-bridge-cta .btn{width:100%}
}
/* ===== v4.2 Compact IndividualFit Experience ===== */
.experience-v42{padding:62px 20px;background:#fff}
.experience-v42-inner{max-width:1080px;margin:0 auto}
.experience-v42-heading{text-align:center;max-width:780px;margin:0 auto 24px}
.experience-v42-heading h2{margin:7px 0 12px}
.experience-v42-heading p{margin:0;color:#5f6d7d;font-size:17px;line-height:1.55}
.experience-v42-story{max-width:920px;margin:0 auto;display:grid;grid-template-columns:1fr 52px 1fr;align-items:center;gap:12px}
.experience-v42-panel{margin:0;min-width:0}
.experience-v42-label{display:flex;align-items:center;gap:9px;margin-bottom:9px;color:#102844;font-size:12px;letter-spacing:.05em;font-weight:850}
.experience-v42-label span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0b5f9f;color:#fff;letter-spacing:0;flex:0 0 28px}
.experience-v42-media{overflow:hidden;border-radius:12px;background:#eef3f7;box-shadow:0 14px 36px rgba(8,34,62,.11);aspect-ratio:16/10}
.experience-v42-media img,
.experience-v42-media video{width:100%;height:100%;display:block;object-fit:cover}
.experience-v42-media.person img{object-position:center 48%}
.experience-v42-media.map video{object-position:center center}
.experience-v42-connector{text-align:center;font-size:28px;color:#0b5f9f;font-weight:800}
.experience-v42-copy{text-align:center;max-width:820px;margin:22px auto 0}
.experience-v42-copy h3{font-size:24px;margin:0 0 8px;color:#102844}
.experience-v42-copy p{font-size:15px;color:#5f6d7d;line-height:1.55;margin:0 auto 14px;max-width:720px}
.experience-v42-benefits{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:0 0 18px}
.experience-v42-benefits span{font-size:13px;color:#31465e;font-weight:750}
.experience-v42-benefits span:not(:last-child)::after{content:" →";color:#0b5f9f}
.experience-v42-copy .btn{min-width:300px}
@media(max-width:700px){
.experience-v42{padding:44px 20px 48px}
.experience-v42-heading{margin-bottom:18px}
.experience-v42-heading h2{font-size:34px;line-height:1.04}
.experience-v42-heading p{font-size:15px;line-height:1.5}
.experience-v42-story{display:block}
.experience-v42-label{margin-bottom:7px}
.experience-v42-connector{height:28px;line-height:28px;font-size:21px}
.experience-v42-media{aspect-ratio:16/9;border-radius:10px}
.experience-v42-media.person img{object-position:center 45%}
.experience-v42-copy{margin-top:18px}
.experience-v42-copy h3{font-size:21px}
.experience-v42-copy p{font-size:14px}
.experience-v42-benefits{gap:5px 9px;margin-bottom:15px}
.experience-v42-benefits span{font-size:12px}
.experience-v42-copy .btn{width:100%;min-width:0}
}
/* ===== v4.3 IndividualFit final storytelling refinements ===== */
.experience-v42-panel figcaption{
margin:10px 4px 0;
color:#5f6d7d;
font-size:13px;
line-height:1.45;
}
.experience-v42-copy>.eyebrow{
display:block;
margin-bottom:8px;
}
.experience-v43-journey span{
font-size:14px;
color:#102844;
font-weight:800;
}
@media(max-width:700px){
.experience-v42-panel figcaption{
margin:8px 2px 0;
font-size:12.5px;
line-height:1.4;
}
.experience-v42-copy>.eyebrow{
margin-bottom:7px;
}
.experience-v43-journey span{
font-size:12.5px;
}
}
/* ===== v4.4 Smart Floating CTA =====
Visibility is controlled in script.js so the floating CTA yields to any
full-size Sleep Journey CTA already on screen. Existing transform/opacity
transitions provide the smooth fade/slide behavior. */
.mobile-cta{will-change:transform,opacity}
/* ===== v4.5 Interactive Trust Tiles ===== */
.trust-accordion{
align-items:start;
}
.trust-accordion .trust-item{
min-width:0;
padding:0 22px;
border-right:1px solid rgba(255,255,255,.16);
}
.trust-accordion .trust-item:last-child{
border-right:0;
}
.trust-toggle{
position:relative;
display:block;
width:100%;
min-height:58px;
padding:4px 30px 4px 0;
border:0;
background:transparent;
color:#fff;
text-align:left;
font:inherit;
cursor:pointer;
}
.trust-title,
.trust-summary{
display:block;
}
.trust-title{
font-size:15px;
font-weight:800;
line-height:1.25;
}
.trust-summary{
margin-top:5px;
font-size:12px;
line-height:1.45;
opacity:.8;
}
.trust-icon{
position:absolute;
top:4px;
right:0;
display:grid;
place-items:center;
width:22px;
height:22px;
border:1px solid rgba(255,255,255,.28);
border-radius:50%;
font-size:16px;
line-height:1;
font-weight:500;
opacity:.9;
transition:transform .2s ease, background .2s ease;
}
.trust-toggle[aria-expanded="true"] .trust-icon{
transform:rotate(45deg);
background:rgba(255,255,255,.1);
}
.trust-detail{
margin:8px 0 4px;
padding-top:10px;
border-top:1px solid rgba(255,255,255,.14);
color:rgba(255,255,255,.84);
font-size:12px;
line-height:1.55;
}
.trust-toggle:focus-visible{
outline:2px solid #82caff;
outline-offset:5px;
border-radius:3px;
}
@media(max-width:1000px){
.trust-accordion .trust-item:nth-child(2){
border-right:0;
}
}
@media(max-width:620px){
.trust-accordion{
gap:0;
padding:18px 12px;
}
.trust-accordion .trust-item{
padding:9px 14px;
}
.trust-accordion .trust-item:nth-child(-n+2){
border-bottom:1px solid rgba(255,255,255,.12);
}
.trust-toggle{
min-height:68px;
padding-right:27px;
}
.trust-title{
font-size:15px;
}
.trust-summary,
.trust-detail{
font-size:11.5px;
}
}
@media(prefers-reduced-motion:reduce){
.trust-icon{transition:none}
}
/* ===== v4.6 Compact Sleep Journey Overview =====
Goal: keep all four Journey steps visible together on typical mobile screens,
reducing scroll without removing any customer guidance. */
@media(max-width:520px){
.v4-journey-first{
padding:32px 18px 34px;
}
.v4-journey-first .section-head{
margin-bottom:0;
}
.v4-journey-first .section-head .eyebrow{
font-size:11px;
letter-spacing:.14em;
}
.v4-journey-first .section-head h2{
font-size:31px;
line-height:1.08;
margin:7px 0 10px;
}
.v4-journey-first .section-head p{
font-size:15px;
line-height:1.48;
margin:0;
}
.v4-steps{
grid-template-columns:1fr 1fr;
gap:10px;
margin:18px 0 18px;
}
.v4-steps article{
border-radius:14px;
padding:14px 13px 15px;
min-height:156px;
box-shadow:0 7px 20px rgba(16,48,80,.045);
}
.v4-steps b{
width:29px;
height:29px;
margin-bottom:9px;
font-size:13px;
}
.v4-steps h3{
font-size:16px;
line-height:1.22;
margin:0 0 5px;
}
.v4-steps p{
font-size:13px;
line-height:1.38;
}
.v4-journey-first .center .btn{
width:100%;
}
.v4-journey-first .micro{
font-size:12px;
margin-top:8px;
}
}
/* ===== v4.7 Power of Sleep journey bridge ===== */
.power-head{max-width:900px;margin-left:auto;margin-right:auto;text-align:center}
.power-head h2{max-width:820px;margin-left:auto;margin-right:auto}
.power-head>p{max-width:680px;margin:14px auto 24px;font-size:20px;line-height:1.45}
.power-question{display:block;color:#17334f;font-weight:850;text-transform:uppercase;letter-spacing:.07em;font-size:14px;margin-bottom:5px}
.power-question::before{content:"👇";margin-right:9px}
.power-instruction{text-transform:none;letter-spacing:0;font-size:14px;font-weight:500;color:#617183}
.power-instruction::before{display:none}
.sleep-benefit-tabs{gap:12px;max-width:1000px;margin-bottom:24px}
.sleep-benefit-tab{background:#fff;border:1px solid #e3eaf1;border-radius:14px;min-height:132px;padding:16px 8px;box-shadow:0 8px 24px rgba(13,44,75,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.sleep-benefit-tab:hover,.sleep-benefit-tab:focus-visible{transform:translateY(-2px);box-shadow:0 11px 28px rgba(13,44,75,.1)}
.sleep-benefit-tab.is-active{border:2px solid #2789df;background:#f6fbff;box-shadow:0 10px 28px rgba(33,116,199,.14)}
.benefit-icon,.sleep-benefit-tab.is-active .benefit-icon{width:56px;height:56px;border:0;background:transparent;box-shadow:none;transform:none}
.benefit-icon svg{width:38px;height:38px}
.sleep-benefit-panel{max-width:1000px;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.35fr);position:relative}
.benefit-image-wrap{padding:28px 0 28px 28px}
.benefit-copy{padding:34px 38px;border-right:0}
.benefit-copy h3{font-size:clamp(27px,3vw,36px)}
.benefit-takeaway{display:grid;grid-template-columns:38px 1fr;gap:12px;margin-top:22px;align-items:start}
.takeaway-icon{width:34px;height:34px;border:2px solid #2789df;color:#2789df;border-radius:50%;display:grid;place-items:center;font-size:0}
.takeaway-icon::after{content:"◯";font-size:17px;line-height:1}
.benefit-takeaway strong{display:block;color:#17334f;font-size:16px;margin-bottom:3px}
.benefit-takeaway p{font-size:14px;line-height:1.45}
.benefit-fact{grid-column:1/-1;border-top:1px solid #e3eaf1;padding:22px 30px;display:grid;grid-template-columns:46px auto;column-gap:14px;row-gap:2px;align-items:center}
.fact-icon{grid-row:1/3;margin:0}
.benefit-fact strong{margin:0}
.benefit-fact p{font-size:14px;line-height:1.45}
.power-cta{max-width:1000px;margin:28px auto 0;text-align:center}
.power-cta .btn{width:100%;justify-content:center;font-size:18px;padding:17px 22px}
.power-cta>span{display:block;margin-top:11px;color:#7b8997;font-size:13px}
.sleep-sources{margin-top:18px}
@media(max-width:700px){
.power-sleep{padding:42px 14px 44px}
.power-head h2{font-size:clamp(32px,9.2vw,42px);line-height:1.04;max-width:380px}
.power-head>p{font-size:16px;max-width:350px;margin:12px auto 20px}
.power-question{font-size:11px;letter-spacing:.05em}
.power-instruction{font-size:12px}
.sleep-benefit-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:16px;padding:0}
.sleep-benefit-tab{min-height:86px;padding:9px 2px;border-radius:10px;font-size:9px;box-shadow:0 5px 15px rgba(13,44,75,.05)}
.benefit-icon,.sleep-benefit-tab.is-active .benefit-icon{width:38px;height:38px}
.benefit-icon svg{width:27px;height:27px}
.sleep-benefit-panel{grid-template-columns:42% 58%;border-radius:14px}
.benefit-image-wrap{grid-column:1;grid-row:1;padding:14px 0 14px 14px}
.benefit-image{min-height:210px;max-height:240px;height:100%}
.benefit-copy{grid-column:2;grid-row:1;padding:16px 14px 14px}
.benefit-copy h3{font-size:18px}
.benefit-copy>p{font-size:11.5px}
.benefit-takeaway{grid-template-columns:26px 1fr;gap:7px;margin-top:12px}
.takeaway-icon{width:24px;height:24px}
.takeaway-icon::after{font-size:12px}
.benefit-takeaway strong{font-size:11.5px}
.benefit-takeaway p{font-size:10.5px!important;line-height:1.35!important}
.benefit-fact{grid-column:1/-1;padding:13px 15px;grid-template-columns:32px auto;column-gap:10px}
.benefit-fact p{font-size:10.5px}
.power-cta{margin-top:18px}
.power-cta .btn{font-size:16px;padding:15px 14px}
.power-cta>span{font-size:11px}
}
/* ===== v4.8 Hero Conversion Optimization ===== */
.hero-value-line{
display:block;
font-weight:800;
color:#fff;
line-height:1.35;
}
/* v4.9 Value of Better Sleep */
.sleep-value-moments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:900px;margin:16px auto 18px}
.sleep-value-moments span{display:flex;flex-direction:column;justify-content:center;min-height:70px;padding:11px 9px;border:1px solid rgba(16,48,80,.12);border-radius:14px;background:rgba(255,255,255,.68);font-size:13px;line-height:1.35;text-align:center}
.sleep-value-moments b{display:block;margin-bottom:2px;font-size:14px}
.sleep-value-question{margin:14px auto 5px;font-size:18px;line-height:1.35;font-weight:800;text-align:center}
.sleep-value-bridge{margin:0 auto 18px;max-width:650px;font-size:14px;line-height:1.5;opacity:.78;text-align:center}
@media(max-width:620px){.sleep-value-moments{grid-template-columns:1fr 1fr;gap:8px;margin:14px auto 16px}.sleep-value-moments span{min-height:64px;padding:9px 7px;font-size:12px}.sleep-value-question{font-size:17px}.sleep-value-bridge{font-size:13px}}
/* ===== v5.18.1 End-of-Month Promo Polish ===== */
.promo-countdown-bar{
position:relative;
z-index:10001;
background:linear-gradient(90deg,#9f4f2d 0%,#c96a3d 50%,#9f4f2d 100%);
color:#fff;
border-bottom:1px solid rgba(80,28,12,.18);
box-shadow:0 3px 14px rgba(60,24,12,.14);
}
.promo-countdown-inner{
max-width:1280px;
margin:0 auto;
padding:16px 22px 17px;
display:flex;
align-items:center;
justify-content:center;
gap:30px;
}
.promo-countdown-copy{
display:flex;
flex-direction:column;
gap:7px;
min-width:0;
}
.promo-kicker{
font-size:12px;
font-weight:900;
letter-spacing:.12em;
line-height:1.2;
}
.promo-offer{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:6px 10px;
font-size:12px;
line-height:1.35;
font-weight:600;
}
.promo-offer > *{
white-space:nowrap;
}
.promo-offer > * + *::before{
content:"•";
display:inline-block;
margin-right:10px;
color:rgba(255,255,255,.62);
font-weight:700;
}
.promo-offer b{
font-weight:900;
letter-spacing:.015em;
}
.promo-countdown-timer{
display:flex;
align-items:center;
justify-content:center;
gap:6px;
flex:0 0 auto;
padding:8px 12px 7px;
border-radius:12px;
background:rgba(16,40,68,.94);
border:1px solid rgba(255,255,255,.24);
color:#fff;
box-shadow:0 5px 14px rgba(11,31,54,.16);
}
.promo-countdown-timer span{
min-width:39px;
text-align:center;
}
.promo-countdown-timer b{
display:block;
font-size:19px;
line-height:1;
font-variant-numeric:tabular-nums;
letter-spacing:.02em;
}
.promo-countdown-timer small{
display:block;
margin-top:4px;
font-size:8px;
font-weight:800;
letter-spacing:.08em;
opacity:.76;
}
.promo-countdown-timer i{
font-style:normal;
font-weight:900;
opacity:.5;
transform:translateY(-5px);
}
.promo-delivery{
display:inline-flex;
align-items:center;
gap:8px;
width:max-content;
max-width:100%;
margin-top:1px;
padding:5px 11px;
border-radius:999px;
background:rgba(255,255,255,.17);
border:1px solid rgba(255,255,255,.28);
font-size:10.5px;
line-height:1.25;
letter-spacing:.01em;
}
.promo-delivery strong{
font-weight:900;
letter-spacing:.025em;
}
.promo-delivery span{
padding-left:8px;
border-left:1px solid rgba(255,255,255,.38);
font-weight:700;
opacity:.92;
}
.promo-delivery.is-expired{display:none !important;}
.promo-countdown-bar.is-expired{display:none !important;}
@media(max-width:700px){
.promo-countdown-inner{
padding:12px 12px 13px;
gap:11px;
flex-direction:column;
}
.promo-countdown-copy{
align-items:center;
text-align:center;
gap:7px;
}
.promo-kicker{
font-size:10px;
}
.promo-offer{
justify-content:center;
gap:4px 7px;
font-size:10.5px;
line-height:1.3;
max-width:480px;
}
.promo-offer > * + *::before{
margin-right:7px;
}
.promo-delivery{
width:auto;
justify-content:center;
font-size:9.5px;
margin-top:1px;
padding:5px 10px;
}
.promo-countdown-timer{
gap:4px;
padding:6px 9px 5px;
}
.promo-countdown-timer span{
min-width:34px;
}
.promo-countdown-timer b{
font-size:17px;
}
.promo-countdown-timer small{
font-size:7px;
}
}
@media(max-width:430px){
.promo-offer{
max-width:360px;
}
.promo-offer > *{
white-space:normal;
}
}
@media(prefers-reduced-motion:reduce){
.promo-countdown-bar{scroll-behavior:auto}
}
/* ===== v5.1 Clean Power of Sleep ===== */
/* Keep the five interactive category labels on one line on mobile. */
@media(max-width:620px){
.sleep-power-tabs button,
.sleep-power-categories button,
.power-tabs button,
.power-category,
.sleep-category{
font-size:11px !important;
line-height:1.1 !important;
white-space:nowrap !important;
padding-left:6px !important;
padding-right:6px !important;
}
}
/* ===== v5.5: premium homepage arrival + Sleep Journey handoff ===== */
.hero-motion-enabled .hero .hero-bg{
transform:scale(1.035);
animation:heroArrivalZoom 1.55s cubic-bezier(.2,.72,.2,1) forwards;
will-change:transform;
}
.hero-motion-enabled .hero .hero-shade{
opacity:.5;
animation:heroArrivalShade .85s ease-out .05s forwards;
}
.hero-motion-enabled .hero-copy>.eyebrow,
.hero-motion-enabled .hero-copy>h1,
.hero-motion-enabled .hero-copy>p,
.hero-motion-enabled .hero-copy>.actions,
.hero-motion-enabled .hero-copy>.hero-reassurance,
.hero-motion-enabled .hero-copy>.hero-manager-cue{
opacity:0;
transform:translateY(16px);
animation:heroArrivalReveal .62s cubic-bezier(.2,.72,.2,1) forwards;
}
.hero-motion-enabled .hero-copy>.eyebrow{animation-delay:.14s}
.hero-motion-enabled .hero-copy>h1{animation-delay:.26s}
.hero-motion-enabled .hero-copy>p{animation-delay:.39s}
.hero-motion-enabled .hero-copy>.actions{animation-delay:.53s}
.hero-motion-enabled .hero-copy>.hero-reassurance{animation-delay:.63s}
.hero-motion-enabled .hero-copy>.hero-manager-cue{animation-delay:.73s}
.hero-motion-enabled .hero-copy>.eyebrow::after{
content:"";
display:block;
width:54px;
height:2px;
margin-top:10px;
border-radius:999px;
background:#8ed2ff;
transform:scaleX(0);
transform-origin:left center;
animation:heroAccentDraw .55s cubic-bezier(.2,.72,.2,1) .46s forwards;
}
.hero-actions-single .btn.primary{
transform-origin:center;
}
.hero-actions-single .btn.primary:active{
transform:translateY(1px) scale(.975);
}
.journey-transition{
position:fixed;
inset:0;
z-index:9999;
pointer-events:none;
opacity:0;
visibility:hidden;
background:linear-gradient(180deg,rgba(5,41,79,.04),rgba(5,41,79,.97));
transform:translateY(100%);
}
.journey-transition::before{
content:"";
position:absolute;
left:0;right:0;top:0;
height:3px;
background:#58b4ee;
box-shadow:0 0 24px rgba(88,180,238,.85);
}
body.journey-leaving .journey-transition{
visibility:visible;
opacity:1;
transform:translateY(0);
transition:transform .36s cubic-bezier(.4,0,.15,1),opacity .24s ease-out;
}
body.journey-leaving .hero-copy{
transform:translateY(-8px);
opacity:.88;
transition:transform .34s ease,opacity .28s ease;
}
@keyframes heroArrivalZoom{to{transform:scale(1)}}
@keyframes heroArrivalShade{to{opacity:1}}
@keyframes heroArrivalReveal{to{opacity:1;transform:translateY(0)}}
@keyframes heroAccentDraw{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){
.hero-motion-enabled .hero .hero-bg,
.hero-motion-enabled .hero .hero-shade,
.hero-motion-enabled .hero-copy>.eyebrow,
.hero-motion-enabled .hero-copy>h1,
.hero-motion-enabled .hero-copy>p,
.hero-motion-enabled .hero-copy>.actions,
.hero-motion-enabled .hero-copy>.hero-reassurance,
.hero-motion-enabled .hero-copy>.hero-manager-cue,
.hero-motion-enabled .hero-copy>.eyebrow::after{animation:none!important;opacity:1;transform:none}
.journey-transition{display:none!important}
}
/* ===== v5.7 Premium Video Hero + Quick Benefit Snapshot ===== */
.hero-video-version .homepage-hero-video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}
.hero-video-version .hero-shade{
background:linear-gradient(90deg,rgba(4,24,45,.88) 0%,rgba(4,24,45,.66) 42%,rgba(4,24,45,.24) 72%,rgba(4,24,45,.10) 100%);
}
.hero-video-version .hero-copy{max-width:720px}
.hero-sound-toggle{
position:absolute;
z-index:3;
right:clamp(16px,3vw,36px);
bottom:clamp(16px,3vw,28px);
border:1px solid rgba(255,255,255,.55);
background:rgba(5,27,48,.62);
color:#fff;
border-radius:999px;
padding:10px 15px;
font:inherit;
font-size:12px;
font-weight:750;
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
cursor:pointer;
transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.hero-sound-toggle:hover{background:rgba(5,27,48,.78);border-color:#fff;transform:translateY(-1px)}
.hero-sound-toggle:focus-visible{outline:3px solid rgba(116,195,255,.72);outline-offset:3px}
.quick-sleep-benefits{
padding:38px clamp(18px,5vw,64px) 42px;
background:linear-gradient(180deg,#fff,#f7fbfe);
border-bottom:1px solid #e7eef4;
text-align:center;
}
.quick-benefits-head{max-width:720px;margin:0 auto 26px}
.quick-benefits-head h2{
margin:6px 0 7px;
color:#102844;
font-size:clamp(29px,4vw,43px);
line-height:1.05;
letter-spacing:-.035em;
}
.quick-benefits-head p{margin:0;color:#657789;font-size:15px}
.quick-benefit-row{
max-width:980px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
border:1px solid #dde8f1;
border-radius:20px;
background:#fff;
box-shadow:0 12px 34px rgba(13,44,75,.06);
overflow:hidden;
}
.quick-benefit{
min-height:112px;
padding:18px 10px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
color:#102844;
border-right:1px solid #e7edf2;
}
.quick-benefit:last-child{border-right:0}
.quick-benefit-icon{
width:40px;height:40px;
display:grid;place-items:center;
border-radius:50%;
background:#edf6fd;
color:#0a67b2;
font-size:21px;
font-weight:900;
}
.quick-benefit strong{font-size:13px;line-height:1.25}
.quick-benefits-cue{margin:16px 0 0;color:#748596;font-size:12px}
@media(max-width:700px){
.hero-video-version .homepage-hero-video{object-position:center center}
.hero-video-version .hero-shade{
background:linear-gradient(180deg,rgba(4,24,45,.38) 0%,rgba(4,24,45,.72) 45%,rgba(4,24,45,.92) 100%);
}
.hero-sound-toggle{right:14px;bottom:14px;padding:9px 12px;font-size:11px}
.quick-sleep-benefits{padding:30px 14px 32px}
.quick-benefit-row{
display:flex;
overflow-x:auto;
scroll-snap-type:x mandatory;
overscroll-behavior-inline:contain;
scrollbar-width:none;
border-radius:17px;
}
.quick-benefit-row::-webkit-scrollbar{display:none}
.quick-benefit{
flex:0 0 118px;
min-height:104px;
scroll-snap-align:start;
}
}
@media(prefers-reduced-motion:reduce){
.hero-sound-toggle{display:none}
}
/* ===== v5.8 Split Video Hero ===== */
.hero-split-version{
min-height:clamp(590px,72vh,760px);
display:grid;
grid-template-columns:minmax(390px,.9fr) minmax(0,1.25fr);
align-items:stretch;
overflow:hidden;
background:#071f38;
}
.hero-split-version::before{display:none}
.hero-split-version .hero-split-copy{
position:relative;
z-index:2;
width:auto;
max-width:none;
margin:0;
padding:clamp(58px,7vw,94px) clamp(34px,5vw,78px);
display:flex;
flex-direction:column;
justify-content:center;
background:linear-gradient(145deg,#071f38 0%,#0a2a49 100%);
}
.hero-split-version .hero-split-copy h1{
max-width:620px;
}
.hero-split-version .hero-split-copy > p{
max-width:590px;
}
.hero-video-panel{
position:relative;
min-width:0;
min-height:100%;
background:#06192c;
overflow:hidden;
}
.hero-video-panel .homepage-hero-video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}
.hero-video-panel::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(90deg,rgba(7,31,56,.16),transparent 22%);
}
.hero-split-version .hero-sound-toggle{
right:18px;
bottom:18px;
}
@media(max-width:900px){
.hero-split-version{
min-height:0;
display:flex;
flex-direction:column;
}
.hero-video-panel{
order:1;
width:100%;
min-height:0;
aspect-ratio:16/9;
}
.hero-split-version .hero-split-copy{
order:2;
padding:32px 20px 38px;
text-align:left;
}
.hero-split-version .hero-split-copy h1{
font-size:clamp(34px,10vw,48px);
max-width:650px;
}
.hero-split-version .hero-split-copy > p{
max-width:650px;
}
.hero-split-version .hero-actions-single{
justify-content:flex-start;
}
.hero-split-version .hero-reassurance{
justify-content:flex-start;
}
.hero-split-version .hero-manager-cue{
margin-left:0;
margin-right:0;
}
}
@media(max-width:520px){
.hero-video-panel{aspect-ratio:16/9}
.hero-split-version .hero-split-copy{padding:28px 18px 34px}
.hero-split-version .hero-actions-single .btn{
width:100%;
text-align:center;
}
.hero-split-version .hero-reassurance{
gap:7px 12px;
}
.hero-split-version .hero-sound-toggle{
right:10px;
bottom:10px;
}
}
/* ===== v5.9 Compact integrated hero flow ===== */
.hero-split-version .hero-compact-intro{
margin:18px 0 22px;
max-width:610px;
font-size:clamp(17px,1.45vw,21px);
line-height:1.5;
}
.hero-benefit-strip{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0 0 22px;
max-width:650px;
}
.hero-benefit-strip span{
display:inline-flex;
align-items:center;
min-height:36px;
padding:8px 12px;
border:1px solid rgba(255,255,255,.22);
border-radius:999px;
background:rgba(255,255,255,.07);
color:#fff;
font-size:14px;
font-weight:700;
line-height:1.15;
white-space:nowrap;
}
@media(max-width:900px){
.hero-split-version .hero-split-copy{
padding:26px 20px 30px;
}
.hero-split-version .hero-split-copy .eyebrow{
margin-bottom:10px;
}
.hero-split-version .hero-split-copy h1{
margin-bottom:10px;
font-size:clamp(32px,9.2vw,44px);
line-height:1.02;
}
.hero-split-version .hero-compact-intro{
margin:8px 0 16px;
font-size:17px;
line-height:1.42;
}
.hero-benefit-strip{
flex-wrap:nowrap;
overflow-x:auto;
max-width:none;
margin:0 -20px 18px;
padding:0 20px 4px;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
.hero-benefit-strip::-webkit-scrollbar{display:none}
.hero-benefit-strip span{
flex:0 0 auto;
min-height:34px;
font-size:13px;
padding:7px 11px;
}
.hero-split-version .hero-reassurance{
margin-top:12px;
font-size:13px;
}
.hero-split-version .hero-manager-cue{
margin-top:15px;
}
}
@media(max-width:520px){
.hero-split-version .hero-split-copy{
padding:23px 18px 27px;
}
.hero-benefit-strip{
margin-left:-18px;
margin-right:-18px;
padding-left:18px;
padding-right:18px;
}
}
/* ===== v5.15 FAQ + local connection refinement ===== */
.faq-group{margin-top:34px}.faq-group h3{margin:0 0 10px;color:#17334f;font-size:17px;letter-spacing:.02em}.faq-group .local-faq-list{margin-top:0;margin-bottom:12px}.faq-group+.faq-group{padding-top:8px}.local-faq> .local-faq-inner>p{color:#607182;max-width:760px}
.local-connect{background:#082f59;color:#fff;padding:72px clamp(20px,6vw,88px)}.local-connect-inner{max-width:1120px;margin:auto}.local-connect h2{font-size:clamp(34px,4.5vw,54px);line-height:1.08;letter-spacing:-.035em;margin:4px 0 14px}.local-connect-intro{max-width:730px;color:#dce9f3;font-size:17px;margin:0 0 30px}.local-connect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.connect-card{display:flex;gap:16px;align-items:flex-start;text-decoration:none;background:#fff;color:#102844;border-radius:12px;padding:24px;min-height:166px;box-shadow:0 12px 30px rgba(0,0,0,.12);transition:transform .2s ease,box-shadow .2s ease}.connect-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.16)}.connect-primary{outline:2px solid #7fc9f4;outline-offset:-2px}.connect-icon{font-size:24px;line-height:1}.connect-card span:last-child{display:flex;flex-direction:column;gap:8px}.connect-card strong{font-size:18px;line-height:1.2}.connect-card small{font-size:13px;color:#647586}.connect-card b{font-size:13px;color:#0a62a7;margin-top:4px}.connect-note{font-size:13px;color:#c7d9e8;margin:22px 0 0;max-width:780px}.floating-text-cta{position:fixed;right:18px;bottom:18px;z-index:45;background:#0b5f91;color:#fff;text-decoration:none;border-radius:999px;padding:11px 16px;font-weight:800;font-size:13px;box-shadow:0 10px 25px rgba(0,27,52,.25);display:flex;gap:7px;align-items:center}.floating-text-cta:hover{transform:translateY(-1px)}
@media(max-width:820px){.local-connect-grid{grid-template-columns:1fr}.connect-card{min-height:0}.local-connect{padding:58px 20px}.floating-text-cta{bottom:70px}}
@media(max-width:620px){.faq-group{margin-top:28px}.faq-group h3{font-size:15px}.local-connect h2{font-size:36px}.local-connect-intro{font-size:16px}.connect-card{padding:20px}.floating-text-cta{right:12px}}
/* v5.16 — Sleep Journey step-story animation */
.v4-journey-first .v4-steps article{position:relative;transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease,background .45s ease}
.v4-journey-first .v4-steps article::after{content:'→';position:absolute;right:-18px;top:50%;transform:translateY(-50%) scale(.75);color:#0876bd;font-size:24px;font-weight:800;opacity:0;transition:opacity .28s ease,transform .35s ease;z-index:3;pointer-events:none}
.v4-journey-first .v4-steps article:last-child::after{content:'↓';right:50%;top:auto;bottom:-31px;transform:translateX(50%) translateY(-4px) scale(.75)}
.v4-journey-first .v4-steps article.story-active{transform:translateY(-4px);border-color:#77bde8;box-shadow:0 14px 34px rgba(8,104,185,.17);background:#fbfdff}
.v4-journey-first .v4-steps article.story-active b{box-shadow:0 0 0 7px rgba(8,104,185,.11);transition:box-shadow .4s ease}
.v4-journey-first .v4-steps article.story-passed::after{opacity:.85;transform:translateY(-50%) scale(1)}
.v4-journey-first .v4-steps article:last-child.story-passed::after{transform:translateX(50%) translateY(0) scale(1)}
.v4-journey-first .center .btn{transition:transform .4s ease,box-shadow .4s ease,filter .4s ease}
.v4-journey-first.story-complete .center .btn{animation:journeyCtaReveal 1.15s ease 1}
@keyframes journeyCtaReveal{0%{transform:scale(1);box-shadow:none}40%{transform:scale(1.025);box-shadow:0 0 0 8px rgba(8,104,185,.10),0 12px 30px rgba(8,104,185,.22)}100%{transform:scale(1);box-shadow:none}}
@media(max-width:800px){.v4-journey-first .v4-steps article::after{right:-17px}.v4-journey-first .v4-steps article:nth-child(2)::after{content:'↙';right:50%;top:auto;bottom:-30px;transform:translateX(50%) scale(.75)}.v4-journey-first .v4-steps article:nth-child(2).story-passed::after{transform:translateX(50%) scale(1)}.v4-journey-first .v4-steps article:nth-child(3)::after{right:-17px;top:50%;bottom:auto;transform:translateY(-50%) scale(.75)}.v4-journey-first .v4-steps article:nth-child(3).story-passed::after{transform:translateY(-50%) scale(1)}}
@media(max-width:520px){.v4-journey-first .v4-steps article::after,.v4-journey-first .v4-steps article:nth-child(2)::after,.v4-journey-first .v4-steps article:nth-child(3)::after{content:'↓';right:50%;top:auto;bottom:-29px;transform:translateX(50%) translateY(-4px) scale(.75)}.v4-journey-first .v4-steps article.story-passed::after,.v4-journey-first .v4-steps article:nth-child(2).story-passed::after,.v4-journey-first .v4-steps article:nth-child(3).story-passed::after{transform:translateX(50%) translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.v4-journey-first .v4-steps article,.v4-journey-first .center .btn{transition:none!important;animation:none!important}.v4-journey-first .v4-steps article::after{display:none}}
/* v5.17 — Value bridge: why personalized sleep technology matters */
.value-bridge-v517{padding:clamp(64px,8vw,104px) 20px;background:linear-gradient(180deg,#f7fafc 0%,#fff 100%);border-bottom:1px solid rgba(16,40,68,.08)}
.value-bridge-v517 .value-bridge-inner{max-width:1120px;margin:0 auto}
.value-bridge-v517 .value-bridge-head{max-width:920px;margin:0 auto 36px;text-align:center}
.value-bridge-v517 .value-bridge-head h2{margin:10px 0 14px;color:#102844;font-size:clamp(32px,4.3vw,52px);line-height:1.06;letter-spacing:-.025em}
.value-bridge-v517 .value-bridge-head p{max-width:690px;margin:0 auto;color:#506579;font-size:clamp(17px,2vw,20px);line-height:1.6}
.value-bridge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0 36px}
.value-bridge-card{background:#fff;border:1px solid rgba(16,40,68,.11);border-radius:18px;padding:26px 22px;box-shadow:0 10px 30px rgba(16,40,68,.055)}
.value-bridge-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;margin-bottom:18px;background:#edf5fb;color:#1474b8;font-weight:800;font-size:19px}
.value-bridge-card h3{margin:0 0 9px;color:#102844;font-size:19px;line-height:1.25}
.value-bridge-card p{margin:0;color:#5a6d7e;font-size:15px;line-height:1.55}
.value-bridge-close{max-width:900px;margin:0 auto;text-align:center;padding-top:4px}
.value-bridge-close strong{display:block;color:#102844;font-size:clamp(23px,3vw,31px);line-height:1.2;margin-bottom:10px}
.value-bridge-close p{margin:0;color:#506579;font-size:16px;line-height:1.6}
@media(max-width:900px){.value-bridge-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.value-bridge-v517{padding:54px 16px}.value-bridge-grid{grid-template-columns:1fr;gap:12px;margin:28px 0 30px}.value-bridge-card{padding:22px 20px}.value-bridge-head{margin-bottom:28px}}
/* v5.17.2 — Mobile-safe intentional line breaks for value-bridge headlines */
.value-bridge-v517 .mobile-line{display:inline}
@media(max-width:560px){
.value-bridge-v517 .value-bridge-head h2{font-size:clamp(29px,8.4vw,38px);line-height:1.08;max-width:100%;overflow-wrap:normal}
.value-bridge-v517 .value-bridge-close strong{font-size:clamp(22px,7vw,28px);line-height:1.22}
.value-bridge-v517 .mobile-line{display:block;white-space:normal}
}
/* ===== v5.20 Final-day ComfortNext + financing emphasis ===== */
.promo-countdown-bar{background:linear-gradient(90deg,#6f321d 0%,#bd5c31 42%,#7b371f 100%);box-shadow:0 4px 18px rgba(50,21,10,.18)}
.promo-countdown-inner{padding-top:14px;padding-bottom:14px}
.promo-countdown-copy{gap:6px}
.promo-kicker{color:#fff5d8;font-size:12px}
.promo-offer{gap:7px 14px;font-size:13px}
.promo-offer .promo-feature{padding:4px 0;font-size:14px;letter-spacing:.02em}
.promo-offer .promo-feature:first-child{font-size:15px}
.promo-change{font-size:10.5px;line-height:1.35;color:rgba(255,255,255,.9);font-weight:650}
.promo-countdown-timer{background:#092849;border-color:rgba(255,255,255,.32);box-shadow:0 7px 18px rgba(5,26,46,.24)}
.promo-countdown-bar.is-post-promo{background:linear-gradient(90deg,#0a2f53,#0d527d)}
.promo-countdown-bar.is-post-promo .promo-countdown-timer{display:none}
.hero-offer-card{margin:0 0 20px;max-width:650px;padding:14px 15px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(255,255,255,.11);box-shadow:0 10px 30px rgba(3,21,38,.14);backdrop-filter:blur(7px)}
.hero-offer-kicker{display:block;margin-bottom:9px;color:#ffdcae;font-size:11px;line-height:1;font-weight:900;letter-spacing:.12em}
.hero-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero-offer-grid>div{padding:10px 11px;border-radius:12px;background:rgba(5,30,53,.46);border:1px solid rgba(255,255,255,.12)}
.hero-offer-grid strong{display:block;color:#fff;font-size:18px;line-height:1.1;letter-spacing:-.01em}
.hero-offer-grid span{display:block;margin-top:4px;color:#edf6ff;font-size:12px;line-height:1.3;font-weight:650}
.hero-offer-card small{display:block;margin-top:9px;color:rgba(255,255,255,.84);font-size:10.5px;line-height:1.4}
.hero-offer-card.is-post-promo .hero-offer-kicker{color:#b7ddff}
@media(max-width:700px){.promo-countdown-inner{padding:11px 12px 12px}.promo-offer{display:grid;grid-template-columns:1fr;gap:4px}.promo-offer .promo-feature,.promo-offer .promo-feature:first-child{font-size:12.5px}.promo-offer > * + *::before{display:none}.promo-change{max-width:420px;font-size:9.5px}.hero-offer-grid{grid-template-columns:1fr}.hero-offer-card{margin-bottom:16px;padding:12px}.hero-offer-grid strong{font-size:17px}}