.mattress-journey{position:relative;overflow:hidden;background:#061d33;color:#fff}
.mattress-journey:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 8%,rgba(110,179,73,.16),transparent 34%),linear-gradient(135deg,transparent 42%,rgba(255,255,255,.025));pointer-events:none}
.mattress-journey .wrap{position:relative}
.mattress-journey-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,8vw,110px);align-items:end}
.mattress-journey-intro h2{max-width:720px}
.mattress-journey-intro .lead{color:#cbd5dc;font-size:18px}
.mattress-journey-shell{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);margin-top:60px;border:1px solid rgba(255,255,255,.16);background:rgba(3,16,28,.45);box-shadow:0 34px 80px rgba(0,0,0,.22)}
.mattress-stage-list{display:grid;border-right:1px solid rgba(255,255,255,.16)}
.mattress-stage{appearance:none;display:grid;grid-template-columns:48px 1fr;column-gap:15px;align-items:center;width:100%;padding:24px 26px;text-align:left;color:#fff;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.13);cursor:pointer;transition:background .24s ease,padding .24s ease}
.mattress-stage:last-child{border-bottom:0}
.mattress-stage span{grid-row:1/3;color:#70b84a;font:400 24px/1 Georgia,serif}
.mattress-stage strong{font-size:13px;letter-spacing:.09em;text-transform:uppercase}
.mattress-stage small{color:#9eacb7;font-size:11px;letter-spacing:.04em}
.mattress-stage:hover,.mattress-stage.active{padding-left:36px;background:linear-gradient(90deg,rgba(110,179,73,.2),transparent)}
.mattress-stage.active strong{color:#93cf70}
.mattress-stage:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.mattress-stage-panels{position:relative;min-height:405px;padding:clamp(38px,5vw,70px)}
.mattress-panel{animation:mattressReveal .38s ease both}
.mattress-panel[hidden]{display:none}
.panel-index{margin:0 0 22px;color:#71bb49;font-size:11px;font-weight:700;letter-spacing:.2em}
.mattress-panel h3{max-width:720px;margin:0 0 24px;font:400 clamp(30px,4vw,48px)/1.12 Georgia,'Times New Roman',serif}
.mattress-panel>p:not(.panel-index){max-width:790px;color:#d2dbe1;font-size:18px;line-height:1.7}
.mattress-panel .panel-note{margin-top:24px;padding-left:20px;border-left:2px solid #6eb349;color:#aebbc4!important;font-size:14px!important}
.mattress-link{display:inline-flex;align-items:center;gap:18px;margin-top:22px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.38);color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.mattress-link span{color:#76bd4f;font-size:18px}
.mattress-link:hover{border-color:#76bd4f;color:#9bd47a}
.mattress-truth{display:grid;grid-template-columns:.55fr 1.45fr;gap:20px 56px;margin-top:28px;padding:26px 30px;border-left:3px solid #6eb349;background:rgba(255,255,255,.055)}
.mattress-truth strong{grid-row:1/3;color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.mattress-truth p{margin:0;color:#bdc9d1;font-size:14px;line-height:1.7}
.mattress-truth small{color:#8294a2;font-size:11px;line-height:1.6}
@keyframes mattressReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:860px){
.mattress-journey-intro,.mattress-journey-shell,.mattress-truth{grid-template-columns:1fr}
.mattress-journey-intro{gap:26px}
.mattress-stage-list{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}
.mattress-stage{padding:18px 20px}
.mattress-stage:hover,.mattress-stage.active{padding-left:28px}
.mattress-stage-panels{min-height:440px;padding:36px 24px}
.mattress-truth strong{grid-row:auto}
}
@media(max-width:520px){
.mattress-stage{grid-template-columns:40px 1fr}
.mattress-panel>p:not(.panel-index){font-size:16px}
.mattress-stage-panels{min-height:480px}
}
@media(prefers-reduced-motion:reduce){.mattress-stage{transition:none}.mattress-panel{animation:none}}