@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600;700&family=Barlow+Condensed:wght@700;800&display=swap";
.sup-root{--teal:#0ab5bd;--dark:#080c18;--white:#fff;--text:#ffffffeb;--text-2:#ffffff8c;--text-3:#ffffff4d;--border:#ffffff14;--surface:#ffffff0a;background:var(--dark);color:var(--text);min-height:100vh;font-family:DM Sans,system-ui,sans-serif;overflow-x:hidden}.sup-wrap{max-width:860px;margin:0 auto;padding:0 24px}.sup-nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#080c18e6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 32px;display:flex;position:sticky;top:0}.sup-logo{color:var(--white);font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:800;text-decoration:none}.sup-logo span{color:var(--teal)}.sup-nav-right{align-items:center;gap:20px;display:flex}.sup-nav-link{color:var(--text-2);font-size:13px;text-decoration:none;transition:color .2s}.sup-nav-link:hover{color:var(--text)}.sup-cta-btn{color:var(--dark);background:var(--teal);border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s}.sup-cta-btn:hover{opacity:.85}.sup-hero{text-align:center;padding:80px 0 60px;position:relative;overflow:hidden}.sup-hero:before{content:"";pointer-events:none;background:radial-gradient(#0ab5bd1a 0%,#0000 70%);width:600px;height:300px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.sup-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--teal);border-bottom:1px solid #0ab5bd4d;margin-bottom:24px;padding-bottom:6px;font-size:11px;font-weight:700;display:inline-block}.sup-title{letter-spacing:.02em;color:var(--white);margin:0 0 20px;font-family:Bebas Neue,sans-serif;font-size:clamp(48px,8vw,88px);line-height:.95}.sup-title span{color:var(--teal)}.sup-subtitle{color:var(--text-2);max-width:500px;margin:0 auto;font-size:17px;font-weight:300;line-height:1.7}.sup-section{border-top:1px solid var(--border);padding:60px 0}.sup-sec-label{letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:12px;font-size:11px;font-weight:700}.sup-sec-title{color:var(--white);margin:0 0 36px;font-family:Bebas Neue,sans-serif;font-size:clamp(32px,4vw,52px);line-height:1}.sup-channels{flex-direction:column;gap:12px;display:flex}.sup-channel{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:20px;padding:22px 24px;text-decoration:none;transition:border-color .25s,background .25s;display:flex}.sup-channel:hover{background:#0ab5bd0a;border-color:#0ab5bd4d}.sup-channel-icon{flex-shrink:0;font-size:28px}.sup-channel-body{flex-direction:column;flex:1;gap:2px;display:flex}.sup-channel-body strong{color:var(--white);font-size:15px;font-weight:700}.sup-channel-desc{color:var(--text-3);font-size:12px}.sup-channel-action{color:var(--teal);font-size:13px;font-weight:600}.sup-channel-arrow{color:var(--text-3);flex-shrink:0;font-size:18px}.sup-faq-cat{margin-bottom:48px}.sup-faq-cat:last-child{margin-bottom:0}.sup-faq-cat-title{color:var(--teal);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--border);margin:0 0 16px;padding-bottom:10px;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700}.sup-faq-list{flex-direction:column;display:flex}.sup-faq-item{border-bottom:1px solid var(--border)}.sup-faq-item:last-child{border-bottom:none}.sup-faq-q{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:15px;font-weight:600;line-height:1.4;transition:color .2s;display:flex}.sup-faq-q:hover,.sup-faq-item.open .sup-faq-q{color:var(--teal)}.sup-faq-chevron{color:var(--teal);flex-shrink:0;font-size:22px;font-weight:400;line-height:1}.sup-faq-a{padding:0 0 20px;animation:.25s both faq-open}@keyframes faq-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sup-faq-a p{color:var(--text-2);max-width:640px;margin:0;font-size:14px;line-height:1.7}.sup-install-cta{background:#0ab5bd0d;border-top:1px solid #0ab5bd26;border-bottom:1px solid #0ab5bd26;padding:32px 0}.sup-install-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.sup-install-inner strong{color:var(--white);margin-bottom:4px;font-size:16px;font-weight:700;display:block}.sup-install-inner p{color:var(--text-2);margin:0;font-size:13px}.sup-install-btn{color:var(--dark);background:var(--teal);white-space:nowrap;border-radius:10px;flex-shrink:0;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s}.sup-install-btn:hover{opacity:.85}.sup-footer{border-top:1px solid var(--border);padding:32px 0}.sup-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.sup-footer a{color:var(--text-3);font-size:13px;text-decoration:none;transition:color .2s}.sup-footer a:hover{color:var(--teal)}.sup-footer-links{flex-wrap:wrap;gap:20px;display:flex}@media (max-width:600px){.sup-nav{padding:16px 20px}.sup-nav-right{gap:12px}.sup-nav-link{display:none}.sup-hero{padding:60px 0 40px}.sup-channel{flex-wrap:wrap;gap:12px}.sup-install-inner,.sup-footer-inner{flex-direction:column;align-items:flex-start}}