@import './systems-process.css';
@import './systems-capabilities.css';
@import './systems-lower.css';
.systems-page{background:var(--canvas);overflow:hidden}.sys-wrap{width:90%;max-width:1216px;margin-inline:auto}.sys-hero{padding-top:22px;padding-bottom:100px}.sys-kicker{font-size:12px;font-weight:600;line-height:16px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.sys-hero h1{font-size:clamp(48px,4.4444vw,64px);line-height:1.1;font-weight:500;letter-spacing:-.055em;margin:0;max-width:1216px}.sys-hero h1>span{display:block}.sys-hero h1 em{position:relative;font-style:normal;color:var(--link);white-space:nowrap}.sys-hero h1 em svg{position:absolute;left:0;bottom:-5px;width:100%;height:9px;overflow:visible;fill:none;stroke:var(--teal);stroke-width:3.5;stroke-linecap:round}.sys-hero-copy{font-size:18px;line-height:27px;max-width:760px;margin:24px 0 32px;letter-spacing:-.02em}.sys-primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;padding:11px 18px;border-radius:7px;background:var(--teal);color:var(--ink);font-size:14px;font-weight:600;line-height:20px;text-decoration:none;border:1px solid #078481;box-shadow:0 4px 4px #07131720;transition:background .2s,transform .2s}.sys-primary:hover{background:#26b7ad;transform:translateY(-1px)}.sys-primary>span{font-size:18px}.sys-hero-art{margin-top:70px;width:100%;aspect-ratio:1360/850}.sys-hero-art wv-systems-hero{display:block;width:100%;aspect-ratio:1360/850}.sys-art-caption{font-size:14px;line-height:22px;color:var(--muted);margin:16px 0 0}
@media(max-width:800px){.sys-wrap{width:90%}.sys-hero{padding-top:12px;padding-bottom:80px}.sys-hero h1{font-size:48px;line-height:1.1;letter-spacing:-.055em}.sys-kicker{margin-bottom:10px}.sys-hero-copy{font-size:16px;line-height:24px;margin-top:24px;margin-bottom:24px}.sys-hero-art{margin-top:44px;max-width:342px;margin-inline:auto}.sys-art-caption{font-size:13px;line-height:20px;margin-top:14px;max-width:342px;margin-inline:auto}.sys-primary{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sys-primary{transition:none}.sys-primary:hover{transform:none}}

.sys-hero-art wv-systems-hero>img{display:block;width:100%;height:auto}
.sys-problem{padding:120px 0 140px}.sys-section-head{text-align:center}.sys-head-row{display:flex;justify-content:center;align-items:center;gap:16px;min-height:44px}.sys-pill{width:fit-content;margin:0;padding:6px 16px;background:#e4ece5;border:1px solid #bdcdc1;border-radius:30px;font-size:11px;line-height:16px;font-weight:700;text-transform:uppercase}.systems-page h2{font-size:48px;line-height:1.2;letter-spacing:-.045em;font-weight:500}.sys-section-head h2{margin:20px auto 56px;max-width:800px}.sys-motion-toggle{min-height:44px;padding:8px 16px;border:1px solid #92aba0;border-radius:24px;background:transparent;color:var(--ink);font-size:12px;line-height:18px}.sys-motion-toggle:hover{background:#e7f3e9}.sys-motion-toggle:disabled{cursor:default;color:#51635f}.sys-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.sys-comparison-art{width:100%;aspect-ratio:590/400}.sys-diagram{display:block;width:100%;height:100%;font-family:'DM Sans',sans-serif}.sys-diagram text{font-size:16px;letter-spacing:-.02em}.sys-diagram [font-size="12"]{font-size:12px}.sys-diagram g[font-size="13"] text{font-size:13px}.sys-comparison-label{position:relative;display:flex;justify-content:center;margin:24px 0 42px}.sys-comparison-label:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#d5dfd7}.sys-comparison-label span{z-index:1;background:#fcfdfa;border:1px solid #d5dfd7;border-radius:24px;padding:5px 14px;box-shadow:0 3px 5px #07131709;font-size:16px;line-height:22px;font-weight:600}.is-connected .sys-comparison-label span{background:var(--teal);border-color:#078481;color:var(--ink)}.sys-comparison ul{list-style:none;margin:0;padding:0}.sys-comparison li{display:flex;gap:14px;margin:0 0 22px;align-items:flex-start}.sys-comparison li>span{font-size:25px;line-height:26px;color:#8a9b91}.sys-comparison.is-connected li>span{color:var(--link);font-size:22px}.sys-comparison h3{font-size:20px;line-height:28px;letter-spacing:-.02em;margin:0 0 4px;font-weight:600}.sys-comparison li p{font-size:16px;line-height:24px;margin:0;max-width:520px;letter-spacing:-.015em}.sys-statement{text-align:center;padding:120px 0}.sys-statement>img{display:block;width:80px;height:auto;margin:0 auto 56px}.sys-statement>p{font-size:37.6px;line-height:1.5;letter-spacing:normal;font-weight:500;margin:0}.sys-statement p>span{position:relative;white-space:nowrap}.sys-statement p svg{position:absolute;left:0;bottom:-5px;width:100%;height:9px;fill:none;stroke:var(--teal);stroke-width:2.5;stroke-linecap:round}
@media(max-width:800px){.sys-problem{padding:80px 0}.systems-page h2{font-size:32px;line-height:1.2}.sys-section-head h2{margin:20px auto 44px}.sys-comparison-grid{grid-template-columns:1fr;gap:64px}.sys-comparison-label{margin:24px 0 32px}.sys-comparison-label span{font-size:14px;line-height:20px}.sys-comparison h3{font-size:18px;line-height:25px}.sys-comparison li{gap:12px;margin-bottom:20px}.sys-comparison li p{font-size:16px;line-height:24px}.sys-statement{padding:80px 0}.sys-statement>img{width:60px;margin-bottom:40px}.sys-statement>p{font-size:24px;line-height:1.5}.sys-motion-toggle{font-size:11px;padding-inline:12px}.sys-head-row{gap:10px}}
.sys-workflow{padding:100px 0 120px}.sys-workflow-header{margin-bottom:72px}.sys-workflow-header h2{margin:20px 0 24px;max-width:760px}.sys-workflow-header>p:last-child{font-size:16px;line-height:24px;max-width:700px;margin:0}.sys-workbench{display:grid;grid-template-columns:360px minmax(0,1fr);gap:36px;align-items:start}.sys-workbench-copy{padding-top:0}.sys-workbench-eyebrow{font-size:14px;line-height:20px;color:var(--muted);margin:0 0 36px}.sys-workbench-copy h3{font-size:36px;line-height:1.3;font-weight:500;letter-spacing:-.04em;margin:0 0 28px}.sys-workbench-description{font-size:16px;line-height:24px;margin:0 0 30px;color:#526660;min-height:120px}.sys-stage-choices{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cfd9d2;padding-top:18px;gap:4px 10px;margin-bottom:24px}.sys-stage-choices button{display:flex;align-items:center;gap:10px;text-align:left;min-height:44px;border:0;border-radius:5px;padding:8px;background:transparent;color:var(--ink);font-size:14px;line-height:20px}.sys-stage-choices button>span{font-size:10px;color:#60736a;font-variant-numeric:tabular-nums}.sys-stage-choices button[aria-pressed=true]{background:#dfede4;color:#005f62}.sys-stage-choices button:hover{background:#e6efe7}.sys-detail-action{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;border:1px solid #9aae9f;border-radius:6px;padding:10px 16px;background:transparent;color:var(--ink);font-size:14px;line-height:20px;box-shadow:0 2px 4px #07131708}.sys-detail-action:hover{background:#e9f1e9}.sys-workbench-note{font-size:12px;line-height:18px;color:#61736b;max-width:320px;margin:20px 0 0}.sys-workbench-visual{width:100%;min-width:0;aspect-ratio:820/692}.sys-workbench-visual wv-systems-workflow{display:block;width:100%;aspect-ratio:820/692}
@media(max-width:1000px){.sys-workbench{grid-template-columns:minmax(260px,30%) minmax(0,1fr);gap:28px}.sys-workbench-copy h3{font-size:30px}}
@media(max-width:800px){.sys-workflow{padding:80px 0}.sys-workflow-header{margin-bottom:48px}.sys-workflow-header h2{margin:20px 0 24px}.sys-workbench{grid-template-columns:1fr;gap:36px}.sys-workbench-copy h3{font-size:30px;line-height:1.3;margin-bottom:22px}.sys-workbench-description{min-height:0;margin-bottom:24px}.sys-workbench-eyebrow{margin-bottom:26px}.sys-workbench-visual{max-width:342px;margin-inline:auto}.sys-stage-choices{grid-template-columns:repeat(3,1fr);gap:4px}.sys-stage-choices button{font-size:12px;padding:7px 5px;gap:6px}.sys-stage-choices button>span{font-size:9px}.sys-workbench-note{max-width:342px}}

.sys-workbench-visual wv-systems-workflow>img{display:block;width:100%;height:auto}.sys-stage-choices button:disabled,.sys-detail-action:disabled{cursor:default}

/* Connected-record artwork. Fixed composition scales as one scene. */
.sr-art text.sr-eyebrow{font-size:10px;letter-spacing:.11em;font-weight:600;fill:#d2f5ed}.sr-art text.sr-head{font-size:21px;font-weight:600;letter-spacing:-.035em}.sr-art text.sr-line{font-size:15px;letter-spacing:-.015em;fill:#e0f8ef}.sr-art text.sr-small{font-size:14px;letter-spacing:-.02em}.sr-art{overflow:visible}.sr-art #sr-head,.sr-art #sr-line-one,.sr-art #sr-line-two{font-family:'DM Sans',sans-serif}