*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light;--page: #f4f7fb;--surface: #ffffff;--surface-2: #eef4fa;--ink: #142033;--muted: #536276;--soft: #8793a3;--line: #dce5ee;--line-strong: #c9d5e2;--blue: #3157d5;--blue-dark: #203b96;--blue-soft: #e7edff;--teal: #1d8f86;--teal-soft: #e2f4f1;--gold: #bc7b1f;--gold-soft: #fff4dd;--red: #b42335;--red-soft: #fff0f2;--shadow: 0 22px 70px rgb(20 32 51 / 9%);--shadow-sm: 0 12px 34px rgb(20 32 51 / 7%);--radius: 8px;--radius-lg: 8px}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 0%,rgb(49 87 213 / 10%),transparent 28rem),linear-gradient(180deg,#fbfdff 0%,var(--page) 42%,#eef3f8 100%);color:var(--ink);font-family:Instrument Sans,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}.site-header{align-items:center;background:#ffffffd1;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:64px;padding:14px clamp(16px,4vw,44px);position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.logo{align-items:center;color:var(--ink);display:inline-flex;font-weight:800;gap:10px;letter-spacing:0;text-decoration:none}.logo-mark{align-items:center;background:var(--ink);border-radius:7px;color:var(--surface);display:inline-flex;font-size:.76rem;height:30px;justify-content:center;width:30px}.header-note{color:var(--muted);font-size:.82rem;font-weight:600}.app{margin:0 auto;max-width:840px;padding:28px 16px 72px}.progress{margin:0 auto 22px;max-width:780px}.progress-meta{align-items:center;color:var(--soft);display:flex;font-size:.72rem;font-weight:800;justify-content:space-between;letter-spacing:.06em;margin-bottom:9px;text-transform:uppercase}.progress-track{background:#d8e2ec;border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:inherit;height:100%;transition:width .28s ease;width:0%}.screen{display:none}.screen.on{animation:rise .26s ease;display:block}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card,.result-hero,.disclosure,.mattress-card,.avoid-box,.email-box{background:#fffffff0;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card{padding:clamp(24px,5vw,40px)}.intro-card{display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 230px;overflow:hidden;position:relative}.intro-main{min-width:0}.eyebrow{color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.09em;margin:0 0 10px;text-transform:uppercase}h1,h2,h3{color:var(--ink);font-family:"Source Serif 4",Georgia,serif;letter-spacing:0;line-height:1.05}h1{font-size:clamp(2.3rem,6vw,4rem);margin:0 0 16px;max-width:11ch}h2{font-size:clamp(1.8rem,4vw,2.5rem);margin:0 0 10px}h3{font-size:1.38rem;margin:0 0 6px}.intro-copy{color:var(--muted);font-size:1.04rem;margin:0 0 22px;max-width:58ch}.trust-row,.chips,.tags{display:flex;flex-wrap:wrap;gap:8px}.trust-row span,.chips span,.tags span{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.75rem;font-weight:800;padding:6px 10px}.sleep-visual{align-self:stretch;background:linear-gradient(140deg,#e7edffeb,#e2f4f1c2),var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:230px;overflow:hidden;position:relative}.visual-orbit{border:1px solid rgb(49 87 213 / 18%);border-radius:50%;height:190px;position:absolute;right:-52px;top:-44px;width:190px}.mattress-cutaway{bottom:54px;left:24px;position:absolute;right:24px}.mattress-cutaway span{display:block;height:22px;margin-top:6px}.mattress-cutaway span:nth-child(1){background:#fff;border:1px solid var(--line-strong);border-radius:10px 10px 4px 4px}.mattress-cutaway span:nth-child(2){background:repeating-linear-gradient(90deg,#bfd0e3 0 12px,#dce7f1 12px 24px);border-radius:4px}.mattress-cutaway span:nth-child(3){background:var(--ink);border-radius:4px 4px 10px 10px;height:18px}.score-tile{background:#ffffffe5;border:1px solid var(--line);border-radius:var(--radius);bottom:20px;box-shadow:var(--shadow-sm);left:20px;padding:12px 14px;position:absolute}.score-tile strong{color:var(--blue);display:block;font-size:1.45rem;line-height:1}.score-tile span{color:var(--muted);display:block;font-size:.74rem;font-weight:800;margin-top:4px;text-transform:uppercase}.mode-picker{display:grid;gap:12px;grid-column:1 / -1;grid-template-columns:1fr 1fr}.mode-card,.option{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink);min-width:0;padding:16px;text-align:left;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.mode-card:hover,.option:hover{border-color:#9fb4cb;transform:translateY(-1px)}.mode-card.selected,.option.selected{background:var(--blue-soft);border-color:var(--blue);box-shadow:0 0 0 4px #3157d51a}.mode-card strong,.mode-card span,.option-title,.option-desc{display:block}.mode-card strong,.option-title{font-weight:850}.mode-card span,.option-desc{color:var(--muted);font-size:.84rem;margin-top:5px}.primary,.ghost,.text-button,.cta{align-items:center;border-radius:var(--radius);display:inline-flex;font-weight:850;justify-content:center;min-height:46px;padding:11px 18px;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.primary,.cta{background:var(--blue);border:1px solid var(--blue);color:var(--surface)}.primary:hover,.cta:hover{background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-1px)}.primary:disabled{cursor:not-allowed;opacity:.35;transform:none}.full{grid-column:1 / -1;width:100%}.ghost{background:var(--surface);border:1.5px solid var(--line);color:var(--muted)}.ghost:hover{border-color:var(--line-strong);color:var(--ink)}.text-button{background:transparent;border:0;color:var(--soft);min-height:40px;padding-inline:8px;text-decoration:underline;text-underline-offset:4px}.text-button[hidden]{display:none}.quiz-card{max-width:780px;margin:0 auto}.question-meta,.question-nav,.nav-actions,.mattress-card .card-rank{align-items:center;display:flex}.question-meta,.question-nav{justify-content:space-between}.question-meta{color:var(--soft);font-size:.72rem;font-weight:900;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.question-sub{color:var(--muted);margin:0 0 24px}.option-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:28px}.option-grid.one-col,.option-grid.body,.option-grid.material{grid-template-columns:1fr}textarea{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink);min-height:132px;outline:none;padding:14px 16px;resize:vertical;width:100%}textarea:focus,input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #3157d51a}.nav-actions{gap:10px}.loading-card{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:320px;text-align:center}.loader{animation:spin .85s linear infinite;border:4px solid var(--line);border-radius:50%;border-top-color:var(--blue);height:56px;margin-bottom:18px;width:56px}@keyframes spin{to{transform:rotate(360deg)}}#results-screen{max-width:780px;margin:0 auto}.result-hero{background:linear-gradient(135deg,#142033f5,#1f395df0),var(--ink);color:var(--surface);margin-bottom:14px;overflow:hidden;padding:clamp(24px,5vw,38px);position:relative}.result-hero:after{background:linear-gradient(90deg,var(--blue),var(--teal));bottom:0;content:"";height:5px;left:0;position:absolute;right:0}.result-hero h2,.result-hero .eyebrow{color:var(--surface)}.result-hero p:not(.eyebrow){color:#ffffffbd}.result-hero .chips span{background:#ffffff17;border-color:#ffffff29;color:#ffffffd1}.disclosure,.avoid-box,.email-box{color:var(--muted);margin-bottom:14px;padding:18px 20px}.disclosure{background:var(--gold-soft);border-color:#f1d49a;color:#674612;box-shadow:none}.recommendations{display:grid;gap:12px;margin-bottom:14px}.mattress-card{border-left:5px solid var(--blue);padding:22px}.mattress-card:nth-child(2){border-left-color:var(--teal)}.mattress-card:nth-child(3){border-left-color:#6b7b91}.mattress-card .card-rank{color:var(--blue);font-size:.72rem;font-weight:900;gap:8px;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.mattress-card .card-rank span{background:var(--blue-soft);border-radius:999px;letter-spacing:0;padding:3px 8px;text-transform:none}.price,.cons{color:var(--soft);font-size:.84rem;font-weight:700}.cta{margin-top:14px}.avoid-box{background:var(--red-soft);border-color:#ffd1d8;border-left:5px solid var(--red);box-shadow:none}.avoid-box .eyebrow{color:var(--red)}.email-box form{display:flex;gap:8px;margin-top:12px}input{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink);min-height:46px;min-width:0;outline:none;padding:11px 14px;width:100%}.result-actions{display:flex;justify-content:center;margin-top:18px}@media(max-width:720px){.site-header{align-items:flex-start;flex-direction:column;gap:6px}.header-note{font-size:.76rem}.intro-card{grid-template-columns:1fr}.sleep-visual{min-height:180px}h1{max-width:12ch}}@media(max-width:560px){.app{padding-inline:12px}.card,.result-hero{padding:22px 16px}.mode-picker,.option-grid{grid-template-columns:1fr}.question-nav,.email-box form{align-items:stretch;flex-direction:column}.nav-actions{justify-content:space-between}.primary,.ghost,.text-button,.cta{width:100%}}