:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#08090b;color:#f6f7fa}*{box-sizing:border-box}body{margin:0}header{height:78px;border-bottom:1px solid #22252c;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw)}a{color:inherit;text-decoration:none}.brand{font-size:14px;font-weight:850;letter-spacing:.15em}.brand span{color:#a5a7b0}nav{display:flex;gap:26px;font-size:13px;color:#bfc2cb}nav a:hover{color:#f5d22c}.landing{max-width:1040px;margin:8vh auto;padding:0 24px;text-align:center}.eyebrow{font-size:11px;color:#f5d22c;letter-spacing:.23em;font-weight:700}h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.04em;margin:16px 0 12px}p,.note{color:#959aa5}.choices{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:52px 0 28px}.choice{min-height:290px;background:#111318;border:1px solid #2a2d35;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:34px 24px 24px;transition:.2s}.choice:hover{border-color:#f5d22c;transform:translateY(-3px)}.choice img{height:175px;width:100%;object-fit:contain}.choice span{font-size:13px;color:#bfc2cb;width:100%;display:flex;justify-content:space-between}.castle-mark{font-size:36px;letter-spacing:.08em;font-family:Georgia,serif;margin-top:48px;color:#d2c2a1}.castle-mark small{font-size:20px}.dashboard{max-width:1260px;margin:auto;padding:40px 24px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.top img{width:180px;height:100px;object-fit:contain}.tag{color:#f5d22c;font-size:12px;letter-spacing:.15em}.muted{color:#959aa5;font-size:13px}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:28px 0}select{background:#151820;color:#fff;border:1px solid #343842;border-radius:10px;padding:11px 14px}.pill{border:1px solid #4d4420;color:#f5d22c;padding:10px 14px;border-radius:20px;font-size:12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.panel{background:#13161c;border:1px solid #282c35;border-radius:16px;padding:22px}.kpi-label{color:#a6abb5;font-size:13px}.value{font-size:clamp(24px,2.6vw,36px);font-weight:750;letter-spacing:-.04em;margin:15px 0 5px}.sub{color:#8c929f;font-size:12px}.charts{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:18px}h2{font-size:17px;margin:0 0 18px}.bars{display:flex;align-items:end;gap:12px;height:190px;border-bottom:1px solid #343842;padding:12px 5px 0}.bar{flex:1;background:linear-gradient(#f6d74c,#c99e1d);border-radius:5px 5px 0 0;position:relative;min-width:0}.bar small{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font-size:10px;color:#a8acb5}.channels{display:grid;gap:19px}.channel-line{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.track{height:9px;background:#282c35;border-radius:10px;overflow:hidden}.fill{height:100%;background:#f1cc37;border-radius:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{padding:13px 10px;border-bottom:1px solid #2a2e36}th{color:#9299a5;font-weight:500}.foot{font-size:12px;color:#9299a5;margin-top:24px;line-height:1.6}@media(max-width:800px){.kpis{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.choices{grid-template-columns:1fr}.landing{margin-top:5vh}nav{gap:12px;font-size:11px}}@media(max-width:460px){.kpis{grid-template-columns:1fr 1fr}.panel{padding:15px}.value{font-size:23px}header{padding:0 14px}.brand{font-size:11px}}
