.system-page,.system-page *{box-sizing:border-box}.system-page{background:var(--ml-color-ivory);color:var(--ml-color-navy);overflow:clip}.system-page :where(h1,h2,h3,h4,p,ul,ol,dl,dd,blockquote){margin:0}.system-page :where(h1,h2,h3,h4){font-family:var(--ml-font-display)}.system-page :where(button,input,select,textarea,a){font-size:var(--ml-type-control)}.system-page :where(button,a){transition:background-color var(--ml-motion-feedback) var(--ml-ease-out), color var(--ml-motion-feedback) var(--ml-ease-out), transform var(--ml-motion-press) var(--ml-ease-out)}.system-page :where(button,a):active{transform:scale(.98)}.system-product-hero{background:linear-gradient(118deg, var(--ml-color-neutral-950), var(--ml-color-navy) 72%, #0a2147);color:var(--ml-color-ivory);min-height:min(47rem,100svh - 5rem);padding:clamp(4.5rem, 9vw, 8rem) var(--ml-gutter) 2rem;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(3rem,6vw,6rem);display:grid}.system-product-title{align-self:end}.system-demo-state,.system-status-list,.system-connection-links span,.system-journey{font-size:var(--ml-type-utility);letter-spacing:.1em;text-transform:uppercase;font-weight:850}.system-product-role{color:var(--ml-color-text-muted-on-dark);font-size:var(--ml-type-body);margin-top:1.25rem;line-height:1.5;display:block}.system-product-title h1{letter-spacing:-.04em;font-size:clamp(4rem,9vw,8.5rem);font-weight:650;line-height:.88}.system-product-title strong{max-width:40rem;margin-top:2rem;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:500;line-height:1.4;display:block}.system-product-context{align-content:end;gap:1.5rem;display:grid}.system-product-context>p{color:var(--ml-color-text-muted-on-dark);line-height:1.65}.system-status-list{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.system-status-list li{border:1px solid var(--ml-color-rule-on-dark);color:var(--ml-color-text-muted-on-dark);padding:.6rem .7rem}.system-status-list li.is-live{border-color:var(--ml-color-status-live);color:var(--ml-color-status-live)}.system-primary-action{background:var(--ml-color-coral);color:var(--ml-color-navy);justify-content:space-between;align-items:center;gap:1rem;width:min(100%,21rem);min-height:3.5rem;padding:0 1.1rem;font-weight:800;display:flex}.system-primary-action svg,.system-connections svg,.system-close svg,.systems-page svg{width:1.15rem;height:1.15rem}.system-journey{border-top:1px solid var(--ml-color-rule-on-dark);grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding-top:1.5rem;display:grid}.system-journey ol{grid-template-columns:repeat(6,minmax(0,1fr));padding:0;list-style:none;display:grid}.system-journey li{color:var(--ml-color-neutral-400);min-width:0;position:relative}.system-journey li:after{background:var(--ml-color-rule-on-dark);content:"";height:1px;position:absolute;top:-.55rem;left:0;right:0}.system-journey li.is-current{color:var(--ml-color-ivory)}.system-journey li.is-current:after{background:var(--ml-color-coral);height:3px}.system-journey>a{color:var(--ml-color-coral);min-height:var(--ml-target-min);padding-top:.75rem}.system-demo-section{background:var(--ml-color-neutral-950);color:var(--ml-color-ivory);padding:clamp(4rem, 8vw, 7rem) var(--ml-gutter)}.system-demo-intro{max-width:var(--ml-container-wide);grid-template-columns:minmax(0,.65fr) minmax(20rem,1.35fr);gap:2rem;margin:0 auto clamp(2.5rem,6vw,5rem);display:grid}.system-demo-intro h2{letter-spacing:-.04em;font-size:clamp(2.75rem,5.5vw,5.5rem);line-height:.94}.system-demo-intro p{color:var(--ml-color-text-muted-on-dark);align-self:end;max-width:44rem;line-height:1.65}.system-demo-state{color:var(--ml-color-text-muted-on-dark);margin-bottom:1rem;display:block}.system-demo-state strong{color:var(--ml-color-coral)}.system-truth,.system-connections{padding:clamp(4.5rem, 9vw, 8rem) var(--ml-gutter);grid-template-columns:minmax(0,1fr) minmax(18rem,.75fr);gap:clamp(2rem,6vw,6rem);display:grid}.system-truth{background:var(--ml-color-cobalt);color:var(--ml-color-ivory)}.system-truth h2,.system-connections h2,.system-close h2{letter-spacing:-.04em;font-size:clamp(2.75rem,5.5vw,5.5rem);line-height:.95}.system-truth h3{font-size:clamp(1.5rem,2.5vw,2.25rem)}.system-truth p,.system-connections p,.system-close>p{font-size:var(--ml-type-body);line-height:var(--ml-leading-body);max-width:44rem;margin-top:1.5rem}.system-connections{background:var(--ml-color-ivory)}.system-connection-links{border-top:1px solid var(--ml-color-rule)}.system-connection-links a{border-bottom:1px solid var(--ml-color-rule);grid-template-columns:6.5rem 1fr auto;align-items:center;gap:1rem;min-height:5.5rem;display:grid}.system-connection-links span{color:var(--ml-color-text-muted)}.system-close{background:var(--ml-color-coral);color:var(--ml-color-navy);padding:clamp(4.5rem, 10vw, 9rem) var(--ml-gutter)}.system-close h2{margin-top:1.5rem;font-size:clamp(3.5rem,8vw,8rem)}.system-close>div{flex-wrap:wrap;gap:.75rem;margin-top:3rem;display:flex}.system-close a{border:1px solid var(--ml-color-navy);justify-content:space-between;align-items:center;gap:1.5rem;min-height:3.5rem;padding:0 1.1rem;font-weight:800;display:flex}.system-close a:first-child{background:var(--ml-color-navy);color:var(--ml-color-ivory)}@media (hover:hover) and (pointer:fine){.system-primary-action:hover,.system-close a:hover{transform:translateY(-2px)}.system-connection-links a:hover{color:var(--ml-color-cobalt)}}@media (width<=1024px){.system-product-hero{grid-template-columns:1fr}.system-product-context{max-width:42rem}}@media (width<=768px){.system-product-hero{gap:2.5rem;min-height:auto;padding:4rem 20px 1.5rem}.system-product-title h1{font-size:clamp(3.5rem,18vw,6rem)}.system-journey{grid-template-columns:1fr}.system-journey ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.system-journey li{min-height:var(--ml-target-min);padding-top:.75rem}.system-demo-section,.system-truth,.system-connections,.system-close{padding-left:20px;padding-right:20px}.system-demo-intro,.system-truth,.system-connections{grid-template-columns:1fr}}@media (width<=430px){.system-connection-links a{grid-template-columns:1fr auto;padding:1rem 0}.system-connection-links span{grid-column:1/-1}.system-close>div,.system-close a{width:100%}}@media (width<=360px){.system-product-hero,.system-demo-section,.system-truth,.system-connections,.system-close{padding-left:16px;padding-right:16px}.system-journey ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.system-page *,.system-page :before,.system-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
