.sleep-app{--sleep-ink:var(--color-earth-900);--sleep-muted:var(--color-text-muted);--sleep-green:var(--color-accent-dark);--sleep-line:var(--color-border);background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg) 44%);min-height:76vh}.sleep-app .shell{width:min(var(--w-wide), calc(100% - 48px));margin:0 auto}.sleep-app .crumbs{border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-label-sm);padding:15px 0}.sleep-app .crumbs a{color:var(--sleep-muted);text-decoration:none}.sleep-app .crumbs span{color:var(--sleep-muted);margin:0 8px}.sleep-app .intro{padding:clamp(56px,9vw,112px) 0 clamp(36px,6vw,72px)}.sleep-app .eyebrow{color:var(--sleep-green);font-size:var(--text-label-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-weight:600}.sleep-app h1{font-family:var(--font-display);letter-spacing:-.035em;color:var(--sleep-ink);margin:var(--space-3) 0 var(--space-4);font-size:clamp(42px,6vw,72px);line-height:1.03}.sleep-app .intro p{max-width:600px;color:var(--color-text-secondary);font-size:var(--text-body-lg);margin:0;line-height:1.62}.sleep-app .facts{margin-top:var(--space-5);border-top:1px solid var(--sleep-line);flex-wrap:wrap;gap:0;display:flex}.sleep-app .facts span{border-right:1px solid var(--sleep-line);color:var(--sleep-muted);font-size:var(--text-body-sm);margin:13px 22px 0 0;padding:13px 22px 0 0}.sleep-app .facts span:last-child{border:0}.sleep-app .assessment{padding-bottom:clamp(72px,10vw,128px)}.sleep-app .assessment-grid{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:clamp(32px,6vw,88px);display:grid}.sleep-app .card{background:var(--color-surface);border:1px solid var(--sleep-line);border-radius:var(--radius-sm);padding:clamp(28px,5vw,56px);box-shadow:0 14px 38px #3526130f}.sleep-app .progress-label{color:var(--sleep-muted);font-size:var(--text-label-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;justify-content:space-between;gap:16px;display:flex}.sleep-app .progress-track{background:var(--color-border-subtle);height:2px;margin:13px 0 clamp(34px,5vw,52px)}.sleep-app .progress-value{background:var(--sleep-green);width:0;height:100%;transition:width .35s}.sleep-app .question{font-family:var(--font-display);color:var(--sleep-ink);max-width:720px;margin:0;font-size:clamp(28px,4vw,42px);line-height:1.16}.sleep-app .options{grid-template-columns:1fr 1fr;gap:10px;margin-top:clamp(28px,4vw,40px);display:grid}.sleep-app .option{text-align:left;border:1px solid var(--sleep-line);min-height:72px;color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-body-md);cursor:pointer;background:0 0;border-radius:2px;padding:18px 20px;line-height:1.35;transition:color .2s,border-color .2s,background .2s,transform .2s}.sleep-app .option:hover,.sleep-app .option:focus-visible{color:var(--sleep-ink);border-color:var(--sleep-green);background:var(--color-accent-pale);outline:none;transform:translateY(-1px)}.sleep-app .aside{border-top:1px solid var(--sleep-line);padding-top:20px;position:sticky;top:100px}.sleep-app .aside h2{font-size:var(--text-label-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--sleep-green);margin:0 0 var(--space-3)}.sleep-app .aside p{font-size:var(--text-body-sm);color:var(--sleep-muted);margin:0;line-height:1.6}.sleep-app .result{display:none}.sleep-app .result.active{animation:.45s both sleepReveal;display:block}.sleep-app .result-kicker{color:var(--sleep-green);font-size:var(--text-label-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-weight:600}.sleep-app .result h2{font-family:var(--font-display);color:var(--sleep-ink);margin:var(--space-3) 0;font-size:clamp(36px,5vw,56px);line-height:1.06}.sleep-app .result p{font-size:var(--text-body-lg);color:var(--color-text-secondary);max-width:620px;line-height:1.65}.sleep-app .result-detail{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--sleep-line)}.sleep-app .result-detail h3{color:var(--sleep-green);font-size:var(--text-label-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin:0 0 var(--space-3)}.sleep-app .result-detail ul{color:var(--color-text-secondary);margin:0;padding-left:20px;line-height:1.7}.sleep-app .result-actions{margin-top:var(--space-6);flex-wrap:wrap;gap:12px;display:flex}.sleep-app .btn{border:1px solid var(--sleep-green);background:var(--sleep-green);min-height:50px;color:var(--color-surface);font-size:var(--text-label-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;justify-content:center;align-items:center;padding:0 23px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.sleep-app .btn:hover,.sleep-app .btn--quiet{color:var(--sleep-green);background:0 0}.sleep-app .btn--quiet:hover{background:var(--color-accent-pale)}@keyframes sleepReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=760px){.sleep-app .shell{width:min(100% - 32px, var(--w-wide))}.sleep-app .assessment-grid{grid-template-columns:1fr}.sleep-app .aside{order:-1;position:static}.sleep-app .options{grid-template-columns:1fr}.sleep-app .facts span{border:0;margin-top:10px;padding-top:0}}@media (prefers-reduced-motion:reduce){.sleep-app *,.sleep-app :before,.sleep-app :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}