@import url("./sleep-apnea-therapy.css");

.snore-hero__media{background:radial-gradient(circle at 50% 45%,#fff 0,#eef4f5 58%,#dde8ea 100%)}
.snore-hero__media img{object-fit:contain;padding:clamp(35px,5vw,80px)}
:where(.snore-safety,.snore-candidacy,.snore-process,.snore-treatment,.snore-benefits,.snore-snorelab,.snore-faq) *{box-sizing:border-box}
:where(.snore-safety,.snore-candidacy,.snore-process,.snore-treatment,.snore-benefits,.snore-snorelab,.snore-faq) :where(p,figure){margin:0}
:where(.snore-safety,.snore-candidacy,.snore-process,.snore-treatment,.snore-benefits,.snore-snorelab,.snore-faq) .heading{margin:18px 0 0;color:var(--navy);font-family:var(--display);font-size:clamp(2.25rem,4.6vw,4.35rem);font-weight:400;letter-spacing:-.04em;line-height:1.05;text-wrap:balance}
:where(.snore-safety,.snore-candidacy,.snore-process,.snore-treatment,.snore-benefits,.snore-snorelab,.snore-faq) .heading em{display:block;margin-top:12px;color:var(--gold-text);font-family:var(--script);font-size:clamp(2.8rem,5vw,4.375rem);font-weight:400;letter-spacing:0;line-height:1}
.snore-header{max-width:1020px;margin-bottom:clamp(44px,6vw,82px)}
.snore-header>p:not(.preventive-eyebrow),.snore-safety__content>p:not(.preventive-eyebrow),.snore-candidacy__content>p:not(.preventive-eyebrow),.snore-treatment__content>p:not(.preventive-eyebrow),.snore-snorelab__content>p:not(.preventive-eyebrow){color:#515a70;font-size:clamp(1.02rem,.98rem + .18vw,1.16rem);line-height:1.8}

.snore-safety{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.72fr);align-items:center;gap:clamp(48px,9vw,140px);padding:clamp(88px,9vw,150px) clamp(24px,7vw,132px);background:var(--navy-deep)}
.snore-safety .heading,.snore-safety__panel .heading{color:var(--white)}
.snore-safety .preventive-eyebrow,.snore-safety .heading em{color:var(--gold-light)}
.snore-safety__content>p:not(.preventive-eyebrow){margin-top:28px;color:rgba(255,255,255,.82)}
.snore-safety__panel{padding:clamp(30px,4vw,52px);border:1px solid rgba(239,192,112,.45);background:rgba(255,255,255,.045)}
.snore-safety__panel .heading{margin:0 0 24px;font-size:clamp(1.45rem,2vw,2rem);line-height:1.25}
.snore-safety__panel ul{display:grid;gap:13px;margin:0;padding-left:21px;color:rgba(255,255,255,.84);line-height:1.65}
.snore-safety__panel a{display:inline-flex;gap:10px;margin-top:28px;color:var(--gold-light);font-size:.8rem;font-weight:700;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}
.snore-safety__panel a:hover,.snore-safety__panel a:focus-visible{color:var(--white)}

.snore-candidacy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:clamp(50px,8vw,120px);background:var(--white)}
.snore-media{min-height:560px;overflow:hidden;background:#e7ecee;box-shadow:0 24px 60px rgba(19,36,63,.11)}
.snore-media img{display:block;width:100%;height:100%;min-height:560px;object-fit:cover}
.snore-candidacy__content>p:not(.preventive-eyebrow){margin-top:26px}
.snore-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}
.snore-checks article{padding:24px;border-left:3px solid var(--gold-light);background:var(--ivory)}
.snore-checks .heading{margin:0 0 10px;font-size:clamp(1.3rem,1.7vw,1.65rem);line-height:1.25}
.snore-checks p{color:#515a70;line-height:1.65}

.snore-process{background:#eef4f5}
.snore-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(32,41,85,.18);border-bottom:1px solid rgba(32,41,85,.18);background:rgba(255,255,255,.65)}
.snore-process__grid article{padding:34px 30px;border-right:1px solid rgba(32,41,85,.18)}
.snore-process__grid article:last-child{border-right:0}
.snore-process__grid span{color:var(--gold-text);font-family:var(--display);letter-spacing:.14em}
.snore-process__grid .heading{margin:24px 0 12px;font-size:clamp(1.4rem,2vw,1.85rem)}
.snore-process__grid p{color:#515a70;line-height:1.68}

.snore-treatment{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:clamp(50px,8vw,120px);background:var(--ivory)}
.snore-treatment__content p+p{margin-top:18px}
.snore-treatment__media{overflow:hidden;background:#dfe9eb;box-shadow:0 24px 60px rgba(19,36,63,.11)}
.snore-treatment__media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.snore-treatment__media figcaption{padding:18px 22px;color:var(--white);background:var(--navy-deep);font-family:var(--display);font-size:.92rem;letter-spacing:.06em}

.snore-benefits{background:var(--white)}
.snore-benefits__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.snore-benefits__grid article{padding:clamp(30px,3.2vw,46px);border-top:4px solid var(--gold-light);background:#f7faf9;box-shadow:0 16px 40px rgba(19,36,63,.055);transition:transform .3s ease,box-shadow .3s ease}
.snore-benefits__grid article:hover{box-shadow:0 22px 48px rgba(19,36,63,.09);transform:translateY(-3px)}
.snore-benefits__grid .heading{margin:0 0 14px;font-size:clamp(1.4rem,1.9vw,1.9rem);line-height:1.22}
.snore-benefits__grid p{color:#515a70;line-height:1.72}

.snore-snorelab{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:clamp(48px,9vw,140px);padding:clamp(88px,9vw,150px) clamp(24px,7vw,132px);background:#e7f0f1}
.snore-snorelab__visual{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:22px;min-height:360px;padding:clamp(35px,5vw,70px);border:1px solid rgba(32,41,85,.14);background:var(--white);box-shadow:0 22px 52px rgba(19,36,63,.08)}
.snore-snorelab__visual img{display:block;width:min(100%,420px);height:auto}
.snore-snorelab__visual span{color:var(--gold-text);font-family:var(--display);font-size:2rem}
.snore-snorelab__visual strong{color:var(--navy);font-family:var(--display);font-size:clamp(1.8rem,3vw,3rem);font-weight:400}
.snore-snorelab__content p+p{margin-top:18px}
.snore-snorelab__content a{display:inline-flex;gap:10px;margin-top:28px;color:var(--navy);font-size:.8rem;font-weight:700;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}
.snore-snorelab__content a:hover,.snore-snorelab__content a:focus-visible{color:var(--gold-text)}

.snore-faq{background:var(--ivory)}
.snore-faq__list{display:grid;max-width:1060px;margin:auto;border-top:1px solid rgba(32,41,85,.2)}
.snore-faq details{padding:0 4px;border-bottom:1px solid rgba(32,41,85,.2)}
.snore-faq summary{padding:24px 48px 24px 0;color:var(--navy);font-family:var(--display);font-size:clamp(1.25rem,2vw,1.7rem);cursor:pointer}
.snore-faq details p{padding:0 0 26px;color:#515a70;line-height:1.75}
.snore-safety__panel a:focus-visible,.snore-snorelab__content a:focus-visible,.snore-faq summary:focus-visible{outline:3px solid var(--azure);outline-offset:4px}

@media(max-width:1050px){.snore-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.snore-process__grid article:nth-child(2){border-right:0}.snore-process__grid article:nth-child(-n+2){border-bottom:1px solid rgba(32,41,85,.18)}.snore-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.snore-safety,.snore-candidacy,.snore-treatment,.snore-snorelab{grid-template-columns:1fr;gap:48px}.snore-media{order:-1}}
@media(max-width:680px){.snore-safety,.snore-snorelab{padding:76px 22px}:where(.snore-safety,.snore-candidacy,.snore-process,.snore-treatment,.snore-benefits,.snore-snorelab,.snore-faq) .heading{font-size:clamp(2.55rem,12vw,4rem)}:where(.snore-safety,.snore-candidacy,.snore-process,.snore-treatment,.snore-benefits,.snore-snorelab,.snore-faq) .heading em{font-size:clamp(2.65rem,13vw,4rem)}.snore-checks,.snore-process__grid,.snore-benefits__grid{grid-template-columns:1fr}.snore-checks .heading,.snore-process__grid .heading,.snore-benefits__grid .heading{font-size:clamp(1.4rem,7vw,2rem)}.snore-media,.snore-media img{min-height:380px}.snore-process__grid article{border-right:0;border-bottom:1px solid rgba(32,41,85,.18)}.snore-process__grid article:last-child{border-bottom:0}.snore-hero__media img{padding:28px}}
@media(prefers-reduced-motion:reduce){.snore-benefits__grid article{transition:none}}