*{box-sizing:border-box}html{background:#000}body{margin:0;-webkit-font-smoothing:antialiased}
.page{max-width:1200px;margin:0 auto;min-height:100vh}
img{max-width:none}
.seg{all:unset;cursor:pointer;flex:1;text-align:center;padding:10px 0;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,color .2s}
.meter-fill{height:100%;width:50%;background:#30d158;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.faq-q{all:unset;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;font-family:inherit;box-sizing:border-box}
.faq-a[hidden]{display:none}
.cable-flow{animation:ta-flow 1.2s linear infinite}
@keyframes ta-flow{to{stroke-dashoffset:-40}}
body{background:#000;color:#fff;font-family:Outfit,system-ui,sans-serif}a{color:#30d158}a:hover{color:#5be27a}
.seg{border-radius:999px;color:#a1a1a6;background:transparent}.seg[aria-pressed="true"]{color:#fff;background:#636366}
.meter-fill{border-radius:7px}
@media (max-width: 1000px){
  .page [style*="grid-template-columns"]{grid-template-columns:1fr !important}
  .page h1{font-size:clamp(36px,8vw,58px) !important}
  .page h2{font-size:clamp(30px,6vw,40px) !important}
  .page > div[style*="padding:22px 56px"], .page > div[style*="padding:20px 48px"]{flex-wrap:wrap;gap:14px}
  .page > div > div[style*="gap:32px"][style*="color:#a1a1a6"], .page > div > div[style*="gap:28px"][style*="color:#9a9f9a"]{display:none !important}
  .page [style*="padding:96px 56px 72px"], .page [style*="padding:72px 56px"], .page [style*="padding:24px 56px 72px"], .page [style*="padding:80px 56px"]{padding-left:24px !important;padding-right:24px !important}
  .page [style*="padding:88px 48px 56px"], .page [style*="padding:16px 48px 88px"], .page [style*="padding:0 48px 88px"], .page [style*="padding:32px 48px"]{padding-left:24px !important;padding-right:24px !important}
  .page [style*="margin:0 48px"]{margin-left:24px !important;margin-right:24px !important;flex-wrap:wrap}
  .page img[alt="Tether Audio playing from a Windows PC"]{width:100%}
}
@media (max-width: 1000px){
  .page img[alt="Windows desktop"], .page img[alt="Tether Audio latency and buffer"]{width:100% !important;height:100% !important;left:0 !important;top:0 !important;object-fit:cover}
  .page img[alt="Windows desktop"]{object-position:50% 45%}
  .page img[alt="Tether Audio latency and buffer"]{object-position:50% 20%;width:auto !important;left:50% !important;transform:translateX(-50%);max-height:none}
  .page div[style*="border-top:1px solid rgba(255,255,255,.14);border-bottom"] > div{padding-left:0 !important;padding-right:0 !important;border-right:none !important;border-top:1px solid rgba(255,255,255,.14)}
  .page div[style*="border-top:1px solid rgba(255,255,255,.14);border-bottom"] > div:first-child{border-top:none}
  .page div[style*="grid-template-columns:1fr 220px 1fr"] > div:nth-child(2){padding:24px 0}
  .page div[style*="grid-template-columns:1fr 220px 1fr"] svg{max-width:220px;margin:0 auto}
  .page div[style*="grid-template-columns:1fr 420px"] > div:last-child{margin-top:80px}
  .page div[style*="grid-template-columns:1fr 440px"] > div:last-child{height:260px !important}
}
@media (max-width: 1000px){
  .page div[style*="grid-template-columns:1fr 420px"] > div:last-child > div[style*="background:#30d158"], .page div[style*="grid-template-columns:1fr 420px"] > div:last-child > div[style*="background:#0a84ff"]{display:none}
  .page div[style*="grid-template-columns:1fr 220px 1fr"] > div:last-child > div[style*="height:300px"]{height:auto !important;aspect-ratio:1/1;max-width:360px;margin:0 auto}
  .page div[style*="grid-template-columns:1fr 220px 1fr"] > div:last-child > div[style*="text-align:right"]{text-align:center !important}
  .page img[alt="Tether Audio latency and buffer"]{width:100% !important;height:100% !important;left:0 !important;transform:none;object-fit:cover;object-position:50% 25%}
}