/* SHUOLING: retain existing blue/cyan brand tokens and light-weight layout. */
:root{--gold:#28b7d2;--gold-light:#65d9ef}header{background:#071b3bf5!important}header.scrolled{background:#071b3b!important}.button.primary{background:#28b7d2;color:#062339;border-color:#28b7d2}.button.primary:hover{background:#65d9ef;border-color:#65d9ef}.eyebrow{color:#167ea2}
.matrix-banner{position:relative;isolation:isolate;background:#071b3b;color:#fff;min-height:520px;margin-top:80px;overflow:hidden}
.matrix-slide{position:relative;min-height:520px;display:flex;align-items:center;background:radial-gradient(ellipse at 80% 30%,#087b9b 0,transparent 55%),linear-gradient(115deg,#061933,#104684)}
.matrix-slide[hidden]{display:none}.matrix-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.matrix-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,40,.94),rgba(3,17,40,.74) 42%,rgba(3,17,40,.12));z-index:0}
.matrix-banner-copy{position:relative;z-index:1;width:min(1180px,calc(100% - 80px));margin:auto;padding:56px 0 90px;min-width:0}
.matrix-banner-copy h2{font-size:clamp(30px,4vw,54px);line-height:1.15;color:#fff;max-width:730px;margin:14px 0 20px;letter-spacing:-.025em}
.matrix-banner-copy>p{max-width:660px;color:#d7e8f7;font-size:17px;line-height:1.75}.matrix-banner-copy .eyebrow{color:#65d9ef;font-size:12px;letter-spacing:.16em}.matrix-banner-copy .matrix-channel-note{font-size:13px;color:#a7e9f2}.matrix-banner-copy .button{margin-top:18px}
.matrix-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:18px}
.matrix-controls button{border:1px solid #6994ac;background:#0a2a4b;color:#fff;cursor:pointer;min-height:38px;min-width:38px;border-radius:50%;font-size:17px}
.matrix-dots{display:flex;gap:10px}.matrix-controls .matrix-dot{min-width:10px;min-height:10px;width:10px;height:10px;padding:0;background:#6d91ab;border:0}.matrix-dot[aria-pressed=true]{background:#65e3f3;box-shadow:0 0 0 4px #65e3f329}
.matrix-controls button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.matrix-products h1{font-size:clamp(29px,3.4vw,44px);line-height:1.25;letter-spacing:-.03em;margin:12px 0 20px;color:var(--ink,#112642)}
.matrix-intro{max-width:760px;font-size:18px;line-height:1.85;color:var(--muted,#536780);margin-bottom:38px}
.matrix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.matrix-product{min-width:0;background:#fff;border:1px solid #dce8f1;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #17467c08;display:flex;flex-direction:column}
.matrix-cover-wrap{aspect-ratio:16/9;background:radial-gradient(circle at 80% 20%,#21aeca55,transparent 60%),linear-gradient(125deg,#072b54,#12678b);display:flex;align-items:center;justify-content:center;overflow:hidden}
.matrix-cover{width:100%;height:100%;object-fit:cover;display:block}.matrix-cover-label{color:#dcf8ff;font-size:clamp(22px,2.8vw,34px);padding:30px;text-align:center;font-weight:650}
.matrix-product-copy{padding:28px;display:flex;flex-direction:column;flex:1;align-items:flex-start}.matrix-product-logo{object-fit:contain;width:40px;height:40px;margin-bottom:16px}.matrix-product h2{font-size:24px;line-height:1.3;margin:0 0 12px}.matrix-short{font-weight:600;color:#24567a;margin:0 0 10px}.matrix-summary{color:#597084;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.8;margin:0 0 16px}
.matrix-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.matrix-tags span{background:#edf7fb;color:#24637f;border-radius:5px;padding:4px 9px;font-size:12px}.matrix-product .text-link{margin-top:auto}
.matrix-capabilities{background:#f3f8fc}.matrix-cap-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;margin-top:38px}.matrix-cap-grid article{border-top:1px solid #bed5e3;padding-top:20px;min-width:0}.matrix-number{color:#1485ad;font-size:13px;letter-spacing:.1em}.matrix-cap-grid h3,.matrix-why-grid h3{font-size:19px;margin:14px 0 12px}.matrix-cap-grid p,.matrix-why-grid p{color:#5d7082;line-height:1.8;font-size:15px}.matrix-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:30px}
.matrix-social{display:flex;gap:24px;padding-top:22px}.matrix-icp{text-align:center;border-top:1px solid #dce8f130;margin-top:24px;padding-top:20px;padding-bottom:22px;font-size:13px}
.brand-logo{object-fit:contain}header .nav-row{gap:20px}footer .footer-contact p:empty{display:none}
header .brand{min-width:0;max-width:340px;letter-spacing:.03em}header .cms-brand-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header .cms-brand-text small{font-size:10px;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}footer .cms-brand-text{letter-spacing:.03em;overflow-wrap:anywhere}
@media(max-width:1100px) and (min-width:1001px){header .brand{max-width:245px}header #navigation{gap:16px}}
@media(max-width:1000px){header .brand{max-width:calc(100% - 70px)}}
@media(min-width:1500px){.matrix-banner,.matrix-slide{min-height:590px}}
@media(max-width:1000px){.matrix-cap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.matrix-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.matrix-banner{margin-top:72px}.matrix-banner,.matrix-slide{min-height:570px}.matrix-banner-copy{width:calc(100% - 40px);padding:40px 0 94px}.matrix-banner-copy h2{font-size:32px}.matrix-banner-copy>p{font-size:15px}.matrix-slide:after{background:linear-gradient(90deg,#031128eb,#031128ad)}.matrix-banner-image{object-position:62% center}.matrix-grid,.matrix-cap-grid,.matrix-why-grid{grid-template-columns:1fr}.matrix-product-copy{padding:23px}.matrix-products h1{font-size:30px}.matrix-intro{font-size:16px}.matrix-cap-grid{gap:15px}.matrix-why-grid{gap:14px}.matrix-controls{gap:14px}.matrix-social{flex-wrap:wrap} .matrix-product h2{font-size:23px}}
