@import url('/styles.css');
:root{--paper:#f5f3eb;--ink:#202c28;--accent:#d65937;--line:#d9ddd2}body{background:var(--paper);color:var(--ink)}.shell{max-width:1180px;margin-inline:auto;padding-inline:36px}header.shell{padding-block:28px;border-bottom:1px solid var(--line)}header nav{gap:28px}.brand{letter-spacing:-.8px;font-size:23px}.mark{color:var(--accent)}main{max-width:none;padding:0}.hero.shell{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;padding-block:90px 80px}.eyebrow{letter-spacing:1.9px;font-size:11px;font-weight:700;color:#69736a;display:flex;gap:10px;align-items:center}.dot{width:7px;height:7px;background:#6e8965;border-radius:50%;display:inline-block}.hero h1{font-size:clamp(44px,5.6vw,76px);line-height:1.04;letter-spacing:-4px;margin:30px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.lead{font-size:18px;line-height:1.7;max-width:430px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{border-radius:5px;background:var(--ink);color:white;padding:15px 22px;display:inline-flex;justify-content:space-between;gap:30px;font-size:14px;text-decoration:none}.button:hover{background:#3f5047}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--ink)}.text-link{font-size:13px;text-underline-offset:5px}.caption{font-size:11px;color:#687268;margin-top:15px}.diagram{border:1px solid var(--line);border-radius:12px;padding:25px;background:#e9ede3;box-shadow:12px 12px 0 #dfe4d9;align-self:center}.diagram-label{font-size:9px;letter-spacing:1.6px;padding-bottom:20px;color:#667163}.node{display:flex;gap:16px;align-items:center;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:6px}.node strong{display:block;font-size:16px}.node small{display:block;font-size:11px;margin-top:6px;color:#667163}.node-number{font:11px ui-monospace,monospace;color:#748271}.node-symbol{margin-left:auto;font-size:27px}.relay{border-color:var(--accent);background:#f8e7dd}.job-blocks{display:flex;gap:5px;margin-top:12px}.job-blocks i{display:block;width:23px;height:9px;background:#d65937;border-radius:2px}.job-blocks i:nth-child(n+4){opacity:.25}.connector{font:10px ui-monospace,monospace;display:flex;gap:14px;align-items:center;color:#6b7569;padding-left:26px;height:43px}.connector span{height:100%;border-left:1px dashed #8a9785}.diagram-footer{font:10px ui-monospace,monospace;padding-top:22px;display:flex;align-items:center;gap:10px}.runtime-strip{border-block:1px solid var(--line)}.runtime-strip .shell{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:25px;align-items:center}.runtime-strip span{font-size:9px;letter-spacing:1.5px;color:#687268}.runtime-strip strong{font-size:16px;color:#667263}.section{padding-block:85px;border:0}.section-head{display:grid;grid-template-columns:1.4fr 1fr;column-gap:80px;align-items:end}.section-head .eyebrow{grid-column:1/-1}.section-head h2,.split h2,.faq h2,.last-call h2{font-size:42px;line-height:1.12;letter-spacing:-1.7px;margin:15px 0}.section-head>p:last-child{max-width:370px;font-size:15px;line-height:1.8;color:#667163}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.three article{border-top:1px solid var(--line);padding-top:25px}.step{background:none;padding:0;color:var(--accent);font:12px ui-monospace,monospace}.three h3{font-size:20px;margin-top:24px}.three p,.split p,.faq p{font-size:14px;line-height:1.8;color:#687268}.dark{background:#24352d;color:#f5f3eb}.split{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.dark .eyebrow,.dark p{color:#b8c6b4}.dark a{color:#eaa287}.dark pre{background:#1d2b24;border:1px solid #405044;border-radius:8px;padding:28px;align-self:center;font-size:12px;line-height:1.9;overflow:auto;color:#e1e9d9}.prices{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.price{padding:36px;border:1px solid var(--line);border-radius:8px;position:relative}.price h3{font-size:25px}.amount{font-size:50px;letter-spacing:-2px;margin:18px 0}.amount span{font-size:13px;letter-spacing:0;font-weight:400;margin-left:10px;color:#687268}.price>p:not(.amount):not(.eyebrow):not(.caption){font-size:13px;min-height:40px;color:#687268}.price ul{list-style:none;padding:0;margin:25px 0 30px;font-size:13px;line-height:2.6}.price li::before{content:'✓';color:#648064;margin-right:10px}.price .button{width:100%}.featured{border-color:#88987c;background:#e9ede3}.price-tag{position:absolute;right:20px;top:-12px;background:#405640;color:white;padding:6px 12px;font-size:9px;letter-spacing:1px;border-radius:3px}.pricing-note{font-size:11px;line-height:1.8;color:#687268;max-width:850px;margin:20px auto;text-align:center}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:19px 0;margin:0}.faq summary{font-size:15px;font-weight:600;cursor:pointer}.last-call{text-align:center;padding-block:60px 100px}.last-call .eyebrow{justify-content:center}.last-call h2{margin-bottom:30px}footer.shell{border-top:1px solid var(--line);padding-block:28px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}footer div{display:flex;gap:22px;font-size:12px}footer p{width:100%;font-size:10px;color:#687268;margin:0}.auth-page{max-width:480px;margin:70px auto;padding:32px}.auth-page h1{font-size:34px;letter-spacing:-1px}.auth-page p{font-size:14px;line-height:1.7}.auth-page label.consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:12px;line-height:1.7}.consent input{width:auto;margin-top:4px}.auth-page button{width:100%;margin-top:16px}.status{padding:16px;background:#e9ede3;border-radius:5px;line-height:1.6;font-size:13px}.status.error{background:#f8e7dd}.legal{max-width:800px;padding-block:50px}.legal h1{font-size:40px}.legal h2{font-size:24px;margin-top:40px}.legal p,.legal li{font-size:14px;line-height:1.9}.account-panel{margin-top:25px}.account-panel .input-row{flex-wrap:wrap}.billing-status{font-size:14px;line-height:1.7}
@media(max-width:760px){.shell{padding-inline:22px}header.shell{padding-block:20px}header nav{gap:14px}header nav a{font-size:11px}header nav a:first-child{display:none}.hero.shell{grid-template-columns:1fr;gap:45px;padding-block:40px 55px}.hero h1{letter-spacing:-2px}.diagram{margin-right:10px}.section{padding-block:50px}.section-head,.split,.faq{grid-template-columns:1fr;gap:12px}.section-head h2,.split h2,.faq h2,.last-call h2{font-size:34px}.three{grid-template-columns:1fr;gap:22px;margin-top:25px}.three h3{margin-top:12px}.prices{grid-template-columns:1fr;gap:32px}.price{padding:26px}.runtime-strip .shell{justify-content:flex-start;gap:20px}.runtime-strip span{width:100%}.auth-page{margin:25px auto;padding:24px}.last-call{padding-bottom:60px}footer.shell{gap:20px}footer div{flex-wrap:wrap}.split pre{font-size:10px;padding:16px}}

.dark code{background:transparent;color:inherit;padding:0}.dark h2{color:inherit}.price .amount{color:var(--ink)}

.account-setup{grid-template-columns:1fr}.account-setup #device-form{max-width:560px}

.stream-toggle{display:flex;align-items:center;gap:8px}.stream-toggle input{width:auto}
