@import url('../../packages/design-system/tokens.css');
*{box-sizing:border-box}html,body{margin:0;background:var(--h-black);color:var(--h-silver);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;min-height:100%}body{overflow-x:hidden}.grid-bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 20%,rgba(0,140,255,.1),transparent 30%),radial-gradient(circle at 10% 80%,rgba(230,0,18,.09),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,42px 42px,42px 42px;mask-image:linear-gradient(to bottom,black,transparent 95%)}header{height:72px;border-bottom:1px solid var(--h-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;background:rgba(5,5,5,.88);backdrop-filter:blur(16px);z-index:3}.brand{color:inherit;text-decoration:none;font-weight:800;letter-spacing:.11em;display:flex;align-items:center;gap:12px}.mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,26,26,.55);color:var(--h-red-bright);box-shadow:var(--h-shadow-red);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.system{font-size:11px;color:var(--h-muted);letter-spacing:.12em}.dot{display:inline-block;width:7px;height:7px;background:var(--h-blue);border-radius:50%;box-shadow:0 0 16px var(--h-blue);margin-right:8px}main{display:grid;grid-template-columns:220px minmax(500px,1fr) 300px;gap:14px;padding:14px;max-width:1700px;margin:auto}.panel{background:linear-gradient(180deg,rgba(18,21,28,.78),rgba(9,10,14,.76));border:1px solid var(--h-border);border-radius:var(--h-radius);backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.025)}.side,.right{padding:18px;height:calc(100vh - 100px);position:sticky;top:86px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--h-muted);font-weight:700;margin-bottom:14px}.asset{width:100%;border:1px solid transparent;background:transparent;color:var(--h-silver);padding:13px 12px;text-align:left;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:4px}.asset.active{border-color:rgba(0,168,255,.3);background:rgba(0,168,255,.06);box-shadow:var(--h-shadow-blue)}.asset span{color:var(--h-muted)}.mini{margin-top:28px;border-top:1px solid var(--h-border);padding-top:16px}.mini div{display:flex;justify-content:space-between;font-size:10px;margin:11px 0}.mini span{color:var(--h-muted)}.mini strong{color:var(--h-red-bright);font-size:9px}.center{display:grid;gap:14px}.hero{padding:24px;display:grid;grid-template-columns:1fr 210px;gap:20px;align-items:center;min-height:220px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(0,168,255,.12);border-radius:50%;right:-80px;top:-80px;box-shadow:0 0 70px rgba(0,168,255,.09)}h1{font-size:clamp(34px,4vw,62px);line-height:.95;margin:0 0 18px;letter-spacing:-.055em}h1 span{color:var(--h-blue)}p{color:#9aa4b5;line-height:1.55;font-size:13px;max-width:760px}.upload{position:relative;z-index:1;border:1px solid rgba(230,0,18,.5);height:126px;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;background:rgba(230,0,18,.035);box-shadow:var(--h-shadow-red);font-size:12px;letter-spacing:.09em;font-weight:800}.upload small{font-size:9px;color:var(--h-muted);margin-top:9px}.analysis{display:grid;grid-template-columns:1.35fr .65fr;min-height:390px;overflow:hidden}.preview-wrap{min-height:390px;border-right:1px solid var(--h-border);display:grid;place-items:center;background:rgba(0,0,0,.38);position:relative}.empty{color:#4d5664;letter-spacing:.18em;font-size:11px}.preview-wrap img{display:none;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.identify{padding:24px}.identify label{display:block;font-size:10px;color:var(--h-muted);letter-spacing:.08em;margin-bottom:14px}.identify input,.identify select{display:block;width:100%;margin-top:7px;border:1px solid var(--h-border);background:#080a0e;color:var(--h-silver);border-radius:9px;padding:11px}.primary{width:100%;padding:13px;border:0;border-radius:10px;background:linear-gradient(90deg,var(--h-red),var(--h-red-bright));color:white;font-weight:800;letter-spacing:.06em;cursor:pointer;box-shadow:var(--h-shadow-red)}.hint{font-size:10px}.agents{padding:18px}.section-title{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em}.section-title b{font-size:9px;color:var(--h-muted)}.agent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.agent{border:1px solid var(--h-border);padding:12px;border-radius:10px;font-size:10px;letter-spacing:.08em}.agent i{display:block;margin-top:8px;font-style:normal;color:var(--h-muted);font-size:9px}.status-big{font-weight:900;font-size:27px;line-height:1;margin:18px 0 28px}.meter{display:flex;justify-content:space-between;align-items:center;margin:14px 0;font-size:10px;color:var(--h-muted)}.meter strong{font-size:11px;color:var(--h-silver)}hr{border:0;border-top:1px solid var(--h-border);margin:22px 0}.thesis{font-size:18px;font-weight:750;line-height:1.25}.topgap{margin-top:26px}.why{font-size:12px;line-height:1.6;color:#a2acba}@media(max-width:1050px){main{grid-template-columns:1fr}.side,.right{height:auto;position:static}.side{display:none}.analysis{grid-template-columns:1fr}.preview-wrap{border-right:0;border-bottom:1px solid var(--h-border)}.right{min-height:280px}}@media(max-width:650px){header{padding:0 14px}.system{display:none}main{padding:9px}.hero{grid-template-columns:1fr}.upload{height:90px}.agent-grid{grid-template-columns:repeat(2,1fr)}.analysis{min-height:0}.preview-wrap{min-height:280px}}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product-panel{padding:18px;min-height:150px}.product-panel.wide{grid-column:1/-1}.tiny,.btn{border:1px solid var(--h-border);background:#090b10;color:var(--h-silver);border-radius:8px;padding:8px 10px;font-size:9px;letter-spacing:.08em;cursor:pointer}.stack{display:grid;gap:7px;margin-top:14px}.muted{color:var(--h-muted);font-size:11px}.intel-row{display:grid;grid-template-columns:80px 60px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--h-border);border-radius:9px;font-size:10px}.score{font-size:18px;font-weight:900;color:var(--h-blue)}.tag{font-size:9px;color:var(--h-muted)}@media(max-width:650px){.product-grid{grid-template-columns:1fr}.product-panel.wide{grid-column:auto}.intel-row{grid-template-columns:65px 45px 1fr}}
.app-nav{display:flex;gap:8px;margin-left:auto;margin-right:18px}.app-nav a{font-size:10px;letter-spacing:.12em;color:#77808d;text-decoration:none;border:1px solid #ffffff16;padding:8px 10px}.app-nav a.active{color:#00a8ff;border-color:#00a8ff44}@media(max-width:760px){.app-nav{display:none}}
.lang-switch{margin-left:auto;background:#0b0d12;border:1px solid #ffffff1c;color:#cbd2dc;padding:8px 10px;font-size:10px;letter-spacing:.12em}
.analysis-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.analysis-actions .primary{margin-top:0;flex:1}.analysis-actions .tiny{white-space:nowrap}.health-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding:10px 12px;border:1px solid var(--h-border);border-radius:10px;background:rgba(0,0,0,.16)}.health-summary div{display:flex;flex-direction:column;gap:4px}.health-summary span{font-size:9px;letter-spacing:.13em;color:var(--h-muted)}.health-summary b{font-size:10px;color:var(--h-silver)}.agent-health{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.agent-health-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--h-border);border-radius:8px;background:rgba(0,0,0,.12);font-size:9px}.agent-health-row div{min-width:0}.agent-health-row strong{font-size:8px;letter-spacing:.06em;white-space:nowrap}.agent-health-row small{display:block;margin-top:3px;color:var(--h-muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-online{color:#41d98a}.health-not-configured,.health-demo{color:#ffbe67}.health-degraded{color:#ffbe67}.health-offline{color:#ff5366}.agent i.health-online{color:#41d98a}.agent i.health-not-configured,.agent i.health-demo{color:#ffbe67}.agent i.health-offline{color:#ff5366}@media(max-width:650px){.agent-health{grid-template-columns:1fr}.analysis-actions{align-items:stretch}.analysis-actions .primary{width:auto}}