.systems-page .page-head{background:var(--page-ink);color:#fff;padding:76px 0 64px;border-bottom:3px solid var(--page-accent)}.systems-page .page-head .wrap{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:64px;gap:64px;align-items:end}.systems-page .page-head h1{font-size:clamp(48px,6vw,84px);max-width:12ch;margin:0;line-height:1.05;font-weight:600;color:#fff}.systems-page .page-head p{font-size:20px;line-height:1.75;color:#c7d2dd;max-width:43ch;border-left:2px solid var(--page-accent);padding-left:24px}.systems-page .sec.alt{padding:40px 0 64px;background:#edf1f5}.systems-layout{display:block}.system-index{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 36px}.system-index a{display:flex;align-items:center;min-height:44px;padding:10px 14px;color:var(--page-navy);background:#fff;border:1px solid #cbd5df;text-decoration:none;font-size:13px;font-weight:600;line-height:1.5}.system-index a:hover{border-color:var(--page-accent);text-decoration:underline;text-underline-offset:4px}.systems-page .sys{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;counter-reset:system}.systems-page .sys article{--module-text:#526174;--module-ink:#1E344B;--module-line:#DCE3EA;--node-bg:#F0F3F6;counter-increment:system;display:grid;grid-template-columns:80px 1fr 1fr;grid-gap:14px 28px;gap:14px 28px;padding:44px;background:#fff;border:1px solid #dce3ea;border-radius:0;position:relative}.systems-page .sys article:before{content:counter(system,decimal-leading-zero);grid-column:1;grid-row:1/span 2;font-size:64px;line-height:1;font-weight:500;letter-spacing:-.075em;color:#8a5b1d}.systems-page .sys h2{grid-column:2/-1;grid-row:1;color:var(--module-ink);font-size:clamp(30px,3.1vw,44px);letter-spacing:-.045em;line-height:1.15;margin:0;max-width:23ch;font-weight:600}.systems-page .sys .ctx{grid-column:2/-1;grid-row:2;margin:0;font-size:15px;line-height:1.7;color:var(--module-text)}.systems-page .flow{grid-column:1/-1;grid-row:3;display:flex;gap:0;flex-wrap:nowrap;align-items:stretch;margin:24px 0 22px;padding:0;list-style:none}.systems-page .flow li{position:relative;flex:1 1;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;padding:20px 14px;font-size:15px;font-weight:600;line-height:1.5;background:var(--node-bg);color:var(--module-ink);border:1px solid var(--module-line);border-radius:3px}.systems-page .flow li:not(:last-child){margin-right:28px}.systems-page .flow li:not(:last-child):after{content:"";display:block;position:absolute;top:50%;left:100%;width:28px;height:2px;background:var(--page-accent);margin:0}.systems-page .flow li:not(:last-child):before{content:"";position:absolute;right:-26px;top:calc(50% - 3px);width:6px;height:6px;border-top:2px solid var(--page-accent);border-right:2px solid var(--page-accent);transform:rotate(45deg);z-index:1}.systems-page .flow li:last-child{background:var(--page-navy);color:#fff;border-color:var(--page-navy)}.systems-page .sys dl{grid-column:2/-1;grid-row:4;display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;margin:0}.systems-page .sys dt{font-size:14px;font-weight:700;line-height:1.5;color:var(--module-ink);margin-bottom:12px}.systems-page .sys dd{font-size:17px;line-height:1.8;color:var(--module-text);margin:0}.systems-page .sys dl>div:last-child{border-left:2px solid var(--page-accent);padding-left:24px}.systems-page .stack{grid-column:2/-1;grid-row:5;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--module-line);padding-top:22px;margin-top:14px}.systems-page .stack span{background:var(--node-bg);color:var(--module-text);font-size:13px;border:1px solid var(--module-line);border-radius:3px;padding:6px 10px}.systems-page .sys article:nth-child(3n+1){--module-text:#c7d2dd;--module-ink:#fff;--module-line:#53677b;--node-bg:#253d55;background:var(--page-ink);border-color:var(--page-ink)}.systems-page .sys article:nth-child(3n+1):before{color:#e0ac62}.systems-page .sys article:nth-child(3n+1) .flow li:last-child{background:#e0ac62;color:#0d1b2a;border-color:#e0ac62}.systems-page .sys article:nth-child(3n){background:#f8f9fb;border-top:3px solid var(--page-accent)}.systems-page .sys article:nth-child(2n):before{grid-column:3;justify-self:end}.systems-page .sys article:nth-child(2n) .ctx,.systems-page .sys article:nth-child(2n) h2{grid-column:1/3}.systems-page .sys article:nth-child(2n) .stack,.systems-page .sys article:nth-child(2n) dl{grid-column:1/-1}@media(max-width:1024px){.systems-page .page-head .wrap{gap:36px}.systems-page .page-head p{font-size:18px}.systems-page .sys article{padding:32px;grid-template-columns:64px 1fr 1fr;gap:12px 24px}.systems-page .sys article:before{font-size:54px}.systems-page .flow li{font-size:14px;padding:16px 10px}.systems-page .flow li:not(:last-child){margin-right:20px}.systems-page .flow li:not(:last-child):after{width:20px}.systems-page .flow li:not(:last-child):before{right:-18px}.systems-page .stack,.systems-page .sys dl{grid-column:1/-1}}@media(max-width:860px){.systems-page .page-head{padding:48px 0}.systems-page .page-head .wrap{grid-template-columns:1fr;gap:28px}.systems-page .page-head p{max-width:65ch}.systems-page .sys h2{font-size:34px}.systems-page .flow{flex-direction:column;gap:20px;max-width:100%;margin:20px 0}.systems-page .flow li{padding:16px;text-align:left;justify-content:flex-start}.systems-page .flow li:not(:last-child){margin-right:0}.systems-page .flow li:not(:last-child):after{top:100%;left:28px;width:2px;height:20px}.systems-page .flow li:not(:last-child):before{top:auto;bottom:-18px;left:25px;right:auto;transform:rotate(135deg)}.systems-page .sys dl{gap:24px}}@media(max-width:600px){.systems-page .page-head{padding:40px 0}.systems-page .page-head h1{font-size:48px;max-width:12ch}.systems-page .page-head p{font-size:16px;padding-left:18px}.systems-page .sec.alt{padding:28px 0 40px}.system-index{gap:8px;margin-bottom:24px}.system-index a{font-size:12px;padding:10px 12px;flex:1 1 100%}.systems-page .sys article{padding:24px;grid-template-columns:1fr;gap:12px}.systems-page .sys article:before,.systems-page .sys article:nth-child(2n):before{grid-column:1;grid-row:1;font-size:48px;justify-self:start}.systems-page .sys article:nth-child(2n) h2,.systems-page .sys h2{grid-column:1;grid-row:2;font-size:30px}.systems-page .sys .ctx,.systems-page .sys article:nth-child(2n) .ctx{grid-column:1;grid-row:3;font-size:14px}.systems-page .flow{grid-column:1;grid-row:4;margin:14px 0}.systems-page .flow li{font-size:15px}.systems-page .sys article:nth-child(2n) dl,.systems-page .sys dl{grid-column:1;grid-row:5;grid-template-columns:1fr;gap:22px}.systems-page .sys dl>div:last-child{padding-left:16px}.systems-page .sys dd{font-size:16px;line-height:1.75}.systems-page .stack,.systems-page .sys article:nth-child(2n) .stack{grid-column:1;grid-row:6;padding-top:18px;margin-top:8px}}