/* Compact progressive disclosure. Card height stays stable while focus changes. */
#everyday{scroll-margin-top:90px;padding-top:46px;padding-bottom:18px;background:linear-gradient(180deg,#f5f2eb,#f1f1e9)}
#everyday .section-heading{display:block;margin-bottom:26px}
#everyday .section-heading>p{max-width:none;font-size:18px;margin:14px 0 0}
#everyday .pain-rail{gap:14px;padding-bottom:14px}
#everyday .pain-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1 1 0;min-width:0;height:258px;min-height:0;aspect-ratio:auto;padding:24px;overflow:hidden;transition:flex-grow .4s ease,box-shadow .3s ease}
#everyday .pain-card[data-active=true]{flex-grow:1.5;box-shadow:inset 0 1px 0 #ffffffd9,0 7px 24px #304a3710}
#everyday .pain-number{font-size:12px;letter-spacing:.08em;color:#547065;margin-bottom:22px}
#everyday .pain-card h3{font-size:clamp(21px,1.7vw,27px);line-height:1.18;font-weight:450;margin:0 0 14px}
#everyday .pain-card>p{font-size:16px;line-height:1.45;max-width:370px;margin:0;color:#435d52;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .3s ease}
#everyday .pain-card[data-active=true]>p{opacity:1;transform:none;transition-delay:.13s}
#everyday .pain-card.energy{background:linear-gradient(135deg,#f4f8ee,#dce9db)}
#everyday .pain-card.cycle{background:linear-gradient(135deg,#fff5ec,#f1ded0)}
#everyday .pain-card.sleep{background:linear-gradient(135deg,#f6f0fa,#e5dced)}
#everyday .pain-card.desire{background:linear-gradient(135deg,#eef6fc,#dce8f2)}
#everyday .pain-card:focus-visible{outline:2px solid #087f7b;outline-offset:-4px}







@media(max-width:1050px){
 #everyday .pain-card,#everyday .pain-card[data-active=true]{flex:0 0 320px;height:258px}
 #everyday .pain-card h3{font-size:25px}
}
@media(max-width:760px){
 #everyday{padding-top:34px;padding-bottom:20px}
 #everyday .section-heading>p{font-size:16px;margin-top:13px}
 #everyday .pain-card,#everyday .pain-card[data-active=true]{flex:0 0 calc(100% - 35px);height:266px;padding:23px}
 #everyday .pain-card h3{font-size:26px}
 #everyday .pain-card>p{font-size:16px}
 #everyday .pain-number{margin-bottom:19px}
 
 
 
 
}
@media(prefers-reduced-motion:reduce){#everyday .pain-card,#everyday .pain-card>p{transition:none}}
@media(max-width:375px){
 #everyday .pain-card,#everyday .pain-card[data-active=true]{height:326px;padding:21px}
 #everyday .pain-card h3{font-size:24px}
 #everyday .pain-card>p{font-size:15px;line-height:1.45}
 
}
@media(max-width:375px){
 .nc-header .nc-header-bar{padding-inline:8px;gap:6px}
 .nc-header .nc-header-left{padding-inline:10px}
 .nc-header .nc-start{padding-inline:10px;font-size:10px;gap:6px}
 .nc-header .nc-mobile-toggle{width:32px}
}
@media(max-width:375px){
 .nc-header .nc-start>span{display:none}
 .nc-header .nc-header-left{padding-inline:8px}
}
@media(max-width:375px){.premium-apps{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}}

/* The answer to the pain points is a short, centred transition. */
#at-home-solution{display:flex;flex-direction:column;align-items:center;gap:0;max-width:none;padding:38px 5% 42px;background:radial-gradient(ellipse at 50% 64%,#daeae138,transparent 65%),linear-gradient(180deg,#f1f1e9,#f5f2eb);text-align:center}
#at-home-solution #solution-title{font-size:var(--section-title);line-height:1.08;letter-spacing:-.045em;max-width:1150px;margin:0 auto 20px;white-space:normal}
#at-home-solution .solution-copy{display:flex;flex-direction:column;align-items:center;width:100%;max-width:920px}
#at-home-solution .solution-copy>p{max-width:790px;font-size:19px;line-height:1.5;margin:0 auto 22px}
#at-home-solution .solution-references{display:flex;justify-content:center;gap:28px;width:auto;max-width:100%;margin:0;padding:0;background:none;border:0}
#at-home-solution .solution-references li{display:flex;align-items:center;gap:9px;width:auto;flex:none;min-width:0;padding:0;border:0;background:none;box-shadow:none}
#at-home-solution .solution-references svg{width:28px;height:28px;flex:none}
#at-home-solution .solution-references span{font-size:14px;line-height:1.35;text-align:left}
#at-home-solution .solution-panel-link{font-size:14px;margin:20px auto 0;align-self:center;justify-self:center}
@media(max-width:760px){
 #at-home-solution{padding:30px 23px 32px}
 #at-home-solution #solution-title{max-width:550px;margin-bottom:16px}
 #at-home-solution .solution-copy>p{font-size:16px;line-height:1.5;margin-bottom:22px}
 #at-home-solution .solution-references{width:100%;gap:8px;align-items:flex-start}
 #at-home-solution .solution-references li{flex:1;flex-direction:column;gap:9px}
 #at-home-solution .solution-references span{text-align:center;font-size:12px}
 #at-home-solution .solution-panel-link{margin-top:18px}
}
@media(max-width:1050px){#everyday .pain-card,#everyday .pain-card[data-active=true]{height:auto;min-height:266px;align-self:stretch}#everyday .pain-card>p{flex-shrink:0}}
@media(max-width:375px){#everyday .pain-card,#everyday .pain-card[data-active=true]{min-height:300px}}