:root{--neon-pink:#ff2bd6;--neon-cyan:#00f7ff;--neon-green:#39ff14;--neon-gold:#ffd700;--neon-purple:#b026ff;--neon-red:#ff003c;--neon-orange:#ff9f00;--bg:#05010a;--bg-2:#0a0518;--surface:rgba(12,4,26,.82);--surface-2:rgba(8,2,20,.92);--border:rgba(0,247,255,.28);--border-hi:rgba(0,247,255,.6);--white:#f2f6ff;--muted:#7a6d96;--muted-2:#a99fc4;--display:"Orbitron",sans-serif;--body:"Inter",system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--sp-1:4px;--sp-2:8px;--sp-3:14px;--sp-4:18px;--sp-5:26px;--sp-6:36px;--radius:12px;--radius-sm:8px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--white);font-family:var(--body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse 60% 45% at 50% 0%,rgba(255,43,214,.16),transparent 60%),radial-gradient(ellipse 70% 50% at 100% 100%,rgba(0,247,255,.13),transparent 60%),radial-gradient(ellipse 60% 45% at 0% 100%,rgba(176,38,255,.14),transparent 60%),radial-gradient(ellipse at center,#120022,#05010a 70%);pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(0,247,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,247,255,.03) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 90% 75% at 50% 30%,black,transparent 90%);-webkit-mask-image:radial-gradient(ellipse 90% 75% at 50% 30%,black,transparent 90%);pointer-events:none}main{padding:var(--sp-4);max-width:1600px;margin:0 auto;position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-3) var(--sp-5);background:linear-gradient(180deg,#140428eb,#060212d9);border-bottom:2px solid rgba(0,247,255,.5);position:sticky;top:0;z-index:50;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 0 24px #00f7ff40,0 0 60px #ff2bd61f,0 1px #ff2bd659 inset}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),var(--neon-pink),var(--neon-gold),var(--neon-cyan),transparent);background-size:200% 100%;animation:shimmer 6s linear infinite;opacity:.8}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.brand{display:inline-flex;align-items:baseline;gap:var(--sp-2);font-family:var(--display);font-size:36px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;line-height:1;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan),var(--neon-gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 12px rgba(255,43,214,.55)) drop-shadow(0 0 24px rgba(0,247,255,.35))}.brand .dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--muted);margin-right:var(--sp-2);vertical-align:middle;transform:translateY(-3px);-webkit-text-fill-color:initial}.brand .dot.live{background:var(--neon-green);box-shadow:0 0 14px var(--neon-green),0 0 4px var(--neon-green);animation:pulse 1.5s ease-in-out infinite}.brand .x{color:var(--neon-cyan);-webkit-text-fill-color:var(--neon-cyan);font-weight:900;text-shadow:0 0 18px var(--neon-cyan),0 0 36px rgba(0,247,255,.6)}@keyframes pulse{0%,to{opacity:1;transform:translateY(-3px) scale(1)}50%{opacity:.55;transform:translateY(-3px) scale(1.35)}}.brand-sub{display:block;font-family:var(--display);font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--neon-cyan);font-weight:600;margin-top:6px;text-shadow:0 0 10px rgba(0,247,255,.7);background:none;-webkit-text-fill-color:var(--neon-cyan)}.metrics{display:flex;gap:var(--sp-5);flex-wrap:wrap;align-items:center}.metric{text-align:right}.metric .lbl{font-family:var(--display);font-size:9px;color:var(--neon-cyan);letter-spacing:.24em;text-transform:uppercase;font-weight:700;opacity:.85;text-shadow:0 0 8px rgba(0,247,255,.5)}.metric .val{font-family:var(--display);font-weight:700;font-size:17px;color:var(--white);font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(255,255,255,.2)}.metric .sub{font-size:11px;color:var(--muted)}.pill{border:2px solid var(--border);padding:5px 13px;border-radius:999px;font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);background:#1404288c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pill.live{background:#39ff141f;color:var(--neon-green);border-color:var(--neon-green);box-shadow:0 0 14px #39ff1473,0 0 4px #39ff1499 inset;text-shadow:0 0 10px rgba(57,255,20,.8)}.pill.paper{background:#00f7ff1f;color:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:0 0 14px #00f7ff66,0 0 4px #00f7ff99 inset;text-shadow:0 0 10px rgba(0,247,255,.8)}.pill.sim{background:#7a6d962e;color:var(--muted-2);border-color:#7a6d9680}.pill.kill{background:#ff003c26;color:var(--neon-red);border-color:var(--neon-red);cursor:pointer;box-shadow:0 0 14px #ff003c66}.pill.kill:hover{background:#ff003c4d;box-shadow:0 0 24px #ff003c99,0 0 4px #ff003ccc inset}.tabs{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin:var(--sp-4) 0 var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid rgba(0,247,255,.2)}.tab{border:2px solid rgba(0,247,255,.18);background:#0a021999;color:var(--muted-2);padding:9px 18px;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.18em;cursor:pointer;text-transform:uppercase;border-radius:var(--radius-sm);transition:all .2s}.tab:hover{color:var(--neon-cyan);border-color:var(--border-hi);box-shadow:0 0 14px #00f7ff59}.tab.active{color:var(--neon-cyan);border-color:var(--neon-cyan);background:linear-gradient(180deg,#00f7ff2e,#00f7ff0f);box-shadow:0 0 20px #00f7ff8c,0 0 4px #00f7ffcc inset,0 0 40px #ff2bd626;text-shadow:0 0 12px rgba(0,247,255,.9)}.grid{display:grid;gap:var(--sp-3);margin-top:var(--sp-3)}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.main{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}@media(max-width:1100px){.grid.main,.grid.three,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.grid.main,.grid.two,.grid.three,.grid.four{grid-template-columns:minmax(0,1fr)}}.panel{position:relative;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,43,214,.06),transparent 60%),linear-gradient(180deg,#120626d9,#080214eb);border:2px solid rgba(0,247,255,.35);padding:var(--sp-4);min-width:0;overflow:hidden;border-radius:var(--radius);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 0 20px #00f7ff33,0 0 40px #ff2bd614,0 1px #00f7ff59 inset,0 16px 44px #00000080}.panel:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);box-shadow:0 0 12px var(--neon-cyan);pointer-events:none}.panel h2{font-family:var(--display);font-size:11px;color:var(--neon-cyan);letter-spacing:.24em;text-transform:uppercase;margin:0 0 var(--sp-3);display:flex;justify-content:space-between;align-items:center;font-weight:700;gap:var(--sp-2);text-shadow:0 0 12px rgba(0,247,255,.65)}.panel h2 .meta{color:var(--muted-2);font-size:10px;font-weight:600;letter-spacing:.14em;text-shadow:none}.panel.pink{border-color:#ff2bd680;box-shadow:0 0 22px #ff2bd64d,0 16px 44px #00000080}.panel.pink:before{background:linear-gradient(90deg,transparent,var(--neon-pink),transparent);box-shadow:0 0 12px var(--neon-pink)}.panel.pink h2{color:var(--neon-pink);text-shadow:0 0 12px rgba(255,43,214,.7)}.panel.green{border-color:#39ff1466;box-shadow:0 0 20px #39ff1440,0 16px 44px #00000080}.panel.green:before{background:linear-gradient(90deg,transparent,var(--neon-green),transparent);box-shadow:0 0 12px var(--neon-green)}.panel.green h2{color:var(--neon-green);text-shadow:0 0 12px rgba(57,255,20,.7)}.panel.gold{border-color:#ffd70073;box-shadow:0 0 20px #ffd70040,0 16px 44px #00000080}.panel.gold:before{background:linear-gradient(90deg,transparent,var(--neon-gold),transparent);box-shadow:0 0 12px var(--neon-gold)}.panel.gold h2{color:var(--neon-gold);text-shadow:0 0 12px rgba(255,215,0,.7)}.panel.purple{border-color:#b026ff80;box-shadow:0 0 22px #b026ff4d,0 16px 44px #00000080}.panel.purple:before{background:linear-gradient(90deg,transparent,var(--neon-purple),transparent);box-shadow:0 0 12px var(--neon-purple)}.panel.purple h2{color:var(--neon-purple);text-shadow:0 0 12px rgba(176,38,255,.7)}.panel.red{border-color:#ff003c80;box-shadow:0 0 22px #ff003c4d,0 16px 44px #00000080}.panel.red:before{background:linear-gradient(90deg,transparent,var(--neon-red),transparent);box-shadow:0 0 12px var(--neon-red)}.panel.red h2{color:var(--neon-red);text-shadow:0 0 12px rgba(255,0,60,.7)}.card{position:relative;border:1.5px solid rgba(0,247,255,.28);background:linear-gradient(180deg,#100522bf,#060212e6);padding:var(--sp-3);min-width:0;overflow:hidden;border-radius:var(--radius-sm);box-shadow:0 0 14px #00f7ff26,0 1px #00f7ff40 inset,0 8px 22px #0006}.card .lbl{font-family:var(--display);font-size:10px;color:var(--neon-cyan);letter-spacing:.22em;text-transform:uppercase;font-weight:700;opacity:.85;text-shadow:0 0 8px rgba(0,247,255,.5)}.card .val{font-family:var(--display);font-size:22px;font-weight:900;margin-top:var(--sp-1);color:var(--white);font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(255,255,255,.25);letter-spacing:.02em}.cy{color:var(--neon-cyan);text-shadow:0 0 12px rgba(0,247,255,.6)}.gr{color:var(--neon-green);text-shadow:0 0 14px rgba(57,255,20,.55)}.rd{color:var(--neon-red);text-shadow:0 0 14px rgba(255,0,60,.55)}.am{color:var(--neon-gold);text-shadow:0 0 12px rgba(255,215,0,.6)}.mu{color:var(--muted-2)}.wh{color:var(--white)}.sense{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.sense-tile{position:relative;border:1.5px solid rgba(0,247,255,.28);background:linear-gradient(180deg,#0e041ebf,#060212e6);padding:var(--sp-3);min-width:0;overflow:hidden;border-radius:var(--radius-sm);transition:all .2s}.sense-tile:hover{border-color:var(--neon-cyan);box-shadow:0 0 24px #00f7ff66,0 0 4px #00f7ff99 inset}.sense-tile .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2)}.sense-tile .name{font-family:var(--display);font-size:11px;font-weight:700;color:var(--white);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.3)}.sense-tile .status{font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.14em}.sense-tile .data{margin-top:var(--sp-1);font-size:13px;color:var(--neon-cyan);word-break:break-word;font-weight:600;text-shadow:0 0 10px rgba(0,247,255,.5)}.sense-tile .detail{font-size:12px;color:var(--muted-2);word-break:break-word;margin-top:3px}@media(max-width:720px){.sense{grid-template-columns:repeat(2,minmax(0,1fr))}}.log{max-height:420px;overflow-y:auto;overflow-x:hidden;font-size:12px;line-height:1.55}.log .row{display:flex;gap:var(--sp-2);padding:8px 0;border-bottom:1px solid rgba(0,247,255,.12);align-items:flex-start;min-width:0}.log .ts{color:var(--muted);flex-shrink:0;font-size:11px;font-family:var(--mono)}.log .kind{flex-shrink:0;min-width:76px;font-family:var(--display);font-weight:700;font-size:10px;letter-spacing:.14em}.log .txt{color:var(--white);flex:1 1 auto;min-width:0;overflow-wrap:anywhere;word-break:break-word}.log .txt div{margin-top:var(--sp-1);overflow-wrap:anywhere;word-break:break-word}.tbl{width:100%;font-size:12px;border-collapse:collapse;table-layout:fixed}.tbl th{font-family:var(--display);color:var(--neon-cyan);font-size:10px;letter-spacing:.2em;text-align:left;padding:10px 8px;border-bottom:1.5px solid rgba(0,247,255,.4);text-transform:uppercase;font-weight:700;text-shadow:0 0 8px rgba(0,247,255,.6)}.tbl td{padding:9px 8px;border-bottom:1px solid rgba(0,247,255,.1);overflow-wrap:anywhere;font-family:var(--mono);font-size:12px}.tbl td.r{text-align:right}.tbl tr:hover td{background:#00f7ff0d}.empty{padding:var(--sp-5);text-align:center;color:var(--muted);font-size:13px;letter-spacing:.08em;font-family:var(--display)}.kv{display:flex;justify-content:space-between;gap:var(--sp-2);padding:9px 0;font-size:13px;border-bottom:1px solid rgba(0,247,255,.1);min-width:0}.kv .k{color:var(--muted-2);flex-shrink:0;font-weight:600;letter-spacing:.04em}.kv .v{color:var(--white);font-weight:700;overflow-wrap:anywhere;text-align:right;min-width:0;font-family:var(--mono)}button{background:linear-gradient(180deg,#14062ad9,#0a0216f2);border:1.5px solid rgba(0,247,255,.35);color:var(--white);padding:9px 16px;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.14em;cursor:pointer;border-radius:var(--radius-sm);text-transform:uppercase;transition:all .2s}button:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 20px #00f7ff80,0 0 4px #00f7ffcc inset;text-shadow:0 0 10px rgba(0,247,255,.8)}button.primary{background:linear-gradient(180deg,#00f7ff38,#00f7ff14);border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 22px #00f7ff73,0 0 4px #00f7ff99 inset;text-shadow:0 0 12px rgba(0,247,255,.9)}button.danger{background:linear-gradient(180deg,#ff003c38,#ff003c14);border-color:var(--neon-red);color:var(--neon-red);box-shadow:0 0 22px #ff003c73,0 0 4px #ff003c99 inset;text-shadow:0 0 12px rgba(255,0,60,.9)}button.sm{padding:5px 10px;font-size:10px}input,select,textarea{background:#0a0218d9;border:1.5px solid rgba(0,247,255,.3);color:var(--white);padding:11px;font-family:var(--body);font-size:13px;width:100%;margin:var(--sp-1) 0;border-radius:var(--radius-sm);outline:none;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #00f7ff26,0 0 20px #00f7ff66}textarea{resize:vertical;min-height:70px}pre{background:#04010cd9;border:1.5px solid rgba(0,247,255,.22);padding:var(--sp-3);font-size:12px;max-height:340px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;border-radius:var(--radius-sm);font-family:var(--mono);color:var(--muted-2);line-height:1.55;box-shadow:0 0 16px #00f7ff1a inset}.alert{padding:var(--sp-3);border:1.5px solid var(--neon-red);background:#ff003c1a;color:var(--neon-red);border-radius:var(--radius-sm);font-size:13px;margin-bottom:var(--sp-3);box-shadow:0 0 20px #ff003c59;text-shadow:0 0 8px rgba(255,0,60,.7)}.login{min-height:100vh;display:grid;place-items:center;padding:var(--sp-4);position:relative}.login .box{position:relative;background:linear-gradient(180deg,#14062af2,#080214fa);border:2px solid rgba(0,247,255,.4);padding:var(--sp-6);width:min(440px,100%);border-radius:var(--radius);box-shadow:0 0 30px #00f7ff59,0 0 60px #ff2bd626,0 1px #00f7ff80 inset,0 24px 80px #000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login .box:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--neon-pink),var(--neon-cyan),var(--neon-gold),var(--neon-pink));background-size:300% 300%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderdance 6s linear infinite;opacity:.85;pointer-events:none}@keyframes borderdance{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login h1{font-family:var(--display);color:var(--white);letter-spacing:.08em;margin:0 0 var(--sp-1);font-size:36px;font-weight:900;text-transform:uppercase;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan),var(--neon-gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(255,43,214,.6)) drop-shadow(0 0 24px rgba(0,247,255,.4))}.login h1 .x{color:var(--neon-cyan);-webkit-text-fill-color:var(--neon-cyan);text-shadow:0 0 22px var(--neon-cyan)}.login .sub{font-family:var(--display);color:var(--neon-cyan);font-size:10px;letter-spacing:.36em;text-transform:uppercase;margin-bottom:var(--sp-5);font-weight:600;text-shadow:0 0 10px rgba(0,247,255,.7)}.login button{width:100%;background:linear-gradient(180deg,#00f7ff47,#00f7ff1a);border-color:var(--neon-cyan);color:var(--neon-cyan);padding:var(--sp-3);font-weight:700;letter-spacing:.16em;box-shadow:0 0 30px #00f7ff80;text-shadow:0 0 12px rgba(0,247,255,.9)}.login .err{color:var(--neon-red);font-size:12px;margin-top:var(--sp-2);text-shadow:0 0 8px rgba(255,0,60,.7)}.chartwrap{width:100%;height:460px;min-height:460px;border-radius:var(--radius-sm);overflow:hidden;background:radial-gradient(ellipse at center,#00142899,#04010ce6);box-shadow:0 0 30px #00f7ff33 inset}.pillbar{display:flex;gap:var(--sp-2);flex-wrap:wrap}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#00f7ff0a}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan),var(--neon-pink));border-radius:4px;box-shadow:0 0 10px #00f7ff99}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-pink),var(--neon-cyan))}@media(max-width:720px){html,body{font-size:14px}.brand{font-size:26px}.brand-sub{font-size:9px;letter-spacing:.3em}.chartwrap{height:340px;min-height:340px}.log{max-height:320px}.metrics{gap:var(--sp-3)}.metric{text-align:left}main{padding:14px}}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login .box{width:min(520px,calc(100% - 32px));padding:48px 40px}.login h1{font-size:32px!important;line-height:1.05;letter-spacing:.08em;margin-bottom:8px}.login .sub{font-size:12px!important;letter-spacing:.36em;margin-bottom:32px;line-height:1.6}.login form{display:flex;flex-direction:column;gap:14px}.login input{font-size:16px!important;padding:16px 18px!important;margin:0!important;font-family:Inter,system-ui,sans-serif;letter-spacing:.04em}.login button{font-size:13px!important;padding:18px!important;margin-top:8px;letter-spacing:.2em}.login .err{font-size:13px;margin-top:14px}@media(max-width:420px){.login h1{font-size:28px!important}.login .box{padding:32px 22px!important}.login input{font-size:15px!important;padding:14px 16px!important}.login button{font-size:13px!important;padding:16px!important}}@media(max-width:720px){.topbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 14px!important}.topbar>div{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}.brand{font-size:26px!important}.brand-sub{font-size:9px!important;letter-spacing:.3em!important}.metric .lbl{font-size:9px!important}.metric .val{font-size:14px!important}.metrics{gap:10px!important}}.topbar{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:14px 18px!important;text-align:center}.topbar>div{width:100%!important;justify-content:center!important;flex-wrap:wrap!important;gap:12px!important}.brand{font-size:32px!important;letter-spacing:.08em!important}.metrics{justify-content:center!important;gap:14px!important}.metric{text-align:center!important}@media(max-width:720px){.brand{font-size:24px!important}.metric .val{font-size:14px!important}.pill{font-size:9px!important;padding:5px 10px!important}}.grid.two>.panel:nth-child(3){grid-column:1 / -1}.topbar{width:100%!important;max-width:100%!important;padding:22px 24px!important;margin:0!important;border-radius:0!important}.brand{font-size:44px!important;letter-spacing:.12em!important;line-height:1!important;display:inline-flex!important;align-items:baseline;gap:6px}.brand-sub{font-size:12px!important;letter-spacing:.44em!important;margin-top:8px!important}@media(max-width:720px){.topbar{padding:18px 14px!important}.brand{font-size:36px!important;letter-spacing:.1em!important}.brand-sub{font-size:10px!important;letter-spacing:.36em!important}}.topbar{padding:44px 24px!important;min-height:170px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:18px!important}.brand{font-size:52px!important;line-height:1!important}.brand-sub{font-size:13px!important;letter-spacing:.44em!important;margin-top:10px!important}.topbar>div{gap:16px!important}.metrics{gap:20px!important}@media(max-width:720px){.topbar{padding:32px 16px!important;min-height:140px!important;gap:14px!important}.brand{font-size:40px!important}.brand-sub{font-size:10px!important;letter-spacing:.34em!important}}