*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172b4d;background:#f5f7fa;font-synthesis:none;--text-overline: 13px;--text-caption: 14px;--text-body: 16px;--text-label: 15px;--text-title: 18px}html{background:#f5f7fa}body{margin:0;min-width:320px;background:#f5f7fa;color:#172b4d;font-size:var(--text-body);line-height:1.5}button{font:inherit;letter-spacing:0}.eyebrow{font-size:var(--text-overline);font-weight:800;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.eyebrow.orange{color:#f28c28}button:disabled{opacity:.55;cursor:wait}.app-shell{min-height:100vh;background:linear-gradient(180deg,#f5f7fa,#f7f9fc)}.hero-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#08253d,#0d3554);color:#fff;border-bottom:3px solid #f28c28}.hero-inner{position:relative;z-index:2;width:min(1180px,90%);margin:0 auto;padding:18px 0 28px}.brand{display:flex;align-items:center;height:52px}.relanto-logo{display:block;width:46px;height:46px;object-fit:contain;flex-shrink:0}.brand-divider{width:1px;height:24px;margin-left:16px;margin-right:16px;background:#ffffff40;flex-shrink:0}.brand-product{display:block;color:#ffffffe0;font-size:var(--text-overline);font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:20px}.hero-copy{max-width:700px}.hero-eyebrow{color:#f28c28;font-size:var(--text-overline);font-weight:800;letter-spacing:.14em}.hero-copy h1{margin:6px 0 10px;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,3.4vw,46px);line-height:1.08;letter-spacing:-1px}.hero-description{max-width:650px;margin:0;color:#ffffffe6;font-size:var(--text-body);line-height:1.6}.hero-features{display:flex;align-items:center;flex-shrink:0;min-width:420px}.hero-feature{display:flex;align-items:center;gap:12px;padding:10px 20px}.feature-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:18px}.hero-feature strong{color:#fffffff0;font-size:var(--text-label);font-weight:600;line-height:1.35}.hero-feature-divider{width:1px;height:55px;background:#ffffff2e}.content{width:min(1180px,90%);margin:28px auto 80px}.progress-stepper{display:flex;align-items:center;width:100%;margin-bottom:18px}.progress-step{display:flex;align-items:center;gap:10px;color:#8a99ac}.progress-step.active{color:#102a43}.progress-step.completed{color:#1f8a70}.step-number{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e8eef5;font-size:var(--text-label);font-weight:800}.progress-step.active .step-number{background:#102a43;color:#fff}.progress-step.completed .step-number{background:#eaf8f1;color:#1f8a70}.progress-step strong{display:block;font-size:var(--text-label);line-height:1.3}.progress-step span{display:block;margin-top:2px;color:#5e7088;font-size:var(--text-caption);line-height:1.35}.step-line{flex:1;height:1px;margin:0 18px;background:#dce3ec}.upload-card{padding:40px 30px;text-align:center;background:#fff;border:1px dashed #afbdce;border-radius:10px;box-shadow:0 6px 22px #192f4c0a;transition:.2s ease}.upload-card.dragging{border-color:#102a43;background:#f4f8fc}.upload-icon{width:48px;height:48px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;background:#edf3fa;color:#102a43;font-size:22px}.upload-card h2{margin:8px 0 10px;color:#102a43;font-size:26px;line-height:1.25}.upload-card p{max-width:680px;margin:0 auto 22px;color:#4e6078;font-size:var(--text-body);line-height:1.6}.primary-button,.secondary-button{padding:12px 18px;border-radius:8px;font-size:var(--text-label);font-weight:700;line-height:1.2;cursor:pointer}.primary-button{border:0;background:#102a43;color:#fff}.primary-button:hover{background:#071a2b}.secondary-button{background:#fff;color:#102a43;border:1px solid #c6d3e2}.secondary-button:hover{background:#f5f8fb}.supported-files{margin-top:14px;color:#5e7088;font-size:var(--text-caption);letter-spacing:.06em}.analysis-progress{width:250px;height:4px;margin:16px auto 0;overflow:hidden;border-radius:5px;background:#e8eef5}.analysis-progress-bar{width:45%;height:100%;background:#f28c28;animation:analyzing 1.2s infinite ease-in-out}@keyframes analyzing{0%{transform:translate(-120%)}to{transform:translate(550%)}}.upload-complete{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;background:#fff;border:1px solid #dce3ec;border-radius:9px;box-shadow:0 3px 12px #192f4c09}.upload-complete-left{display:flex;align-items:center;gap:13px}.complete-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#eaf8f1;color:#1f8a70;font-weight:900}.upload-complete h3{margin:4px 0;color:#102a43;font-size:var(--text-title);line-height:1.3}.upload-complete p{margin:0;color:#5e7088;font-size:var(--text-caption);line-height:1.4}.error-banner{margin-top:15px;padding:12px 15px;color:#a62e28;background:#fceeee;border:1px solid #efc5c2;border-radius:8px;font-size:var(--text-label);line-height:1.45}.dashboard-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:38px}.dashboard-toolbar h2{margin:5px 0 2px;color:#102a43;font-family:Georgia,Times New Roman,serif;font-size:36px;line-height:1.15;letter-spacing:-.8px}.dashboard-toolbar p{margin:0;color:#5e7088;font-size:var(--text-label);line-height:1.4}.export-actions{display:flex;gap:8px}.export-actions button{min-width:148px}.dashboard{margin-top:27px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:32px 0 14px}.section-title{color:#f28c28;font-size:var(--text-overline);font-weight:800;letter-spacing:.12em;line-height:1.3}.section-description{margin-top:4px;color:#5e7088;font-size:var(--text-caption);line-height:1.4}.scale-label{color:#5e7088;font-size:var(--text-caption);line-height:1.4}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.summary-card{position:relative;min-height:132px;padding:22px;overflow:hidden;background:#fff;border:1px solid #dce3ec;border-radius:9px;box-shadow:0 3px 12px #14213d08}.summary-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:#102a43}.summary-card.accent-blue:before{background:#2f6bff}.summary-card.accent-orange:before{background:#f28c28}.summary-label{color:#4e6078;font-size:var(--text-label);font-weight:700;line-height:1.35}.summary-value{margin-top:4px;color:#102a43;font-family:Georgia,Times New Roman,serif;font-size:37px;font-weight:700}.accent-orange .summary-value{color:#f28c28}.summary-description{margin-top:4px;color:#5e7088;font-size:var(--text-caption);line-height:1.4}.fluency-card{overflow:hidden;background:#fff;border:1px solid #dce3ec;border-radius:9px;box-shadow:0 3px 12px #14213d08}.fluency-column-header{display:grid;grid-template-columns:minmax(180px,260px) 1fr 96px;align-items:center;gap:20px;padding:14px 20px;background:#edf3fa;color:#4e6078;font-size:var(--text-overline);font-weight:800;letter-spacing:.08em;line-height:1.3}.fluency-legend{display:flex;align-items:center;justify-content:center;gap:18px;text-transform:none;letter-spacing:0}.fluency-legend span{display:flex;align-items:center;gap:5px}.legend-square{width:10px;height:10px;border-radius:2px}.before-square{background:#102a43}.after-square{background:#f28c28}.metric-row{display:grid;grid-template-columns:minmax(180px,260px) 1fr 96px;align-items:center;gap:20px;min-height:100px;padding:16px 20px;border-top:1px solid #e5eaf0}.metric-name{color:#172b4d;font-size:var(--text-body);font-weight:700;line-height:1.35}.metric-comparison{display:grid;grid-template-columns:minmax(110px,1fr) 52px 24px minmax(110px,1fr) 52px;align-items:center;gap:10px}.metric-track-group{position:relative}.metric-track-label{margin-bottom:6px;color:#5e7088;font-size:var(--text-overline);font-weight:800;letter-spacing:.06em;line-height:1.2}.after-label{color:#f28c28}.metric-track{height:8px;overflow:hidden;border-radius:7px;background:#edf2f7}.metric-bar{height:100%;border-radius:7px}.before-bar{background:#102a43}.after-bar{background:#f28c28}.metric-score{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700;text-align:center;line-height:1}.before-score{color:#102a43}.after-score{color:#f28c28}.metric-arrow{color:#5e7088;font-size:var(--text-title);text-align:center}.gain-badge{padding:6px 4px;color:#1f8a70;background:#eaf8f1;border:1px solid #cde8da;border-radius:6px;font-size:var(--text-caption);font-weight:800;line-height:1.3;text-align:center}.gain-negative{color:#b33b34;background:#fceeee;border-color:#efc5c2}.outcome-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;margin-top:16px}.nps-card,.gain-highlight,.quality-highlight{min-height:175px;padding:20px 22px;border-radius:9px;border:1px solid #dce3ec}.nps-card{background:#eaf8f1;border-color:#cde8da}.gain-highlight{background:#fff3e6;border-color:#f4d4b0}.quality-highlight{background:#fff}.outcome-eyebrow{color:#1f8a70;font-size:var(--text-overline);font-weight:800;letter-spacing:.1em;line-height:1.3}.gain-highlight .outcome-eyebrow{color:#f28c28}.quality-highlight .outcome-eyebrow{color:#6b7c93}.nps-value,.gain-highlight-value,.quality-number{margin-top:8px;color:#102a43;font-family:Georgia,Times New Roman,serif;font-size:37px;font-weight:700}.gain-highlight-value{color:#1f8a70}.quality-number{color:#f28c28}.nps-label,.gain-highlight-label,.quality-label{color:#263c5d;font-size:var(--text-body);font-weight:800;line-height:1.35}.nps-description,.gain-highlight-description,.quality-description{margin-top:10px;color:#4e6078;font-size:var(--text-caption);line-height:1.5}.insights-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;margin-top:16px}.audience-card,.takeaways-card{padding:19px 20px;background:#fff;border:1px solid #dce3ec;border-radius:9px}.card-title{color:#102a43;font-size:var(--text-overline);font-weight:800;letter-spacing:.1em;line-height:1.3}.green-title{color:#1f8a70}.card-subtitle{margin-top:6px;color:#5e7088;font-size:var(--text-caption);line-height:1.4}.audience-list{margin-top:18px}.empty-state{color:#4e6078;font-size:var(--text-label);line-height:1.5}.audience-row{display:grid;grid-template-columns:minmax(160px,240px) 1fr 36px;align-items:center;gap:12px;margin-bottom:14px}.audience-label{color:#334967;font-size:var(--text-caption);line-height:1.35}.audience-bar{height:8px;overflow:hidden;border-radius:6px;background:#edf2f7}.audience-fill{height:100%;border-radius:6px;background:#102a43}.audience-count{color:#334967;font-size:var(--text-caption);font-weight:800;text-align:right}.takeaways{margin-top:12px}.takeaway{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f5}.takeaway:last-child{border-bottom:0}.takeaway-dot{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#1f8a70;background:#eaf8f1;font-size:12px;font-weight:800}.takeaway p{margin:0;color:#334967;font-size:var(--text-label);line-height:1.5}.methodology-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;margin-top:14px;padding:19px 20px;background:#f8fafc;border:1px solid #dce3ec;border-radius:9px}.methodology-card p{max-width:720px;margin:8px 0 0;color:#4e6078;font-size:var(--text-label);line-height:1.55}.methodology-stats{display:flex;gap:25px}.methodology-stats div{min-width:110px}.methodology-stats strong{display:block;color:#102a43;font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1.1}.methodology-stats span{display:block;margin-top:4px;color:#5e7088;font-size:var(--text-caption);font-weight:700;line-height:1.3}@media(max-width:1000px){.hero-content{flex-direction:column;align-items:flex-start;gap:28px}.hero-features{min-width:0}.hero-feature{padding:8px 10px}.metric-row,.fluency-column-header{grid-template-columns:minmax(150px,200px) 1fr 84px}}@media(max-width:850px){.hero-header{min-height:auto}.hero-content{flex-direction:column;align-items:flex-start;margin-top:25px}.hero-features{width:100%}.summary-grid,.outcome-grid,.insights-grid,.methodology-card{grid-template-columns:1fr}}@media(max-width:650px){.content,.hero-inner{width:92%}.brand-divider,.brand-product{display:none}.relanto-logo{width:125px}.hero-copy h1{font-size:36px}.hero-description{font-size:var(--text-label)}.hero-features{min-width:0}.progress-stepper{display:none}.dashboard-toolbar{flex-direction:column;align-items:flex-start}.export-actions{width:100%}.export-actions button{flex:1}.metric-row{grid-template-columns:1fr;gap:8px}.fluency-column-header{display:none}.upload-complete{flex-direction:column;align-items:flex-start}.methodology-stats{flex-wrap:wrap}}