/* LABTECH brand system — official visual language translated into a modern ERP */
@font-face { font-family: "Spartan"; src: url("assets/fonts/Spartan-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Spartan"; src: url("assets/fonts/Spartan-600.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Spartan"; src: url("assets/fonts/Spartan-700.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Spartan"; src: url("assets/fonts/Spartan-800.ttf") format("truetype"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("assets/fonts/Nunito-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("assets/fonts/Nunito-600.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("assets/fonts/Nunito-700.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("assets/fonts/Nunito-800.ttf") format("truetype"); font-weight: 800; font-display: swap; }

:root {
  --navy: #102b45; --navy-2: #163f60; --navy-3: #1b5675; --ink: #24323d; --muted: #71838f;
  --paper: #f1f6f8; --surface: #fff; --line: #d9e6eb; --line-2: #edf4f6;
  --blue: #258aac; --blue-bright: #4cbee4; --blue-deep: #36479d; --blue-2: #e0f4fb;
  --green: #63b73f; --green-bright: #8ecd49; --green-soft: #ebf8e7; --teal: #0eb79a;
  --amber: #d59a43; --amber-soft: #fff2df; --red: #d55e55; --red-soft: #fae9e7;
  --purple: #6265ad; --purple-soft: #eeeaf9;
  --shadow: 0 18px 50px rgba(23,66,88,.09); --shadow-strong: 0 25px 80px rgba(9,45,66,.18);
  font-family: "Nunito", "Segoe UI", sans-serif;
}

body { color: var(--ink); background: var(--paper); font-family: "Nunito", "Segoe UI", sans-serif; }
h1,h2,h3,h4,.metric-value,.company-switcher b,.brand-product strong { font-family: "Spartan", "Segoe UI", sans-serif; }
button,input,select { font-family: "Nunito", "Segoe UI", sans-serif; }
.ui-icon { width: 18px; height: 18px; display: block; }

.sidebar {
  position: sticky; top: 0; z-index: 20; height: 100vh; width: 292px; flex-basis: 292px;
  padding: 22px 15px 15px; overflow: hidden;
  background: radial-gradient(circle at 12% 7%,rgba(76,190,228,.28),transparent 23%), radial-gradient(circle at 100% 42%,rgba(142,205,73,.12),transparent 30%), linear-gradient(165deg,#143955 0%,#0f2942 56%,#10233a 100%);
  border-right: 1px solid rgba(255,255,255,.08); box-shadow: 16px 0 48px rgba(12,35,54,.08);
}
.sidebar::before { content:""; position:absolute; z-index:0; width:330px; height:150px; top:-76px; right:-116px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 28px rgba(255,255,255,.018),0 0 0 58px rgba(255,255,255,.014); transform:rotate(-12deg); }
.sidebar > * { position: relative; z-index: 1; }
.brand-lockup { align-items:center; padding:4px 7px 22px; }
.brand { gap:9px; min-width:0; }.brand-logo { width:122px; height:auto; display:block; object-fit:contain; }
.brand-product { border-left:1px solid rgba(255,255,255,.22); padding-left:9px; }
.brand-product strong { color:#fff; font-size:10px; letter-spacing:.16em; line-height:1; }
.brand-product small { color:#9fcbd7; font-size:6.5px; font-weight:700; letter-spacing:.09em; margin-top:5px; white-space:nowrap; }
.demo-pill { color:#fff; background:rgba(255,255,255,.11); border:1px solid rgba(255,255,255,.18); border-radius:999px; padding:4px 7px; backdrop-filter:blur(10px); }
.company-switcher { margin-bottom:24px; border-color:rgba(255,255,255,.12); border-radius:13px; padding:11px; background:rgba(255,255,255,.055); backdrop-filter:blur(9px); box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
.company-avatar { color:#174059; background:linear-gradient(135deg,#f7ffff,#bfe3eb); box-shadow:0 5px 14px rgba(0,0,0,.15); }
.company-switcher b { font-size:10px; font-weight:700; }.company-switcher small{color:#8fb0bb;}
.nav-group { margin-bottom:18px; }.nav-group-title { color:#6e96a5; font-size:7px; letter-spacing:.18em; padding-left:13px; }
.nav-item { min-height:38px; gap:11px; padding:9px 11px; color:#b7cbd2; border-radius:11px; font-size:10.5px; font-weight:600; }
.nav-item:hover { color:#fff; background:rgba(255,255,255,.075); transform:translateX(2px); }
.nav-item.active { color:#fff; background:linear-gradient(90deg,rgba(76,190,228,.24),rgba(76,190,228,.095)); box-shadow:inset 3px 0 0 #76c7e4,0 8px 22px rgba(5,25,40,.12); }
.nav-glyph { width:20px; display:grid; place-items:center; color:#7eb7c9; }.nav-glyph .ui-icon{width:16px;height:16px}.nav-item.active .nav-glyph{color:#a6e3f4}
.nav-badge { color:#cae7ef; background:rgba(255,255,255,.09); }.nav-badge.amber{color:#f6d39c}.nav-new{color:#d7f7cb;background:rgba(142,205,73,.15);border-radius:999px;padding:2px 5px;margin-left:auto;font-size:6.5px;font-weight:800}
.help-card{border-color:rgba(255,255,255,.09)}.help-icon{background:linear-gradient(135deg,rgba(76,190,228,.22),rgba(142,205,73,.15));color:#d7f5ff}.profile-avatar,.top-avatar{background:linear-gradient(135deg,#8ecd49,#4cbee4);color:#fff}

.main-area { min-height:100vh; background:radial-gradient(circle at 94% 0%,rgba(76,190,228,.11),transparent 23%),linear-gradient(180deg,#f8fbfc 0,#f1f6f8 520px); }
.topbar { position:sticky; top:0; z-index:15; height:68px; padding:0 38px; background:rgba(255,255,255,.84); border-bottom:1px solid rgba(199,218,226,.72); backdrop-filter:blur(18px); box-shadow:0 8px 28px rgba(28,74,98,.04); }
.topbar::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; opacity:.85; background:linear-gradient(90deg,#8ecd49 0 19%,#4cbee4 19% 63%,#36479d 63% 81%,transparent 81%); }
.breadcrumbs{font-size:9px;font-weight:600}.breadcrumbs span:first-child{font-family:"Spartan";font-size:9px;color:#2d4e5e;letter-spacing:.14em}.web-link{color:#258aac;font-weight:800}.live-state{color:#4f9f39;font-weight:700}.live-state i{background:#72c54d;box-shadow:0 0 0 5px rgba(114,197,77,.11)}
.workspace { max-width:1680px; padding:32px 38px 72px; }.page-header{margin-bottom:24px;align-items:center}.page-kicker{color:#278ead;font-size:8px;letter-spacing:.18em}.page-header h1{color:#1d2f3b;font-size:clamp(27px,3vw,38px);letter-spacing:-.045em;margin:9px 0 8px}.page-header p{color:#738792;font-size:11px;line-height:1.55}
.button{min-height:36px;padding:9px 15px;border-radius:999px;font-size:9.5px;letter-spacing:.01em}.button.primary{background:linear-gradient(100deg,#4cbee4,#258aac);box-shadow:0 10px 24px rgba(37,138,172,.23),inset 0 1px 0 rgba(255,255,255,.28)}.button.primary:hover{background:linear-gradient(100deg,#57c7eb,#237f9f);box-shadow:0 14px 30px rgba(37,138,172,.28)}.button.ghost{background:rgba(255,255,255,.72);border-color:#d4e4e9;box-shadow:0 5px 16px rgba(23,66,88,.05)}
.period-switcher{border-radius:999px;padding:4px;background:rgba(255,255,255,.78);box-shadow:0 5px 16px rgba(23,66,88,.05)}.period-switcher button{border-radius:999px;padding:7px 10px}.period-switcher button.active{color:#fff;background:linear-gradient(100deg,#4cbee4,#258aac);box-shadow:0 4px 10px rgba(37,138,172,.2)}

.command-hero { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr); min-height:380px; margin-bottom:18px; border-radius:28px; color:#fff; background:radial-gradient(circle at 72% 10%,rgba(255,255,255,.17),transparent 23%),radial-gradient(circle at 18% 118%,rgba(142,205,73,.38),transparent 37%),linear-gradient(120deg,#183e5b 0%,#258aac 55%,#4cbee4 100%); box-shadow:var(--shadow-strong); isolation:isolate; }
.command-hero::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.38; background-image:linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(90deg,#000,transparent 84%); }
.command-hero::after { content:""; position:absolute; width:520px; height:520px; right:-195px; top:-245px; z-index:-1; border:1px solid rgba(255,255,255,.22); border-radius:50%; box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.018); }
.command-copy{padding:48px 24px 40px 48px;align-self:center}.hero-live{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:800;letter-spacing:.17em;color:#d8f5ff}.hero-live i{width:7px;height:7px;border-radius:50%;background:#a9e57c;box-shadow:0 0 0 6px rgba(169,229,124,.13);animation:livePulse 2s ease-in-out infinite}
.command-copy h2{max-width:620px;margin:22px 0 16px;color:#fff;font-size:clamp(32px,4vw,55px);line-height:1.02;letter-spacing:-.06em}.command-copy h2 em{color:#d4ffbe;font-style:normal}.command-copy>p{max-width:580px;margin:0;color:#d7eaf0;font-size:12px;line-height:1.75}
.hero-chips{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 27px}.hero-chips span{padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.09);font-size:7px;font-weight:800;letter-spacing:.12em;backdrop-filter:blur(10px)}
.hero-command-meta{display:flex;gap:34px}.hero-command-meta div{position:relative}.hero-command-meta div+div::before{content:"";position:absolute;left:-17px;top:2px;bottom:2px;width:1px;background:rgba(255,255,255,.17)}.hero-command-meta strong,.hero-command-meta small{display:block}.hero-command-meta strong{font-family:"Spartan";font-size:16px}.hero-command-meta small{margin-top:4px;color:#b8d7df;font-size:8px}
.command-visual{position:relative;min-height:380px}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.19);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg)}.orbit-primary{width:330px;height:330px}.orbit-two{width:470px;height:260px;transform:translate(-50%,-50%) rotate(18deg);border-style:dashed;opacity:.7}
.command-core{position:absolute;z-index:3;left:50%;top:50%;width:132px;height:132px;display:grid;place-items:center;align-content:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.35);border-radius:50%;text-align:center;background:linear-gradient(145deg,rgba(255,255,255,.27),rgba(255,255,255,.09));box-shadow:0 22px 50px rgba(10,55,77,.28),inset 0 1px 0 rgba(255,255,255,.3);backdrop-filter:blur(16px)}
.command-core>span{color:#d5ffbe;margin-bottom:6px}.command-core .ui-icon{width:21px;height:21px}.command-core strong{font-family:"Spartan";font-size:13px;letter-spacing:.08em;line-height:1.25}.command-core small{margin-top:4px;color:#cde4e9;font-size:7px;text-transform:uppercase;letter-spacing:.14em}
.orbit-card{position:absolute;z-index:4;width:190px;height:92px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(255,255,255,.35);border-radius:18px;background:rgba(255,255,255,.88);color:#24343e;box-shadow:0 20px 44px rgba(14,55,75,.19);backdrop-filter:blur(12px);transition:.3s ease}.orbit-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 26px 54px rgba(14,55,75,.25)}.orbit-card img{width:72px;height:72px;object-fit:contain}.orbit-card span,.orbit-card strong{display:block}.orbit-card span{font-size:6.5px;font-weight:800;letter-spacing:.14em;color:#6d838e}.orbit-card strong{margin-top:5px;font-family:"Spartan";font-size:11px;white-space:nowrap}
.orbit-card::after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none}.orbit-lab{left:2%;top:12%}.orbit-lab::after{box-shadow:inset 0 3px 0 #8ecd49}.orbit-instruments{right:1%;top:31%}.orbit-instruments::after{box-shadow:inset 0 3px 0 #579cc8}.orbit-development{left:8%;bottom:8%}.orbit-development::after{box-shadow:inset 0 3px 0 #4cbee4}

.division-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.division-card{position:relative;min-height:178px;overflow:hidden;border-radius:22px;color:#fff;box-shadow:0 16px 34px rgba(26,72,94,.13);isolation:isolate;transition:.25s ease}.division-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(26,72,94,.2)}.division-card::before{content:"";position:absolute;inset:0;z-index:-2}.division-card::after{content:"";position:absolute;z-index:-1;width:220px;height:220px;right:-105px;top:-100px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 25px rgba(255,255,255,.035)}.division-lab::before{background:linear-gradient(125deg,#6cb83d,#91d457)}.division-instruments::before{background:linear-gradient(125deg,#36479d,#579cc8)}.division-development::before{background:linear-gradient(125deg,#258aac,#4cbee4)}
.division-copy{position:relative;z-index:2;width:68%;padding:25px 0 20px 25px}.division-copy>span{font-size:7px;font-weight:800;letter-spacing:.15em;color:rgba(255,255,255,.8)}.division-copy h3{margin:8px 0;color:#fff;font-size:18px;letter-spacing:-.03em}.division-copy p{min-height:43px;margin:0 0 11px;color:rgba(255,255,255,.85);font-size:8.5px;line-height:1.5}.division-copy button{padding:0;border:0;background:transparent;color:#fff;font-size:8.5px;font-weight:800}.division-copy button b{margin-left:5px;font-size:12px}.division-card>img{position:absolute;z-index:1;right:-5px;bottom:-7px;width:45%;height:92%;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(12,38,51,.24));transition:.3s ease}.division-card:hover>img{transform:translate(-4px,-3px) scale(1.05)}

.metric-grid-premium{gap:12px;margin-bottom:18px}.metric-grid-premium .metric{min-height:138px;padding:16px 17px 15px;border:1px solid rgba(205,224,231,.9);border-radius:18px;box-shadow:0 12px 32px rgba(26,72,94,.055);transition:.25s ease}.metric-grid-premium .metric:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(26,72,94,.1);border-color:#b9d8e3}.metric-grid-premium .metric::after{width:96px;height:96px;right:-35px;bottom:-45px;border-color:#e3eef2;box-shadow:0 0 0 16px rgba(235,244,247,.55)}
.metric-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.metric-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px}.metric-icon .ui-icon{width:15px;height:15px}.metric-icon.blue{color:#258aac;background:#e3f3f8}.metric-icon.green{color:#5cab3d;background:#ecf7e8}.metric-icon.indigo{color:#4a55a8;background:#eceefa}.metric-icon.teal{color:#089d85;background:#e4f7f3}.metric-icon.amber{color:#bd7c23;background:#fff2df}.metric-delta{padding:4px 7px;border-radius:999px;color:#526974;background:#f2f6f7;font-size:7px;font-weight:800}.metric-delta.up{color:#4d9d35;background:#edf8e9}.metric-delta.warn{color:#ad7122;background:#fff2df}.metric-grid-premium .metric-label{font-size:8.5px;font-weight:700}.metric-grid-premium .metric-value{margin:5px 0 3px;color:#1d3441;font-size:28px;font-weight:700}.metric-grid-premium .metric-foot{font-size:7.5px}

.panel{border:1px solid rgba(208,225,232,.9);border-radius:18px;padding:19px;box-shadow:0 12px 32px rgba(26,72,94,.05)}.panel-heading h2{font-size:13px;font-weight:700;color:#253843}.panel-heading p{font-size:8.5px}.panel-action{color:#258aac;font-weight:800}.main-grid{gap:14px}.stack{gap:14px}.flow-step{border-radius:13px;background:linear-gradient(180deg,#fff,#f8fbfc);border-color:#e1ebef;padding:14px}.flow-num{color:#258aac;font-family:"Spartan"}.flow-bar{height:3px;border-radius:99px}.flow-bar i{background:linear-gradient(90deg,#4cbee4,#258aac);border-radius:99px}.flow-step:nth-child(4) .flow-bar i{background:linear-gradient(90deg,#8ecd49,#63b73f)}.flow-step:nth-child(5) .flow-bar i{background:linear-gradient(90deg,#6265ad,#36479d)}
.bar.navy{background:linear-gradient(180deg,#258aac,#1d6686)}.bar.blue{background:linear-gradient(180deg,#8ccae0,#579cc8)}.bar.amber{background:linear-gradient(180deg,#a7d960,#68b943)}.mini-bar i:first-child{background:#9bcce0}.mini-bar i:last-child{background:linear-gradient(180deg,#258aac,#36479d)}.side-row{padding:13px 2px}.state-dot{background:#63b73f;box-shadow:0 0 0 4px rgba(99,183,63,.1)}.row-tag{border-radius:999px}.insight{border-radius:13px;background:linear-gradient(100deg,#f1f9fb,#f6fbf4)}
.board{gap:13px}.board-column{border-radius:18px;border-color:#dce8ed;background:rgba(246,250,251,.8)}.board-card{border-radius:14px;border-color:#e0eaee;box-shadow:0 8px 22px rgba(24,70,91,.045)}.board-card:hover{transform:translateY(-2px);border-color:#add3df;box-shadow:0 14px 28px rgba(24,70,91,.1)}.equipment-card,.summary-box,.mobile-feature{border-radius:16px}.equipment-icon,.mobile-feature-icon{background:linear-gradient(135deg,#e0f4fb,#edf8e9);color:#258aac}.data-table tbody tr:hover{background:#f0f8fa}.status{border-radius:999px}.search input,.select{border-radius:999px;background:#f7fafb}.file-mark{color:#258aac;background:#e4f3f8}

.brand-proof{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.72fr) minmax(0,.83fr);gap:14px;margin-top:18px}.proof-image,.leader-card{position:relative;min-height:280px;overflow:hidden;border:1px solid rgba(208,225,232,.9);border-radius:22px;background:#fff;box-shadow:0 16px 38px rgba(26,72,94,.08)}.proof-image>img{width:100%;height:100%;display:block;object-fit:cover}.proof-lab>img{object-position:center 45%}.proof-location>img{object-position:center}.proof-overlay{position:absolute;inset:auto 0 0;padding:60px 25px 23px;color:#fff;background:linear-gradient(transparent,rgba(8,34,50,.94))}.proof-overlay span,.leader-card>div>span{color:#b9ef91;font-size:7px;font-weight:800;letter-spacing:.16em}.proof-overlay h2{max-width:470px;margin:10px 0 7px;color:#fff;font-size:19px;line-height:1.18;letter-spacing:-.035em}.proof-overlay h3{margin:8px 0 5px;color:#fff;font-size:15px}.proof-overlay p{margin:0;color:#d0e0e5;font-size:8.5px}.proof-overlay.compact{padding:48px 19px 18px}
.leader-card{padding:20px;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 16%,rgba(76,190,228,.1),transparent 35%),linear-gradient(145deg,#fff,#f4fafc)}.leader-card>img{width:158px;height:158px;margin:-20px auto -3px;object-fit:cover;border-radius:50%;clip-path:circle(31% at 50% 52%);transform:scale(1.55);filter:saturate(.85)}.leader-card>div{position:relative;z-index:2;margin-top:auto}.leader-card blockquote{margin:10px 0 14px;color:#314852;font-family:"Spartan";font-size:12px;font-weight:600;line-height:1.55;letter-spacing:-.02em}.leader-card strong,.leader-card small{display:block}.leader-card strong{font-size:9.5px}.leader-card small{margin-top:3px;color:#768993;font-size:8px}

.phone-top{background:linear-gradient(105deg,#258aac,#4cbee4)}.phone-logo{width:87px;height:auto;display:block}.phone-brand{gap:8px}.phone-brand>div{border-left:1px solid rgba(255,255,255,.25);padding-left:7px}.phone-brand>div small{font-size:6px;letter-spacing:.12em;font-weight:800;color:#e0f7ff}.phone-alert{background:linear-gradient(120deg,#eef8eb,#f4fbf1);border-color:#d6eccd}.phone-bottom{border-top-color:#dce9ed}.phone-tab.active{color:#258aac}
.portal-top{background:linear-gradient(105deg,#183f5d,#258aac 58%,#4cbee4)}.portal-logo{width:118px;height:auto;display:block;margin-bottom:5px}.portal-top>div{display:flex;align-items:center;gap:14px}.portal-top>div strong{border-left:1px solid rgba(255,255,255,.25);padding-left:14px}.portal-account{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px}.modal{border-radius:22px;box-shadow:0 35px 100px rgba(11,39,55,.28)}.toast{border-radius:999px;background:#173f5a;box-shadow:0 16px 40px rgba(13,47,67,.25)}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 5px rgba(169,229,124,.13)}50%{box-shadow:0 0 0 9px rgba(169,229,124,.035)}}

@media(min-width:1121px) and (max-width:1600px){.command-copy h2{font-size:46px}}
@media(max-width:1380px){.command-hero{grid-template-columns:minmax(0,1fr) minmax(380px,.85fr)}.command-copy{padding-left:38px}.command-copy h2{font-size:42px}.orbit-card{width:170px}.orbit-card img{width:62px;height:62px}.orbit-lab{left:0}.orbit-instruments{right:0}.orbit-development{left:4%}.brand-proof{grid-template-columns:1.2fr .75fr}.proof-location{grid-column:1/-1;min-height:220px}}
@media(max-width:1120px){.page-header{display:grid;grid-template-columns:1fr;align-items:start}.header-actions{margin-top:14px;justify-content:flex-start}.command-hero{grid-template-columns:1fr}.command-copy{padding:40px 36px 24px}.command-visual{min-height:330px}.command-copy>p{max-width:720px}.division-grid{grid-template-columns:1fr 1fr}.division-development{grid-column:1/-1}.division-card>img{width:38%}.metric-grid-premium{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){
  .sidebar{position:sticky;top:0;height:auto;width:100%;min-height:0;padding:11px 12px 9px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar::before{display:none}.brand-lockup{padding:0 4px 10px}.brand-logo{width:105px}.brand-product small{display:block}.demo-pill{margin-left:auto}
  .nav-groups{display:flex;gap:3px;overflow-x:auto;padding-bottom:2px}.nav-group,.nav-group:not(:first-child){display:flex;flex:0 0 auto;gap:3px;margin:0;overflow:visible}.nav-group-title{display:none}.nav-item{min-height:34px;width:auto;flex:0 0 auto;padding:8px 10px;margin:0}.nav-item.active{box-shadow:inset 0 -2px 0 #8fd7ed;background:rgba(255,255,255,.1)}.nav-glyph{width:16px}.nav-item>span:nth-child(2){white-space:nowrap}.nav-badge,.nav-status,.nav-new{display:none}
  .topbar{height:54px;padding:0 14px}.workspace{padding:22px 14px 48px}.page-header{align-items:flex-start}.page-header h1{font-size:27px}.header-actions{flex-wrap:wrap}
  .command-hero{min-height:auto;border-radius:22px}.command-copy{padding:32px 24px 20px}.command-copy h2{font-size:36px}.command-copy>p{font-size:10.5px}.hero-command-meta{gap:22px}.hero-command-meta div+div::before{left:-11px}.command-visual{min-height:310px;transform:scale(.92);transform-origin:center top}.orbit-two{width:390px}.orbit-card{width:156px;height:82px}.orbit-card img{width:54px;height:54px}.orbit-card strong{font-size:9px}.orbit-lab{left:0}.orbit-instruments{right:0}.orbit-development{left:5%;bottom:5%}
  .division-grid{grid-template-columns:1fr}.division-development{grid-column:auto}.division-card{min-height:165px}.division-card>img{width:36%;height:93%}.metric-grid-premium{grid-template-columns:1fr 1fr}.brand-proof{grid-template-columns:1fr}.proof-location{grid-column:auto}.proof-image,.leader-card{min-height:250px}
  .portal-top>div{align-items:flex-start;flex-direction:column;gap:6px}.portal-top>div strong{border:0;padding:0}.portal-logo{width:110px}
}
@media(max-width:520px){.brand-product{display:none}.brand-lockup{justify-content:space-between}.command-copy h2{font-size:30px}.hero-command-meta{gap:18px}.hero-command-meta strong{font-size:13px}.hero-command-meta small{font-size:7px}.command-visual{min-height:288px;transform:scale(.84);margin:0 -28px -35px}.orbit-primary{width:300px;height:300px}.metric-grid-premium{grid-template-columns:1fr}.division-copy{width:72%;padding-left:20px}.division-card>img{right:-12px;width:40%}.page-header p{font-size:10px}.top-actions{gap:8px}.brand-proof{gap:10px}}
@media(prefers-reduced-motion:reduce){.hero-live i{animation:none}.division-card,.orbit-card,.metric-grid-premium .metric,.nav-item{transition:none}}

/* Readability, role-aware navigation and automation offer */
:root{--ink:#1a2b35;--muted:#526873}
body{font-size:14px;color:var(--ink)}
.brand{flex:1}.brand-logo{width:132px}.brand-lockup{gap:12px}
.company-switcher b{font-size:12.5px}.company-switcher small{font-size:10.5px;color:#a9c1c9}.nav-group-title{font-size:9px;color:#88aeba}.nav-item{min-height:41px;font-size:12px}.nav-badge{font-size:10px}.nav-new{font-size:8px}.profile{padding-top:12px}.profile b{font-size:12px}.profile small{font-size:10.5px;color:#a5bcc4}.profile button{font-size:15px}
.breadcrumbs,.breadcrumbs span:first-child{font-size:11px}.web-link{font-size:11.5px}.live-state{font-size:10.5px}.top-icon{width:34px;height:34px;font-size:18px}.top-avatar{width:34px;height:34px;border:0;font-size:10px;box-shadow:0 7px 18px rgba(46,132,157,.2)}
.page-kicker{font-size:10px}.page-header p{max-width:800px;color:#526873;font-size:13px}.button{font-size:11.5px}.period-switcher button{font-size:10.5px}
.hero-live{font-size:9.5px}.command-copy>p{font-size:13.5px}.hero-chips span{font-size:9px}.hero-command-meta small{font-size:10px}.command-core small{font-size:9px}.orbit-card span{font-size:8.5px}.orbit-card strong{font-size:12px}.division-copy>span{font-size:9px}.division-copy p{font-size:10.5px}.division-copy button{font-size:10.5px}.metric-delta{font-size:9.5px}.metric-grid-premium .metric-label,.metric-label{font-size:11px}.metric-grid-premium .metric-foot,.metric-foot{font-size:10.5px}
.panel-heading h2{font-size:16px}.panel-heading p,.panel-action{font-size:11.5px}.section-label{font-size:10px}.flow-num{font-size:10.5px}.flow-step strong{font-size:12px}.flow-step small{font-size:10.5px}.side-row strong{font-size:12px}.side-row small,.row-tag{font-size:10.5px}.insight b{font-size:12px}.insight small{font-size:11px}.y-axis,.chart-labels,.mini-labels{font-size:9.5px}
.search input,.select{font-size:12px}.data-table th{font-size:10px;color:#526873}.data-table td{font-size:12px;color:#536873}.status{font-size:10px}.board-heading h3{font-size:12.5px}.board-heading span{font-size:10.5px}.board-card strong{font-size:12px}.board-card p{font-size:11px;color:#536873}.board-foot{font-size:10px}.mini-avatar{font-size:8.5px}.equipment-card strong{font-size:12px}.equipment-card p,.equipment-footer{font-size:10.5px}.doc-row strong{font-size:12px}.doc-row small,.doc-date,.doc-type{font-size:10.5px}.summary-box span{font-size:10.5px}.summary-box strong{font-size:18px}.summary-box small{font-size:10.5px}.quality-row,.quality-row strong{font-size:11px}.quality-head{font-size:10px}.controlling-bars>div,.controlling-bars b{font-size:11px}.modal-kicker,.modal-stat span{font-size:10px}.modal-copy,.modal-stat strong,.toast{font-size:12px}
.portal-top span:first-child,.portal-welcome>div>span{font-size:9.5px}.portal-account{font-size:11px}.portal-welcome p{font-size:12px}.portal-cards span{font-size:11px}.portal-cards small{font-size:10px}.portal-table>div,.portal-table strong{font-size:11px}.portal-table small,.portal-table-head{font-size:10px!important}.integration-tile strong,.integration-note strong{font-size:11.5px}.integration-tile small,.integration-note small{font-size:10.5px}

.top-menu{position:relative}.top-popover{position:absolute;z-index:80;top:45px;right:0;width:380px;overflow:hidden;border:1px solid #d8e5ea;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(14,48,66,.22)}.top-popover[hidden]{display:none}.popover-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 14px;background:linear-gradient(135deg,#f2f9fb,#f6fbf4);border-bottom:1px solid #e3edf0}.popover-heading span,.popover-heading strong{display:block}.popover-heading span{color:#258aac;font-size:9px;font-weight:800;letter-spacing:.14em}.popover-heading strong{margin-top:4px;font-size:13px}.popover-heading>b{padding:4px 8px;border-radius:999px;color:#4b9d35;background:#ebf7e7;font-size:9px}.action-item,.role-option{width:100%;display:flex;align-items:center;gap:11px;padding:13px 16px;border:0;border-bottom:1px solid #edf3f5;background:#fff;text-align:left}.action-item:hover,.role-option:hover{background:#f3f9fb}.action-item strong,.action-item small,.role-option strong,.role-option small{display:block}.action-item strong,.role-option strong{color:#223842;font-size:12px}.action-item small,.role-option small{margin-top:3px;color:#607580;font-size:10.5px}.action-item em,.role-option em{margin-left:auto;color:#258aac;font-style:normal}.action-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%}.action-dot.amber{background:#d59a43;box-shadow:0 0 0 5px #fff2df}.action-dot.red{background:#d55e55;box-shadow:0 0 0 5px #fae9e7}.action-dot.blue{background:#258aac;box-shadow:0 0 0 5px #e0f4fb}.role-option>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#258aac,#63b73f);font-size:10px;font-weight:800}.role-option.active{background:#eff8fb}.role-option.active em{color:#63a947;font-weight:900}.role-popover>p{margin:0;padding:12px 16px 15px;color:#607580;background:#f8fbfc;font-size:10.5px;line-height:1.45}

.role-context{display:flex;align-items:center;gap:11px;margin:-10px 0 20px;padding:11px 14px;border:1px solid #dce9ed;border-radius:14px;background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(26,72,94,.045)}.role-context>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#258aac,#63b73f);font-size:10px;font-weight:800}.role-context small,.role-context strong{display:block}.role-context small{color:#258aac;font-size:8.5px;font-weight:800;letter-spacing:.13em}.role-context strong{margin-top:2px;font-size:11.5px}.role-context p{margin:0;color:#536873;font-size:11px}.role-context>b{margin-left:auto;padding:6px 10px;border-radius:999px;color:#4e9638;background:#eef8ea;font-size:9.5px;white-space:nowrap}

.brand-proof-automation{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr)}.brand-proof-automation .proof-image{min-height:340px}.proof-overlay span{font-size:9px}.proof-overlay h2{font-size:24px}.proof-overlay p{font-size:11.5px}.automation-teaser{min-height:340px;padding:25px;border-radius:22px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(142,205,73,.25),transparent 35%),linear-gradient(145deg,#173d5a,#245e79);box-shadow:0 16px 38px rgba(26,72,94,.14)}.automation-teaser-head{display:flex;gap:14px;align-items:flex-start}.automation-teaser-head>span{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:14px;color:#d9ffc6;background:rgba(255,255,255,.12)}.automation-teaser small{color:#aee1ec;font-size:9px;font-weight:800;letter-spacing:.14em}.automation-teaser h2{margin:6px 0 0;color:#fff;font-size:22px;line-height:1.2}.automation-teaser>p{margin:18px 0;color:#d3e6eb;font-size:12px;line-height:1.6}.automation-teaser-list{display:grid;gap:9px;margin-bottom:21px}.automation-teaser-list span{display:flex;align-items:center;gap:9px;color:#e7f2f5;font-size:11px}.automation-teaser-list b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#d7ffc3;background:rgba(142,205,73,.14);font-size:9px}.automation-teaser .button{box-shadow:none}

.automation-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:16px;padding:28px;border-radius:22px;color:#fff;background:radial-gradient(circle at 82% 0,rgba(142,205,73,.27),transparent 31%),linear-gradient(120deg,#173d5a,#258aac);box-shadow:0 18px 46px rgba(26,72,94,.15)}.automation-hero>div{display:flex;align-items:flex-start;gap:17px;max-width:850px}.automation-hero>div>span{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;border-radius:16px;color:#d9ffc7;background:rgba(255,255,255,.13)}.automation-hero small{color:#c3edf4;font-size:9px;font-weight:800;letter-spacing:.14em}.automation-hero h2{margin:7px 0 9px;color:#fff;font-size:25px}.automation-hero p{margin:0;color:#d6e8ed;font-size:12px;line-height:1.65}.automation-hero aside{min-width:180px;padding-left:25px;border-left:1px solid rgba(255,255,255,.2)}.automation-hero aside strong,.automation-hero aside span{display:block}.automation-hero aside strong{font-family:"Spartan";font-size:28px}.automation-hero aside span{margin-top:7px;color:#d3e7eb;font-size:11px;line-height:1.4}.automation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.automation-card{padding:20px;border:1px solid #d9e7eb;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(26,72,94,.055)}.automation-card-top{display:flex;align-items:center;justify-content:space-between}.automation-card-top>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#258aac;background:linear-gradient(135deg,#e0f4fb,#eef8ea)}.automation-card>small{display:block;margin-top:17px;color:#258aac;font-size:9px;font-weight:800;letter-spacing:.13em}.automation-card h3{margin:7px 0 8px;font-size:17px}.automation-card p{margin:0;color:#536873;font-size:11.5px;line-height:1.55}.automation-card ol{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:17px 0 0;padding:0;list-style:none;counter-reset:auto-step}.automation-card li{position:relative;padding:9px 7px;border-radius:9px;color:#435d69;background:#f2f7f8;text-align:center;font-size:9.5px}.automation-offer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:24px;border:1px solid #d4e6eb;border-radius:20px;background:linear-gradient(120deg,#f1f9fb,#f4faef)}.automation-offer>div>span{color:#258aac;font-size:9px;font-weight:800;letter-spacing:.13em}.automation-offer h2{margin:7px 0;font-size:20px}.automation-offer p{max-width:700px;margin:0;color:#536873;font-size:11.5px;line-height:1.55}.automation-steps{display:flex;gap:7px}.automation-steps span{display:grid;gap:4px;min-width:76px;color:#526873;font-size:9.5px;text-align:center}.automation-steps b{width:32px;height:32px;display:grid;place-items:center;margin:auto;border-radius:10px;color:#258aac;background:#fff;box-shadow:0 5px 14px rgba(26,72,94,.08)}

.command-search{position:relative;margin-bottom:13px}.command-search>span{position:absolute;left:13px;top:10px;color:#258aac;font-size:19px}.command-search input{width:100%;padding:13px 14px 13px 40px;border:1px solid #cfe1e7;border-radius:12px;outline:0;font-size:13px}.command-search input:focus{border-color:#4cbee4;box-shadow:0 0 0 4px rgba(76,190,228,.12)}.search-results{display:grid;gap:7px}.search-results button{display:grid;grid-template-columns:80px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #e1ebee;border-radius:11px;background:#fff;text-align:left}.search-results button:hover{background:#f2f8fa;border-color:#bcdae4}.search-results b{color:#258aac;font-size:11px}.search-results span{color:#263d48;font-size:11.5px}.search-results small{color:#667a84;font-size:10px}

.phone-alert-icon{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:8px;color:#9a6b27;background:#ffe4b8}.phone-alert-icon .ui-icon{width:15px;height:15px}.task-icon .ui-icon,.mobile-feature-icon .ui-icon{width:16px;height:16px}.task-icon-new{color:var(--green)!important;background:var(--green-soft)!important}.phone-tab b{height:16px;display:grid;place-items:center}.phone-tab b .ui-icon{width:14px;height:14px}.phone-brand>div small{font-size:8.5px}.phone-greeting{font-size:10px}.phone-alert{font-size:10px}.phone-alert b{font-size:11px}.phone-section-title{font-size:9.5px}.phone-task b{font-size:10.5px}.phone-task small{font-size:9px}.phone-tab{font-size:9px}.mobile-feature h3{font-size:13px}.mobile-feature p,.mobile-feature li{font-size:11px}.mobile-cta h3{font-size:14px}.mobile-cta p{font-size:11px}

@media(max-width:1120px){.main-grid{grid-template-columns:1fr}.stack{min-width:0;grid-template-columns:1fr}.brand-proof-automation{grid-template-columns:1fr}.automation-teaser{min-height:auto}.automation-offer{grid-template-columns:1fr}.automation-steps{justify-content:flex-start}.role-context{flex-wrap:wrap}.role-context>b{margin-left:45px}}
@media(max-width:820px){.brand-logo{width:116px}.nav-item{font-size:11px}.role-context p{width:calc(100% - 45px)}.role-context>b{margin-left:45px}.top-popover{position:fixed;top:58px;right:10px;width:min(380px,calc(100vw - 20px))}.automation-hero{align-items:flex-start;flex-direction:column}.automation-hero aside{width:100%;padding:16px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.2)}.automation-grid{grid-template-columns:1fr}.automation-card ol{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.page-header p{font-size:12px}.role-context{align-items:flex-start}.role-context p{font-size:10.5px}.role-context>b{white-space:normal}.brand-proof-automation .proof-image{min-height:290px}.automation-teaser{padding:20px}.automation-steps{display:grid;grid-template-columns:repeat(2,1fr)}.search-results button{grid-template-columns:70px 1fr}.search-results small{grid-column:2}.top-actions .live-state{display:none}}

/* No operational label should drop below a comfortably readable size. */
.demo-pill,.nav-new,.company-avatar,.profile-avatar,.nav-group-title,.proof-overlay span,.automation-teaser small,.automation-teaser-list b{font-size:10px}
.role-context small{font-size:10px}.role-context>b{font-size:10.5px}.hero-chips span,.command-core small,.orbit-card span,.division-copy>span,.metric-delta,.y-axis,.chart-labels,.mini-labels{font-size:10px}