:root{color-scheme:dark;--bg:#0d1524;--panel:#121d31;--raised:#19273d;--text:#f4f8ff;--muted:#bed0ec;--line:#30435e;--blue:#82afff;--mint:#a6e4cc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 "Segoe UI",Arial,sans-serif}a{color:var(--blue);text-underline-offset:4px}a:hover{color:#b5d0ff}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:5px}button{font:inherit;cursor:pointer}.wrap{max-width:1160px;margin:auto;padding:0 30px}.skip{position:absolute;top:-80px;left:16px;padding:10px;background:var(--blue);color:var(--bg);z-index:5}.skip:focus{top:10px}header{border-bottom:1px solid var(--line)}.topbar{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;color:var(--text);font-size:21px;font-weight:700;letter-spacing:-.04em;text-decoration:none}.brand img{width:58px;height:46px;object-fit:contain}.nav{display:flex;gap:24px;font-size:14px}.nav a{text-decoration:none;color:var(--muted)}.intro{padding:64px 0 40px;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:var(--mint);margin:0 0 16px}h1{font-size:clamp(36px,5vw,58px);line-height:1.1;letter-spacing:-.045em;margin:0 0 24px}h2{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:0 0 16px}h3{font-size:19px;margin:0 0 12px}p{margin:0 0 18px}.lead{font-size:18px;color:var(--muted);max-width:720px}.muted,.caption{color:var(--muted)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-bottom:60px}.tool{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column}.tool-image{background:#0a111d;padding:22px;display:flex;align-items:center;justify-content:center;aspect-ratio:1.32}.tool-image img{width:100%;height:100%;max-height:350px;object-fit:contain;filter:drop-shadow(0 14px 20px #0005)}.tool-copy{padding:28px;display:flex;flex-direction:column;flex:1}.tool-copy h2{font-size:27px}.tool-copy p{color:var(--muted)}.tool-copy .button{align-self:flex-start;margin-top:auto}.tag{display:inline-block;font-size:11px;font-weight:700;color:var(--mint);letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);border:1px solid var(--blue);border-radius:8px;padding:12px 20px;color:#0a1525;font-size:15px;font-weight:700;text-decoration:none}.button:hover{background:#a2c4ff;color:#0a1525}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.button.secondary:hover{background:var(--raised)}.hero{display:grid;grid-template-columns:1fr 1.2fr;gap:42px;align-items:center;padding:62px 0 48px}.hero h1{font-size:clamp(36px,4.7vw,58px)}.hero .lead{font-size:17px}.hero figure{margin:0;min-width:0}.hero img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 20px 45px #0006}.caption{font-size:12px;margin:12px 0 0}.release{font-size:13px;color:var(--mint);margin-bottom:18px}.download-meta{font-size:12px;margin-top:14px;color:var(--muted)}.section{padding:42px 0;border-top:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px}.metric strong{display:block;color:var(--text);font-size:17px}.metric span{display:block;color:var(--muted);font-size:13px;margin:4px 0}.metric code{color:var(--mint);font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;padding:0;counter-reset:step}.steps li{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);counter-increment:step}.steps li:before{content:"0" counter(step);display:block;color:var(--blue);font-weight:700;margin-bottom:14px}.steps p{font-size:14px;color:var(--muted)}code{font-family:Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:20px 0;font-weight:600}details p{color:var(--muted);max-width:880px;padding:0 0 10px}.hash-box{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.hash-box code{display:block;margin:12px 0 18px;overflow-wrap:anywhere}.small{font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:28px 0;margin-top:20px;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:24px}.footer-inner p{margin:0}.notice{border-left:3px solid var(--mint);padding-left:18px;color:var(--muted)}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:30px}.hero figure{max-width:720px}.metrics{grid-template-columns:repeat(2,1fr)}.tool-image{padding:12px}.tool-copy{padding:22px}.steps{gap:14px}.steps li{padding:18px}}@media(max-width:620px){.wrap{padding:0 20px}.topbar{min-height:84px;gap:12px;flex-wrap:wrap;padding:12px 20px}.brand{font-size:19px}.brand img{width:44px;height:36px}.nav{gap:16px;font-size:12px}.intro{padding:42px 0 26px}.tool-grid,.steps{grid-template-columns:1fr}.tool-image{aspect-ratio:auto;padding:20px;min-height:220px}.tool-image img{max-height:330px}.hero{padding-top:40px}.footer-inner{display:block}.footer-inner a{display:inline-block;margin-top:12px}.metric{padding:14px}.metrics{gap:10px}.metric strong{font-size:15px}h2{font-size:25px}}

/* WSG Stream Feeder: selectable telemetry and output guide. */
.feeder-page .output-options,.feeder-page .gauge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.feeder-page .feature-card{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0}
.feeder-page .feature-card p{font-size:15px;color:var(--muted)}.feeder-page .feature-card p:last-child{margin-bottom:0}
.feeder-page .telemetry-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:24px 0 18px;font-size:14px}
.feeder-page .telemetry-table caption{text-align:left;color:var(--muted);font-size:13px;padding-bottom:12px}
.feeder-page .telemetry-table th,.feeder-page .telemetry-table td{text-align:left;vertical-align:top;padding:15px 16px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.feeder-page .telemetry-table thead{background:var(--raised)}.feeder-page .telemetry-table th:first-child{width:28%}.feeder-page .telemetry-table th:last-child{width:27%}
.feeder-page .telemetry-table tbody tr:nth-child(even){background:var(--panel)}.feeder-page .telemetry-table td{color:var(--muted)}
.feeder-page .telemetry-table code{color:var(--mint)}.feeder-page .telemetry-label{display:block;color:var(--blue);font-size:12px;letter-spacing:.04em;margin-bottom:4px}
.feeder-page .unit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;padding-left:20px;color:var(--muted);margin:24px 0}
.feeder-page .unit-list strong{color:var(--text)}.feeder-page .feeder-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:620px){.feeder-page .output-options,.feeder-page .gauge-grid,.feeder-page .unit-list,.feeder-page .feeder-steps{grid-template-columns:1fr}.feeder-page .feature-card{padding:20px}.feeder-page .telemetry-table{font-size:12px}.feeder-page .telemetry-table th,.feeder-page .telemetry-table td{padding:12px 7px}.feeder-page .telemetry-table th:first-child{width:27%}.feeder-page .telemetry-table th:last-child{width:34%}.feeder-page .nav{flex-wrap:wrap}}