.quiz-app{--q-card:#fff;--q-edge:var(--line)}.quiz-app .container{max-width:760px;padding:0 var(--gutter);margin:0 auto;position:relative}.quiz-app .screen{padding:clamp(3rem,7vw,5rem) 0;display:none}.quiz-app .screen.active{flex-direction:column;justify-content:center;min-height:60vh;display:flex}.quiz-app .intro-badge{background:var(--spark);color:var(--ink);letter-spacing:3px;text-transform:uppercase;border-radius:3px;margin-bottom:32px;padding:7px 14px;font-size:10px;font-weight:600;display:inline-block}.quiz-app .intro-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:24px;font-size:clamp(44px,8vw,76px);font-weight:400;line-height:1.02}.quiz-app .intro-title span{color:var(--spark-deep);display:block}.quiz-app .intro-body{color:var(--body);max-width:52ch;margin-bottom:48px;font-size:17px;line-height:1.7}.quiz-app .intro-body strong{color:var(--ink);font-weight:500}.quiz-app .track-title{font-family:var(--serif);margin-bottom:12px;font-size:clamp(26px,4vw,34px);font-weight:400}.quiz-app .track-sub{color:var(--body);margin-bottom:40px;font-size:15px;line-height:1.6}.quiz-app .track-cards{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.quiz-app .track-card{background:var(--q-card);border:1px solid var(--q-edge);border-radius:var(--radius);cursor:pointer;padding:32px 24px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.quiz-app .track-card:before{content:"";background:var(--spark);transform-origin:0;width:100%;height:4px;transition:transform .2s;position:absolute;top:0;left:0;transform:scaleX(0)}.quiz-app .track-card:hover:before{transform:scaleX(1)}.quiz-app .track-card:hover{border-color:var(--spark-deep);transform:translateY(-2px)}.quiz-app .track-icon{margin-bottom:16px;font-size:30px;display:block}.quiz-app .track-card h3{font-family:var(--serif);margin-bottom:8px;font-size:20px;font-weight:400}.quiz-app .track-card p{color:var(--body);margin:0;font-size:14px;line-height:1.6}.quiz-app .progress-bar-wrap{margin-bottom:48px}.quiz-app .progress-meta{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.quiz-app .progress-label,.quiz-app .progress-count{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:11px}.quiz-app .progress-count{color:var(--spark-deep);font-weight:500}.quiz-app .progress-bar{background:var(--oat);border-radius:2px;height:4px;overflow:hidden}.quiz-app .progress-fill{background:var(--spark);width:0%;height:100%;transition:width .4s}.quiz-app .area-label{color:var(--spark-deep);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:500}.quiz-app .question-text{font-family:var(--serif);letter-spacing:-.012em;margin-bottom:48px;font-size:clamp(24px,4vw,34px);font-weight:400;line-height:1.25}.quiz-app .slider-wrap{margin-bottom:48px}.quiz-app .slider-labels{justify-content:space-between;margin-bottom:16px;display:flex}.quiz-app .slider-label{color:var(--muted);font-size:12px}.quiz-app input[type=range]{-webkit-appearance:none;appearance:none;background:var(--oat);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px;margin-bottom:20px}.quiz-app input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--spark);border:2px solid var(--ink);cursor:pointer;border-radius:50%;width:26px;height:26px;transition:transform .1s}.quiz-app input[type=range]::-moz-range-thumb{background:var(--spark);border:2px solid var(--ink);cursor:pointer;border-radius:50%;width:22px;height:22px}.quiz-app input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.quiz-app .slider-value{text-align:center;font-family:var(--serif);color:var(--spark-deep);margin-bottom:8px;font-size:46px;line-height:1}.quiz-app .slider-value-label{text-align:center;color:var(--muted);height:20px;font-size:12px}.quiz-app .btn{background:var(--ink);color:var(--ground);border:1.5px solid var(--ink);font-family:var(--sans);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:15px 30px;font-size:15px;font-weight:500;transition:background-color .2s,transform .2s;display:inline-flex}.quiz-app .btn:hover{background:var(--ink-2);border-color:var(--ink-2);transform:translateY(-1px)}.quiz-app .btn-ghost{color:var(--ink);border:1.5px solid var(--spark);background:0 0}.quiz-app .btn-ghost:hover{background:var(--spark-tint);border-color:var(--spark-deep);color:var(--ink)}.quiz-app .btn-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.quiz-app .capture-title{font-family:var(--serif);letter-spacing:-.015em;margin-bottom:16px;font-size:clamp(28px,5vw,44px);font-weight:400;line-height:1.12}.quiz-app .capture-title span{color:var(--spark-deep)}.quiz-app .capture-body{color:var(--body);max-width:52ch;margin-bottom:40px;font-size:15px;line-height:1.7}.quiz-app .capture-note{color:var(--muted);max-width:52ch;margin-top:20px;font-size:13px}.quiz-app .form-group{max-width:420px;margin-bottom:16px}.quiz-app .form-group label{letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10px;font-weight:500;display:block}.quiz-app .form-group input{background:var(--q-card);border:1px solid var(--q-edge);border-radius:var(--radius);width:100%;color:var(--ink);font-family:var(--sans);outline:none;padding:14px 16px;font-size:15px;transition:border-color .2s}.quiz-app .form-group input:focus{border-color:var(--spark-deep)}.quiz-app .form-group input::placeholder{color:#93a3a6}.quiz-app .result-eyebrow{color:var(--spark-deep);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;font-size:10px;font-weight:500}.quiz-app .result-archetype{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:32px;font-size:clamp(34px,6vw,58px);font-weight:400;line-height:1.04}.quiz-app .result-archetype span{color:var(--spark-deep)}.quiz-app .result-body{color:var(--body);border-left:4px solid var(--spark);max-width:62ch;margin-bottom:40px;padding-left:24px;font-size:16px;line-height:1.8}.quiz-app .result-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px;display:grid}.quiz-app .result-card{background:var(--q-card);border:1px solid var(--q-edge);border-radius:var(--radius);padding:24px}.quiz-app .result-card h4{font-family:var(--sans);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;font-size:10px;font-weight:500}.quiz-app .result-card.strengths h4{color:var(--spark-deep)}.quiz-app .result-card.challenges h4{color:var(--muted)}.quiz-app .result-card ul{padding:0;list-style:none}.quiz-app .result-card ul li{color:var(--body);border-bottom:1px solid var(--q-edge);padding:8px 0 8px 18px;font-size:14px;line-height:1.6;position:relative}.quiz-app .result-card ul li:last-child{border-bottom:0}.quiz-app .result-card ul li:before{content:"→";color:var(--spark-deep);font-size:11px;position:absolute;left:0}.quiz-app .result-card.challenges ul li:before{color:var(--muted)}.quiz-app .result-question{background:var(--spark-tint);border:1px solid var(--spark);border-radius:var(--radius);margin-bottom:40px;padding:28px}.quiz-app .result-question-label{letter-spacing:3px;text-transform:uppercase;color:var(--spark-deep);margin-bottom:12px;font-size:10px;font-weight:500}.quiz-app .result-question p{font-family:var(--serif);color:var(--ink);max-width:none;margin:0;font-size:19px;line-height:1.5}.quiz-app .result-cta{background:var(--oat);border-radius:var(--radius);margin-bottom:24px;padding:32px}.quiz-app .result-cta h3{font-family:var(--serif);margin-bottom:8px;font-size:24px;font-weight:400}.quiz-app .result-cta p{color:var(--body);margin-bottom:24px;font-size:15px;line-height:1.6}.quiz-app .brand-footer{text-align:center;color:var(--muted);letter-spacing:2px;text-transform:uppercase;border-top:1px solid var(--q-edge);margin-top:20px;padding:32px 0 8px;font-size:10px}@keyframes quizFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.quiz-app .screen.active .container>*{animation:.4s forwards quizFadeUp}@media (prefers-reduced-motion:reduce){.quiz-app .screen.active .container>*{animation:none}}@media (width<=580px){.quiz-app .track-cards,.quiz-app .result-grid{grid-template-columns:1fr}.quiz-app .btn-row{flex-direction:column;align-items:stretch}.quiz-app .btn{justify-content:center}}