:root{
  --bg:#050d18; --bg2:#0a1630; --panel:#0d1a31; --panel2:#112342; --line:rgba(148,196,255,.16);
  --text:#eef7ff; --muted:#9db4d4; --blue:#4fa6ff; --cyan:#22d1c1; --purple:#9f7bff; --orange:#ffb45c; --green:#2fd07f; --red:#ff6a85;
}
*{box-sizing:border-box} html,body{margin:0;padding:0} body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 15% 0%, rgba(79,166,255,.18), transparent 26%),radial-gradient(circle at 86% 14%, rgba(34,209,193,.12), transparent 26%),linear-gradient(180deg,#071120,#030913 72%,#020611);color:var(--text)}
button,input,select{font:inherit} a{color:inherit;text-decoration:none}
.container{max-width:1460px;margin:0 auto;padding:0 16px}
.topbar{position:sticky;top:0;z-index:60;background:rgba(4,10,18,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.topbar-inner{padding:14px 0}.brand-wrap{display:flex;gap:18px;align-items:center}.brand-copy{flex:1;min-width:0}.brand-logo{width:min(220px,26vw);background:#fff;padding:10px 12px;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.26)}
.title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap} h1{margin:0;font-size:34px;line-height:1.05} #appSubtitle{margin:8px 0 0;color:var(--muted);font-size:15px;max-width:780px;line-height:1.55}
.lang-toggle,.tab,.pill-btn,.action-btn{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);padding:11px 15px;border-radius:999px;font-weight:800;cursor:pointer;transition:.18s ease}.lang-toggle:hover,.tab:hover,.tab.active,.pill-btn:hover,.action-btn:hover{background:linear-gradient(135deg,rgba(79,166,255,.26),rgba(34,209,193,.16));border-color:rgba(79,166,255,.28)}
.nav-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.shell{padding:18px 16px 32px;display:grid;gap:18px}.page{display:none;gap:18px}.page.active{display:grid}
.panel{background:linear-gradient(180deg,rgba(11,24,45,.96),rgba(6,14,27,.98));border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.18)}
.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9bd5ff;font-weight:900;margin-bottom:10px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.section-head h2,.section-head h3{margin:0}.section-head p{margin:6px 0 0;color:var(--muted);line-height:1.55;font-size:14px}
.lead{color:var(--muted);line-height:1.65;margin:0}
.home-grid-top{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start}.home-grid-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
.hero-card{display:grid;gap:16px}.hero-title{font-size:38px;line-height:1.08;margin:0}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:12px;font-weight:800}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.kpi-card .label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9fc0e4;font-weight:900}.kpi-card .value{font-size:28px;font-weight:900;margin-top:10px;line-height:1.08}.kpi-card .sub{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5}
.leader-hero{display:grid;gap:12px}.leader-tile{padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(79,166,255,.17),rgba(34,209,193,.1));border:1px solid rgba(79,166,255,.24)}.leader-tile .role{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#b7e8ff;font-weight:900}.leader-tile .name{font-size:28px;font-weight:900;margin-top:10px}
.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.action-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.action-card strong{display:block;font-size:15px}.action-card span{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5}
.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.viz-card{padding:14px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid var(--line)}.viz-card h4{margin:0 0 12px;font-size:18px}.viz-card.tight{padding:12px}
.bar-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(0,160px) 1fr auto;gap:10px;align-items:center}.bar-row .name{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track{height:12px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden}.fill{display:block;height:100%;border-radius:999px}.fill.blue{background:linear-gradient(90deg,var(--blue),var(--cyan))}.fill.orange{background:linear-gradient(90deg,var(--orange),#ffd36e)}.fill.purple{background:linear-gradient(90deg,var(--purple),#d690ff)}.fill.green{background:linear-gradient(90deg,var(--green),#7dedaf)}.fill.red{background:linear-gradient(90deg,var(--red),#ffa4b6)}.bar-row .value{font-size:12px;color:var(--muted);font-weight:800}
.status-dots{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:center}.status-row .legend{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px}.dot{width:10px;height:10px;border-radius:50%}
.progress-table{display:grid;gap:10px}.progress-item{padding:12px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.progress-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.progress-head strong{font-size:14px}.progress-head span{font-size:12px;color:var(--muted)}.mini-stack{display:grid;gap:8px}.mini-row{display:grid;grid-template-columns:90px 1fr auto;gap:8px;align-items:center;font-size:12px}.mini-row .label{color:var(--muted)}
.map-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.map-panel{min-height:420px;padding:0;overflow:hidden}.map-controls{display:flex;gap:8px;flex-wrap:wrap;padding:14px 14px 0}.map-view{height:370px;border-radius:18px;margin:12px 14px 14px;overflow:hidden;border:1px solid var(--line)} #homeMap{width:100%;height:100%}
.spotlight{padding:0;overflow:hidden}.spotlight img{width:100%;height:210px;object-fit:cover;display:block}.spotlight-body{padding:16px;display:grid;gap:12px}.spotlight-body h3{margin:0;font-size:24px}.spotlight-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-chip{padding:10px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.stat-chip .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a7c2e2;font-weight:900}.stat-chip .v{font-size:18px;font-weight:900;margin-top:6px}
.project-links{display:flex;gap:8px;flex-wrap:wrap}.leaflet-container{background:#0d1b31}.leaflet-control-attribution{font-size:10px}
.pm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pm-card{padding:14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line);cursor:pointer}.pm-card .small{font-size:11px;color:#9fc0e4;font-weight:900;letter-spacing:.12em}.pm-card .project{font-size:18px;font-weight:900;margin-top:8px}.pm-card .name{font-size:14px;font-weight:800;margin-top:8px;line-height:1.4}.pm-card .role{font-size:12px;color:var(--muted);margin-top:6px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.badge{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.06);font-size:11px;font-weight:900}
.filters{display:flex;gap:10px;flex-wrap:wrap}.input{border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);padding:11px 14px;min-width:220px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card{padding:0;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid var(--line);cursor:pointer;transition:transform .16s ease,border-color .16s ease}.project-card:hover{transform:translateY(-2px);border-color:rgba(79,166,255,.28)}.project-card img{width:100%;height:210px;object-fit:cover;display:block}.project-card .body{padding:14px}.project-card h4{margin:0;font-size:19px}.project-card p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.analysis-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.analysis-main,.analysis-side{display:grid;gap:14px}.analysis-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.insight-list{display:grid;gap:10px}.insight{padding:12px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line);line-height:1.55}.insight strong{display:block;margin-bottom:6px}
.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-card{padding:10px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line);cursor:pointer}.photo-card img{width:100%;height:140px;object-fit:cover;border-radius:12px}.photo-card strong{display:block;margin-top:8px}.photo-card span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line)}.data-table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.02)}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;font-size:13px}.data-table th{position:sticky;top:0;background:#10203a;z-index:2}
.ai-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:20px}.ai-visual{display:grid;place-items:center;min-height:420px}.orb-wrap{position:relative;width:290px;height:290px}.orb-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(145,211,255,.18);animation:spin 12s linear infinite}.orb-ring.r2{inset:24px;animation-direction:reverse}.orb-ring.r3{inset:50px;animation-duration:9s}.orb-core{position:absolute;inset:76px;border-radius:50%;background:radial-gradient(circle,#b7fdff 0,#46d8d5 22%,#4fa6ff 48%,rgba(159,123,255,.44) 68%,rgba(4,10,18,0) 80%);box-shadow:0 0 80px rgba(79,166,255,.35)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.ai-console{display:grid;gap:14px}.suggestions{display:flex;gap:8px;flex-wrap:wrap}.suggestion{padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);cursor:pointer;color:var(--text)}.answer{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line);min-height:220px}
.roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.road-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.road-card strong{display:block;font-size:13px;color:#9fd4ff;letter-spacing:.12em;text-transform:uppercase}.road-card span{display:block;margin-top:10px;font-size:18px;font-weight:900}.road-card p{color:var(--muted);line-height:1.6}
.modal{position:fixed;inset:0;background:rgba(3,8,18,.82);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.open{display:flex}.modal-card{width:min(1220px,96vw);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#0c1a31,#08111f);border:1px solid var(--line);border-radius:24px;padding:18px;position:relative}.modal-close{position:absolute;right:14px;top:14px;border:none;background:rgba(255,255,255,.08);color:#fff;width:40px;height:40px;border-radius:999px;cursor:pointer;font-size:24px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-cover{width:100%;height:320px;object-fit:cover;border-radius:18px}.detail-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.detail-gallery img{width:100%;height:120px;object-fit:cover;border-radius:12px}
.footer{border-top:1px solid var(--line)}.footer-inner{padding:18px 16px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}
[dir="rtl"] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif}[dir="rtl"] .data-table th,[dir="rtl"] .data-table td{text-align:right}[dir="rtl"] .bar-row{grid-template-columns:auto 1fr minmax(0,160px)}[dir="rtl"] .bar-row .name{order:3}[dir="rtl"] .bar-row .track{order:2}[dir="rtl"] .bar-row .value{order:1}[dir="rtl"] .mini-row{grid-template-columns:auto 1fr 90px}[dir="rtl"] .mini-row .label{order:3}[dir="rtl"] .mini-row .track{order:2}[dir="rtl"] .mini-row .value{order:1}
@media (max-width:1200px){.home-grid-top,.home-grid-bottom,.analysis-grid,.ai-layout,.map-layout,.modal-grid{grid-template-columns:1fr}.project-grid,.pm-grid,.roadmap-grid,.analysis-cards,.kpi-grid,.detail-gallery,.action-grid,.visual-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.project-grid,.pm-grid,.roadmap-grid,.analysis-cards,.kpi-grid,.detail-gallery,.action-grid,.visual-grid,.photo-grid{grid-template-columns:1fr}.hero-title{font-size:28px}.brand-logo{width:min(210px,56vw)}.input{min-width:unset;width:100%}.title-row{flex-direction:column}}


/* refinement patch */
.action-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}
.action-card{min-height:92px;display:flex;flex-direction:column;justify-content:center}
.action-card strong{font-size:16px}
.action-card span{font-size:13px}
.mini-dashboard{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:2px}
.mini-photo{min-height:132px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.mini-photo img{width:100%;height:132px;object-fit:cover;display:block}
.mini-photo .caption{padding:10px 12px;font-size:12px;color:var(--muted)}
.mini-panel{padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.mini-panel h4{margin:0 0 10px;font-size:15px}
.compact-list{display:grid;gap:8px}
.compact-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);font-size:12px}
.compact-item strong{font-size:13px}
.home-grid-top,.home-grid-bottom{align-items:stretch}
.home-grid-bottom>.panel{display:flex;flex-direction:column}
.visual-grid{grid-template-columns:1fr 1fr}
.visual-grid .viz-card{min-height:0}
.map-layout{grid-template-columns:1fr 1fr;align-items:start}
.map-panel{display:flex;flex-direction:column}
.map-view{height:290px;flex:0 0 auto}
.map-project-pills{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px}
.map-project-pills button{border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);padding:8px 11px;font-size:12px;cursor:pointer}
.spotlight{display:flex;flex-direction:column}
.spotlight img{height:185px}
.spotlight-body{flex:1}
.analysis-layout-3{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.analysis-stack{display:grid;gap:14px}
.analysis-rows{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.analysis-rows .viz-card,.analysis-stack .viz-card{min-height:0}
.executive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.executive-card{padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.executive-card .eyebrow{margin-bottom:8px}
.executive-card strong{font-size:15px;display:block;margin-bottom:6px}
.executive-card p{margin:0;color:var(--muted);line-height:1.5}
.photo-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.photo-grid-3 .photo-card img{height:150px}
.ai-layout{grid-template-columns:.9fr 1.1fr;align-items:start}
.ai-visual{min-height:520px;background:radial-gradient(circle at 50% 42%,rgba(79,166,255,.14),rgba(7,17,32,0) 45%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));position:relative;overflow:hidden}
.ai-hud{position:absolute;inset:18px;border:1px solid rgba(79,166,255,.18);border-radius:24px;pointer-events:none}
.ai-gridline{position:absolute;inset:0;background-image:linear-gradient(rgba(79,166,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(79,166,255,.06) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at center,black 35%,transparent 72%);opacity:.5;pointer-events:none}
.holo-card{position:absolute;left:50%;transform:translateX(-50%);bottom:34px;width:min(520px,88%);padding:16px 18px;border-radius:22px;background:linear-gradient(180deg,rgba(9,26,53,.88),rgba(7,18,36,.72));border:1px solid rgba(79,166,255,.22);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.holo-card h4{margin:0 0 8px;font-size:16px}
.holo-card p{margin:0;color:var(--muted);line-height:1.55}
.orb-wrap{width:320px;height:320px}
.answer{min-height:320px;display:grid;gap:14px;align-content:start}
.answer-card{padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.answer-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.answer-kpis .stat-chip .v{font-size:16px}
.answer-ref{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.answer-ref img{width:84px;height:62px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.select-readable,.input,select,input{color:var(--text)}
select option{color:#111;background:#fff}
@media (max-width:1200px){.mini-dashboard,.analysis-layout-3,.analysis-rows,.map-layout{grid-template-columns:1fr}.photo-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.photo-grid-3,.answer-kpis{grid-template-columns:1fr}.map-view{height:240px}.orb-wrap{width:250px;height:250px}}

/* final correction patch */
.action-card,.action-card strong,.action-card span,.action-btn,.tab,.pill-btn{color:var(--text)!important}
.action-card{display:flex;flex-direction:column;justify-content:center;min-height:96px}
.action-card span{color:#d7e8ff!important}
.primary{background:linear-gradient(135deg,rgba(79,166,255,.24),rgba(34,209,193,.18));border-color:rgba(79,166,255,.35)}
.hero-card .kpi-card .value{font-size:24px}
.spotlight{min-height:420px}
.spotlight-body{min-height:220px}
.map-layout{grid-template-columns:1.05fr .95fr}
#homeMap{filter:saturate(.95) brightness(.95)}
.project-card.rich .desc{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:86px}
.project-card.rich .pm-line{font-weight:700}
.analysis-layout-3{grid-template-columns:1.2fr .8fr}
.analysis-rows .viz-card{height:auto}
.viz-card .compact-list{min-height:unset}
.analysis-side{display:grid;gap:14px;align-content:start}
.executive-grid{grid-template-columns:1fr}
.photo-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.ai-console .input{flex:1}
.ai-query-row{display:flex;gap:10px;align-items:center}
.future-panels{position:absolute;left:50%;transform:translateX(-50%);bottom:28px;width:min(560px,92%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mini-future{padding:12px;border-radius:16px;background:rgba(7,18,36,.72);border:1px solid rgba(79,166,255,.18);backdrop-filter:blur(8px)}
.mini-future strong{display:block;font-size:12px;color:#bde8ff}
.mini-future span{display:block;margin-top:6px;font-weight:900}
.answer-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-links .action-btn{font-size:13px}
.input, select, input{background:rgba(255,255,255,.06);color:var(--text)!important}
select option{color:#111;background:#fff}
.map-project-pills{max-height:110px;overflow:auto}
@media (max-width:1200px){.analysis-layout-3,.map-layout,.home-grid-top,.home-grid-bottom,.ai-layout{grid-template-columns:1fr}.future-panels{grid-template-columns:1fr}}
@media (max-width:760px){.ai-query-row,.answer-kpis{grid-template-columns:1fr;display:grid}.project-card.rich .desc{min-height:0}}

/* OpenAI + analysis upgrade */
.analysis-hero-tech{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}
.tech-screen{position:relative;overflow:hidden;padding:20px;border-radius:24px;border:1px solid rgba(79,166,255,.2);background:linear-gradient(180deg,rgba(8,20,39,.98),rgba(9,24,49,.96));min-height:280px}
.scan-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(79,166,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(79,166,255,.06) 1px,transparent 1px);background-size:30px 30px;opacity:.45;pointer-events:none}
.tech-header{position:relative;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#a8ddff;font-weight:900}
.tech-header strong{font-size:26px;color:#fff;letter-spacing:normal}
.tech-ring{position:relative;margin:26px auto 18px;width:180px;height:180px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--ring, 50) * 1%), rgba(255,255,255,.08) 0);display:grid;place-items:center;box-shadow:0 0 60px rgba(79,166,255,.16)}
.tech-ring::after{content:"";position:absolute;inset:16px;border-radius:50%;background:linear-gradient(180deg,#071221,#0d1a31);border:1px solid rgba(255,255,255,.05)}
.tech-ring-fill{display:none}
.tech-ring-center{position:relative;z-index:1;display:grid;place-items:center;text-align:center}
.tech-ring-center span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#a8ddff;font-weight:800}
.tech-ring-center strong{font-size:34px;line-height:1.05}
.signal-strip{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.signal-chip{padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(79,166,255,.14)}
.signal-chip span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#9bc8ef;font-weight:800}
.signal-chip strong{display:block;margin-top:8px;font-size:18px}
.tech-viz{position:relative;overflow:hidden}
.viz-glow{position:absolute;inset:auto -40px -60px auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(79,166,255,.22),transparent 70%);pointer-events:none}
.viz-glow.orange{background:radial-gradient(circle,rgba(255,180,92,.18),transparent 70%)}
.viz-glow.green{background:radial-gradient(circle,rgba(47,208,127,.18),transparent 70%)}
.viz-glow.purple{background:radial-gradient(circle,rgba(159,123,255,.18),transparent 70%)}
.tech-side-panel{min-height:100%}
.ai-robot-panel{display:grid;align-content:center;justify-items:center;padding-top:24px}
.robot-shell{position:relative;z-index:1;display:grid;justify-items:center;gap:10px;margin-top:10px}
.robot-halo{position:absolute;top:-22px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(79,166,255,.24),rgba(79,166,255,.08) 36%,transparent 68%);filter:blur(4px)}
.robot-head{position:relative;width:210px;height:220px;border-radius:38px;background:linear-gradient(180deg,#d8f6ff 0%,#8fd5ff 12%,#12294e 14%,#0b1f3d 88%);padding:10px;box-shadow:0 24px 90px rgba(79,166,255,.25), inset 0 1px 0 rgba(255,255,255,.3)}
.robot-head::before{content:"";position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:20px;height:28px;border-radius:12px;background:linear-gradient(180deg,#7be6ff,#2e78ff);box-shadow:0 0 22px rgba(123,230,255,.5)}
.robot-faceplate{position:absolute;inset:20px;border-radius:28px;background:linear-gradient(180deg,rgba(3,8,18,.95),rgba(10,24,48,.98));border:1px solid rgba(123,230,255,.25);display:grid;grid-template-rows:auto 1fr auto;align-items:center;padding:18px 20px}
.robot-brow{height:8px;width:100%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(123,230,255,.85),transparent);opacity:.9}
.robot-eyes{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
.robot-eyes span{display:block;height:28px;border-radius:16px;background:radial-gradient(circle at 50% 50%,#fff 0,#b7fdff 12%,#61e2ff 35%,#2d6cff 75%,rgba(45,108,255,.2) 100%);box-shadow:0 0 24px rgba(97,226,255,.55);animation:blink 4.5s infinite}
.robot-mouth{height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(79,166,255,.15),#7be6ff,rgba(79,166,255,.15));box-shadow:0 0 18px rgba(123,230,255,.3)}
.robot-neck{width:74px;height:20px;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#17345e,#0c1c35);border:1px solid rgba(123,230,255,.18)}
.robot-shoulders{width:300px;height:90px;border-radius:28px 28px 18px 18px;background:linear-gradient(180deg,#102544,#0b1630);border:1px solid rgba(123,230,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
@keyframes blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.15)}}
.suggestion-row{display:flex;flex-wrap:wrap;gap:8px}
.suggestion-pill{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);padding:9px 12px;border-radius:999px;font-weight:700;cursor:pointer}
.answer-main h3,.visual-answer h4{margin:0}
.answer-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}
.mini-badge{padding:6px 10px;border-radius:999px;background:rgba(79,166,255,.12);border:1px solid rgba(79,166,255,.24);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9bd5ff;font-weight:900}
.visual-series{display:grid;gap:10px}
.visual-row{display:grid;grid-template-columns:minmax(0,160px) 1fr auto;gap:10px;align-items:center}
.visual-label{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.visual-track{height:12px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden}
.visual-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.visual-value{font-size:12px;color:var(--muted);font-weight:800}
.answer-ref-grid{display:grid;gap:10px}
.ref-card{cursor:pointer}
.ref-kpis{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:var(--muted);font-size:12px}
@media (max-width:1200px){.analysis-hero-tech,.signal-strip{grid-template-columns:1fr}.robot-shoulders{width:250px}.robot-halo{width:220px;height:220px}}
@media (max-width:760px){.visual-row{grid-template-columns:1fr}.answer-title-row{flex-direction:column}.robot-head{width:180px;height:190px}.robot-shoulders{width:210px;height:72px}.signal-strip{grid-template-columns:1fr 1fr}}
.home-live-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 2px}
.live-pill,.live-telemetry,.ai-hint-strip,.ai-intro-block{border:1px solid rgba(79,166,255,.16);background:rgba(255,255,255,.035)}
.live-pill{padding:12px 14px;border-radius:16px}
.live-pill span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9ecff7;font-weight:800}
.live-pill strong{display:block;margin-top:8px;font-size:15px}
.analysis-live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.live-telemetry{padding:14px;border-radius:18px;display:grid;gap:6px;position:relative;overflow:hidden}
.live-telemetry::after{content:"";position:absolute;inset:auto -25% -65% auto;width:120px;height:120px;background:radial-gradient(circle,rgba(79,166,255,.18),transparent 65%)}
.live-telemetry span{font-size:11px;color:#9ecff7;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.live-telemetry strong{font-size:15px}
.live-telemetry small{font-size:13px;color:var(--muted);font-weight:800}
.ai-intro-block{position:absolute;left:50%;top:34px;transform:translateX(-50%);width:min(480px,88%);padding:14px 16px;border-radius:18px;text-align:center;backdrop-filter:blur(10px)}
.ai-intro-block h3{margin:4px 0 8px}
.ai-intro-block p{margin:0}
.dynamic-stats{bottom:22px}
.pulse{animation:pulseGlow 3s ease-in-out infinite}
.ai-hint-strip{padding:12px 14px;border-radius:16px;color:#cfe7ff;font-size:13px;line-height:1.5}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 rgba(79,166,255,0)}50%{box-shadow:0 0 24px rgba(79,166,255,.15)}}
@media (max-width:1200px){.analysis-live-grid,.home-live-strip{grid-template-columns:1fr 1fr}.ai-intro-block{position:relative;top:auto;left:auto;transform:none;width:100%;margin-bottom:12px}}
@media (max-width:760px){.analysis-live-grid,.home-live-strip{grid-template-columns:1fr}}


.fill{transition:width 1.1s ease; box-shadow:0 0 16px rgba(103,194,255,.12)}
.answer-card{backdrop-filter: blur(6px); transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease}
.answer-card:hover,.viz-card:hover,.kpi-card:hover,.live-pill:hover,.pm-card:hover{transform:translateY(-2px); border-color:rgba(103,194,255,.32); box-shadow:0 12px 30px rgba(8,23,56,.25)}
.visual-track span,.track .fill{animation:growBar 1.1s ease both}
.tech-note{border-color:rgba(255,195,82,.28); background:rgba(255,190,90,.06)}
.tech-note .eyebrow{color:#ffd36e}
@keyframes growBar{from{width:0}to{}}