.sc-page{--sc-gutter:clamp(20px, 5vw, 64px);--sc-bar-h:56px;--sc-ink:#060d1c;--sc-card:#0c182eb3;--sc-card-line:#b8cbda24;--sc-gold-line:#c8a8678c;isolation:isolate;min-height:100vh;background:var(--sc-ink);min-height:100dvh;color:var(--ivory);position:relative;overflow-x:clip}.sc-page p{margin:0}.sc-page h1,.sc-page h2,.sc-page h3{font-family:var(--font-serif-thai), serif;font-weight:400}.sc-topbar{z-index:30;padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);background:linear-gradient(#040914b8,#04091470);border-bottom:1px solid #ffffff12;position:sticky;top:0}.sc-topbar__inner{height:var(--sc-bar-h);width:min(calc(100% - 2 * var(--sc-gutter)), 1440px);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:0 auto;display:grid}.sc-topbar__label{color:var(--gold);letter-spacing:.26em;text-align:center;margin:0;font-size:.68rem;font-weight:500}.sc-back{min-height:44px;color:var(--ivory);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-self:start;align-items:center;gap:8px;margin-left:-10px;padding:0 14px 0 10px;font-size:.9rem;transition:color .22s,border-color .22s,background-color .22s;display:inline-flex}.sc-back:hover{background:#ffffff0a;border-color:#c8a86759}.sc-back svg{flex:none;transition:transform .22s}.sc-back:hover svg{transform:translate(-3px)}.sc-close{width:44px;height:44px;color:var(--ivory);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-self:end;place-items:center;margin-right:-8px;transition:border-color .22s,background-color .22s;display:grid}.sc-close:hover{background:#ffffff0a;border-color:#c8a86759}:is(.sc-back:focus-visible,.sc-close:focus-visible){outline-offset:3px;outline:2px solid #dcc486}.sc-main{padding-bottom:env(safe-area-inset-bottom);position:relative}.sc-hero{isolation:isolate;min-height:100vh;min-height:100dvh;margin-top:calc(-1 * (var(--sc-bar-h) + env(safe-area-inset-top)));padding:calc(var(--sc-bar-h) + 30vh) var(--sc-gutter) clamp(40px, 7vh, 80px);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.sc-hero__media,.sc-hero__media img{z-index:-3;width:100%;height:100%;position:absolute;inset:0}.sc-hero__media img{object-fit:cover;object-position:58% 30%}.sc-hero__shade{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 42% at 50% 68%, #040a189e, transparent 72%), linear-gradient(180deg, #04091480 0, #04091400 20%, #040a1829 42%, #050b1ab3 78%, var(--sc-ink) 100%);position:absolute;inset:0}.sc-hero__mist{z-index:-2;opacity:.26;mix-blend-mode:screen;pointer-events:none;width:100%;height:auto;position:absolute;bottom:6%;left:0}.sc-hero__content{text-align:center;justify-items:center;gap:clamp(28px,4.5vh,48px);display:grid}.sc-hero__copy{animation:1.2s cubic-bezier(.2,.7,.2,1) both settle-in}.sc-hero h1{letter-spacing:-.02em;text-shadow:0 2px 30px #030814b3;margin:0;font-size:clamp(2.3rem,4.4vw,4.1rem);line-height:1.22}.sc-hero__lead{color:#e6e2d8;text-shadow:0 1px 16px #030814d9;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.8;margin-top:16px!important}.sc-flow{--icon:clamp(62px, 5.4vw, 90px);--col:clamp(104px, 10.5vw, 160px);margin:0;animation:1.4s cubic-bezier(.2,.7,.2,1) .15s both settle-in;position:relative}.sc-flow__list{grid-template-columns:repeat(5, var(--col));margin:0;padding:0;list-style:none;display:grid}.sc-flow__step{--glow:#82a0ff57;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.sc-flow__step--awake{--glow:#eccc8261}.sc-flow__step--n2{--glow:#7896ff57}.sc-flow__step--n3{--glow:#6080fa5c}.sc-flow__step--rem{--glow:#c4a0ff5c}.sc-flow__icon{width:var(--icon);height:var(--icon);box-shadow:0 0 0 1px #dcc48629, 0 0 18px 2px var(--glow), 0 8px 24px #0006;border-radius:50%;transition:box-shadow .4s,transform .4s}.sc-flow__step:hover .sc-flow__icon{box-shadow:0 0 0 1px #dcc4864d, 0 0 26px 5px var(--glow), 0 8px 24px #0006;transform:translateY(-2px)}.sc-flow__name{color:var(--ivory);letter-spacing:.14em;white-space:nowrap;text-shadow:0 1px 10px #030814e6;font-size:.74rem;font-weight:500}.sc-flow__step--rem .sc-flow__name{color:#e5d5a8}.sc-flow__arrow{top:calc(var(--icon) / 2 - 4px);color:#dcc48694;width:22px;height:8px;position:absolute;right:-11px;overflow:visible}.sc-flow__step:last-child .sc-flow__arrow{display:none}.sc-flow{grid-template-areas:"list""cycle";display:grid}.sc-flow__list{grid-area:list}.sc-flow__cycle{aspect-ratio:640/92;margin:20px calc(var(--col) / 2) 0;grid-area:cycle;position:relative}.sc-flow__curve{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sc-flow__curve--v{display:none}.sc-flow__caption{margin-bottom:calc(var(--col) * .2 + 8px);color:#eadbb0;letter-spacing:.05em;white-space:nowrap;text-shadow:0 0 14px #dcc48638,0 1px 12px #030814f2;grid-area:cycle;place-self:end center;font-size:clamp(.84rem,.95vw,.95rem)}.sc-body{isolation:isolate;padding-bottom:clamp(48px,6vw,80px);position:relative}.sc-body__bg{z-index:-1;background:linear-gradient(180deg, var(--sc-ink) 0, #060d1cd6 22%, #060d1ccc 70%, #060d1ceb 100%), url(/assets/sleep-cycle/web/sleep-section-bg.webp) center bottom / auto 165% no-repeat;pointer-events:none;height:100vh;margin-bottom:-100vh;position:sticky;top:0}.sc-section{--w:1200px;width:min(calc(100% - 2 * var(--sc-gutter)), var(--w));margin:0 auto;padding-top:clamp(80px,10vw,128px);position:relative}.sc-section--prose{--w:860px}.sc-section--stages{--w:1080px}.sc-section>:not(.sc-botanical):not(.sc-particles){z-index:1;position:relative}.sc-heading{margin-bottom:clamp(26px,3.5vw,40px)}.sc-page .sc-heading h2{letter-spacing:-.01em;margin:0;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.35}.sc-prose{color:#cfd4d6;gap:1.1em;max-width:780px;font-size:clamp(.98rem,1.1vw,1.05rem);line-height:1.9;display:grid}.sc-prose--intro{margin-bottom:clamp(28px,4vw,44px)!important}.sc-prose--emphasis{border-left:1px solid var(--sc-gold-line);color:var(--ivory);padding:4px 0 4px clamp(18px,3vw,26px);display:block;margin-top:clamp(28px,4vw,44px)!important}.sc-phases{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(28px,4vw,40px);display:grid}.sc-phase{border:1px solid var(--sc-card-line);background:var(--sc-card);border-radius:14px;padding:24px 26px}.sc-page .sc-phase__label{color:var(--gold);font-family:var(--font-sans-thai), sans-serif;letter-spacing:.2em;margin:0 0 10px;font-size:.72rem;font-weight:500}.sc-phase p{color:#cfd4d6;font-size:.95rem;line-height:1.85}.sc-divider{z-index:1;width:min(calc(100% - 2 * var(--sc-gutter)), 1200px);background:linear-gradient(90deg,#0000,#c8a8674d 25%,#dcc48699 50%,#c8a8674d 75%,#0000);height:1px;margin:clamp(64px,8vw,110px) auto 0;position:relative}.sc-divider__point{background:#f0dfae;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px 2px #dcc4868c,0 0 26px 8px #dcc48624}.sc-divider+.sc-section{padding-top:clamp(56px,7vw,96px)}.sc-botanical,.sc-particles{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;display:none;position:absolute}.sc-botanical{opacity:.55;width:clamp(200px,17vw,320px);height:auto;top:clamp(40px,6vw,90px)}.sc-botanical--left{left:calc(50% - 50vw);transform:translate(-22%)}.sc-botanical--right{top:0;right:calc(50% - 50vw);transform:translate(18%)}.sc-particles{opacity:.32;mix-blend-mode:screen;width:min(620px,52%);height:auto;top:20px;right:-4%}.sc-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.sc-stage-group{display:contents}.sc-stage{grid-row:1;grid-column:var(--col);font-size:inherit;margin:0}.sc-stage__trigger{border:1px solid var(--sc-card-line);background:var(--sc-card);width:100%;height:100%;color:inherit;font:inherit;text-align:center;cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:22px 14px 14px;transition:border-color .25s,background-color .25s,transform .25s,box-shadow .25s;display:flex;position:relative}.sc-stage__trigger:before{content:"";opacity:.55;background:linear-gradient(90deg,#0000,#dcc4868c,#0000);height:1px;transition:opacity .25s;position:absolute;top:-1px;left:22%;right:22%}.sc-stage__trigger:hover{border-color:#c8a86773;transform:translateY(-2px)}.sc-stage__trigger:hover:before,.sc-stage.is-open .sc-stage__trigger:before{opacity:1}.sc-stage__trigger:focus-visible{outline-offset:3px;outline:2px solid #dcc486}.sc-stage.is-open .sc-stage__trigger{background:#101f3ad1;border-color:#dcc486bf;box-shadow:0 0 0 1px #c8a8672e,0 12px 40px #00000059,0 0 40px #c8a8671a}.sc-stage-group{--glow:#82a0ff57}.sc-stage-group:nth-child(2){--glow:#7896ff57}.sc-stage-group:nth-child(3){--glow:#6080fa5c}.sc-stage-group:nth-child(4){--glow:#c4a0ff5c}.sc-stage__icon{width:72px;height:72px;box-shadow:0 0 0 1px #dcc48624, 0 0 14px 1px var(--glow);border-radius:50%;transition:box-shadow .3s}:is(.sc-stage__trigger:hover .sc-stage__icon,.sc-stage__trigger:focus-visible .sc-stage__icon,.sc-stage.is-open .sc-stage__icon){box-shadow:0 0 0 1px #dcc48647, 0 0 22px 4px var(--glow)}.sc-stage__index{color:var(--gold);font-family:var(--font-serif-thai), serif;font-size:.95rem}.sc-stage__names{gap:4px;display:grid}.sc-stage__label{color:var(--ivory);letter-spacing:.14em;font-size:.8rem;font-weight:500}.sc-stage__title{color:#bfc6c9;font-family:var(--font-sans-thai), sans-serif;font-size:.88rem;line-height:1.5}.sc-stage__chevron{color:var(--gold);margin-top:2px;transition:transform .3s}.sc-stage.is-open .sc-stage__chevron{transform:rotate(180deg)}.sc-stage__panel{grid-area:2/1/auto/-1}.sc-stage__panel[hidden]{display:none}.sc-stage__panel-inner{color:#d3d8da;background:#0a152ad6;border:1px solid #c8a86759;border-radius:14px;gap:1em;padding:clamp(24px,3vw,34px) clamp(22px,3.5vw,40px);font-size:1rem;line-height:1.9;animation:.42s cubic-bezier(.2,.7,.2,1) both sc-panel-in;display:grid;box-shadow:0 16px 44px #0000004d,0 0 36px #c8a86712}@keyframes sc-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.sc-reasons{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.sc-reason{text-align:center;border:1px solid var(--sc-card-line);background:var(--sc-card);border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:26px 18px 28px;display:flex}.sc-reason__icon{color:#e5d5a8;border:1px solid #c8a86780;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 0 24px #c8a8671f}.sc-reason__index{color:var(--gold);font-family:var(--font-serif-thai), serif;font-size:.9rem}.sc-page .sc-reason h3{color:var(--ivory);margin:0;font-size:1.05rem;line-height:1.5}.sc-reason p{color:#bfc6c9;font-size:.88rem;line-height:1.8}.sc-tips{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.sc-tip{flex-direction:column;gap:18px;padding:6px 22px 10px;display:flex}@media (min-width:1100px){.sc-tip+.sc-tip{border-left:1px solid #0000;border-image:linear-gradient(#c8a86780,#c8a86700) 1}}.sc-tip:first-child{padding-left:0}.sc-tip__mark{align-items:center;gap:14px;display:flex}.sc-tip__index{color:#dcc486b3;font-family:var(--font-serif-thai), serif;font-size:2.2rem;line-height:1}.sc-tip__icon{color:#e5d5a8;border:1px solid #c8a86766;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.sc-page .sc-tip h3{color:var(--ivory);margin:0 0 8px;font-size:1.05rem;line-height:1.5}.sc-tip p{color:#bfc6c9;font-size:.9rem;line-height:1.8}.sc-closing{isolation:isolate;min-height:100vh;min-height:100dvh;padding:clamp(96px, 16vh, 180px) var(--sc-gutter) clamp(64px, 10vh, 110px);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.sc-closing__media,.sc-closing__media img{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.sc-closing__media img{object-fit:cover;object-position:66% 40%}.sc-closing__shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg, #050b18eb 0, #050b18c2 36%, #050b182e 60%, transparent 76%), linear-gradient(180deg, var(--sc-ink) 0, #060d1c00 22%, #060d1c00 78%, #050b18b3 100%);position:absolute;inset:0}.sc-closing__content,.sc-closing__actions{width:min(660px,52vw);margin-left:max(0px, calc((100vw - 1200px) / 2 - var(--sc-gutter)))}.sc-page .sc-closing h2{margin:0 0 24px;font-size:clamp(1.8rem,2.7vw,2.45rem);line-height:1.35}.sc-closing__body{color:#d3d8da;font-size:clamp(.98rem,1.1vw,1.05rem);line-height:1.9}.sc-quote{text-align:center;font-family:var(--font-serif-thai), serif;text-shadow:0 1px 14px #030814cc;background:radial-gradient(70% 60% at 50% 55%,#050b188c,#0000 75%);gap:.8em;margin:clamp(40px,6vh,56px) 0 clamp(32px,5vh,44px);padding:0 0 clamp(26px,4vh,36px);font-size:clamp(1.3rem,2.1vw,1.85rem);line-height:1.6;display:grid;position:relative}.sc-quote:after{content:"";background:linear-gradient(90deg,#0000,#dcc48673,#0000);height:1px;position:absolute;bottom:0;left:25%;right:25%}.sc-quote__mark{color:#dcc486bf;text-shadow:0 0 18px #dcc4864d;align-items:center;gap:16px;height:.5em;font-size:2.4em;line-height:1;display:flex}.sc-quote__mark:before,.sc-quote__mark:after{content:"";flex:1;height:1px}.sc-quote__mark:before{background:linear-gradient(90deg,#0000,#dcc48673)}.sc-quote__mark:after{background:linear-gradient(90deg,#dcc48673,#0000)}.sc-quote p{margin:0}.sc-quote p:last-child{color:#e5d5a8}.sc-closing__actions{justify-content:center;display:flex}.sc-back--closing{background:#050b1873;border-color:#c8a8678c;margin:0;padding:0 24px 0 18px}.sc-back--closing:hover{background:#050b18a6;border-color:#dcc486e6}.sc-page[data-sc-ready] .sc-reveal{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.sc-page[data-sc-ready] .sc-reveal.is-in{opacity:1;transform:none}@media (min-width:1200px){.sc-botanical,.sc-particles{display:block}}@media (max-width:1099px){.sc-reasons{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-reason:last-child{grid-column:1/-1}.sc-tips{border-top:1px solid var(--sc-card-line);grid-template-columns:minmax(0,1fr)}.sc-tip,.sc-tip:first-child{border-bottom:1px solid var(--sc-card-line);flex-direction:row;align-items:flex-start;gap:22px;padding:24px 0}.sc-tip__mark{flex:none;width:120px}}@media (max-width:899px){.sc-stages{flex-direction:column;gap:10px;display:flex}.sc-stage__trigger{text-align:left;grid-template-columns:52px 26px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:12px 14px;display:grid}.sc-stage__trigger:hover{transform:none}.sc-stage__icon{width:52px;height:52px}.sc-stage__names{gap:2px}.sc-stage__chevron{margin:0}.sc-stage.is-open .sc-stage__trigger{box-shadow:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-stage__panel{margin-top:-11px}.sc-stage__panel-inner{border-top:0;border-radius:0 0 14px 14px;padding:20px 18px 24px;font-size:.97rem}.sc-closing{background:var(--sc-ink);flex-direction:column;justify-content:flex-start;min-height:0;padding:clamp(80px,14vw,120px) 0 0;display:flex}.sc-closing__content{order:1}.sc-closing__media{order:2}.sc-closing__shade{display:none}.sc-closing__content{width:auto;padding:0 var(--sc-gutter);text-align:center;max-width:640px;margin:0 auto}.sc-closing__media{z-index:0;height:min(178vw,110vh);margin-top:-8px;display:block;position:relative;inset:auto}.sc-closing__media img{z-index:0;object-position:50% 55%;position:absolute;inset:0}.sc-closing__media:after{content:"";z-index:1;background:linear-gradient(180deg, var(--sc-ink) 0, #060d1c00 24%, #060d1c00 82%, #050b188c 100%);position:absolute;inset:0}.sc-closing__actions{z-index:2;justify-content:center;width:auto;margin:0;display:flex;position:absolute;bottom:clamp(20px,5vw,40px);left:0;right:0}}@media (max-width:767px){.sc-page{--sc-bar-h:50px;--sc-gutter:20px}.sc-topbar__label{letter-spacing:.22em;font-size:.62rem}.sc-hero{padding-top:calc(var(--sc-bar-h) + 250px);justify-content:flex-start;padding-bottom:56px}.sc-hero__media img{object-position:60% 0}.sc-hero__shade{background:linear-gradient(180deg, #04091473 0, #04091400 16%, #040a1800 26%, #050b1a9e 40%, #050b1ab8 75%, var(--sc-ink) 100%)}.sc-hero__mist{opacity:.3}.sc-hero h1{font-size:clamp(2rem,9vw,2.5rem)}.sc-hero__lead{font-size:.98rem}.sc-flow{--icon:54px;--gap:26px;width:max-content;margin:4px auto 0;padding-left:58px}.sc-flow__list{gap:var(--gap);flex-direction:column;display:flex}.sc-flow__step{flex-direction:row;gap:16px}.sc-flow__name{font-size:.72rem}.sc-flow__arrow{top:calc(var(--icon) + var(--gap) / 2 - 4px);right:auto;left:calc(var(--icon) / 2 - 11px);transform:rotate(90deg)}.sc-flow{grid-template-areas:"list""caption"}.sc-flow__cycle{top:calc(var(--icon) / 2);width:44px;height:calc(4 * (var(--icon) + var(--gap)));aspect-ratio:auto;margin:0;position:absolute;left:0}.sc-flow__curve--h{display:none}.sc-flow__curve--v{display:block}.sc-flow__caption{grid-area:caption;align-self:start;margin:22px 0 0 -58px;font-size:.86rem}.sc-phases{grid-template-columns:minmax(0,1fr)}.sc-phase{padding:20px}.sc-reasons{grid-template-columns:minmax(0,1fr);gap:12px}.sc-reason,.sc-reason:last-child{text-align:left;grid-column:auto;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:4px 16px;padding:20px 18px;display:grid}.sc-reason__icon{grid-row:1/span 3;width:48px;height:48px}.sc-reason__index{font-size:.82rem}.sc-tip,.sc-tip:first-child{gap:16px;padding:22px 0}.sc-tip__mark{flex-direction:column;align-items:flex-start;gap:10px;width:auto}.sc-tip__index{font-size:1.7rem}.sc-tip__icon{width:38px;height:38px}.sc-quote{font-size:clamp(1.08rem,4.6vw,1.3rem)}}@media (max-width:380px){.sc-hero{padding-top:calc(var(--sc-bar-h) + 232px)}.sc-hero__lead br{display:none}.sc-stage__trigger{grid-template-columns:46px 22px minmax(0,1fr) 18px;gap:10px;padding:10px 12px}.sc-stage__icon{width:46px;height:46px}}@media (prefers-reduced-motion:reduce){.sc-hero__copy,.sc-flow,.sc-stage__panel-inner{animation:none}.sc-stage__trigger,.sc-stage__chevron,.sc-back,.sc-back svg,.sc-close,.sc-flow__icon,.sc-stage__icon{transition:none}.sc-flow__step:hover .sc-flow__icon,.sc-stage__trigger:hover{transform:none}.sc-page[data-sc-ready] .sc-reveal{opacity:1;transition:none;transform:none}}