/* Scoped to onboarding questions: payment and account screens retain their behavior. */
body[data-screen=question]{--text:#f1f6f3;--muted:#98aaa5;--blue:#a2f5d2;background:#020d09;color:var(--text)}
body[data-screen=question]:before,body[data-screen=question] .hero-media{display:none!important}
body[data-screen=question] .landing-hero{background:radial-gradient(ellipse at 20% 42%,#10352866,transparent 60%),#020d09;min-height:100svh}
body[data-screen=question] header{height:100px;max-width:1600px;padding:0 4%;background:none;position:relative}
body[data-screen=question] header nav{display:none}
body[data-screen=question] .brand img{display:none}
body[data-screen=question] .brand:before{content:'';display:inline-block;width:24px;height:26px;border:2px solid #bcffdd;border-radius:47% 53% 44% 56%;box-shadow:0 0 12px #63ffc4,inset 0 0 8px #63ffc4;vertical-align:middle;margin-right:24px}
body[data-screen=question] .brand:after{content:'KPALIVE';font:400 21px 'DM Sans',sans-serif;letter-spacing:7px}
body[data-screen=question] #login{font-size:15px;color:#abbdb6}
body[data-screen=question] main{max-width:1600px;min-height:calc(100svh - 100px);grid-template-columns:54% 42%;gap:4%;padding:0 4% 48px 0;align-items:center}
body[data-screen=question] .presence{position:sticky;top:100px;display:block!important;align-self:start;min-height:0;height:auto;width:100%;margin:0;padding:0;background:none;border:0}
body[data-screen=question] .orbit{width:100%;max-width:none;aspect-ratio:1.06;height:auto;margin:-12px 0 0;isolation:isolate}
body[data-screen=question] .orbit:after{content:'';position:absolute;inset:0;background-image:url('living-reference.png');background-repeat:no-repeat;background-size:192% auto;background-position:0 39%;mask-image:radial-gradient(ellipse 49% 49% at 49% 50%,#000 72%,transparent 100%);animation:living-breath 7s ease-in-out infinite;transition:filter .5s;z-index:1}
body[data-screen=question] .orbit.reacting:after{filter:brightness(1.3) saturate(1.15)}
body[data-screen=question] .orb-center,body[data-screen=question] #orb{visibility:hidden}
body[data-screen=question] .entity-state{margin:0;position:static;color:#e4eee9;font-size:19px;letter-spacing:0;text-transform:none;gap:14px}
body[data-screen=question] .entity-state i{width:11px;height:11px;background:#94ffcf;box-shadow:0 0 16px #62eeb1}
body[data-screen=question] .presence>p{display:block;margin:12px 16px 0;font-size:15px;color:#91a99d;font-weight:400;letter-spacing:0}
body[data-screen=question] .content{max-width:none;padding:20px 0;background:none;border:0;box-shadow:none}
body[data-screen=question] #screen{display:flex;flex-direction:column;animation:reveal .4s both}
body[data-screen=question] .steps{order:-3;margin:0 0 14px;gap:14px;width:66%}
body[data-screen=question] .steps i{height:4px;border-radius:4px;background:#334b42}
body[data-screen=question] .steps i.on{background:#97f7cb;box-shadow:0 0 16px #80ffc350}
body[data-screen=question] .eyebrow{order:-2;color:#c0cec7;font-size:10px;letter-spacing:2px;margin-bottom:32px}
body[data-screen=question] h2{font-size:clamp(30px,3.2vw,49px);font-weight:400;line-height:1.15;letter-spacing:-1.6px;color:#f2f5f3}
body[data-screen=question] .living-hint{font-size:clamp(15px,1.45vw,21px);color:#93a59e;margin:18px 0 26px;line-height:1.5}
body[data-screen=question] .options{display:grid;grid-template-columns:1fr;gap:12px;margin:0}
body[data-screen=question] .option{display:flex;align-items:center;gap:24px;text-align:left;min-height:64px;padding:16px 24px;border:1px solid #344e43;border-radius:13px;background:linear-gradient(120deg,#0b1b1460,#11241b40);color:#f2f6f3;font-size:17px;line-height:1.4;box-shadow:none}
body[data-screen=question] .option:before{content:'';position:static;flex:0 0 19px;width:19px;height:19px;border:2px solid #718d80;border-radius:50%;background:transparent}
body[data-screen=question] .option.multi:before{border-radius:5px}
body[data-screen=question] .option.selected{border-color:#a3f8d2;box-shadow:0 0 0 1px #a3f8d240,0 0 24px #56c78d0c;background:#0c271bd0}
body[data-screen=question] .option.selected:before{background:#a3f8d2;border-color:#a3f8d2;box-shadow:inset 0 0 0 4px #173e2b,0 0 8px #a3f8d233}
body[data-screen=question] .option:hover{border-color:#8dc7a9}
body[data-screen=question] .primary{background:linear-gradient(110deg,#b0e5c5,#98d9b7);color:#042017;box-shadow:none;border:0;min-height:60px;border-radius:16px;margin-top:30px;justify-content:center;gap:25px;font-size:18px}
body[data-screen=question] .back{order:5;align-self:center;margin:14px 0 0;text-decoration:underline;font-size:14px;color:#9db4a8}
body[data-screen=question] .living-assurance{order:6;display:flex;align-items:center;gap:12px;text-align:center;font-size:12px;color:#8ea59a;margin:36px 0 0;line-height:1.6}
body[data-screen=question] .living-assurance:before,body[data-screen=question] .living-assurance:after{content:'';height:1px;background:#344c40;flex:1;min-width:12px}
body[data-screen=question] footer{display:none}
body[data-screen=question] textarea{background:#081b12;border-color:#45634f;color:#edf9f2}
@keyframes living-breath{0%,100%{transform:scale(.975);filter:brightness(.94)}50%{transform:scale(1.018);filter:brightness(1.13)}}
@media(max-width:760px){
body[data-screen=question] header{height:68px;padding:0 22px}
body[data-screen=question] .brand:after{font-size:14px;letter-spacing:4px}
body[data-screen=question] .brand:before{width:18px;height:20px;margin-right:13px}
body[data-screen=question] #login{font-size:12px}
body[data-screen=question] main{display:flex;flex-direction:column;gap:0;padding:0 22px 32px;min-height:0}
body[data-screen=question] .presence{position:relative;top:auto;width:100%;align-self:center;margin:0 0 25px}
body[data-screen=question] .orbit{width:240px;max-width:100%;margin:-12px auto -4px}
body[data-screen=question] .entity-state{font-size:13px;gap:9px}
body[data-screen=question] .entity-state i{width:7px;height:7px}
body[data-screen=question] .presence>p{font-size:11px;margin:7px 0 0}
body[data-screen=question] .content{padding:0;width:100%;max-width:540px;display:block}
body[data-screen=question] #screen{display:flex}
body[data-screen=question] .steps{width:100%;gap:9px;margin-bottom:12px}
body[data-screen=question] .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:18px}
body[data-screen=question] h2{font-size:29px;letter-spacing:-.9px;line-height:1.18}
body[data-screen=question] .living-hint{font-size:14px;margin:12px 0 20px}
body[data-screen=question] .option{min-height:57px;padding:14px 16px;gap:16px;font-size:14px;border-radius:12px}
body[data-screen=question] .options{gap:9px}
body[data-screen=question] .primary{margin-top:22px;min-height:56px;font-size:16px}
body[data-screen=question] .living-assurance{margin-top:22px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){body[data-screen=question] .orbit:after,body[data-screen=question] #screen{animation:none}body[data-screen=question] *{transition:none!important}}
body[data-screen=question] .orbit:after{mask-image:radial-gradient(ellipse 50% 50% at 49% 48%,#000 75%,transparent 100%),linear-gradient(#000 0 86%,transparent 96%);mask-composite:intersect}
body[data-screen=question] .option{font-weight:400}