:root{--bg: #f5f6f8;--panel: rgba(255, 255, 255, .84);--panel-strong: #ffffff;--text: #112033;--muted: #607086;--line: rgba(17, 32, 51, .09);--primary: #0f766e;--accent: #ffb84d;--shadow: 0 24px 60px rgba(15, 44, 76, .12);--radius-xl: 32px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(15,118,110,.14),transparent 30%),radial-gradient(circle at top right,rgba(255,184,77,.18),transparent 25%),linear-gradient(180deg,#fcfdff 0%,var(--bg) 100%)}button,input,select{font:inherit}button:disabled,select:disabled{opacity:.6;cursor:not-allowed}#root{min-height:100vh}.page-shell{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;font-weight:700;letter-spacing:.06em;box-shadow:var(--shadow)}.brand h1,.section-heading h2,.loading-card h2,.hero-copy h2{margin:0}.eyebrow{margin:0 0 6px;color:var(--primary);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700}.progress-nav{display:flex;flex-wrap:wrap;gap:10px}.progress-pill{border:1px solid var(--line);background:#ffffffb8;color:var(--muted);padding:10px 14px;border-radius:999px;cursor:pointer;transition:.18s ease}.progress-pill.active{background:var(--text);color:#fff;border-color:var(--text)}.screen{display:none}.screen.screen-active{display:block;animation:rise .32s ease}.hero-screen{grid-template-columns:1fr;gap:0;min-height:72vh;align-items:center;justify-items:center}.hero-screen.screen-active{display:grid}.hero-copy,.panel,.loading-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-copy{padding:20px 0;text-align:center;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-copy h2{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(3.1rem,6.8vw,5rem);line-height:1.02;letter-spacing:-.025em;font-weight:600;max-width:15ch;text-wrap:balance}.hero-title-strong,.hero-title-soft{display:inline}.hero-title-strong{font-family:"DM Serif Display",Georgia,serif;font-size:1em;font-weight:700;color:#1f3347}.hero-title-soft{font-size:.58em;font-weight:600;color:#0e5f5b}.hero-text,.section-heading p,.muted,.loading-card p,.recommendation-panel p{color:var(--muted);line-height:1.6}.hero-text{max-width:760px;margin-top:18px;font-size:1.08rem;text-wrap:balance}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}.primary-button,.secondary-button{border:0;border-radius:999px;padding:14px 22px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button{background:linear-gradient(135deg,var(--primary),#14b8a6);color:#fff;box-shadow:0 16px 36px #0f766e47}.secondary-button{background:#ffffffc2;border:1px solid var(--line);color:var(--text)}.primary-button:hover,.secondary-button:hover,.progress-pill:hover{transform:translateY(-1px)}.panel,.loading-card{background:var(--panel);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow)}.panel-label{color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}.section-heading{margin-bottom:24px}.error-banner{margin-bottom:18px;padding:14px 16px;border-radius:16px;background:#d64c4c1a;border:1px solid rgba(214,76,76,.18);color:#8d1f1f}.success-banner{margin-bottom:18px;padding:14px 16px;border-radius:16px;background:#1f9d621a;border:1px solid rgba(31,157,98,.2);color:#0b6a40}.upload-layout,.fix-layout,.compare-grid{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border-radius:var(--radius-xl);padding:26px}.dropzone{display:grid;place-items:center;gap:8px;min-height:320px;border-radius:26px;border:2px dashed rgba(15,118,110,.28);background:linear-gradient(180deg,#0f766e0f,#ffffffb3);text-align:center;padding:20px;cursor:pointer}.dropzone input{display:none}.drop-title{font-size:1.2rem;font-weight:700}.drop-subtitle,.file-name{color:var(--muted)}.controls-panel,.fix-options{display:grid;gap:18px}.field-group{display:grid;gap:10px}.field-help{margin:-2px 0 0;color:var(--muted);font-size:.95rem;line-height:1.5}select{width:100%;border-radius:14px;border:1px solid var(--line);padding:14px 16px;background:var(--panel-strong)}.checkbox-row,.toggle-card{display:flex;align-items:start;gap:12px;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#ffffffb3}.toggle-card strong,.toggle-card small{display:block}.toggle-card small{margin-top:4px;color:var(--muted)}.loading-screen{min-height:68vh;display:none;place-items:center}.loading-screen.screen-active{display:grid}.loading-card{width:min(560px,100%);text-align:center;border-radius:30px;padding:42px 28px}.spinner{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;border:6px solid rgba(15,118,110,.18);border-top-color:var(--primary);animation:spin .9s linear infinite}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-actions{display:flex;flex-wrap:wrap;gap:12px}.dashboard-grid{display:grid;gap:20px;grid-template-columns:1.2fr 1fr 1fr}.score-panel,.summary-highlight-panel{grid-column:span 3}.score-wrap,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.score-value{display:block;font-size:clamp(3rem,8vw,4.4rem);font-weight:700}.score-status{margin:8px 0 0;font-size:1.15rem}.score-badge,.pill-soft,.compare-label{border-radius:999px;padding:8px 14px;font-size:.9rem;font-weight:700}.score-badge.warning,.pill-soft{color:#8a5a00;background:#ffb84d33}.score-badge.safe{color:#0b6a40;background:#1f9d6229}.score-badge.danger{color:#8d1f1f;background:#d64c4c26}.summary-highlight-grid,.compare-metrics-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.summary-highlight-item,.metric-delta-card{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:#ffffffbd}.summary-highlight-item span,.metric-delta-card span{display:block;color:var(--muted);font-size:.88rem;margin-bottom:8px}.summary-highlight-item strong,.metric-delta-card strong{display:block;font-size:1.06rem;line-height:1.35}.summary-narrative{margin:18px 0 0;color:var(--muted);line-height:1.7}.pill-soft.alert{color:#8d1f1f;background:#d64c4c26}.bar-chart{display:grid;gap:18px;margin-top:20px}.bar-row{display:grid;grid-template-columns:70px 1fr 52px;align-items:center;gap:12px}.bar-track,.mini-bar div{height:16px;border-radius:999px;background:#11203314;overflow:hidden}.bar-fill,.mini-bar i{display:block;height:100%;border-radius:inherit}.male-bar{background:linear-gradient(90deg,#0f766e,#34d399)}.female-bar{background:linear-gradient(90deg,#f59e0b,#f97316)}.insight-block h3{margin-bottom:10px}.insight-block p,.insights-panel li{color:var(--muted);line-height:1.6}.chart-note,.compare-subtitle{margin:14px 0 0;color:var(--muted);line-height:1.5}.insights-panel ul{margin:16px 0 0;padding-left:18px}.insights-meta{display:grid;gap:10px;margin-top:12px}.google-pill{color:#0b57d0;background:#0b57d01a}.alerts-panel{grid-column:span 2}.alert-list{display:grid;gap:12px;margin-top:16px}.alert-item{padding:14px 16px;border-radius:16px;background:#d64c4c14;border:1px solid rgba(214,76,76,.14)}.recommendation-panel h3{margin-top:8px}.compare-panel{min-height:280px}.compare-metrics-panel,.group-compare-panel{grid-column:span 2}.group-compare-list{display:grid;gap:16px;margin-top:18px}.group-compare-row{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:#ffffffbd}.group-compare-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.group-compare-header span{color:var(--muted);font-size:.92rem}.group-compare-bars{display:grid;gap:10px}.group-compare-track{height:14px;border-radius:999px;background:#11203314;overflow:hidden}.group-compare-fill{display:block;height:100%;border-radius:inherit}.before-fill{background:linear-gradient(90deg,#f59e0b,#f97316)}.after-fill{background:linear-gradient(90deg,#0f766e,#34d399)}.compare-panel.improved{border-color:#1f9d6238;background:linear-gradient(180deg,#1f9d6214,#ffffffd1)}.before{color:#8d1f1f;background:#d64c4c26}.after{color:#0b6a40;background:#1f9d6229}.compare-score{font-size:1.2rem}.mini-chart{display:grid;gap:16px;margin-top:22px}.mini-bar{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center}.mini-bar i{background:linear-gradient(90deg,#0f766e,#34d399)}.summary-panel{margin-top:22px;font-size:1.04rem;line-height:1.7}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.hero-screen,.upload-layout,.fix-layout,.compare-grid,.dashboard-grid{grid-template-columns:1fr}.dashboard-heading{align-items:flex-start;flex-direction:column}.score-panel,.alerts-panel,.summary-highlight-panel,.compare-metrics-panel,.group-compare-panel{grid-column:span 1}.summary-highlight-grid,.compare-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy h2{max-width:12ch}}@media (max-width: 640px){.page-shell{width:min(100% - 20px,1200px);padding-top:18px}.panel,.loading-card{padding:20px;border-radius:24px}.summary-highlight-grid,.compare-metrics-grid{grid-template-columns:1fr}.group-compare-header{align-items:flex-start;flex-direction:column}.bar-row,.mini-bar{grid-template-columns:1fr}}