/* MatrixNet CMS corporate presentation: isolated styles, no changes to CMS app */
.cms-marketing{color:var(--navy-700)}
.cms-marketing .container,.cms-teaser .container{max-width:1140px}
.cms-hero{background:linear-gradient(135deg,#071d37 0%,#0B2E4E 48%,#0074A2 100%);color:#fff;padding:92px 0 86px}
.cms-hero-compact{padding:78px 0 80px}
.cms-hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:64px;align-items:center}
.cms-hero h1{font-size:clamp(34px,4.3vw,55px);letter-spacing:-.035em;line-height:1.11;max-width:650px;margin:0 0 22px}
.cms-hero-compact h1{max-width:none}
.cms-hero .cms-lead{font-size:19px;line-height:1.7;color:#e0edf7;max-width:650px}
.cms-eyebrow{display:inline-block;color:#0987a5;font-weight:800;letter-spacing:.15em;font-size:12px;margin-bottom:18px}
.cms-hero .cms-eyebrow{color:#68d6e5}
.cms-subnote{font-size:12px;color:#d2e9f0;margin:18px 0 0}
.cms-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;align-items:center}
.cms-btn{display:inline-flex;min-height:46px;padding:12px 20px;border-radius:8px;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:14px;line-height:1.3;border:1.5px solid transparent;transition:transform .16s ease,background .16s ease}
.cms-btn:hover{transform:translateY(-2px)}
.cms-btn:focus-visible{outline:3px solid #24b5cb;outline-offset:2px}
.cms-btn-primary{background:#1CB5C9;color:#08283c}
.cms-btn-primary:hover{background:#52d0dc}
.cms-btn-light{background:#fff;color:#0B2E4E}
.cms-btn-dark{background:#0B2E4E;color:#fff}
.cms-btn-outline{background:transparent;color:#0B2E4E;border-color:#aac5d0}
.cms-btn-outline-light{color:#fff;border-color:#b1d6e4}
.cms-console{border:1px solid rgba(255,255,255,.25);border-radius:17px;padding:22px;background:rgba(2,13,30,.43);box-shadow:0 25px 65px rgba(0,0,0,.2)}
.cms-console-top{display:flex;justify-content:space-between;gap:10px;color:#8ad9e7;font-size:10px;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:16px}
.cms-console h2{color:#fff;font-size:24px;margin:23px 0}
.cms-console-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.cms-console-tile{padding:16px 13px;border-radius:9px;background:rgba(255,255,255,.1);min-height:87px}
.cms-console-tile .cms-num{display:block;color:#81dbe8;margin-bottom:10px}
.cms-console-tile strong{font-size:14px;color:white}
.cms-console p{font-size:11px;color:#b6cdda;margin-top:18px}
.cms-section{padding:88px 0}
.cms-section-light{background:#f6f9fb}
.cms-heading{max-width:760px;margin:0 auto 38px;text-align:center}
.cms-heading h2,.cms-section h2{font-size:clamp(26px,3.2vw,38px);line-height:1.23;letter-spacing:-.02em;margin-bottom:18px}
.cms-section p{color:var(--slate-600);font-size:16px}
.cms-benefits,.cms-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cms-benefit,.cms-capability{background:#fff;border:1px solid #dce8ee;border-radius:12px;padding:28px;box-shadow:0 7px 18px rgba(12,44,71,.03)}
.cms-benefit h3,.cms-capability h3{font-size:18px;margin-bottom:10px}
.cms-benefit p,.cms-capability p{font-size:14px;line-height:1.7}
.cms-capability .cms-num{font-size:12px;letter-spacing:.14em;font-weight:700;color:#0074A2;display:block;margin-bottom:14px}
.cms-two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}
.cms-checks{display:grid;gap:12px;margin:22px 0 0;padding:0}
.cms-checks li{position:relative;padding-left:24px;color:#334155;font-size:15px}
.cms-checks li:before{position:absolute;content:'✓';left:0;color:#008f9c;font-weight:900}
.cms-cta-card{border-left:4px solid #1CB5C9;padding:34px;background:#f2f9fb;border-radius:0 13px 13px 0}
.cms-cta-card h3{font-size:23px;margin-bottom:12px}
.cms-center{text-align:center}
.cms-center p{max-width:680px;margin-left:auto;margin-right:auto}
.cms-justify-center{justify-content:center}
.cms-availability{font-size:12px!important;margin-top:24px}
.cms-product-card{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;background:white;border:1px solid #dce8ee;border-radius:20px;overflow:hidden;box-shadow:0 16px 45px rgba(11,46,78,.07)}
.cms-product-copy{padding:48px}
.cms-pill{font-size:11px;display:inline-block;color:#0074A2;font-weight:800;letter-spacing:.11em;margin-bottom:18px}
.cms-product-copy h2{font-size:37px}
.cms-feature-side{background:linear-gradient(140deg,#0b2e4e,#0074A2);padding:43px;color:#fff}
.cms-feature-side span{font-size:12px;color:#a3e6ed;display:block;letter-spacing:.15em}
.cms-feature-side strong{display:block;font-size:28px;line-height:1.2;margin:12px 0 32px}
.cms-feature-side p{color:#ecf6f9;font-size:14px}
.cms-mini-bars{height:115px;display:flex;align-items:flex-end;gap:12px;margin-bottom:25px}
.cms-mini-bars i{display:block;flex:1;background:linear-gradient(180deg,#64dfe9,#19b5c9);border-radius:6px 6px 0 0;height:53%}
.cms-mini-bars i:nth-child(2){height:77%}.cms-mini-bars i:nth-child(3){height:62%}.cms-mini-bars i:nth-child(4){height:91%}
.cms-teaser{background:#ebf8fa;padding:76px 0}
.cms-teaser-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:68px;align-items:center}
.cms-teaser h2{font-size:clamp(29px,3.6vw,42px);line-height:1.2;margin-bottom:18px}
.cms-teaser-lead{font-size:18px;color:#334155;line-height:1.6;max-width:530px}
.cms-teaser-highlights{border:1px solid #bce3eb;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(3,55,89,.05);padding:13px 25px}
.cms-teaser-row{display:flex;align-items:center;gap:20px;border-bottom:1px solid #e1edf1;padding:22px 0}
.cms-teaser-row:last-child{border:0}
.cms-teaser-row span{font-size:12px;color:#0086a6;font-weight:800}
.cms-teaser-row strong{font-size:16px}
@media(max-width:850px){.cms-hero-grid,.cms-two-col,.cms-product-card,.cms-teaser-grid{grid-template-columns:1fr;gap:30px}.cms-benefits,.cms-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-hero{padding:65px 0}.cms-feature-side{min-height:250px}}
@media(max-width:580px){.cms-hero h1{font-size:34px}.cms-benefits,.cms-capability-grid{grid-template-columns:1fr}.cms-product-copy,.cms-feature-side{padding:28px}.cms-section{padding:60px 0}.cms-teaser{padding:55px 0}.cms-console-grid{gap:6px}.cms-console-tile{padding:12px}.cms-buttons{flex-direction:column;align-items:stretch}.cms-btn{width:100%}}
/* The added navigation item needs a slightly tighter desktop gap. */
@media(min-width:1025px){.main-nav{gap:clamp(10px,1.2vw,20px)}.main-nav a{font-size:14px}.site-header .container{padding-left:26px;padding-right:26px}}