/* Intranet TR V6.3.8 — Modules experience. Isolated mx-* components. */
.mx-hero { position:relative; isolation:isolate; overflow:hidden; color:#fff; background:radial-gradient(ellipse at 79% 39%,#1b5960 0%,transparent 40%),linear-gradient(125deg,#08182f 0%,#122c4c 60%,#091a31 100%); }
.mx-hero-noise {position:absolute;inset:0;z-index:-1;opacity:.17;background-image:linear-gradient(#83b4c2 1px,transparent 1px),linear-gradient(90deg,#83b4c2 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.mx-hero-grid {display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;min-height:655px;padding-block:74px 78px}
.mx-hero-copy {position:relative;z-index:2}
.mx-kicker {display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #497c83;border-radius:99px;background:#0d484c55;color:#9cf3df;font-size:11px;font-weight:800;letter-spacing:.13em}
.mx-pulse {width:7px;height:7px;border-radius:50%;background:#83ebd5;box-shadow:0 0 0 5px #83ebd51c;animation:mx-pulse 3s infinite}
.mx-hero h1 {font-size:clamp(52px,5.6vw,84px);letter-spacing:-.065em;line-height:1.04;margin:27px 0 25px;max-width:730px}
.mx-hero h1 em {font-style:normal;color:#8ae9d8;background:linear-gradient(115deg,#c2fff2,#47cdbf);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.mx-hero-copy > p {color:#b8cbe0;font-size:16px;line-height:1.85;max-width:535px}
.mx-hero-actions {display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.mx-action-primary,.mx-action-secondary {display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 23px;border-radius:12px;font-size:13px;font-weight:800;transition:transform .25s ease,background .25s ease}
.mx-action-primary {background:#8ef2db;color:#063b43;box-shadow:0 12px 30px #04b99e35}
.mx-action-secondary {border:1px solid #5a748e;color:#fff;background:#ffffff0a}
.mx-action-primary:hover,.mx-action-secondary:hover {transform:translateY(-3px)}
.mx-action-primary:hover {background:#c4fff0}.mx-action-secondary:hover {background:#ffffff1c}
.mx-hero-proof {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:44px;color:#a6c0d4;font-size:10px;letter-spacing:.12em;font-weight:800}
.mx-proof-line {width:31px;height:1px;background:#8be8d5}.mx-proof-dot {color:#6be1ce}
.mx-scene {position:relative;min-width:0;height:525px;display:grid;place-items:center;perspective:1000px}
.mx-scene-glow {position:absolute;inset:13%;border-radius:50%;background:#2be0bf;opacity:.15;filter:blur(75px)}
.mx-scene-orbit {position:absolute;aspect-ratio:1;border:1px solid #5cbaa77d;border-radius:50%;pointer-events:none}
.mx-orbit-one {width:91%;border-style:dashed;animation:mx-spin 90s linear infinite}.mx-orbit-two {width:72%;border-color:#5ed1c53a;animation:mx-spin 75s linear infinite reverse}
.mx-dashboard {position:relative;z-index:2;width:min(390px,84%);background:linear-gradient(155deg,#f9ffff,#e7f3f8);color:#152b45;border:1px solid #b9d7de;border-radius:22px;overflow:hidden;box-shadow:0 40px 90px #010e22a8;transform:rotate(-4deg) rotateY(-8deg);animation:mx-dashboard-float 8s ease-in-out infinite}
.mx-dashboard-bar {height:49px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:#112d47;color:#fff;font-size:12px;letter-spacing:-.02em;font-weight:800}
.mx-dashboard-bar strong {color:#85edda}.mx-dots {display:flex;gap:4px}.mx-dots b {width:6px;height:6px;border-radius:50%;background:#4b7186}.mx-dots b:first-child {background:#76e4d0}.mx-dashboard-status {color:#6de0c6}
.mx-dashboard-content {padding:25px 24px 20px}.mx-dashboard-title {display:grid;gap:5px}.mx-dashboard-title small {font-size:9px;font-weight:850;letter-spacing:.13em;color:#168b81}.mx-dashboard-title strong {font-size:23px;letter-spacing:-.04em}
.mx-dashboard-metrics {display:flex;gap:10px;margin:20px 0}.mx-dashboard-metrics span {display:grid;place-items:center;width:55px;height:48px;border-radius:11px;background:#d5efec;color:#168b81}.mx-dashboard-metrics svg {width:22px;height:22px}
.mx-dashboard-rows {display:grid;gap:7px}.mx-ui-row {display:flex;align-items:center;gap:10px;padding:9px 11px;background:#fff;border:1px solid #e0edf0;border-radius:10px;font-size:11px;font-weight:700;color:#415872}.mx-ui-icon {display:grid;place-items:center;width:24px;height:24px;color:#0b9887}.mx-ui-icon svg {width:17px;height:17px}.mx-ui-row i {margin-left:auto;width:20px;height:5px;background:#b7e9dd;border-radius:8px}.mx-dashboard-footer {display:flex;justify-content:space-between;margin-top:17px;color:#6c8396;font-size:10px;font-weight:750}
.mx-float {position:absolute;z-index:3;display:flex;align-items:center;gap:9px;max-width:190px;padding:12px 15px;border:1px solid #548a9f9c;border-radius:14px;background:#163c57f0;box-shadow:0 16px 35px #0413268c;color:#eafff9;font-size:11px;font-weight:800;backdrop-filter:blur(12px);animation:mx-bob 6s ease-in-out infinite}.mx-float svg {width:22px;height:22px;flex-shrink:0;color:#85ebd5}
.mx-float-a {top:12%;left:0;animation-delay:-2s}.mx-float-b {right:-2%;top:30%;animation-delay:-4s}.mx-float-c {bottom:12%;left:2%;animation-delay:-1s}
.mx-hero-bottom {border-top:1px solid #29445f;background:#0b2039a0}.mx-hero-bottom .container {min-height:57px;display:flex;align-items:center;justify-content:space-between;color:#92b4c8;font-size:10px;font-weight:850;letter-spacing:.18em}
.mx-section {background:#f4f8fc;padding:100px 0 120px;scroll-margin-top:80px}.mx-section-head {display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:34px}.mx-section-kicker {color:#098c7e;font-size:11px;font-weight:850;letter-spacing:.15em}.mx-section-head h2 {margin:15px 0;font-size:clamp(38px,4vw,56px);letter-spacing:-.055em}.mx-accent {color:#0c9c8c}.mx-section-head p {max-width:630px;color:#647890;font-size:15px;margin:0}.mx-section-count {display:grid;justify-items:center;min-width:120px;padding:15px 20px;border:1px solid #d8e6ed;border-radius:17px;background:#fff}.mx-section-count strong {font-size:42px;line-height:1;color:#0b9b87}.mx-section-count span {font-size:10px;font-weight:850;letter-spacing:.14em;color:#6b8197}
.mx-toolbar {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.mx-filters {display:flex;gap:8px;flex-wrap:wrap}.mx-filter {border:1px solid #d8e5ec;border-radius:99px;padding:11px 15px;color:#536b82;background:#fff;font-size:12px;font-weight:750;transition:background .2s,color .2s,transform .2s}.mx-filter:hover {transform:translateY(-2px);border-color:#7ecdc0}.mx-filter.is-selected {background:#102e49;color:#fff;border-color:#102e49}.mx-search {display:flex;align-items:center;gap:8px;min-width:190px;padding:0 13px;height:44px;border:1px solid #d8e5ec;border-radius:12px;background:#fff;color:#0b9b87}.mx-search span {font-size:22px}.mx-search input {width:100%;min-width:0;border:0;outline:none;background:transparent;font-size:12px;color:#152a4d}
.mx-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.mx-card {position:relative;min-width:0;display:flex;flex-direction:column;min-height:366px;padding:27px 27px 22px;background:#fff;border:1px solid #dde8f0;border-radius:22px;box-shadow:0 15px 38px #102e4810;overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.mx-card::before {content:"";position:absolute;top:-120px;right:-100px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#b9eee75e,transparent 65%);pointer-events:none}.mx-card:hover {transform:translateY(-7px);border-color:#96d8cf;box-shadow:0 25px 50px #0b354021}.mx-card-head {display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.mx-card-icon {display:grid;place-items:center;width:55px;height:55px;border-radius:15px;color:#0a9182;background:#e2f6f1}.mx-card-icon svg {width:27px;height:27px}.mx-card-num {font-size:11px;font-weight:850;letter-spacing:.13em;color:#9aabba}.mx-card-copy {position:relative;z-index:1;margin-top:25px}.mx-card-copy h3 {font-size:clamp(20px,2vw,25px);line-height:1.2;margin:0 0 12px;color:#142b49;letter-spacing:-.035em}.mx-card-copy p {color:#687d92;font-size:13px;line-height:1.7;margin:0}.mx-card-details {position:relative;z-index:1;margin-top:21px}.mx-detail-label {display:block;color:#0c9486;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.mx-card-details ul {display:grid;gap:7px;margin:10px 0 0;padding:0;list-style:none}.mx-card-details li {display:flex;gap:8px;color:#526980;font-size:12px;line-height:1.5}.mx-card-details li::before {content:"✓";color:#0b9b87;font-weight:900}.mx-card-link {position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:22px;color:#087f75;font-size:12px;font-weight:850}.mx-card-link span:last-child {display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e3f5f1;transition:transform .2s}.mx-card:hover .mx-card-link span:last-child {transform:translate(3px,-3px)}.mx-empty {padding:25px;text-align:center;color:#647890}.mx-card[hidden] {display:none!important}
.mx-reveal {transition:opacity .6s ease,transform .6s ease}.mx-reveal.mx-hidden {opacity:0;transform:translateY(22px)}
@keyframes mx-pulse {50%{box-shadow:0 0 0 9px #83ebd50a}}@keyframes mx-spin {to{transform:rotate(360deg)}}@keyframes mx-bob {50%{transform:translateY(-10px)}}@keyframes mx-dashboard-float {50%{transform:translateY(-9px) rotate(-3deg) rotateY(-6deg)}}
@media(max-width:1100px){.mx-hero-grid{gap:10px}.mx-scene{height:450px}.mx-dashboard{width:80%}.mx-float{font-size:10px;padding:10px}.mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.mx-hero-grid{grid-template-columns:1fr;min-height:0;padding:65px 0 45px}.mx-hero h1{font-size:clamp(43px,9vw,68px)}.mx-scene{height:430px;max-width:560px;width:100%;margin:0 auto}.mx-toolbar{align-items:stretch;flex-direction:column}.mx-search{max-width:340px}.mx-section{padding:65px 0 80px}.mx-section-head{align-items:start}}
@media(max-width:560px){.mx-hero-grid{padding-top:42px}.mx-hero h1{font-size:clamp(40px,11vw,57px)}.mx-hero-copy>p{font-size:14px}.mx-scene{height:315px}.mx-dashboard{width:76%;border-radius:15px}.mx-dashboard-content{padding:13px}.mx-dashboard-title strong{font-size:17px}.mx-dashboard-metrics{margin:10px 0}.mx-dashboard-metrics span{width:35px;height:30px}.mx-dashboard-metrics svg{width:16px}.mx-ui-row{padding:5px 7px;font-size:9px}.mx-float{padding:7px;max-width:115px;font-size:8px;gap:4px}.mx-float svg{width:16px;height:16px}.mx-float-a{top:3%;left:0}.mx-float-b{right:0;top:25%}.mx-float-c{bottom:1%;left:1%}.mx-hero-proof{font-size:9px}.mx-section-head{gap:10px}.mx-section-count{min-width:75px;padding:12px}.mx-section-count strong{font-size:30px}.mx-section-count span{font-size:8px}.mx-grid{grid-template-columns:1fr}.mx-card{min-height:0;padding:24px}.mx-filters{gap:6px}.mx-filter{padding:9px 11px;font-size:11px}.mx-search{max-width:none}.mx-section-head h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.mx-pulse,.mx-scene-orbit,.mx-dashboard,.mx-float{animation:none!important}.mx-reveal,.mx-card,.mx-action-primary,.mx-action-secondary{transition:none!important}}