:root{color:#17324f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#0b8e8014,#0000 32%),radial-gradient(circle at 100% 0,#0f41771f,#0000 34%),linear-gradient(#f8fbff 0%,#eef4fb 100%);font-family:Aptos,Segoe UI,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg,#ffffff9e,#0000 38%),radial-gradient(circle at 20% 10%,#ff7d6617,#0000 20%),radial-gradient(circle at 78% 18%,#0b8e8012,#0000 16%);position:fixed;inset:0}#root{min-height:100vh}h1,h2,h3{letter-spacing:-.03em;font-family:Cambria,Palatino Linotype,Book Antiqua,serif;font-weight:700}h1{font-size:clamp(2.9rem,5vw,4.6rem);line-height:1.05}h2{font-size:clamp(1.85rem,3vw,2.7rem);line-height:1.12}h3{font-size:1.3rem;line-height:1.2}p,span,small,button,input,textarea{font:inherit}button,input,textarea{font-family:inherit}a{color:inherit}.app-shell{gap:28px;width:min(1160px,100% - 40px);margin:0 auto;padding:36px 0 72px;display:grid}.hero-panel,.results-section{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #113d6a1f;border-radius:32px;padding:clamp(24px,4vw,52px);animation:.56s both rise-in;box-shadow:0 24px 70px #1834571f}.hero-panel{text-align:center;justify-items:center;gap:18px;display:grid}.hero-panel__eyebrow,.section-label,.upload-stage__eyebrow{letter-spacing:.24em;text-transform:uppercase;color:#0b7b78;align-items:center;gap:10px;margin:0;font-size:.78rem;font-weight:700;display:inline-flex}.hero-panel__eyebrow:before,.section-label:before,.upload-stage__eyebrow:before{content:"";background:currentColor;border-radius:999px;width:18px;height:2px}.hero-panel h1,.upload-stage h2,.results-section h2{color:#0f4177;margin:0}.hero-panel__copy,.upload-stage__text,.upload-stage__subtext,.results-section__header p,.summary-card p,.preview-copy{color:#52657b;margin:0}.hero-panel__copy{max-width:680px;font-size:1.06rem;line-height:1.75}.progress-steps{--progress-width:0%;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(840px,100%);margin:12px auto 6px;padding:0;list-style:none;display:grid;position:relative}.progress-steps:before,.progress-steps:after{content:"";border-radius:999px;height:2px;position:absolute;top:18px;left:16.6667%}.progress-steps:before{background:#123d6938;width:66.6667%}.progress-steps:after{width:var(--progress-width);background:linear-gradient(90deg,#0b8e80,#0f4177);transition:width .22s}.progress-step{text-align:center;color:#55728e;justify-items:center;gap:12px;display:grid;position:relative}.progress-step__circle{z-index:1;color:#36516b;background:#f5f8fc;border:2px solid #123d6957;border-radius:50%;place-items:center;width:38px;height:38px;font-size:.98rem;font-weight:700;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:grid;position:relative}.progress-step__label{font-size:1rem;font-weight:600}.progress-step--active{color:#0f4177}.progress-step--active .progress-step__circle,.progress-step--completed .progress-step__circle{color:#0f4177;border-color:#0b8e80}.progress-step--active .progress-step__circle{background:#e7f5f4;transform:scale(1.04)}.upload-form{gap:18px;width:min(900px,100%);display:grid}.upload-stage{text-align:center;background:radial-gradient(circle at top,#0f41770d,#0000 48%),linear-gradient(#fffffffa,#f5f9fdf5);border:3px dashed #0b8e80d1;border-radius:32px;justify-items:center;gap:12px;padding:clamp(32px,6vw,72px);transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;display:grid}.upload-stage--dragging{border-color:#0f4177;transform:translateY(-4px);box-shadow:0 22px 46px #0f41771f}.upload-stage--selected{border-color:#0f41778c}.upload-stage__icon{color:#ff7d66;background:#ff7d6624;border-radius:50%;place-items:center;width:92px;height:92px;display:grid}.upload-stage__icon svg{width:64px;height:64px}.upload-stage h2{font-size:clamp(2rem,4vw,3rem);line-height:1.12}.upload-stage__text{font-size:1.05rem;line-height:1.7}.upload-stage__subtext{max-width:560px;line-height:1.7}.primary-button,.text-button{font:inherit}.primary-button{color:#0f4177;cursor:pointer;background:linear-gradient(#dfe8f3,#c7d6e9);border:1px solid #113d6a24;border-radius:999px;min-width:min(100%,280px);padding:14px 28px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 14px 32px #2c49731f}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 36px #2c497329}.primary-button:disabled,.text-button:disabled{cursor:wait;opacity:.72}.text-button{color:#0f4177;cursor:pointer;background:0 0;border:none;font-weight:600}.text-button:hover:not(:disabled){text-decoration:underline}.message{border-radius:18px;margin:0;padding:14px 18px}.message--error{color:#8a1d1d;background:#ba31311a}.results-section{gap:20px;display:grid}.results-section__header{justify-content:space-between;align-items:end;gap:18px;display:flex}.results-section__header h2,.detail-card h3{margin:0}.results-overview,.score-grid,.metric-strip,.results-grid{gap:16px;display:grid}.results-overview{grid-template-columns:minmax(260px,320px) 1fr}.summary-card{border-radius:28px;padding:28px}.summary-card--score{background:radial-gradient(circle at 100% 0,#ffffff1f,#0000 36%),linear-gradient(#0f4177,#123b65);box-shadow:0 22px 44px #0f417733}.summary-card__label{letter-spacing:.14em;text-transform:uppercase;color:#ecf4ffd6;margin-bottom:10px;font-size:.82rem;font-weight:700;display:inline-block}.summary-card strong{color:#fff;margin-bottom:12px;font-size:clamp(2.8rem,5vw,4rem);line-height:1;display:block}.summary-card p{color:#ecf4ffd1;line-height:1.7}.score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.score-card,.metric-card,.detail-card{background:#ffffffbd;border:1px solid #113d6a1a;border-radius:24px;padding:22px}.score-card__header{color:#35566f;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.score-card__header strong,.metric-card strong,.detail-card h3{color:#103f73}.score-card__track{background:#113d6a1a;border-radius:999px;width:100%;height:12px;overflow:hidden}.score-card__fill{border-radius:inherit;background:linear-gradient(90deg,#0b8e80,#0f4177);height:100%}.metric-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card{gap:8px;display:grid}.metric-card__label{color:#617487;font-size:.92rem}.metric-card strong{font-size:1.4rem}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card{gap:14px;display:grid}.detail-card--wide{grid-column:1/-1}.detail-card h3{font-size:1.28rem}.tag-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tag-list li{color:#1b3d5a;background:#0f41770f;border-radius:16px;padding:11px 14px;line-height:1.6}.tag-list--stacked{display:grid}.preview-list li{background:#0b8e800f}.inline-link{color:#0b7b78;word-break:break-word;text-decoration:none}.inline-link:hover{text-decoration:underline}.preview-copy{line-height:1.75}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.results-overview,.score-grid,.metric-strip,.results-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{width:min(100% - 20px,100%);padding:18px 0 48px}.hero-panel,.results-section{border-radius:26px;padding:22px 18px}.progress-steps{gap:12px}.progress-step__label{font-size:.92rem}.upload-stage{border-radius:26px;padding:28px 18px 32px}.upload-stage__icon{width:78px;height:78px}.upload-stage__icon svg{width:56px;height:56px}.summary-card,.score-card,.metric-card,.detail-card{border-radius:20px;padding:18px}.results-section__header{flex-direction:column;align-items:start}}@media (width<=520px){.progress-steps{gap:6px}.progress-step__label{font-size:.82rem}.primary-button{width:100%}}
