:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#0b0f14;background:#fff;font-synthesis:none;--blue:#1e7bff;--muted:#536171;--border:#e1eaf3}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:19px;height:19px;stroke-width:1.7;flex-shrink:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #1e7bff;outline-offset:5px}a:hover{color:#1266d8}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;padding:12px;background:white;z-index:20}.skip:focus{top:12px}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:24px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;white-space:nowrap}.brand-light{font-weight:400;margin-left:2px}.nav nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.github-nav,.nav-cta{display:flex;align-items:center;gap:7px}.nav-cta{font-size:13px;border:1px solid var(--border);padding:10px 15px;border-radius:6px}.hero{position:relative;overflow:hidden;padding-top:43px;background:#f7fbff}.hero-copy{text-align:center}.eyebrow{font-size:10px;font-weight:700;line-height:1.6;color:#3c647e;margin:0 0 14px}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:8px}.eyebrow>span{width:5px;height:5px;background:var(--blue);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:60px;line-height:1.05;font-weight:750;margin-bottom:14px}.title-dot{color:var(--blue)}.hero-copy h2{font-size:31px;line-height:1.25;font-weight:560;margin-bottom:16px}.hero-copy h2 span{color:#3f7ea9}.intro{font-size:14px;line-height:1.75;color:var(--muted);max-width:570px;margin:0 auto 21px}.actions{display:flex;gap:10px;justify-content:center}.button{height:43px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 19px;border-radius:6px;font-size:13px;font-weight:650;transition:background .15s,box-shadow .15s}.primary{background:var(--blue);color:white;border:1px solid var(--blue);box-shadow:0 4px 10px #1e7bff1a}.primary:hover{background:#1567db;color:white;box-shadow:0 6px 15px #1e7bff25}.secondary{background:white;border:1px solid var(--border)}.secondary:hover{border-color:#9fc4ed}.protocol-scene{height:363px;position:relative;display:grid;grid-template-columns:190px 1fr 190px;align-items:center;margin-top:11px;padding-bottom:30px}#protocol-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.source-column,.output-column,.protocol-core{position:relative;z-index:1;min-width:0}.column-label{font-size:9px;font-weight:700;color:#7890a5;margin-bottom:12px;text-align:left}.endpoints{display:flex;flex-direction:column;gap:9px}.endpoint{height:36px;display:flex;align-items:center;gap:10px;padding:0 10px;background:#fff;border:1px solid #dce7f1;border-radius:6px;font-size:12px;font-weight:600;box-shadow:0 2px 4px #23456704;transition:border-color .2s,box-shadow .2s}.endpoint:hover,.endpoint:focus-visible{border-color:#70b8fa;box-shadow:0 2px 12px #1e7bff16;color:#0b0f14}.source-icon{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:5px}.source-icon svg{width:16px;height:16px}.xtream{background:#eaf4ff;color:#2783d8}.emby{background:#eef7ef;color:#358851}.plex{background:#fff6df;color:#947014}.jellyfin{background:#f2eefa;color:#7556ac}.stremio{background:#eeefff;color:#6964b5}.m3u{background:#e7f6f6;color:#267e82}.compatible{background:#f1f4f8;color:#536171}.boss{background:#e8f2ff;color:#1e7bff}.port{margin-left:auto;width:13px;height:13px;color:#9db0c3}.output-column{transform:translateY(3px)}.outputs{gap:20px}.outputs .endpoint{height:43px}.boss-output{border-color:#a2cbf7}.endpoint small{font-size:9px;color:#7c96ab;font-weight:400;margin-left:6px}.protocol-core{text-align:center;align-self:center;padding-top:14px}.core-name{display:flex;align-items:center;justify-content:center;gap:14px}.core-icon{display:grid;place-items:center;width:48px;height:48px;background:#1e7bff;color:#fff;border-radius:8px;box-shadow:0 4px 16px #1e7bff22}.core-icon svg{width:29px;height:29px}.core-name strong{font-size:34px;line-height:1;font-weight:800;text-align:left}.core-name strong span{display:block;font-size:10px;font-weight:650;color:#647e94;margin-top:6px}.protocol-core p{font-size:8px;font-weight:600;color:#8296a9;margin:21px 0 0}.protocol-core b{color:#499ce8;margin:0 5px}.scene-bottom{position:absolute;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;color:#7a8da0;font-size:10px;gap:15px}.scene-bottom>span{display:flex;align-items:center;gap:8px}.scene-bottom svg{width:13px;height:13px}.scene-bottom button{position:absolute;right:0;background:transparent;border:1px solid var(--border);border-radius:4px;width:26px;height:26px;display:grid;place-items:center;color:#658098;cursor:pointer}.hero-notes{display:flex;justify-content:center;gap:37px;border-top:1px solid var(--border);padding:19px 0;margin-top:21px;font-size:11px;color:#5d7283}.hero-notes span{display:flex;align-items:center;gap:8px}.hero-notes svg{width:15px;height:15px;color:#448bc7}.section{padding-block:66px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:27px}.section-heading h2,.use-cases h2{font-size:28px;font-weight:650;margin:0;line-height:1.25}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{border:1px solid var(--border);border-radius:8px;padding:23px;background:#fcfdff}.step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#9bb2c6}.step-top svg{width:24px;height:24px;color:#3f8ecb}.step-top span{font-size:11px}.steps h3{font-size:17px;margin-bottom:11px}.steps p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.capability-note{font-size:10px;color:#738291;line-height:1.7;margin:20px 0 0}.open-section{background:#f2f8fc;border-block:1px solid var(--border);padding:61px 0}.open-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.open-layout h2{font-size:43px;line-height:1.1;font-weight:650;margin-bottom:19px}.open-layout p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);max-width:340px;margin-bottom:22px}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:650;color:#236fad}.text-link svg{width:15px;height:15px}.open-details{padding-top:4px}.license{display:flex;align-items:center;gap:16px;border-bottom:1px solid #dce7f0;padding-bottom:22px}.license>svg:first-child{color:#4089c6;width:29px;height:29px}.license>svg:last-child{margin-left:auto;color:#7a9bb6}.license strong{display:block;font-size:16px;margin-bottom:6px}.license span{font-size:12px;color:var(--muted)}.open-details ul{padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px;list-style:none}.open-details li{display:flex;align-items:center;gap:9px;font-size:12px}.open-details li svg{color:#488c73;width:15px;height:15px}.use-cases h2{margin-bottom:30px}.uses{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.uses span{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.6;color:#4e6172}.uses svg{color:#5e95bd;width:21px;height:21px}.footer{border-top:1px solid var(--border);display:flex;align-items:center;gap:30px;padding-block:28px}.footer .brand{font-size:14px}.copyright{font-size:10px;color:#8a96a2}.footer nav{display:flex;gap:21px;margin-left:auto;font-size:11px;color:#526575}
@media(min-width:1500px){.wrap{width:min(1240px,calc(100% - 100px))}.protocol-scene{grid-template-columns:205px 1fr 205px}}
@media(max-width:850px){.nav nav{gap:18px}.nav-cta{display:none}.protocol-scene{grid-template-columns:150px 1fr 150px}.endpoint{font-size:11px;gap:7px;padding-inline:7px}.core-name{gap:9px}.core-name strong{font-size:29px}.core-icon{width:38px;height:38px}.core-icon svg{width:24px;height:24px}.protocol-core p{font-size:7px}.protocol-core b{margin:0 2px}.open-layout{gap:40px}.open-details ul{grid-template-columns:1fr}.section-heading>p{max-width:230px}.footer{flex-wrap:wrap}.footer nav{margin-left:0}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{height:72px;gap:10px}.brand{font-size:15px;gap:6px}.brand img{width:28px;height:28px}.nav nav{gap:16px;font-size:12px}.nav nav a[href="#use-cases"],.nav nav a[href="#integrations"]{display:none}.github-nav svg{display:none}.hero{padding-top:34px}.eyebrow{font-size:8px}h1{font-size:43px}.hero-copy h2{font-size:25px;margin-top:17px}.intro{font-size:12px;line-height:1.8;max-width:360px}.actions{margin-top:23px}.button{height:41px;font-size:12px;padding:0 16px}.protocol-scene{height:325px;grid-template-columns:106px 1fr 91px;margin-top:20px;padding-bottom:26px}.column-label{font-size:6px;margin-bottom:10px}.endpoints{gap:8px}.endpoint{height:32px;padding:0 5px;gap:5px;font-size:9px;border-radius:5px}.source-icon{width:18px;height:20px}.source-icon svg{width:13px;height:13px}.port{display:none}.outputs{gap:26px}.outputs .endpoint{height:37px}.endpoint small{display:none}.core-name{flex-direction:column;gap:9px}.core-icon{width:31px;height:31px;border-radius:6px}.core-icon svg{width:21px;height:21px}.core-name strong{text-align:center;font-size:21px}.core-name strong span{font-size:6px;margin-top:5px}.protocol-core p{font-size:6px;line-height:1.8;max-width:76px;margin:14px auto 0}.protocol-core b{margin:0 1px}.scene-bottom{font-size:8px;padding-right:18px}.scene-bottom>span{gap:5px}.hero-notes{gap:13px;font-size:8px;padding:17px 0;margin-top:18px}.hero-notes span{gap:4px}.hero-notes svg{width:12px;height:12px}.section{padding-block:44px}.section-heading{display:block;margin-bottom:22px}.section-heading h2,.use-cases h2{font-size:25px;line-height:1.3}.section-heading>p{font-size:12px;margin-top:12px;max-width:100%}.steps{grid-template-columns:1fr;gap:12px}.steps article{padding:20px}.step-top{margin-bottom:14px}.steps h3{margin-bottom:8px}.steps p{font-size:12px}.capability-note{font-size:10px}.open-section{padding-block:42px}.open-layout{grid-template-columns:1fr;gap:32px}.open-layout h2{font-size:37px}.open-details ul{grid-template-columns:1fr 1fr;gap:15px}.open-details li{font-size:11px;gap:5px}.uses{grid-template-columns:1fr 1fr;gap:25px 18px}.uses span{font-size:11px;gap:8px}.footer{gap:17px;padding-block:24px}.copyright{font-size:9px}.footer nav{width:100%;gap:22px}.footer .brand{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:600px) and (max-height:820px){.nav{height:60px}.hero{padding-top:20px}.hero .eyebrow{margin-bottom:10px}h1{font-size:32px;margin-bottom:10px}.hero-copy h2{font-size:20px;margin:10px 0 12px}.intro{font-size:11px;line-height:1.65;margin-bottom:14px}.actions{margin-top:14px}.button{height:37px}.protocol-scene{height:250px;margin-top:12px}.endpoints{gap:6px}.endpoint{height:26px}.outputs{gap:20px}.outputs .endpoint{height:32px}.hero-notes{margin-top:12px;padding-block:12px}.how{padding-top:30px}}
.actions{flex-wrap:wrap}