.srtech-ops{
  --ink: #12203b;
  --ink-2: #3c4a66;
  --muted: #5f6b83;
  --mist: #f2f4f8;
  --paper: #ffffff;
  --line: #d9dfe9;
  --violet: #5b4fe0;
  --violet-deep: #4338c4;
  --violet-soft: #ecebfe;
  --ok: #10805f;
  --ok-soft: #e3f5ee;
  --wip: #9a5d0c;
  --wip-soft: #fdf1dd;
  --plan: #5f6b83;
  --radius: 10px;
  --display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
}
.srtech-ops, .srtech-ops *{ box-sizing: border-box; }
.srtech-ops{ scroll-behavior: smooth; }
@media  (prefers-reduced-motion: reduce) {.srtech-ops{ scroll-behavior: auto; }}
.srtech-ops{ margin: 0; background: var(--paper); color: var(--ink); font: 400 1.0625rem/1.6 var(--body); -webkit-font-smoothing: antialiased; }
.srtech-ops img, .srtech-ops svg{ max-width: 100%; }
.srtech-ops a{ color: var(--violet-deep); }
.srtech-ops a:focus-visible, .srtech-ops button:focus-visible{ outline: 3px solid #b8b2ff; outline-offset: 3px; border-radius: 4px; }
.srtech-ops h1, .srtech-ops h2, .srtech-ops h3{ font-family: var(--display); color: var(--ink); line-height: 1.12; margin: 0 0 .5em; }
.srtech-ops h1{ font-size: clamp(2.3rem, 4.6vw, 3.6rem); font-weight: 800; letter-spacing: -.025em; }
.srtech-ops h2{ font-size: clamp(1.6rem, 2.6vw, 2.15rem); font-weight: 700; letter-spacing: -.015em; }
.srtech-ops h3{ font-size: 1.15rem; font-weight: 700; letter-spacing: -.005em; }
.srtech-ops p{ margin: 0 0 1em; }
.srtech-ops .wrap{ width: min(1140px, 100% - 40px); margin-inline: auto; }
.srtech-ops .narrow > *{ max-width: 46rem; }
.srtech-ops .narrow-text{ max-width: 62ch; }
.srtech-ops .muted{ color: var(--muted); }
.srtech-ops .small{ font-size: .9rem; }
.srtech-ops .sr-only{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.srtech-ops .skip{ position: absolute; left: -999px; top: 8px; background: var(--ink); color: #fff; padding: 8px 14px; border-radius: 6px; z-index: 10; }
.srtech-ops .skip:focus{ left: 12px; }
.srtech-ops .site-head{ border-bottom: 1px solid var(--line); background: rgba(255,255,255,.94); position: sticky; top: 0; z-index: 5; backdrop-filter: saturate(1.4) blur(8px); }
.srtech-ops .head-row{ display: flex; align-items: center; gap: 24px; min-height: 68px; }
.srtech-ops .brand{ display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); margin-right: auto; }
.srtech-ops .brand-mark svg{ width: 30px; height: 30px; display: block; fill: var(--violet); stroke: var(--violet); stroke-width: 1.8; stroke-linecap: round; }
.srtech-ops .brand-name{ font: 800 1.2rem/1 var(--display); letter-spacing: -.02em; }
.srtech-ops .nav{ display: flex; gap: 4px; flex-wrap: wrap; }
.srtech-ops .nav a{ text-decoration: none; color: var(--ink-2); font-weight: 600; font-size: .97rem; padding: 8px 11px; border-radius: 8px; }
.srtech-ops .nav a:hover{ background: var(--mist); color: var(--ink); }
.srtech-ops .nav a[aria-current="page"]{ color: var(--violet-deep); background: var(--violet-soft); }
.srtech-ops .nav-toggle{ display: none; font: 600 .95rem var(--body); border: 1px solid var(--line); background: #fff; color: var(--ink); border-radius: 8px; padding: 8px 14px; cursor: pointer; }
.srtech-ops .btn{ display: inline-block; background: var(--violet); color: #fff; font-weight: 700; text-decoration: none; padding: 13px 22px; border-radius: 10px; border: 2px solid var(--violet); }
.srtech-ops .btn:hover{ background: var(--violet-deep); border-color: var(--violet-deep); }
.srtech-ops .btn-ghost{ background: transparent; color: var(--violet-deep); }
.srtech-ops .btn-ghost:hover{ background: var(--violet-soft); color: var(--violet-deep); }
.srtech-ops .btn-light{ background: #fff; color: var(--ink); border-color: #fff; }
.srtech-ops .btn-light:hover{ background: var(--violet-soft); border-color: var(--violet-soft); }
.srtech-ops .actions{ display: flex; gap: 12px; flex-wrap: wrap; margin: 28px 0 22px; }
.srtech-ops .text-link{ font-weight: 700; }
.srtech-ops .hero{ background: var(--mist); border-bottom: 1px solid var(--line); padding: 64px 0 56px; overflow: hidden; }
.srtech-ops .hero-grid{ display: grid; grid-template-columns: 1fr 1.05fr; gap: 48px; align-items: center; }
.srtech-ops .lede{ font-size: 1.2rem; line-height: 1.55; color: var(--ink-2); max-width: 58ch; }
.srtech-ops .hero-status{ color: var(--muted); font-size: .95rem; margin: 0; }
.srtech-ops .topology{ margin: 0; }
.srtech-ops .topology svg{ width: 100%; height: auto; display: block; }
.srtech-ops .topology figcaption{ color: var(--muted); font-size: .95rem; margin-top: 10px; max-width: 52ch; }
.srtech-ops .link{ fill: none; stroke-width: 2; stroke-linecap: round; }
.srtech-ops .link-console{ stroke: var(--violet); }
.srtech-ops .link-agent{ stroke: #8e9ab3; stroke-dasharray: 2 5; }
.srtech-ops .node rect{ fill: #fff; stroke: var(--ink); stroke-width: 1.6; }
.srtech-ops .node text{ font: 600 12px var(--body); fill: var(--ink); text-anchor: middle; }
.srtech-ops .node-console .screen{ fill: var(--violet-soft); stroke: var(--violet); stroke-width: 1.2; }
.srtech-ops .node-server > rect:first-child{ fill: var(--ink); stroke: var(--ink); }
.srtech-ops .node-server .slot{ fill: #26355a; stroke: none; }
.srtech-ops .node-server .led{ fill: #34d39e; }
.srtech-ops .node-server text{ fill: #fff; font: 700 14px var(--display); }
.srtech-ops .node-server text.sub{ font: 400 11px var(--body); fill: #b6c0d6; }
.srtech-ops .axis{ font: 600 12px var(--body); fill: var(--muted); text-anchor: middle; }
.srtech-ops .js .link{ stroke-dasharray: 400; stroke-dashoffset: 400; }
.srtech-ops .js .ready .link{ animation: draw 1.1s ease-out forwards; }
.srtech-ops .js .ready .link-agent{ animation: draw-dash 1.1s ease-out .35s forwards; }
.srtech-ops .js .led{ opacity: .15; }
.srtech-ops .js .ready .led{ animation: led .4s ease-out 1.1s forwards; }
@keyframes  draw { to { stroke-dashoffset: 0; } }
@keyframes  draw-dash { from { stroke-dasharray: 400; stroke-dashoffset: 400; } 99% { stroke-dasharray: 400; stroke-dashoffset: 0; } to { stroke-dasharray: 2 5; stroke-dashoffset: 0; } }
@keyframes  led { to { opacity: 1; } }
@media  (prefers-reduced-motion: reduce) {.srtech-ops .js .link, .srtech-ops .js .ready .link{ animation: none; stroke-dashoffset: 0; }
.srtech-ops .js .link-agent{ stroke-dasharray: 2 5; }
.srtech-ops .js .led{ opacity: 1; animation: none; }}
.srtech-ops .section{ padding: 72px 0 8px; }
.srtech-ops .section:last-child{ padding-bottom: 72px; }
.srtech-ops .band{ background: var(--mist); border-block: 1px solid var(--line); padding: 64px 0; margin-top: 64px; }
.srtech-ops .band + .section{ padding-top: 64px; }
.srtech-ops .band-dark{ background: var(--ink); border-color: var(--ink); color: #d5dcea; }
.srtech-ops .band-dark h2, .srtech-ops .band-dark h3{ color: #fff; }
.srtech-ops .page-head{ background: var(--mist); border-bottom: 1px solid var(--line); padding: 56px 0 44px; }
.srtech-ops .page-head .lede{ margin: 0; }
.srtech-ops .split{ display: grid; grid-template-columns: minmax(220px, .8fr) 2fr; gap: 40px; align-items: start; }
.srtech-ops .two-up{ display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; }
.srtech-ops .prose p{ max-width: 66ch; }
.srtech-ops .chip{ display: inline-block; font: 700 .78rem/1 var(--body); padding: 6px 10px; border-radius: 999px; white-space: nowrap; vertical-align: middle; }
.srtech-ops .chip-done{ background: var(--ok-soft); color: var(--ok); }
.srtech-ops .chip-wip{ background: var(--wip-soft); color: var(--wip); }
.srtech-ops .chip-plan{ background: transparent; color: var(--plan); box-shadow: inset 0 0 0 1.5px #c3cad8; }
.srtech-ops .module-board{ list-style: none; padding: 0; margin: 24px 0 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; }
.srtech-ops .module-board a{ display: grid; grid-template-columns: 1fr auto; grid-template-areas: "name chip" "short short"; gap: 4px 16px; padding: 18px 0; border-top: 1px solid var(--line); text-decoration: none; color: inherit; }
.srtech-ops .module-board a:hover .mb-name{ color: var(--violet-deep); }
.srtech-ops .mb-name{ grid-area: name; font: 700 1.12rem/1.3 var(--display); }
.srtech-ops .mb-short{ grid-area: short; color: var(--muted); }
.srtech-ops .module-board .chip{ grid-area: chip; align-self: start; }
.srtech-ops .persona{ border-left: 3px solid var(--violet); padding: 2px 0 2px 20px; }
.srtech-ops .persona p{ color: var(--ink-2); margin: 0; }
.srtech-ops .strength-list{ margin: 24px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; }
.srtech-ops .strength-list > div{ border-top: 1px solid var(--line); padding: 20px 0 22px; }
.srtech-ops .strength-list dt{ font: 700 1.2rem/1.25 var(--display); margin-bottom: 6px; }
.srtech-ops .strength-list dd{ margin: 0; color: var(--ink-2); max-width: 60ch; }
.srtech-ops .strength-list.compact dt{ font-size: 1.08rem; }
.srtech-ops .with-aside{ display: grid; grid-template-columns: 230px 1fr; gap: 48px; padding: 48px 0 72px; }
.srtech-ops .aside ul{ list-style: none; margin: 0; padding: 0; position: sticky; top: 92px; border-left: 2px solid var(--line); }
.srtech-ops .aside a{ display: block; padding: 7px 14px; text-decoration: none; color: var(--ink-2); font-weight: 600; font-size: .95rem; margin-left: -2px; border-left: 2px solid transparent; }
.srtech-ops .aside a:hover, .srtech-ops .aside a.is-active{ color: var(--violet-deep); border-left-color: var(--violet); }
.srtech-ops .module{ padding: 8px 0 36px; margin-bottom: 28px; border-bottom: 1px solid var(--line); scroll-margin-top: 90px; }
.srtech-ops .module:last-child{ border-bottom: 0; }
.srtech-ops .module-head{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 6px; }
.srtech-ops .module-head h2{ margin: 0; font-size: 1.65rem; }
.srtech-ops .module-short{ font-size: 1.15rem; color: var(--ink-2); max-width: 60ch; }
.srtech-ops .ticks{ list-style: none; padding: 0; margin: 0; max-width: 70ch; }
.srtech-ops .ticks li{ position: relative; padding-left: 26px; margin: 0 0 .6em; }
.srtech-ops .ticks li::before{ content: ""; position: absolute; left: 2px; top: .62em; width: 11px; height: 6px; border-left: 2.5px solid var(--ok); border-bottom: 2.5px solid var(--ok); transform: rotate(-45deg); }
.srtech-ops .ticks-open li::before{ width: 9px; height: 9px; top: .5em; border: 2px solid var(--plan); border-radius: 50%; transform: none; }
.srtech-ops .flow{ list-style: none; padding: 0; margin: 28px 0 0; counter-reset: step; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.srtech-ops .flow li{ counter-increment: step; position: relative; padding: 46px 22px 24px 0; border-top: 2px solid var(--ink); }
.srtech-ops .flow li::before{ content: counter(step); position: absolute; top: -17px; left: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--violet); color: #fff; font: 800 .95rem/32px var(--display); text-align: center; }
.srtech-ops .flow li:nth-child(n/**/+4){ border-top-color: var(--violet); }
.srtech-ops .flow p{ color: var(--ink-2); margin: 0; }
.srtech-ops .parts{ margin: 0; }
.srtech-ops .parts > div{ padding: 18px 0; border-top: 1px solid var(--line); }
.srtech-ops .parts > div:first-child{ border-top: 0; padding-top: 0; }
.srtech-ops .parts dt{ font: 700 1.2rem var(--display); margin-bottom: 4px; }
.srtech-ops .parts dd{ margin: 0; color: var(--ink-2); }
.srtech-ops .security-grid{ list-style: none; padding: 0; margin: 28px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 40px; }
.srtech-ops .security-grid h3{ font-size: 1.08rem; }
.srtech-ops .security-grid p{ margin: 0; color: #c3cce0; }
.srtech-ops .table-wrap{ overflow-x: auto; margin: 24px 0 12px; }
.srtech-ops .compare{ width: 100%; border-collapse: collapse; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.srtech-ops .compare th, .srtech-ops .compare td{ text-align: left; padding: 14px 16px; border-bottom: 1px solid var(--line); vertical-align: top; }
.srtech-ops .compare thead th{ font: 700 .95rem var(--display); background: #fafbfd; }
.srtech-ops .compare tbody th{ font-weight: 600; }
.srtech-ops .compare .ours{ font-weight: 600; color: var(--violet-deep); background: #f7f6ff; }
.srtech-ops .compare thead th:last-child{ background: var(--violet-soft); color: var(--violet-deep); }
.srtech-ops .yes{ color: var(--ok); font-weight: 700; }
.srtech-ops .no{ color: #9aa3b5; }
.srtech-ops .quality{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 16px 48px; }
.srtech-ops .quality li{ display: flex; align-items: baseline; gap: 12px; max-width: 300px; }
.srtech-ops .quality strong{ font: 800 2.6rem/1 var(--display); color: var(--violet); }
.srtech-ops .quality span{ color: var(--ink-2); line-height: 1.35; }
.srtech-ops .releases{ list-style: none; padding: 0; margin: 28px 0 0; }
.srtech-ops .release{ display: grid; grid-template-columns: 150px 1fr; gap: 28px; padding: 26px 0; border-top: 1px solid var(--line); }
.srtech-ops .rel-version span{ font: 800 1.7rem/1 var(--display); color: var(--ink); }
.srtech-ops .rel-version small{ display: block; margin-top: 8px; color: var(--ok); font-weight: 700; }
.srtech-ops .release.is-current .rel-version span{ color: var(--violet); }
.srtech-ops .timeline{ list-style: none; padding: 0; margin: 28px 0 16px; position: relative; }
.srtech-ops .timeline::before{ content: ""; position: absolute; left: 160px; top: 8px; bottom: 8px; width: 2px; background: var(--line); }
.srtech-ops .timeline li{ display: grid; grid-template-columns: 160px 1fr; gap: 0 36px; padding: 0 0 30px; position: relative; }
.srtech-ops .timeline li::before{ content: ""; position: absolute; left: 154px; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 2px #b9c1d0; }
.srtech-ops .timeline .tl-done::before{ background: var(--ok); box-shadow: none; }
.srtech-ops .timeline .tl-wip::before{ background: #f0a531; box-shadow: 0 0 0 5px var(--wip-soft); }
.srtech-ops .tl-when{ color: var(--muted); font-weight: 600; padding-right: 20px; text-align: right; }
.srtech-ops .tl-body h3{ display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.srtech-ops .tl-body p{ color: var(--ink-2); margin: 0; max-width: 66ch; }
.srtech-ops .tl-plan .tl-body h3{ color: var(--ink-2); }
.srtech-ops .site-foot{ background: var(--ink); color: #c4cde0; padding: 56px 0 24px; }
.srtech-ops .foot-grid{ display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: start; }
.srtech-ops .foot-product{ font: 800 1.35rem var(--display); color: #fff; margin-bottom: 8px; }
.srtech-ops .foot-note{ max-width: 60ch; font-size: .95rem; }
.srtech-ops .foot-contact p{ color: #fff; font-weight: 600; }
.srtech-ops .foot-bottom{ display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid #2a3858; margin-top: 36px; padding-top: 18px; font-size: .9rem; }
.srtech-ops .foot-bottom a{ color: #c4cde0; }
@media  (max-width: 960px) {.srtech-ops .hero-grid, .srtech-ops .split, .srtech-ops .foot-grid{ grid-template-columns: 1fr; }
.srtech-ops .flow, .srtech-ops .security-grid{ grid-template-columns: 1fr 1fr; }
.srtech-ops .with-aside{ grid-template-columns: 1fr; }
.srtech-ops .aside{ display: none; }}
@media  (max-width: 720px) {.srtech-ops{ font-size: 1rem; }
.srtech-ops .nav-toggle{ display: inline-block; }
.srtech-ops .nav{ display: none; position: absolute; left: 0; right: 0; top: 68px; background: #fff; border-bottom: 1px solid var(--line); padding: 8px 20px 16px; flex-direction: column; }
.srtech-ops .nav.open{ display: flex; }
.srtech-ops .nav a{ padding: 12px 10px; }
.srtech-ops .hero{ padding: 40px 0; }
.srtech-ops .module-board, .srtech-ops .strength-list, .srtech-ops .two-up, .srtech-ops .flow, .srtech-ops .security-grid{ grid-template-columns: 1fr; }
.srtech-ops .release{ grid-template-columns: 1fr; gap: 10px; }
.srtech-ops .timeline::before{ left: 7px; }
.srtech-ops .timeline li{ grid-template-columns: 1fr; padding-left: 34px; }
.srtech-ops .timeline li::before{ left: 1px; }
.srtech-ops .tl-when{ text-align: left; padding: 0 0 4px; }
.srtech-ops .foot-bottom{ flex-direction: column; }}
@media  print {.srtech-ops .site-head, .srtech-ops .site-foot .foot-contact, .srtech-ops .aside{ display: none; }
.srtech-ops .band-dark{ background: #fff; color: var(--ink); }
.srtech-ops .band-dark h2, .srtech-ops .band-dark h3, .srtech-ops .security-grid p{ color: var(--ink); }}
.srtech-ops .flow{ row-gap: 28px; }
.srtech-ops .band-dark{ margin-bottom: 0; }
.srtech-ops .band-dark + .site-foot, .srtech-ops main:has(> .band-dark:last-child) + .site-foot{ border-top: 1px solid #2a3858; }
@media  (max-width: 960px) {.srtech-ops .split{ gap: 8px; }}
/* SRADRAVEN integration: scoped on-premise IT Ops presentation. */
.srtech-ops{--ink:#eef3f4;--ink-2:#c3cfd2;--muted:#99a9ae;--mist:#11171a;--paper:#090c0f;--line:#2b363b;--violet:#d86224;--violet-deep:#ff8a32;--violet-soft:#392519;--ok:#45d8e8;--ok-soft:#10353b;--wip:#ffb15e;--wip-soft:#382915;--plan:#99a9ae;--radius:8px;--display:system-ui,-apple-system,Segoe UI,sans-serif;--body:system-ui,-apple-system,Segoe UI,sans-serif;background:transparent;color:#eef3f4;font:400 1rem/1.6 var(--body)}
.srtech-ops .hero{max-width:none;border-color:var(--line);border-radius:8px;background:linear-gradient(130deg,#141e22,#101619)}
.srtech-ops .section{max-width:none}
.srtech-ops .wrap{width:min(1140px,100% - 40px)}
.srtech-ops .btn{border-radius:6px;color:#fff!important}
.srtech-ops .btn-ghost{color:#ffb183!important;border-color:#94532e}
.srtech-ops .compare,.srtech-ops .timeline li::before,.srtech-ops .nav-toggle{background:#172126}
.srtech-ops .band-dark{background:#14272d;color:#eef3f4}
.srtech-ops .band-dark h2,.srtech-ops .band-dark h3{color:#fff}
.srtech-ops .node rect{fill:#172126;stroke:#8ca4ab}
.srtech-ops .node-server>rect:first-child{fill:#10242b;stroke:#45d8e8}
.srtech-ops .node-server text,.srtech-ops .node-server text.sub{fill:#e9f1f2}
.srtech-ops .node text{fill:#eef3f4}
.srtech-ops .topology svg{max-width:100%}
.srtech-ops .site-head,.srtech-ops .site-foot{display:none}
.srtech-ops :focus-visible{outline:2px solid #ff8a32;outline-offset:3px}
@media(max-width:720px){.srtech-ops .hero{padding:32px 0}.srtech-ops .wrap{width:min(100% - 32px,1140px)}}

.srtech-subnav{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;border-bottom:1px solid #2b363b;font:700 .88rem/1.5 system-ui,sans-serif}
.srtech-subnav a{color:#c3cfd2;text-decoration:none}.srtech-subnav a:hover,.srtech-subnav a[aria-current="page"]{color:#ff8a32}
.srtech-subnav .srtech-crumb{color:#99a9ae;font-weight:500;margin-right:auto}
.srtech-subnav .srtech-crumb a{color:#45d8e8}
.srtech-subnav .srtech-pill{background:#152126;border:1px solid #344852;border-radius:6px;padding:6px 10px}
.srtech-project-foot{max-width:1180px;margin:35px auto 10px;padding:24px;border-top:1px solid #2b363b;color:#a8b8bd;font:400 .9rem/1.6 system-ui,sans-serif}
.srtech-project-foot a{color:#45d8e8}
.srtech-nexus .srtech-project-foot{padding-left:0;padding-right:0}