@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,450;0,500;0,600;0,700;1,400;1,500;1,600&display=swap');

/* === TrustMetrix Global Typography Update: IBM Plex Sans ===
   Applied only through CSS to preserve all PHP/HTML structure and functionality. */
:root{
  --tm-font-sans: "IBM Plex Sans", Inter, Arial, Helvetica, sans-serif;
}

/* === Trustmetrix 2026 dark technology UI: login + executive dashboard === */
.dashboard-tech{
  --tm-bg:#020a19;
  --tm-panel:#07162d;
  --tm-panel-soft:#091b37;
  --tm-border:rgba(31,111,255,.32);
  --tm-text:#f4f8ff;
  --tm-muted:#8fa9ce;
  --tm-electric:#1268ff;
  --tm-cyan:#20d8ff;
  min-height:100vh;
  color:var(--tm-text);
  background:
    radial-gradient(circle at 82% 4%,rgba(19,88,255,.17),transparent 28%),
    radial-gradient(circle at 38% 100%,rgba(0,189,255,.08),transparent 35%),
    var(--tm-bg);
}
.dashboard-tech .dash-wrap{min-height:100vh;background:transparent;position:relative;isolation:isolate}
.dashboard-tech .dash-wrap:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(27,99,220,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(27,99,220,.16) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.dashboard-tech .sidebar{width:270px;flex:0 0 270px;min-height:100vh;padding:30px 20px;background:linear-gradient(180deg,rgba(5,20,45,.98),rgba(2,10,25,.98));border-right:1px solid rgba(30,112,255,.28);box-shadow:20px 0 60px rgba(0,0,0,.24);position:sticky;top:0;align-self:flex-start}
.dashboard-tech .sidebar h2{margin:0 8px 30px;padding:0 0 24px;color:#fff;font-size:22px;letter-spacing:-.3px;border-bottom:1px solid rgba(75,138,255,.2);display:flex;align-items:center}
.dashboard-tech .sidebar h2:before{content:none}
.dashboard-tech .sidebar h2 .sidebar-logo{width:28px;height:28px;margin-right:10px;border-radius:8px;box-shadow:0 0 16px rgba(32,216,255,.35);flex:0 0 auto}
.dashboard-tech .sidebar a{position:relative;margin:7px 0;padding:13px 15px;color:#90a8c8;border:1px solid transparent;border-radius:10px;font-weight:600;transition:.2s ease}
.dashboard-tech .sidebar a:hover{color:#fff;background:rgba(17,96,255,.12);border-color:rgba(32,216,255,.15);transform:translateX(2px)}
.dashboard-tech .sidebar a.active{color:#fff;background:linear-gradient(90deg,rgba(18,104,255,.28),rgba(18,104,255,.06));border-color:rgba(32,216,255,.28);box-shadow:inset 3px 0 0 var(--tm-cyan),0 0 24px rgba(18,104,255,.09)}
.dashboard-tech .main{min-width:0;padding:34px 36px 46px;overflow:hidden}
.dashboard-tech .topbar{padding-bottom:24px;border-bottom:1px solid rgba(31,111,255,.22)}
.dashboard-tech .topbar h1{color:#fff!important;letter-spacing:-1.3px;text-shadow:0 0 28px rgba(37,135,255,.18)}
.dashboard-tech .topbar p{margin:8px 0 0;color:var(--tm-muted)}
.dashboard-eyebrow,.login-eyebrow{display:block;margin-bottom:8px;color:var(--tm-cyan);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.dashboard-tech .btn{min-height:40px;color:#cfe0f7;background:rgba(8,28,58,.82);border:1px solid rgba(52,120,232,.34);border-radius:10px;box-shadow:none;transition:.2s ease}
.dashboard-tech .btn:hover{color:#fff;border-color:rgba(32,216,255,.65);box-shadow:0 0 22px rgba(18,104,255,.2);transform:translateY(-1px)}
.dashboard-tech .btn-primary{color:#fff;background:linear-gradient(135deg,#0754e8,#0b7dff);border-color:#278aff;box-shadow:0 9px 24px rgba(0,87,255,.22)}
.dashboard-tech .timezone-panel,.dashboard-tech #activityFilters,.dashboard-tech .table+div{background:linear-gradient(145deg,rgba(9,27,55,.94),rgba(4,15,35,.96))!important;border:1px solid var(--tm-border)!important;border-radius:16px!important;box-shadow:0 18px 45px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.dashboard-tech .timezone-panel{margin:22px 0!important;padding:19px 22px!important}
.dashboard-tech label,.dashboard-tech strong{color:#edf5ff}
.dashboard-tech small,.dashboard-tech .timezone-panel small,.dashboard-tech #activityFilters>div:last-child,.dashboard-tech .table+div>div:first-child{color:var(--tm-muted)!important}
.dashboard-tech input,.dashboard-tech select{color:#eaf3ff!important;background:#06152d!important;border:1px solid rgba(50,119,231,.42)!important;outline:none;color-scheme:dark}
.dashboard-tech input:focus,.dashboard-tech select:focus{border-color:var(--tm-cyan)!important;box-shadow:0 0 0 3px rgba(32,216,255,.09),0 0 22px rgba(18,104,255,.12)}
.dashboard-tech .dash-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:0}
.dashboard-tech .dash-card{position:relative;min-height:142px;padding:25px 24px;overflow:hidden;color:#fff;background:linear-gradient(145deg,rgba(9,30,63,.96),rgba(4,16,37,.98));border:1px solid var(--tm-border);border-radius:16px;box-shadow:0 17px 40px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.03);transition:.22s ease}
.dashboard-tech .dash-card:before{content:attr(data-icon);position:absolute;right:20px;top:20px;display:grid;place-items:center;width:47px;height:47px;color:#58bfff;font-size:10px;font-weight:800;letter-spacing:.08em;background:linear-gradient(145deg,rgba(16,103,255,.2),rgba(5,38,91,.34));border:1px solid rgba(32,147,255,.32);border-radius:12px;box-shadow:inset 0 0 20px rgba(18,104,255,.12),0 0 25px rgba(18,104,255,.08)}
.dashboard-tech .dash-card:after{content:"";position:absolute;left:22px;right:22px;bottom:14px;height:24px;opacity:.38;background:linear-gradient(160deg,transparent 0 18%,#1268ff 19% 21%,transparent 22% 37%,#20d8ff 38% 40%,transparent 41% 58%,#1268ff 59% 61%,transparent 62%);filter:drop-shadow(0 0 5px #1268ff)}
.dashboard-tech .dash-card:after{display:none}
.dashboard-tech .dash-card:hover{border-color:rgba(32,216,255,.52);transform:translateY(-2px);box-shadow:0 20px 50px rgba(0,0,0,.28),0 0 28px rgba(18,104,255,.09)}
.dashboard-tech .dash-card small{display:block;color:#a9beda!important;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.dashboard-tech .dash-card b{display:block;margin-top:9px;color:#fff;font-size:34px;line-height:1;text-shadow:0 0 20px rgba(37,135,255,.22)}
.dashboard-tech #activityFilters{padding:18px 22px!important}
.dashboard-tech .table{display:block;max-width:100%;overflow-x:auto;margin-top:0;color:#dce9fb;background:linear-gradient(145deg,rgba(8,25,51,.97),rgba(4,14,32,.99));border:1px solid var(--tm-border);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.2);scrollbar-color:#176cff #07162d;scrollbar-width:thin}
.dashboard-tech .table thead,.dashboard-tech .table tbody{display:table;width:max-content;min-width:100%;table-layout:auto}
.dashboard-tech .table th,.dashboard-tech .table td{padding:15px 14px;white-space:nowrap;border-bottom:1px solid rgba(52,109,190,.16)}
.dashboard-tech .table th{color:#7edfff;background:#081d3d;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.dashboard-tech .table tbody tr{transition:background .18s ease}
.dashboard-tech .table tbody tr:hover{background:rgba(19,91,200,.11)}
.dashboard-tech .status-online{color:#37f5aa;background:rgba(0,205,126,.12);border:1px solid rgba(55,245,170,.2)}
.dashboard-tech .status-idle{color:#ffd262;background:rgba(255,178,38,.12);border:1px solid rgba(255,210,98,.2)}
.dashboard-tech .status-offline{color:#ff748b;background:rgba(255,50,91,.11);border:1px solid rgba(255,116,139,.18)}

.login-bg{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 70% 18%,rgba(17,92,255,.24),transparent 28%),radial-gradient(circle at 18% 82%,rgba(0,205,255,.13),transparent 34%),linear-gradient(135deg,#010713,#031026 48%,#020918);color:#eef6ff}
.login-bg:before{content:"";position:absolute;inset:-25%;z-index:-2;background-image:linear-gradient(rgba(21,93,201,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(21,93,201,.18) 1px,transparent 1px);background-size:48px 48px;transform:perspective(560px) rotateX(62deg) translateY(29%);mask-image:linear-gradient(to top,black,transparent 72%);animation:tm-grid-drift 16s linear infinite}
.login-bg:after{content:"";position:absolute;width:520px;height:520px;z-index:-1;border:1px solid rgba(28,134,255,.2);border-radius:50%;box-shadow:0 0 100px rgba(17,92,255,.12),inset 0 0 90px rgba(0,179,255,.06);animation:tm-orbit 22s linear infinite}
.login-bg:after{display:none}
.login-card{position:relative;max-width:455px;padding:42px;background:linear-gradient(145deg,rgba(8,28,58,.9),rgba(3,13,31,.94));border:1px solid rgba(43,132,255,.38);border-radius:22px;box-shadow:0 36px 100px rgba(0,0,0,.5),0 0 55px rgba(18,104,255,.09),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.login-card:before{content:"";position:absolute;inset:-1px;border-radius:22px;padding:1px;background:linear-gradient(125deg,rgba(32,216,255,.62),transparent 28%,transparent 68%,rgba(18,104,255,.48));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.login-brand-mark{width:54px;height:54px;margin-bottom:24px;display:grid;place-items:center;border:1px solid rgba(32,216,255,.48);border-radius:15px;background:linear-gradient(145deg,rgba(18,104,255,.25),rgba(3,22,49,.65));box-shadow:0 0 28px rgba(20,144,255,.18)}
.login-brand-mark span{width:21px;height:21px;border:3px solid #25d9ff;border-radius:4px;transform:rotate(45deg);box-shadow:0 0 16px rgba(37,217,255,.75)}
.login-brand-mark img{width:38px;height:38px;border-radius:10px;box-shadow:0 0 16px rgba(37,217,255,.55)}
.login-card h1{margin:0 0 7px;color:#fff;font-size:36px;letter-spacing:-1px;text-shadow:0 0 26px rgba(34,135,255,.2)}
.login-card>p{color:#8fa9ce}
.login-card .field{margin:20px 0}
.login-card .field label{color:#c8daf0;font-size:13px;letter-spacing:.03em}
.login-card .field input{padding:15px 16px;color:#f4f8ff;background:rgba(3,16,38,.88);border:1px solid rgba(51,121,226,.4);border-radius:11px;outline:none;transition:.2s ease}
.login-card .field input::placeholder{color:#587296}
.login-card .field input:focus{border-color:#20d8ff;box-shadow:0 0 0 3px rgba(32,216,255,.08),0 0 24px rgba(18,104,255,.13)}
.login-card .btn-primary{min-height:50px;margin-top:6px;background:linear-gradient(100deg,#0754e8,#078dff);border:1px solid #2ea9ff!important;border-radius:11px;box-shadow:0 12px 30px rgba(0,91,255,.26);letter-spacing:.02em;transition:.2s ease}
.login-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,111,255,.38),0 0 22px rgba(32,216,255,.12)}
.login-card .alert{color:#ff9aaa;background:rgba(255,46,85,.12);border:1px solid rgba(255,93,121,.2)}
@keyframes tm-grid-drift{to{background-position:48px 48px}}
@keyframes tm-orbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.dashboard-tech .dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-tech .main{padding:28px 24px}}
@media(max-width:760px){.dashboard-tech .dash-wrap{display:block}.dashboard-tech .sidebar{position:relative;width:100%;min-height:auto;display:flex;gap:5px;overflow-x:auto;padding:14px}.dashboard-tech .sidebar h2{display:none}.dashboard-tech .sidebar a{flex:0 0 auto;margin:0}.dashboard-tech .main{padding:22px 14px}.dashboard-tech .topbar{align-items:flex-start;gap:18px}.dashboard-tech .topbar h1{font-size:29px!important}.dashboard-tech .dash-grid{grid-template-columns:1fr}.login-card{padding:32px 25px}.login-bg{padding:18px}}
@media(prefers-reduced-motion:reduce){.login-bg:before,.login-bg:after{animation:none}}

/* Dashboard activity table alignment: header and rows share one column grid. */
.dashboard-tech .table-scroll{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--tm-border);border-radius:16px;background:linear-gradient(145deg,rgba(8,25,51,.97),rgba(4,14,32,.99));box-shadow:0 20px 50px rgba(0,0,0,.2);scrollbar-color:#176cff #07162d;scrollbar-width:thin}
.dashboard-tech .table-scroll:focus{outline:1px solid rgba(32,216,255,.55);outline-offset:2px}
.dashboard-tech .table-scroll .table{display:table;width:100%;min-width:1660px;margin:0;border:0;border-radius:0;overflow:visible;table-layout:auto;box-shadow:none}
.dashboard-tech .table-scroll .table thead{display:table-header-group;width:auto;min-width:0}
.dashboard-tech .table-scroll .table tbody{display:table-row-group;width:auto;min-width:0}
.dashboard-tech .table-scroll .table tr{display:table-row}
.dashboard-tech .table-scroll .table th,.dashboard-tech .table-scroll .table td{display:table-cell;padding:14px 12px;font-size:12px;vertical-align:middle}
.dashboard-tech .table-scroll .table th{font-size:10px}
.dashboard-tech .table-scroll .table th:nth-child(1),.dashboard-tech .table-scroll .table td:nth-child(1){min-width:195px}
.dashboard-tech .table-scroll .table th:nth-child(2),.dashboard-tech .table-scroll .table td:nth-child(2){min-width:205px}
.dashboard-tech .table-scroll .table th:nth-child(3),.dashboard-tech .table-scroll .table td:nth-child(3){min-width:150px}
.dashboard-tech .table-scroll .table th:nth-child(4),.dashboard-tech .table-scroll .table td:nth-child(4){min-width:95px}
.dashboard-tech .table-scroll .table th:nth-child(5),.dashboard-tech .table-scroll .table td:nth-child(5){min-width:105px}
.dashboard-tech .table-scroll .table th:nth-child(6),.dashboard-tech .table-scroll .table td:nth-child(6){min-width:310px}
.dashboard-tech .table-scroll .table th:nth-child(n+7),.dashboard-tech .table-scroll .table td:nth-child(n+7){min-width:90px;text-align:center}
html, body, button, input, select, textarea, table, a, p, span, div, small, strong, b, label, th, td, li, h1, h2, h3, h4, h5, h6{
  font-family: var(--tm-font-sans) !important;
}
body{
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* === Trustmetrix unified dark administration theme === */
.admin-tech .topbar{gap:20px}
.admin-tech .topbar h1,.admin-tech main>h2{color:#fff!important;text-shadow:0 0 28px rgba(37,135,255,.18)}
.admin-tech .topbar p,.admin-tech .muted{color:var(--tm-muted)!important}
.admin-tech .dash-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}
.admin-tech .dash-card{min-height:126px}
.admin-tech main>form:not([style*="display:flex"]),
.admin-tech main>div[style*="background:#fff"],
.admin-tech .admin-panel,
.admin-tech .rule-card,
.admin-tech .tm-card,
.admin-tech .tm-edit-card,
.admin-tech .tm-admin-card,
.admin-tech .tm-admin-block{
  color:#dce9fb!important;
  background:linear-gradient(145deg,rgba(9,27,55,.95),rgba(4,15,35,.98))!important;
  border:1px solid var(--tm-border)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.admin-tech main>form[style*="background:#fff"]{background:linear-gradient(145deg,rgba(9,27,55,.95),rgba(4,15,35,.98))!important;border-color:var(--tm-border)!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important}
.admin-tech .tm-section-title,.admin-tech .admin-panel h2,.admin-tech .form-field label,.admin-tech .tm-field label{color:#edf5ff!important}
.admin-tech .tm-section-subtitle,.admin-tech .tm-help,.admin-tech .form-field small{color:var(--tm-muted)!important}
.admin-tech .tm-field input,.admin-tech .tm-field select,.admin-tech .form-field input,.admin-tech .form-field select,.admin-tech .form-field textarea{color:#eaf3ff!important;background:#06152d!important;border-color:rgba(50,119,231,.42)!important;color-scheme:dark}
.admin-tech .tm-field input:focus,.admin-tech .tm-field select:focus,.admin-tech .form-field input:focus,.admin-tech .form-field select:focus,.admin-tech .form-field textarea:focus{border-color:var(--tm-cyan)!important;box-shadow:0 0 0 3px rgba(32,216,255,.09)}
.admin-tech .badge{color:#75dcff;background:rgba(16,102,255,.13);border:1px solid rgba(39,149,255,.25)}
.admin-tech .table{color:#dce9fb;background:linear-gradient(145deg,rgba(8,25,51,.97),rgba(4,14,32,.99));border:1px solid var(--tm-border)}
.admin-tech .table th{color:#7edfff;background:#081d3d}
.admin-tech .table th,.admin-tech .table td{border-bottom-color:rgba(52,109,190,.16)}
.admin-tech .table tbody tr:hover{background:rgba(19,91,200,.11)}
.admin-tech .table small{color:var(--tm-muted)}
.admin-tech #liveRefreshStatus{color:#37f5aa!important;background:rgba(0,205,126,.12)!important;border-color:rgba(55,245,170,.2)!important}
.admin-tech .message,.admin-tech .alert[style*="#ecfdf5"],.admin-tech .alert[style*="#dcfce7"]{color:#6ff5bb!important;background:rgba(0,205,126,.12)!important;border-color:rgba(55,245,170,.2)!important}
.admin-tech .error,.admin-tech .alert{color:#ff9aaa;background:rgba(255,46,85,.12);border:1px solid rgba(255,93,121,.2)}
.admin-tech .tm-danger-box{background:rgba(255,46,85,.08);border-color:rgba(255,93,121,.22)}
.admin-tech .tm-danger-box strong,.admin-tech .tm-danger-box small{color:#ff9aaa!important}
@media(max-width:1100px){.admin-tech .dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.admin-tech .dash-grid{grid-template-columns:1fr}}

/* Keep the login panel in the same blue technology palette after legacy rules. */
body.login-bg{background:radial-gradient(circle at 70% 18%,rgba(17,92,255,.24),transparent 28%),radial-gradient(circle at 18% 82%,rgba(0,205,255,.13),transparent 34%),linear-gradient(135deg,#010713,#031026 48%,#020918)}
body.login-bg .login-card{background:linear-gradient(145deg,rgba(8,28,58,.94),rgba(3,13,31,.97));border:1px solid rgba(43,132,255,.38);box-shadow:0 36px 100px rgba(0,0,0,.5),0 0 55px rgba(18,104,255,.09),inset 0 1px 0 rgba(255,255,255,.05)}
body.login-bg .login-card h1{color:#fff}
body.login-bg .login-card>p{color:#8fa9ce!important}
body.login-bg .login-card .field label{color:#c8daf0}
body.login-bg .login-card .field input{color:#f4f8ff;background:rgba(3,16,38,.88);border-color:rgba(51,121,226,.4)}


:root{--navy:#071833;--blue:#0b5cff;--cyan:#22d3ee;--gold:#c89b3c;--slate:#64748b;--light:#f6f8fb;--white:#fff;--line:#dbe3ef}
*{box-sizing:border-box}body{margin:0;font-family:var(--tm-font-sans);color:#0f172a;background:#fff}a{text-decoration:none}
.hero{min-height:760px;background:linear-gradient(90deg,rgba(5,15,34,.94),rgba(7,24,51,.78)),url('https://images.unsplash.com/photo-1534430480872-3498386e7856?q=80&w=1920&auto=format&fit=crop') center/cover;color:white}
.nav{display:flex;align-items:center;justify-content:space-between;padding:28px 7%;border-bottom:1px solid rgba(255,255,255,.12)}
.brand{font-weight:800;font-size:24px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:10px}.brand span{color:var(--cyan)}
.brand-logo{width:32px;height:32px;border-radius:9px;box-shadow:0 0 16px rgba(34,211,238,.3);flex:0 0 auto}
.footer-logo{width:24px;height:24px;margin-right:8px;border-radius:7px;vertical-align:middle;box-shadow:0 0 12px rgba(34,211,238,.25)}
.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{color:#dbeafe;font-weight:600;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:8px;font-weight:800;border:1px solid transparent}
.btn-primary{background:var(--blue);color:white}.btn-light{background:white;color:var(--navy)}.btn-outline{border-color:rgba(255,255,255,.35);color:white}
.hero-content{padding:110px 7% 80px;max-width:980px}.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
h1{font-size:64px;line-height:1.02;margin:18px 0 24px;letter-spacing:-2px}p.lead{font-size:21px;line-height:1.55;color:#e0ecff;max-width:840px}
.cta-row{display:flex;gap:16px;margin-top:34px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:65px 7% 0}
.metric{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:22px;border-radius:14px}.metric b{font-size:26px}.metric small{display:block;color:#bad7ff;margin-top:8px}
.section{padding:86px 7%}.section.alt{background:var(--light)}.section h2{font-size:42px;margin:0 0 16px;color:var(--navy);letter-spacing:-.8px}.section p.intro{font-size:18px;line-height:1.65;color:#475569;max-width:900px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 12px 30px rgba(2,8,23,.04)}.card h3{margin:0 0 10px;color:var(--navy)}.card p{color:#526173;line-height:1.6}
.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.dashboard{background:linear-gradient(135deg,#081b3a,#0b2d63);border-radius:20px;padding:28px;color:white;box-shadow:0 30px 70px rgba(7,24,51,.22)}
.kpi{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.kpi>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:20px;border-radius:14px}.bar{height:10px;background:rgba(255,255,255,.16);border-radius:999px;overflow:hidden;margin-top:14px}.bar span{display:block;height:100%;background:var(--cyan);border-radius:999px}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}.compare ul{margin:0;padding-left:20px;line-height:2;color:#475569}.compare .highlight{border:2px solid var(--blue)}
.footer{background:#061327;color:#cbd5e1;padding:50px 7%}.footer b{color:white}.footer .footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.login-bg{min-height:100vh;background:linear-gradient(135deg,rgba(3,10,24,.92),rgba(7,24,51,.72)),url('https://images.unsplash.com/photo-1534430480872-3498386e7856?q=80&w=1920&auto=format&fit=crop') center/cover fixed;display:flex;align-items:center;justify-content:center;padding:30px}
.login-card{width:100%;max-width:440px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.45);border-radius:18px;padding:34px;box-shadow:0 28px 80px rgba(0,0,0,.38);backdrop-filter:blur(10px)}.login-card h1{font-size:34px;color:var(--navy);margin:0 0 8px}.field{margin:16px 0}.field label{display:block;font-weight:700;margin-bottom:8px}.field input{width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;font-size:15px}
.alert{padding:12px;border-radius:10px;background:#fee2e2;color:#991b1b;margin:12px 0}.dash-wrap{display:flex;min-height:100vh;background:#f4f7fb}.sidebar{width:270px;background:#061327;color:white;padding:28px}.sidebar a{display:block;color:#cbd5e1;padding:13px;border-radius:9px;margin:6px 0}.sidebar a:hover{background:rgba(255,255,255,.08)}
.main{flex:1;padding:32px}.topbar{display:flex;justify-content:space-between;align-items:center}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.dash-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.dash-card b{font-size:28px;color:var(--navy)}
.table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden;margin-top:24px}.table th,.table td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.table th{background:#eef4ff}
@media(max-width:900px){h1{font-size:44px}.grid,.split,.compare,.metrics,.dash-grid,.footer .footgrid{grid-template-columns:1fr}.navlinks{display:none}.hero-content{padding-top:70px}}

/* === Trustmetrix Solutions page refinement === */
.subhero{
  min-height:680px;
  color:#fff;
  background:#071833;
  position:relative;
  overflow:hidden;
}
.solutions-hero{
  background:
    linear-gradient(90deg,rgba(5,15,34,.96),rgba(7,24,51,.72),rgba(7,24,51,.35)),
    url('../img/a_wide_high_resolution_nighttime_cityscape_of_man.png') center/cover no-repeat;
}
.subhero .nav{
  background:rgba(6,19,39,.70);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.16);
}
.subhero .brand{color:#fff}.subhero .navlinks a{color:#eaf2ff}.subhero .navlinks a:hover{color:var(--cyan)}
.subhero .btn-light{background:#fff;color:#071833;box-shadow:0 10px 24px rgba(0,0,0,.16)}
.subhero .hero-content{padding-top:130px;max-width:1040px}.subhero h1{color:#fff;text-shadow:0 12px 34px rgba(0,0,0,.35)}
.subhero p.lead{color:#dbeafe;text-shadow:0 8px 24px rgba(0,0,0,.30)}
.intelligence-section{background:#fff}.eyebrow.dark{color:#0ea5e9}.intelligence-copy{max-width:1100px;margin-top:26px;display:grid;gap:16px}.intelligence-copy p{font-size:18px;line-height:1.78;color:#334155;margin:0}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.insight-card{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 14px 34px rgba(2,8,23,.05)}.insight-card b{display:block;color:#071833;font-size:18px;margin-bottom:10px}.insight-card span{display:block;color:#526173;line-height:1.6}
.industry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:34px}.industry-card{min-height:390px;border-radius:24px;overflow:hidden;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;display:flex;align-items:flex-end;border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 60px rgba(2,8,23,.16);position:relative;transition:transform .25s ease,box-shadow .25s ease}.industry-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,19,39,.12),rgba(6,19,39,.18) 32%,rgba(6,19,39,.92));z-index:0}.industry-card>div{position:relative;z-index:1;padding:34px;max-width:780px}.industry-card span{display:inline-block;color:#67e8f9;text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:12px;margin-bottom:12px}.industry-card h3{color:#fff;font-size:29px;line-height:1.12;margin:0 0 12px;letter-spacing:-.4px;text-shadow:0 8px 24px rgba(0,0,0,.38)}.industry-card p{color:#e6f1ff;font-size:16px;line-height:1.62;margin:0;text-shadow:0 6px 18px rgba(0,0,0,.42)}.industry-card:hover{transform:translateY(-4px);box-shadow:0 32px 80px rgba(2,8,23,.24)}
@media(max-width:900px){.subhero{min-height:auto}.subhero .hero-content{padding-top:80px}.industry-grid,.insight-grid{grid-template-columns:1fr}.industry-card{min-height:420px}.industry-card>div{padding:26px}.industry-card h3{font-size:24px}}


/* === Trusted Decisions background section update === */
.trusted-decisions-section{
  margin-top:14px;
  position:relative;
  overflow:hidden;
  min-height:520px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    linear-gradient(90deg,rgba(6,19,39,.92),rgba(7,24,51,.70),rgba(7,24,51,.30)),
    url('../img/1.png') center/cover no-repeat;
  color:#fff;
}
.trusted-decisions-section h2{
  color:#fff;
  max-width:920px;
  text-shadow:0 14px 36px rgba(0,0,0,.45);
}
.trusted-decisions-section p.intro{
  color:#eaf2ff;
  max-width:880px;
  text-shadow:0 10px 28px rgba(0,0,0,.45);
}

.trusted-decisions-content{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px);
  gap:42px;
  align-items:center;
  width:100%;
}
.trusted-decisions-copy{
  max-width:900px;
}
.trusted-video-card{
  position:relative;
  border-radius:24px;
  padding:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 28px 80px rgba(0,0,0,.36),0 0 46px rgba(34,211,238,.20);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  overflow:hidden;
}
.trusted-video-card:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:24px;
  background:linear-gradient(120deg,rgba(34,211,238,.55),transparent 34%,rgba(11,92,255,.45));
  opacity:.45;
  pointer-events:none;
}
.trusted-video{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:18px;
  background:#061327;
}
@media(max-width:900px){
  .trusted-decisions-section{
    min-height:460px;
    background-position:center;
  }
  .trusted-decisions-content{grid-template-columns:1fr;gap:28px}
  .trusted-video-card{max-width:100%}
}

/* === Trustmetrix platform media update === */
.trusted-feature-image{height:auto;min-height:260px}
.trusted-image-card{display:block}
.alt-video-feature{max-width:980px;margin:34px auto 8px}
.platform-card{display:flex;flex-direction:column;gap:12px}
.platform-card-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 42px rgba(2,8,23,.16)}
.platform-card h3{margin-top:4px}
.landing-index-dark-tech .platform-card-image{border-color:rgba(148,163,184,.20);box-shadow:0 20px 46px rgba(0,0,0,.28)}
.landing-index-dark-tech .footer .footgrid{grid-template-columns:2fr 1fr 1fr 1fr}
@media(max-width:900px){.alt-video-feature{margin-top:28px}.landing-index-dark-tech .footer .footgrid{grid-template-columns:1fr}.trusted-feature-image{min-height:220px}}



/* === Device online/offline status badges === */

.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 11px;font-weight:800;font-size:12px;line-height:1}
.status-online{background:#ecfdf3;color:#027a48}
.status-idle{background:#fff7e6;color:#a15c00}
.status-offline{background:#fff1f2;color:#b42318}

/* === Futuristic animated hero metrics update === */
.tech-metrics{
  position:relative;
  isolation:isolate;
  perspective:1100px;
}
.tech-metrics:before{
  content:"";
  position:absolute;
  inset:-22px -16px;
  z-index:-1;
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 30%,rgba(34,211,238,.22),transparent 28%),
    radial-gradient(circle at 82% 20%,rgba(11,92,255,.28),transparent 32%),
    linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12);
  filter:drop-shadow(0 24px 60px rgba(0,0,0,.18));
}
.tech-metric{
  min-height:315px;
  position:relative;
  overflow:hidden;
  padding:26px 24px 24px;
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.045)),
    radial-gradient(circle at top right,rgba(34,211,238,.22),transparent 36%);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 24px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  transform-style:preserve-3d;
  animation:metricFloat 6s ease-in-out infinite;
}
.tech-metric:nth-child(2){animation-delay:.5s}.tech-metric:nth-child(3){animation-delay:1s}.tech-metric:nth-child(4){animation-delay:1.5s}
.tech-metric:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.18),transparent);
  transform:translateX(-120%);
  animation:metricScan 4.8s ease-in-out infinite;
}
.tech-metric:after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:18px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--cyan),rgba(11,92,255,.9),transparent);
  box-shadow:0 0 18px rgba(34,211,238,.75);
  animation:metricPulse 2.6s ease-in-out infinite;
}
.tech-metric b{
  display:block;
  position:relative;
  z-index:1;
  font-size:38px;
  line-height:1;
  letter-spacing:-1px;
  color:#fff;
  text-shadow:0 0 24px rgba(34,211,238,.45);
}
.tech-metric small{
  position:relative;
  z-index:1;
  margin-top:12px;
  color:#dff7ff;
  font-size:14px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.tech-metric em{
  position:relative;
  z-index:1;
  display:block;
  margin-top:14px;
  color:#c7dcff;
  font-style:normal;
  font-size:13px;
  line-height:1.55;
}
.tech-metric ul{
  position:relative;
  z-index:1;
  margin:14px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:7px;
}
.tech-metric li{
  color:#e8f4ff;
  font-size:12px;
  line-height:1.35;
  padding-left:16px;
  position:relative;
}
.tech-metric li:before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 10px rgba(34,211,238,.75);
}
.metric-orb{
  position:absolute;
  top:22px;
  right:22px;
  width:52px;
  height:52px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff,var(--cyan) 28%,rgba(11,92,255,.92) 62%,rgba(7,24,51,.2));
  box-shadow:0 0 34px rgba(34,211,238,.55);
  animation:orbPulse 2.8s ease-in-out infinite;
}
.metric-orb:after{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:50%;
  border:1px solid rgba(34,211,238,.42);
  border-left-color:transparent;
  animation:orbSpin 5s linear infinite;
}
@keyframes metricFloat{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-9px) rotateX(2deg)}}
@keyframes metricScan{0%,55%{transform:translateX(-130%)}80%,100%{transform:translateX(130%)}}
@keyframes metricPulse{0%,100%{opacity:.45;transform:scaleX(.75)}50%{opacity:1;transform:scaleX(1)}}
@keyframes orbPulse{0%,100%{transform:scale(1);opacity:.78}50%{transform:scale(1.12);opacity:1}}
@keyframes orbSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.tech-metric{min-height:315px}.tech-metrics:before{inset:-12px;border-radius:22px}}


/* === Trustmetrix.AI Dark Enterprise Technology Index Upgrade === */
body.landing-index-dark-tech{
  --tm-bg:#020817;
  --tm-bg-2:#05122a;
  --tm-card:rgba(9,24,54,.74);
  --tm-card-2:rgba(10,31,68,.60);
  --tm-border:rgba(100,181,255,.18);
  --tm-cyan:#22d3ee;
  --tm-blue:#2563eb;
  --tm-text:#eaf4ff;
  --tm-muted:#9fb3cf;
  color:var(--tm-text);
  background:
    radial-gradient(circle at 16% -10%,rgba(37,99,235,.30),transparent 34%),
    radial-gradient(circle at 86% 8%,rgba(34,211,238,.18),transparent 32%),
    linear-gradient(180deg,var(--tm-bg),#061329 46%,#020817 100%);
}
body.landing-index-dark-tech:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(99,179,237,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(99,179,237,.045) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.42),rgba(0,0,0,.12));
}
body.landing-index-dark-tech:after{
  content:"";
  position:fixed;
  inset:-25%;
  z-index:-2;
  pointer-events:none;
  background:
    conic-gradient(from 135deg at 50% 50%,transparent 0deg,rgba(34,211,238,.12) 72deg,transparent 145deg,rgba(37,99,235,.16) 214deg,transparent 288deg);
  filter:blur(38px);
  animation:tmAuroraMove 18s ease-in-out infinite alternate;
}
.landing-index-dark-tech .hero{
  min-height:820px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 22%,rgba(34,211,238,.20),transparent 24%),
    radial-gradient(circle at 84% 18%,rgba(37,99,235,.28),transparent 30%),
    linear-gradient(135deg,rgba(2,8,23,.99),rgba(3,20,45,.97) 48%,rgba(1,11,29,.99)),
    url('https://images.unsplash.com/photo-1534430480872-3498386e7856?q=80&w=1920&auto=format&fit=crop') center/cover;
}
.landing-index-dark-tech .hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 42%,rgba(34,211,238,.10) 43%,transparent 54%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 92px);
  opacity:.82;
}
.landing-index-dark-tech .hero:after{
  content:"";
  position:absolute;
  right:-160px;
  top:120px;
  width:680px;
  height:680px;
  border-radius:50%;
  border:1px solid rgba(34,211,238,.20);
  box-shadow:0 0 90px rgba(37,99,235,.25), inset 0 0 90px rgba(34,211,238,.08);
  background:radial-gradient(circle,rgba(34,211,238,.08),transparent 62%);
  animation:tmOrbit 16s linear infinite;
}
.landing-index-dark-tech .nav{
  position:relative;
  z-index:5;
  background:rgba(2,8,23,.58);
  border-bottom:1px solid rgba(148,163,184,.16);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 16px 48px rgba(0,0,0,.25);
}
.landing-index-dark-tech .brand{
  color:#fff;
  letter-spacing:1px;
  text-shadow:0 0 24px rgba(34,211,238,.20);
}
.landing-index-dark-tech .brand span{color:var(--tm-cyan)}
.landing-index-dark-tech .navlinks a{color:#cfe2ff;transition:color .22s ease,transform .22s ease,text-shadow .22s ease}
.landing-index-dark-tech .navlinks a:hover{color:#fff;transform:translateY(-1px);text-shadow:0 0 18px rgba(34,211,238,.55)}
.landing-index-dark-tech .hero-content{
  position:relative;
  z-index:2;
  padding-top:125px;
}
.landing-index-dark-tech .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 14px;
  border:1px solid rgba(34,211,238,.28);
  border-radius:999px;
  color:#a5f3fc;
  background:rgba(8,28,62,.52);
  box-shadow:0 0 36px rgba(34,211,238,.10);
}
.landing-index-dark-tech .eyebrow:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--tm-cyan);
  box-shadow:0 0 16px var(--tm-cyan);
  animation:tmPulse 1.8s ease-in-out infinite;
}
.landing-index-dark-tech h1{
  max-width:1030px;
  color:#fff;
  text-shadow:0 18px 58px rgba(0,0,0,.55),0 0 42px rgba(34,211,238,.10);
}
.landing-index-dark-tech p.lead,
.landing-index-dark-tech .intro{
  color:#bcd0ea;
}
.landing-index-dark-tech .btn{
  border-radius:12px;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;
}
.landing-index-dark-tech .btn:hover{transform:translateY(-2px)}
.landing-index-dark-tech .btn-primary{
  background:linear-gradient(135deg,#1d4ed8,#0891b2);
  color:#fff;
  box-shadow:0 18px 48px rgba(37,99,235,.36),0 0 0 1px rgba(255,255,255,.12) inset;
}
.landing-index-dark-tech .btn-primary:hover{box-shadow:0 24px 62px rgba(34,211,238,.28),0 0 0 1px rgba(255,255,255,.18) inset}
.landing-index-dark-tech .btn-outline,
.landing-index-dark-tech .btn-light{
  background:rgba(8,22,48,.55);
  color:#eaf4ff;
  border-color:rgba(148,163,184,.26);
  backdrop-filter:blur(12px);
}
.landing-index-dark-tech .btn-light:hover,
.landing-index-dark-tech .btn-outline:hover{
  border-color:rgba(34,211,238,.55);
  box-shadow:0 18px 40px rgba(34,211,238,.12);
}
.landing-index-dark-tech .section,
.landing-index-dark-tech .section.alt{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 10%,rgba(34,211,238,.10),transparent 26%),
    linear-gradient(180deg,#030b1c,#061329);
  color:var(--tm-text);
  border-top:1px solid rgba(148,163,184,.10);
}
.landing-index-dark-tech .section.alt{
  background:
    radial-gradient(circle at 88% 10%,rgba(37,99,235,.14),transparent 28%),
    linear-gradient(180deg,#061329,#020817);
}
.landing-index-dark-tech .section h2{color:#fff;text-shadow:0 10px 34px rgba(0,0,0,.38)}
.landing-index-dark-tech .card,
.landing-index-dark-tech .dashboard,
.landing-index-dark-tech .trusted-video-card{
  background:linear-gradient(145deg,var(--tm-card),rgba(3,12,30,.74));
  color:var(--tm-text);
  border:1px solid var(--tm-border);
  box-shadow:0 26px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.landing-index-dark-tech .card{
  position:relative;
  overflow:hidden;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.landing-index-dark-tech .card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(34,211,238,.11),transparent);
  transform:translateX(-130%);
  transition:transform .62s ease;
}
.landing-index-dark-tech .card:hover{
  transform:translateY(-6px);
  border-color:rgba(34,211,238,.45);
  box-shadow:0 32px 84px rgba(0,0,0,.34),0 0 42px rgba(34,211,238,.10);
}
.landing-index-dark-tech .card:hover:before{transform:translateX(130%)}
.landing-index-dark-tech .card h3,
.landing-index-dark-tech .dashboard h3{color:#f8fbff}
.landing-index-dark-tech .card p,
.landing-index-dark-tech .card li{color:#afc3dc}
.landing-index-dark-tech .highlight{
  border-color:rgba(34,211,238,.46);
  background:linear-gradient(145deg,rgba(14,74,126,.82),rgba(5,18,42,.86));
}
.landing-index-dark-tech .trusted-decisions-section{
  background:
    linear-gradient(90deg,rgba(2,8,23,.96),rgba(5,18,42,.84),rgba(7,24,51,.52)),
    url('../img/1.png') center/cover no-repeat;
}
.landing-index-dark-tech .trusted-video-card{
  box-shadow:0 30px 90px rgba(0,0,0,.46),0 0 60px rgba(34,211,238,.18);
}
.landing-index-dark-tech .bar{
  background:rgba(148,163,184,.16);
  overflow:hidden;
}
.landing-index-dark-tech .bar span{
  background:linear-gradient(90deg,var(--tm-blue),var(--tm-cyan));
  box-shadow:0 0 24px rgba(34,211,238,.42);
  animation:tmBarGlow 2.8s ease-in-out infinite;
}
.landing-index-dark-tech .executive-dashboard .bar span{
  display:block;
  width:0;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb 0%,#0ea5e9 56%,#22d3ee 100%);
  box-shadow:0 0 18px rgba(34,211,238,.58);
  transition:width 1.8s cubic-bezier(.22,1,.36,1);
  will-change:width;
}
.landing-index-dark-tech .executive-dashboard .kpi .bar{
  display:block;
  height:10px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(148,163,184,.20);
  overflow:hidden;
}
.landing-index-dark-tech .footer{
  background:#020817;
  color:#dbeafe;
  border-top:1px solid rgba(148,163,184,.14);
  box-shadow:0 -24px 80px rgba(0,0,0,.24);
}
@keyframes tmAuroraMove{0%{transform:translate3d(-2%,0,0) rotate(0deg)}100%{transform:translate3d(2%,2%,0) rotate(10deg)}}
@keyframes tmOrbit{to{transform:rotate(360deg)}}
@keyframes tmPulse{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.18)}}
@keyframes tmBarGlow{0%,100%{filter:saturate(1)}50%{filter:saturate(1.45) brightness(1.12)}}
@media(max-width:900px){
  .landing-index-dark-tech .hero{min-height:auto}
  .landing-index-dark-tech .hero-content{padding-top:76px}
  .landing-index-dark-tech .hero:after{width:420px;height:420px;right:-210px;top:180px}
}