:root{--ink:#193344;--muted:#687b88;--line:#dce5ea;--paper:#f2f6f8;--blue:#14354a;--green:#267a5b;--amber:#a56c1d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}.site-top{min-height:76px;padding:13px clamp(18px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:var(--blue)}.site-brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #628095;border-radius:12px;font-size:21px;font-weight:850}.site-brand small{display:block;color:#aac1cf;font-size:9px;letter-spacing:.15em;font-weight:800}.site-brand strong{display:block;margin-top:3px;font-size:17px}.top-note{color:#b9ccd6;font-size:9px;font-weight:800;letter-spacing:.12em}
.portal{width:min(1220px,calc(100% - 36px));margin:42px auto 54px}.portal-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.eyebrow{color:#718491;font-size:9px;letter-spacing:.15em;font-weight:850}.portal-hero h1,.section-title h2{margin:6px 0 0;font-size:clamp(25px,3.4vw,38px);letter-spacing:-.045em}.portal-hero p{max-width:690px;margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.count-badge{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #c9e7d8;border-radius:99px;background:#eff9f3;color:#226a4e;font-size:10px;font-weight:750;white-space:nowrap}.count-badge i{width:7px;height:7px;border-radius:50%;background:#34a375}
.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.panel-card{min-height:148px;padding:19px;position:relative;display:flex;align-items:flex-start;gap:15px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 8px 24px #18384a0d;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s}.panel-card.available:hover,.panel-card.available:focus-visible{transform:translateY(-2px);border-color:#8aaaba;box-shadow:0 12px 28px #18384a16;outline:none}.card-icon{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:#e9f2f7;color:#2e647e;font-size:20px;font-weight:850}.card-icon.domotics{background:#eaf5ee;color:#24704f;font-size:12px}.muted-icon{background:#eef1f3;color:#75848d;font-size:17px}.card-content{display:flex;flex-direction:column;gap:6px;padding-right:70px}.card-content small{color:#758691;font-size:9px;letter-spacing:.1em;font-weight:850}.card-content strong{font-size:20px;letter-spacing:-.025em}.card-content>span{color:var(--muted);font-size:11px;line-height:1.5}.card-arrow{position:absolute;top:18px;right:19px;color:#4d7a8e;font-size:18px}.planned{background:#f9fbfc;box-shadow:none}.planned .card-content strong{color:#526773}.planned-tag{position:absolute;right:16px;bottom:16px;color:#8a6b31;font-size:8px;letter-spacing:.1em;font-weight:850}
.connections{margin-top:34px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px}.section-title h2{font-size:23px}.section-caption{color:var(--muted);font-size:10px}.connection-card{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 24px #18384a0b}.pump-connection{padding:16px}.connection-label{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.connection-label strong,.simple-connection strong{font-size:12px}.connection-label small{color:var(--muted);font-size:10px}.connection-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#4780a1}.connection-dot.amber{background:#d89b34}.connection-dot.blue{background:#4780a1}.connection-dot.green{background:#36956c}.route{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:15px}.terminal-node{min-width:144px;padding:10px 11px;display:flex;flex-direction:column;gap:3px;border:1px solid #d6e2e8;border-radius:9px;background:#f7fafb;text-decoration:none}.terminal-node:hover,.terminal-node:focus-visible{outline:2px solid #80a9bb;outline-offset:1px}.terminal-node small{color:#738590;font-size:8px;letter-spacing:.08em;font-weight:850}.terminal-node strong{font-size:17px}.terminal-node span{color:var(--muted);font-size:9px}.terminal-node.dom-node{border-color:#d6e9de;background:#f5faf7}.route-line{min-width:28px;flex:1;max-width:75px;height:1px;position:relative;background:#a7bbc5}.route-line i{position:absolute;top:-11px;right:0;color:#52768a;font-size:16px;font-style:normal}.route-contact{padding:5px 7px;border:1px dashed #d8b467;border-radius:5px;color:#8d6828;background:#fffaf0;font-size:8px;font-weight:800;white-space:nowrap}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:11px}.simple-connection{padding:15px;display:flex;align-items:flex-start;gap:10px}.simple-connection p{margin:6px 0 9px;color:var(--muted);font-size:10px;line-height:1.5}.simple-connection a{color:#316b85;font-size:10px;font-weight:750;text-decoration:none}.simple-connection a:hover{text-decoration:underline}.numbering-note{margin:12px 0 0;padding:10px 12px;border-left:3px solid #83a8b7;background:#eaf2f5;color:#586f7b;font-size:10px;line-height:1.5}.numbering-note code{padding:2px 4px;border-radius:3px;background:#fff;color:#315568;font-size:9px;font-weight:750}
.portal-footer{margin-top:24px;padding:13px;display:flex;align-items:center;gap:10px;border:1px solid #f0dbac;border-radius:9px;background:#fff9eb;color:#785a24}.footer-mark{width:19px;height:19px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#f2dfb6;font-size:11px;font-weight:800}.portal-footer p{margin:0;font-size:9px;line-height:1.5}.portal-footer small{margin-left:auto;font-size:8px;letter-spacing:.05em;white-space:nowrap}
@media(max-width:850px){.route{gap:5px}.terminal-node{min-width:112px;padding:8px}.route-contact{font-size:7px}.route-line{min-width:15px}.portal{margin-top:29px}}
@media(max-width:650px){.site-top{align-items:flex-start;flex-direction:column;gap:9px;padding:12px 16px}.top-note{font-size:8px}.portal{width:calc(100% - 22px);margin:23px auto 38px}.portal-hero{align-items:flex-start;flex-direction:column;gap:12px}.panel-grid,.connection-grid{grid-template-columns:1fr}.panel-card{min-height:129px;padding:15px}.card-content{padding-right:44px}.card-content strong{font-size:18px}.planned-tag{right:12px;bottom:12px;font-size:7px}.section-title{align-items:flex-start;flex-direction:column;gap:4px}.section-title h2{font-size:21px}.pump-connection{padding:12px}.route{display:grid;grid-template-columns:1fr;justify-items:stretch;gap:4px}.terminal-node{min-width:0}.route-line{width:1px;height:14px;min-width:0;margin-left:20px;background:#a7bbc5}.route-line i{top:0;right:auto;left:-6px;transform:rotate(90deg)}.route-contact{justify-self:start;margin-left:11px}.portal-footer{align-items:flex-start}.portal-footer small{display:none}}