:root{
  --bg:#07111f;--bg2:#0a1626;--panel:#0d1a2b;--panel2:#101f32;--line:rgba(255,255,255,.09);
  --text:#f4f6f3;--muted:#9aa9b8;--cyan:#58d9dc;--cyan2:#8ce8e1;--blue:#496df2;--indigo:#6359dd;
  --warm:#e7b56b;--green:#75d7a3;--danger:#ef8d78;--shadow:0 22px 55px rgba(0,0,0,.28);
  --serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 4%,rgba(71,77,203,.15),transparent 30%),linear-gradient(180deg,#07111f 0%,#08131f 100%);color:var(--text);font-family:var(--sans);min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:255px;border-right:1px solid var(--line);background:rgba(5,13,25,.92);backdrop-filter:blur(18px);padding:28px 18px 22px;display:flex;flex-direction:column;z-index:30}.brand{background:none;border:0;color:var(--text);text-align:left;padding:0 8px 28px}.brand-word{font:700 29px/1 var(--serif);letter-spacing:-1px}.brand-word span{color:var(--cyan)}.brand small{display:block;font-size:8px;letter-spacing:2.1px;color:#c4ccd4;margin-top:8px}.nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#aeb8c3;display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;text-align:left;font-size:14px}.nav-item:hover{background:rgba(255,255,255,.04);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(73,109,242,.18),rgba(88,217,220,.07));color:#fff;border:1px solid rgba(91,145,245,.16)}.nav-icon{width:22px;text-align:center;color:var(--cyan)}.sidebar-bottom{margin-top:auto}.trust-card{display:flex;gap:11px;padding:13px;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:14px}.trust-icon{color:var(--cyan)}.trust-card strong,.trust-card span{display:block}.trust-card strong{font-size:12px}.trust-card span{font-size:10px;color:var(--muted);margin-top:4px}.lang-toggle{margin:14px 8px 0;background:none;border:0;color:#fff;font-size:11px;letter-spacing:1px}.lang-toggle span{color:#657789}.main{grid-column:2;min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(7,17,31,.78);backdrop-filter:blur(20px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 36px}.crumb{font-size:12px;color:var(--muted);letter-spacing:.5px}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:15px}.status-dot{font-size:11px;color:#9dadba;display:flex;align-items:center;gap:7px}.status-dot span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.avatar{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:#fff;background:#142238}.tour-progress{display:flex;gap:7px}.tour-progress span{width:24px;height:4px;border-radius:20px;background:rgba(255,255,255,.08);transition:.25s}.tour-progress span.active{background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 14px rgba(88,217,220,.3)}.mobile-menu{display:none}.view{display:none;padding:42px 42px 70px;max-width:1500px;margin:0 auto}.view.active{display:block;animation:fade .28s ease}@keyframes fade{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}.eyebrow,.kicker{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--cyan);text-transform:uppercase}.hero-grid{min-height:600px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:55px;padding:25px 0 48px}.hero-copy h1{font:600 clamp(44px,5vw,76px)/.98 var(--serif);letter-spacing:-3.5px;margin:17px 0 24px;max-width:820px}.hero-copy h1 em{font-style:normal;color:#b9c4cd}.hero-copy p{font-size:17px;line-height:1.75;color:#aab7c4;max-width:720px}.loop-strip{margin-top:25px;display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:11px 14px;color:#dfe6ea;font-size:12px}.loop-strip span{display:flex;gap:7px;align-items:center}.loop-strip b{color:var(--cyan);font-size:10px}.loop-strip i{font-style:normal;color:#54677a}.hero-actions{display:flex;gap:12px;margin-top:25px}.btn{border-radius:11px;border:1px solid transparent;padding:12px 17px;color:#fff;font-weight:650;font-size:13px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#546ed8 55%,#3fbec2);box-shadow:0 12px 35px rgba(73,109,242,.18)}.btn-secondary{background:#101f32;border-color:rgba(255,255,255,.11)}.btn-ghost{background:transparent;border-color:var(--line);color:#b8c3cd}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.hero-meta{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:11px;color:#738595}.hero-meta i{width:3px;height:3px;border-radius:50%;background:#4b6576}.hero-visual{height:515px;position:relative}.glow{position:absolute;border-radius:50%;filter:blur(85px);opacity:.28}.glow-a{width:250px;height:250px;background:var(--indigo);right:30px;top:55px}.glow-b{width:200px;height:200px;background:var(--cyan);left:50px;bottom:50px;opacity:.14}.preview-stack{position:relative;height:100%}.preview-card{position:absolute;background:linear-gradient(180deg,rgba(18,34,54,.96),rgba(10,23,39,.98));border:1px solid rgba(255,255,255,.11);border-radius:20px;box-shadow:var(--shadow);padding:22px}.preview-score{width:250px;height:220px;left:15%;top:20px;transform:rotate(-4deg)}.preview-intervention{width:320px;right:0;top:150px;transform:rotate(3deg)}.preview-wave{width:385px;left:1%;bottom:38px;display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center}.preview-wave .wave{grid-column:1/-1}.preview-wave div:last-child strong,.preview-wave div:last-child span{display:block}.preview-wave div:last-child span{font-size:11px;color:var(--muted);margin-top:4px}.preview-label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin-bottom:15px}.ring{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) 0 78%,rgba(255,255,255,.08) 78% 100%);position:relative}.ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--panel)}.ring span{z-index:1;font:700 36px var(--serif)}.ring small{z-index:1;position:absolute;bottom:27px;font-size:8px;color:var(--muted)}.ring.mini{width:85px;height:85px}.ring.mini:after{inset:7px}.ring.mini span{font-size:29px}.trend{position:absolute;right:18px;bottom:22px;color:var(--cyan);font-weight:700}.trend small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.preview-intervention strong{font-size:20px}.preview-intervention p{font-size:12px;line-height:1.6;color:var(--muted)}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.pill-cool{color:#8ce8e1;background:rgba(88,217,220,.1);border:1px solid rgba(88,217,220,.13)}.pill-good{color:#8de1b1;background:rgba(117,215,163,.11);border:1px solid rgba(117,215,163,.14)}.pill-warm{color:#f0c178;background:rgba(231,181,107,.11);border:1px solid rgba(231,181,107,.14)}.mic-circle{width:50px;height:50px;border:1px solid rgba(88,217,220,.45);border-radius:50%;display:grid;place-items:center;color:var(--cyan);box-shadow:inset 0 0 20px rgba(88,217,220,.09)}.wave{height:35px;display:flex;align-items:center;gap:4px}.wave i{display:block;width:4px;height:var(--h);min-height:5px;border-radius:10px;background:linear-gradient(180deg,var(--cyan),var(--blue))}.section-head.compact{text-align:center;max-width:820px;margin:0 auto 28px}.section-head span{font-size:10px;color:var(--cyan);letter-spacing:1.7px}.section-head h2{font:600 34px var(--serif);margin:9px}.feature-grid{display:grid;gap:16px}.feature-grid.three{grid-template-columns:repeat(3,1fr)}.feature-card{padding:27px;background:rgba(13,26,43,.58);border:1px solid var(--line);border-radius:18px;min-height:205px}.feature-card .step{font:600 32px var(--serif);color:rgba(88,217,220,.45)}.feature-card h3{font:600 19px var(--serif);margin:20px 0 8px}.feature-card p{color:var(--muted);font-size:13px;line-height:1.7}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-intro h2{font:600 44px var(--serif);margin:7px 0}.page-intro p{color:var(--muted);margin:0}.readiness-badge{display:flex;align-items:baseline;gap:8px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.readiness-badge span{font-size:10px;color:var(--muted)}.readiness-badge strong{font:700 27px var(--serif)}.readiness-badge small{color:var(--cyan)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,30,49,.92),rgba(10,22,38,.92));border-radius:17px;padding:22px;box-shadow:0 12px 35px rgba(0,0,0,.12)}.span-2{grid-column:span 2}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.panel h3{margin:4px 0 0;font-size:17px}.target-card{min-height:205px}.target-card h3{font:600 28px var(--serif)}.target-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:25px 0}.target-actions{display:flex;gap:10px}.progress-card{min-height:205px}.progress-big span{font:700 42px var(--serif);display:block;margin:25px 0 10px}.progress-big div,.score-bar,.table-progress{height:6px;border-radius:10px;background:rgba(255,255,255,.08);overflow:hidden}.progress-big i,.score-bar i,.table-progress i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.progress-card p{color:var(--muted);font-size:11px}.microcopy{font-size:10px;color:#728497}.priority-list{margin-top:17px}.priority-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.priority-item:first-child{border-top:0}.priority-icon{width:28px;height:28px;border-radius:9px;background:rgba(88,217,220,.08);display:grid;place-items:center;color:var(--cyan);font-size:11px}.priority-item strong{font-size:12px}.priority-item p{font-size:10px;color:var(--muted);margin:4px 0 0}.history-row{display:grid;grid-template-columns:1fr auto auto;gap:15px;padding:14px 0;border-top:1px solid var(--line);font-size:12px}.history-row:first-of-type{margin-top:14px}.history-row span{color:var(--muted)}.history-row i{font-style:normal;color:var(--cyan);font-size:10px}.next-step{margin-top:18px;padding:12px 2px;display:flex;justify-content:flex-end;gap:12px;align-items:center;color:var(--muted);font-size:11px}.text-link{background:none;border:0;color:var(--cyan);font-weight:700}.interview-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;min-height:calc(100vh - 160px)}.interview-main{border:1px solid var(--line);background:linear-gradient(180deg,rgba(11,25,42,.74),rgba(7,17,31,.55));border-radius:22px;padding:55px;display:flex;flex-direction:column;justify-content:center}.question-counter{font-size:11px;color:var(--muted);margin-top:18px}.interview-main h2{font:600 clamp(34px,4vw,57px)/1.08 var(--serif);max-width:900px;margin:14px 0 18px}.question-help{color:var(--muted);font-size:13px;max-width:690px;line-height:1.6}.recording-card{margin-top:40px;border:1px solid rgba(88,217,220,.12);background:rgba(88,217,220,.025);border-radius:18px;padding:19px;display:grid;grid-template-columns:62px 170px 1fr;gap:14px;align-items:center}.record-btn{width:58px;height:58px;border-radius:50%;border:1px solid rgba(88,217,220,.5);background:rgba(88,217,220,.08);display:grid;place-items:center}.record-btn span{width:14px;height:14px;background:var(--cyan);border-radius:50%}.recording-card.recording .record-btn span{border-radius:3px;animation:pulse 1.4s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(88,217,220,.06)}}.record-copy strong,.record-copy span{display:block}.record-copy span{font-size:11px;color:var(--muted);margin-top:5px}.wave.large{height:54px;justify-content:center}.recording-card:not(.recording) .wave.large{opacity:.25}.recording-card.recording .wave.large i{animation:bounce .65s alternate infinite}.recording-card.recording .wave.large i:nth-child(2n){animation-delay:.15s}.recording-card.recording .wave.large i:nth-child(3n){animation-delay:.3s}@keyframes bounce{to{height:22%}}.interview-actions{display:flex;justify-content:space-between;margin-top:20px}.interview-side{display:grid;align-content:start;gap:14px}.coach-card,.context-card,.privacy-note{border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:20px}.coach-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;font:700 19px var(--serif)}.coach-card h3{font:600 18px var(--serif);margin:16px 0 7px}.coach-card p,.context-card p,.privacy-note{font-size:11px;color:var(--muted);line-height:1.6}.context-card span{font-size:9px;letter-spacing:1.4px;color:var(--cyan);text-transform:uppercase}.context-card strong{display:block;margin-top:8px}.feedback-intro{align-items:center}.feedback-grid{grid-template-columns:1.1fr .9fr .9fr}.score-panel{min-height:285px}.score-row{display:grid;grid-template-columns:1fr 42px;gap:16px;align-items:center;padding:11px 0}.score-row>div>span{font-size:11px}.score-bar{margin-top:8px}.score-row strong{font:700 24px var(--serif)}.callout{display:flex;gap:13px;min-height:135px}.callout-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center}.good-callout .callout-icon{background:rgba(117,215,163,.11);color:var(--green)}.improve-callout .callout-icon{background:rgba(231,181,107,.11);color:var(--warm)}.callout h3{margin:6px 0}.callout p{font-size:11px;color:var(--muted);line-height:1.55}.transcript-card{grid-column:span 2}.transcript-card blockquote{border-left:2px solid var(--cyan);margin:20px 0;padding:8px 18px;font:500 17px/1.7 var(--serif);color:#dce5eb}.feedback-actions{display:flex;justify-content:flex-end;gap:10px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:18px}.kpi span,.kpi small{display:block}.kpi span{font-size:10px;color:var(--muted)}.kpi strong{font:700 32px var(--serif);display:block;margin:8px 0}.kpi small{font-size:9px;color:#708091}.kpi.attention{border-color:rgba(231,181,107,.19)}.kpi.attention strong{color:var(--warm)}.counsellor-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.candidate-row{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);display:grid;grid-template-columns:38px 1fr auto 15px;align-items:center;gap:10px;padding:13px 8px;text-align:left}.candidate-row:first-child{margin-top:12px}.candidate-row.selected{background:rgba(88,217,220,.035)}.candidate-avatar,.mini-avatar{display:grid;place-items:center;background:#14263b;border:1px solid var(--line);color:#cfe9eb;font-size:10px;font-weight:700}.candidate-avatar{width:34px;height:34px;border-radius:10px}.candidate-avatar.big{width:44px;height:44px;border-radius:12px}.candidate-row strong,.candidate-row small{display:block}.candidate-row strong{font-size:11px}.candidate-row small{font-size:9px;color:var(--muted);margin-top:4px}.reason{font-size:9px;color:var(--cyan)}.reason.urgent{color:var(--warm)}.chev{color:#53697a}.detail-top>div{display:flex;align-items:center;gap:12px}.detail-top{display:flex;justify-content:space-between}.detail-top h3,.detail-top p{margin:0}.detail-top p{font-size:9px;color:var(--muted);margin-top:4px}.detail-chart{margin-top:18px}.detail-chart>span{font-size:9px;color:var(--muted)}.chart-bars{height:105px;display:flex;align-items:flex-end;gap:9px;margin-top:12px;padding:0 5px;border-bottom:1px solid var(--line)}.chart-bars i{display:block;flex:1;background:linear-gradient(180deg,var(--cyan),rgba(73,109,242,.6));border-radius:6px 6px 0 0}.chart-labels{display:flex;justify-content:space-around;color:var(--muted);margin-top:4px}.detail-insight{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.detail-insight strong{display:block;font-size:12px;margin:7px 0}.detail-insight p{font-size:10px;color:var(--muted);line-height:1.55}.detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.cohort-panel{margin-top:16px}.filter-group{display:flex;gap:5px}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:10px;padding:6px 10px;font-size:9px}.filter.active{color:#fff;background:rgba(88,217,220,.08);border-color:rgba(88,217,220,.2)}.table-wrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;color:#708191;font-weight:500;padding:10px 8px;border-bottom:1px solid var(--line)}td{padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.05);color:#b7c1ca}.mini-avatar{width:24px;height:24px;border-radius:7px;display:inline-grid;margin-right:8px}.table-progress{display:inline-block;width:80px;margin-right:7px;vertical-align:middle}.consent-footer{display:flex;justify-content:space-between;color:#637585;font-size:9px;padding-top:12px}.outcome-strip{margin-top:18px;border:1px solid rgba(88,217,220,.18);background:linear-gradient(90deg,rgba(73,109,242,.09),rgba(88,217,220,.05));border-radius:17px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.outcome-strip strong{font:600 17px/1.4 var(--serif);color:#dfe7ea}.toast{position:fixed;right:24px;bottom:24px;z-index:60;padding:12px 16px;border-radius:11px;background:#13253b;border:1px solid var(--line);box-shadow:var(--shadow);font-size:11px;color:#dbe7eb;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{grid-column:1}.mobile-menu{display:block;background:none;border:0;color:#fff}.topbar{grid-template-columns:auto 1fr auto;gap:15px}.tour-progress{display:none}.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.dashboard-grid,.feedback-grid,.kpi-grid,.counsellor-grid,.feature-grid.three{grid-template-columns:1fr}.span-2,.transcript-card{grid-column:span 1}.interview-layout{grid-template-columns:1fr}.interview-side{grid-template-columns:repeat(3,1fr)}.outcome-strip{grid-template-columns:1fr}.view{padding:30px 20px}.topbar{padding:0 18px}.page-intro{align-items:flex-start;flex-direction:column}}