:root{color:#14212f;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{background:linear-gradient(#1221300f,#12213000),#eef2f5;align-items:center;min-height:100vh;padding:32px 18px;display:flex}.app-frame{background:#f9fbfc;border:1px solid #14212f1a;width:100%;max-width:1040px;min-height:min(760px,100vh - 64px);margin:0 auto;padding:clamp(24px,4vw,48px);overflow:hidden;box-shadow:0 24px 80px #14212f21}.brand-row{color:#5e6c78;letter-spacing:0;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:clamp(36px,6vw,70px);font-size:.9rem;font-weight:700;display:flex}.brand-mark{color:#fff;background:#14212f;justify-content:center;align-items:center;width:56px;height:32px;display:inline-flex}.eyebrow{color:#557084;letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{color:#14212f;letter-spacing:0;max-width:860px;margin-bottom:22px;font-size:clamp(2.15rem,4vw,4.75rem);line-height:1}h2{color:#14212f;letter-spacing:0;font-size:clamp(1.35rem,2vw,2rem);line-height:1.18}p{color:#435464;line-height:1.65}.intro-screen{gap:28px;display:grid}.intro-copy{max-width:720px;font-size:clamp(1.05rem,1.8vw,1.3rem)}.intro-panel{grid-template-columns:repeat(3,1fr);gap:1px;max-width:900px;display:grid}.intro-panel>div{background:#fff;border:1px solid #14212f14;gap:8px;min-height:130px;padding:24px;display:grid}.intro-panel strong{color:#14212f;font-size:1.02rem}.intro-panel span{color:#5d6c78;line-height:1.45}.actions-row,.question-actions,.result-actions,.cta-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-button,.secondary-button,.ghost-button,.text-button{cursor:pointer;border:0;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:800;transition:transform .16s,background .16s,border-color .16s,opacity .16s;display:inline-flex}.primary-button{color:#fff;background:#16283a}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.text-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.secondary-button{color:#14212f;background:#dfe7eb}.ghost-button{color:#14212f;background:#fff;border:1px solid #14212f29}.text-button{color:#5b6a76;background:0 0;padding-inline:8px}.progress-wrap{gap:10px;margin-bottom:36px;display:grid}.progress-meta{color:#5b6a76;justify-content:space-between;font-size:.9rem;font-weight:800;display:flex}.progress-track,.score-track{background:#dfe6eb;height:8px;overflow:hidden}.progress-fill,.score-track>div{background:#2d6f79;height:100%;transition:width .22s}.question-screen{gap:24px;display:grid}.question-card{max-width:850px}.question-card h1{font-size:clamp(2rem,4vw,3.9rem)}.question-helper{max-width:640px}.text-answer{color:#14212f;resize:vertical;background:#fff;border:1px solid #14212f24;outline:none;width:min(100%,760px);min-height:160px;padding:18px;line-height:1.5;display:block}.text-answer:focus{border-color:#2d6f79;box-shadow:0 0 0 4px #2d6f791f}.options-list{gap:12px;max-width:760px;display:grid}.option-button{color:#243442;cursor:pointer;text-align:left;background:#fff;border:1px solid #14212f1f;min-height:64px;padding:18px 20px;line-height:1.35;transition:border-color .16s,box-shadow .16s,transform .16s}.option-button:hover{border-color:#2d6f7980;transform:translateY(-1px)}.option-button.is-selected{color:#14212f;border-color:#2d6f79;font-weight:800;box-shadow:inset 4px 0 #2d6f79}.analysis-screen{place-items:start;gap:14px;padding-block:clamp(48px,10vw,120px);display:grid}.analysis-screen h1{font-size:clamp(2rem,4vw,3.8rem)}.analysis-pulse{background:#2d6f79;width:14px;height:14px;margin-bottom:10px;position:relative}.analysis-pulse:after{content:"";border:1px solid #2d6f79;animation:1.2s ease-out infinite pulse;position:absolute;inset:-10px}.result-screen{gap:28px;display:grid}.result-header{grid-template-columns:1fr auto;align-items:end;gap:28px;display:grid}.result-header h1{font-size:clamp(2rem,4vw,4rem)}.result-header p{max-width:760px}.global-score{color:#fff;background:#16283a;min-width:170px;padding:24px;display:grid}.global-score span,.global-score small{color:#ffffffb3;font-weight:800}.global-score strong{font-size:4rem;line-height:1}.scores-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.score-card,.positioning-box,.strategic-reading,.cta-box{background:#fff;border:1px solid #14212f14;padding:24px}.score-card{gap:18px;display:grid}.score-card-header{gap:6px;display:grid}.score-card h3{margin:0;font-size:1rem}.score-card span{color:#697884;font-size:.86rem;font-weight:800}.score-card strong{color:#14212f;font-size:2rem;line-height:1}.positioning-box blockquote{color:#14212f;border-left:4px solid #2d6f79;margin:0;padding-left:20px;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:800;line-height:1.35}.strategic-reading p{margin-bottom:0}.cta-box{background:#16283a;grid-template-columns:1fr auto;align-items:center;gap:22px;scroll-margin-top:24px;display:grid;position:relative}.anchor-target{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.cta-box .eyebrow,.cta-box h2{color:#fff}.cta-box h2{max-width:680px;margin-bottom:0}.cta-box .primary-button{color:#14212f;background:#fff}.secondary-link{color:#ffffffdb;font-weight:800}.copy-status{color:#2d6f79;margin:0;font-weight:800}@keyframes pulse{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}@media (width<=820px){.app-shell{align-items:stretch;padding:0}.app-frame{box-shadow:none;border:0;min-height:100vh}.intro-panel,.scores-grid,.result-header,.cta-box{grid-template-columns:1fr}.global-score{min-width:0}.question-actions,.result-actions,.cta-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button,.ghost-button,.text-button{width:100%}}