/* System landing pages. Builds on /site.css. Kept out of /proposals/ because robots blocks that folder. */
.p-bar{position:sticky;top:0;z-index:50;background:rgba(241,242,238,.9);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.p-bar-in{max-width:1280px;margin:0 auto;padding:12px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:16px}
.sys-nav{display:flex;align-items:center;gap:22px;font-weight:500;font-size:15px;white-space:nowrap}
.sys-nav a{text-decoration:none}
.sys-nav a:not(.btn):hover{color:var(--cobalt)}
.sys-nav .btn{padding:11px 16px;font-size:14px}
@media (max-width:640px){.sys-nav a:not(.btn){display:none}}
.p-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.sys-hero{padding-block:clamp(36px,6vw,72px) clamp(56px,8vw,96px)}
.crumbs{font-size:12px;color:var(--muted);margin-bottom:22px}
.crumbs a{color:var(--muted)}
.sys-tags{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.sys-tags .item-time{margin-left:0}
.sys-hero h1{font-size:clamp(44px,7.4vw,108px);font-weight:800;line-height:.9;letter-spacing:-.05em;max-width:16ch}
.sys-lede{font-size:clamp(18px,1.75vw,22px);line-height:1.5;max-width:62ch;margin-top:clamp(20px,3vw,32px)}
.sys-sec{padding-block:clamp(56px,8vw,104px);border-top:1px solid var(--line)}
.sys-sec.dark{background:var(--ink);color:#EEF1F4;border-top:0}
.sys-sec.dark .eyebrow{color:var(--ore)}
.sys-sec h2{font-size:clamp(34px,4.6vw,60px);margin-top:14px}
.sys-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px 56px;align-items:start}
@media (max-width:820px){.sys-two{grid-template-columns:1fr}}
.sys-pain,.sys-get{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.sys-pain li,.sys-get li{padding:16px 0 16px 28px;border-bottom:1px solid var(--line);position:relative;font-size:17px}
.sys-pain li::before{content:"";position:absolute;left:0;top:24px;width:10px;height:10px;background:var(--red)}
.sys-get li::before{content:"✓";position:absolute;left:0;top:15px;color:var(--green);font-weight:700}
.sys-price{color:var(--muted);margin-top:18px;max-width:46ch}
.sys-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:2px solid var(--ore)}
.sys-steps li{padding:20px 20px 4px 0;display:flex;flex-direction:column;gap:8px}
.sys-steps .mono{font-size:12px;color:var(--ore)}
.sys-steps h3{font-size:22px;color:#fff}
.sys-steps p{color:var(--muted-dark);font-size:15.5px}
.sys-src{margin-top:24px}
.sys-src a{color:var(--cobalt)}
.sys-next{padding-block:0;border-top:1px solid var(--line)}
.sys-next-in{display:grid;grid-template-columns:1fr 1fr}
.sys-next a{padding:28px 0;display:flex;flex-direction:column;gap:6px;text-decoration:none;font:700 clamp(20px,2vw,26px)/1.15 var(--display);letter-spacing:-.02em}
.sys-next a:last-child{text-align:right;border-left:1px solid var(--line);padding-left:20px}
.sys-next a .mono{font-size:12px;color:var(--cobalt);font-weight:500;letter-spacing:.04em}
.sys-next a:hover{color:var(--cobalt)}
.contact .eyebrow{color:var(--ore)}