/*
Theme Name: Stalitrex Enterprise
Theme URI: https://stalitrex.co.za
Author: Stalitrex
Description: Premium enterprise technology theme with integrated client and staff portals.
Version: 1.2.0
Text Domain: stalitrex
*/

:root{--sx-bg:#071019;--sx-panel:#0d1925;--sx-panel2:#122231;--sx-ink:#f4f8fb;--sx-muted:#91a5b7;--sx-accent:#43d6b1;--sx-accent2:#4ba7ff;--sx-line:rgba(255,255,255,.09);--sx-radius:22px;--sx-max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sx-bg);color:var(--sx-ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.sx-wrap{width:min(calc(100% - 40px),var(--sx-max));margin:auto}.sx-header{position:sticky;top:0;z-index:99;background:rgba(7,16,25,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--sx-line)}.sx-nav{height:78px;display:flex;align-items:center;gap:30px}.sx-brand{font-weight:800;letter-spacing:.16em}.sx-brand i{color:var(--sx-accent);font-style:normal}.sx-menu{display:flex;gap:26px;margin-left:auto;align-items:center}.sx-menu a{color:#bdcbd7;font-size:14px}.sx-menu a:hover{color:#fff}.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:999px;border:1px solid var(--sx-line);font-weight:700;cursor:pointer}.sx-btn.primary{background:var(--sx-accent);border-color:var(--sx-accent);color:#052018}.sx-hero{min-height:760px;display:grid;place-items:center;position:relative;overflow:hidden;padding:100px 0}.sx-hero:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(67,214,177,.18),transparent 68%);right:-150px;top:-140px}.sx-eyebrow{color:var(--sx-accent);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}.sx-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.sx-hero h1{font-size:clamp(50px,7vw,92px);line-height:.96;letter-spacing:-.065em;margin:20px 0 28px;max-width:850px}.sx-hero p{color:var(--sx-muted);font-size:19px;max-width:680px}.sx-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.sx-orbit{aspect-ratio:1;border:1px solid var(--sx-line);border-radius:50%;position:relative;background:radial-gradient(circle at 50% 50%,rgba(75,167,255,.12),transparent 55%)}.sx-orbit:before,.sx-orbit:after{content:"";position:absolute;inset:14%;border:1px solid var(--sx-line);border-radius:50%}.sx-orbit:after{inset:32%;background:linear-gradient(135deg,var(--sx-accent),var(--sx-accent2));box-shadow:0 0 80px rgba(67,214,177,.25)}.sx-section{padding:105px 0}.sx-section.alt{background:#09141f}.sx-section h2{font-size:clamp(36px,5vw,62px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 40px}.sx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sx-card{padding:30px;border:1px solid var(--sx-line);border-radius:var(--sx-radius);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));min-height:220px;transition:.25s}.sx-card:hover{transform:translateY(-5px);border-color:rgba(67,214,177,.45)}.sx-card span{color:var(--sx-accent);font-size:13px}.sx-card h3{font-size:23px;margin:22px 0 10px}.sx-card p,.sx-muted{color:var(--sx-muted)}.sx-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--sx-line);border-radius:var(--sx-radius);overflow:hidden}.sx-stat{padding:32px;border-right:1px solid var(--sx-line)}.sx-stat:last-child{border:0}.sx-stat strong{display:block;font-size:36px}.sx-footer{border-top:1px solid var(--sx-line);padding:50px 0;color:var(--sx-muted)}.sx-footer-grid{display:flex;justify-content:space-between;gap:30px}.sx-portal{min-height:calc(100vh - 78px);background:#08121c}.sx-portal-shell{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 78px)}.sx-sidebar{padding:30px 20px;border-right:1px solid var(--sx-line)}.sx-sidebar a{display:block;padding:12px 14px;border-radius:12px;color:var(--sx-muted);margin:3px 0}.sx-sidebar a.active,.sx-sidebar a:hover{background:rgba(67,214,177,.1);color:var(--sx-accent)}.sx-main{padding:42px}.sx-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.sx-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sx-metric{background:var(--sx-panel);border:1px solid var(--sx-line);padding:22px;border-radius:16px}.sx-metric strong{font-size:30px;display:block}.sx-table{width:100%;border-collapse:collapse;background:var(--sx-panel);border-radius:16px;overflow:hidden;margin-top:18px}.sx-table th,.sx-table td{text-align:left;padding:16px;border-bottom:1px solid var(--sx-line)}.sx-table th{font-size:12px;text-transform:uppercase;color:var(--sx-muted)}.sx-badge{display:inline-block;padding:5px 9px;border-radius:99px;background:rgba(67,214,177,.12);color:var(--sx-accent);font-size:12px}.sx-form{display:grid;gap:14px;max-width:760px}.sx-form input,.sx-form textarea,.sx-form select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--sx-line);background:var(--sx-panel);color:#fff}.sx-notice{padding:14px 18px;border:1px solid rgba(67,214,177,.4);background:rgba(67,214,177,.09);border-radius:12px;margin-bottom:20px}.sx-mobile{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:25px}@media(max-width:900px){.sx-mobile{display:block}.sx-menu{display:none;position:absolute;top:78px;left:0;right:0;background:#071019;padding:25px;flex-direction:column;align-items:flex-start}.sx-menu.open{display:flex}.sx-hero-grid{grid-template-columns:1fr}.sx-orbit{display:none}.sx-grid,.sx-metrics{grid-template-columns:1fr 1fr}.sx-portal-shell{grid-template-columns:1fr}.sx-sidebar{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--sx-line)}.sx-sidebar a{white-space:nowrap}.sx-main{padding:25px}.sx-stats{grid-template-columns:1fr 1fr}}@media(max-width:560px){.sx-grid,.sx-metrics,.sx-stats{grid-template-columns:1fr}.sx-hero{min-height:620px}.sx-hero h1{font-size:49px}.sx-footer-grid{display:block}.sx-stat{border-right:0;border-bottom:1px solid var(--sx-line)}}