.home-root{background-color:var(--surface-0);color:var(--fg-1);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#8080800d 1px,#0000 1px),linear-gradient(90deg,#8080800d 1px,#0000 1px);background-size:48px 48px;overflow-x:hidden}.home-root a{color:inherit;text-decoration:none}.home-root button{font-family:inherit}.hc{max-width:1200px;margin:0 auto;padding:0 24px}.btn{cursor:pointer;letter-spacing:-.01em;font-size:14px;font-weight:500;font-family:var(--font-ui);border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 18px;transition:filter .15s,transform .15s;display:inline-flex}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.985)}.btn-primary{background:linear-gradient(180deg, var(--belio-red) 0%, var(--belio-violet) 100%);color:#fff;box-shadow:0 6px 20px -8px #fc5c5c80,0 6px 30px -10px #8073f680}.btn-secondary{background:var(--surface-8);color:var(--fg-3);border:1px solid var(--border-strong)}.btn-ghost{color:var(--fg-3);border:1px solid var(--border-strong);background:0 0}.btn-lg{border-radius:10px;padding:14px 22px;font-size:15px}.home-header{border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);z-index:50;background:#09090bb8;align-items:center;height:64px;display:flex;position:sticky;top:0}.header-inner{align-items:center;width:100%;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand .wordmark{letter-spacing:.12em;color:var(--fg-3);font-size:13px;font-weight:700;font-family:var(--font-ui)}.home-header nav{color:var(--fg-5);align-items:center;gap:28px;margin-left:auto;font-size:14px;display:flex}.home-header nav a{transition:color .15s}.home-header nav a:hover{color:var(--fg-1)}.menu-btn{border:1px solid var(--border-strong);color:var(--fg-3);cursor:pointer;background:0 0;border-radius:8px;padding:8px 10px;display:none}.hero{padding:96px 0 80px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;z-index:0;--b1x:50%;--b1y:30%;--b2x:30%;--b2y:60%;--b3x:70%;--b3y:70%;position:absolute;inset:-80px 0 0}.hero-bg .blob{filter:blur(90px);opacity:.55;mix-blend-mode:screen;border-radius:50%;width:680px;height:680px;position:absolute}.hero-bg .b1{left:calc(var(--b1x) - 340px);top:calc(var(--b1y) - 340px);background:radial-gradient(circle,#fc5c5c8c,#fc5c5c00 65%)}.hero-bg .b2{left:calc(var(--b2x) - 340px);top:calc(var(--b2y) - 340px);background:radial-gradient(circle,#8073f6a6,#8073f600 65%)}.hero-bg .b3{left:calc(var(--b3x) - 340px);top:calc(var(--b3y) - 340px);background:radial-gradient(circle,#b45ac866,#b45ac800 65%);width:520px;height:520px}.hero-bg .grain{opacity:.5;mix-blend-mode:overlay;background-image:radial-gradient(#ffffff06 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.hero-bg .fade{background:linear-gradient(180deg, #09090b00 0%, var(--surface-0) 100%);height:300px;position:absolute;bottom:0;left:0;right:0}.hero-grid{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;display:grid;position:relative}.eyebrow-pill{background:#8073f60a;border:1px solid #8073f633;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;display:inline-flex;box-shadow:0 0 20px -10px #8073f680}.eyebrow-pill .dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 8px var(--success);border-radius:50%}.eyebrow-brand{font-family:var(--font-brand);letter-spacing:.02em;background:linear-gradient(180deg, var(--belio-red) 0%, var(--belio-violet) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:12px;font-weight:700}h1.headline{font-family:var(--font-brand);letter-spacing:-.025em;color:#fff;margin:0 0 22px;font-size:64px;font-weight:700;line-height:1.02}h1.headline .grad{background:linear-gradient(135deg, var(--belio-red) 0%, var(--belio-violet) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.lede{color:var(--fg-5);max-width:520px;margin:0 0 32px;font-size:18px;line-height:1.55}.cta-row{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.speed-line{color:var(--fg-6);font-size:13px;font-family:var(--font-mono);align-items:center;gap:10px;display:flex}.speed-line .pulse{background:var(--belio-violet);width:8px;height:8px;box-shadow:0 0 12px var(--belio-violet);border-radius:50%;animation:2s infinite hpulse}@keyframes hpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero-preview{height:560px;position:relative}.hero-preview .device{background:var(--surface-4);border:1px solid var(--border-default);border-radius:14px;width:100%;height:100%;position:absolute;overflow:hidden;box-shadow:0 8px 10px -6px #0000004d,0 20px 25px -5px #0000004d}.channels{border-top:1px solid var(--border-soft);z-index:2;background:var(--surface-0);padding:60px 0 40px;position:relative}.channels-eyebrow{text-align:center;font-family:var(--font-mono);color:var(--fg-7);letter-spacing:.18em;text-transform:uppercase;margin-bottom:32px;font-size:11px}.channels-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.channel-chip{background:var(--surface-4);border:1px solid var(--border-default);color:var(--fg-3);font-size:14px;font-weight:500;font-family:var(--font-ui);border-radius:10px;align-items:center;gap:10px;padding:14px 22px;transition:all .2s;display:flex}.channel-chip:hover{border-color:#8073f680;box-shadow:0 0 20px -10px #8073f680}section.s{padding:120px 0;position:relative}.section-eyebrow{font-family:var(--font-mono);color:var(--belio-violet);letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-size:11px}.section-title{font-family:var(--font-brand);letter-spacing:-.025em;color:#fff;margin:0 0 16px;font-size:42px;font-weight:700;line-height:1.1}.section-sub{color:var(--fg-5);max-width:580px;margin:0;font-size:17px;line-height:1.5}.section-head{margin-bottom:56px}.section-head.center{text-align:center}.section-head.center .section-sub{margin:0 auto}.props{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.prop{background:var(--surface-4);border:1px solid var(--border-default);border-radius:12px;padding:32px 28px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.prop:hover{border-color:#8073f680}.prop .num{font-family:var(--font-mono);color:var(--belio-red);letter-spacing:.1em;margin-bottom:18px;font-size:11px}.prop .icon-frame{width:44px;height:44px;color:var(--belio-violet);background:linear-gradient(#8073f629,#8073f60a);border:1px solid #8073f633;border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.prop h3{font-family:var(--font-brand);color:#fff;letter-spacing:-.02em;margin:0 0 10px;font-size:22px;font-weight:600}.prop p{color:var(--fg-6);margin:0;font-size:14px;line-height:1.55}.steps{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.steps:before{content:"";background:linear-gradient(90deg, transparent, var(--border-default) 12%, var(--border-default) 88%, transparent);z-index:0;height:1px;position:absolute;top:30px;left:8%;right:8%}.step{z-index:1;position:relative}.step .step-dot{background:var(--surface-3);border:1px solid var(--border-default);width:60px;height:60px;font-family:var(--font-mono);color:var(--belio-violet);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:13px;font-weight:600;display:flex}.step .step-dot.active{background:linear-gradient(180deg, var(--belio-red) 0%, var(--belio-violet) 100%);color:#fff;border-color:#0000;box-shadow:0 0 24px -6px #8073f699}.step h4{font-family:var(--font-brand);color:#fff;letter-spacing:-.015em;margin:0 0 8px;font-size:18px;font-weight:600}.step p{color:var(--fg-6);margin:0;font-size:13.5px;line-height:1.5}.step .step-time{font-family:var(--font-mono);color:var(--fg-7);margin-top:10px;font-size:11px}.demo-shell{background:var(--surface-3);border:1px solid var(--border-default);border-radius:16px;grid-template-columns:380px 1fr;align-items:start;gap:48px;padding:40px;display:grid;position:relative;overflow:hidden}.demo-shell:before{content:"";pointer-events:none;background:radial-gradient(circle,#f5b89a14,#0000 60%);width:400px;height:400px;position:absolute;top:-100px;right:-100px}.demo-side{z-index:1;position:relative}.demo-brand-card{background:var(--surface-4);border:1px solid var(--border-default);border-radius:12px;margin-bottom:28px;padding:24px}.demo-brand-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.demo-brand-info .nm{font-family:var(--font-brand);color:#fff;font-size:18px;font-weight:600}.demo-brand-info .tg{color:var(--fg-6);font-size:12px;font-family:var(--font-mono)}.demo-brand-meta{grid-template-columns:1fr 1fr;gap:14px;font-size:12px;display:grid}.demo-brand-meta .lbl{color:var(--fg-7);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:10px}.demo-brand-meta .val{color:var(--fg-3);font-family:var(--font-mono)}.channel-tabs{flex-direction:column;gap:8px;display:flex}.ch-tab{background:var(--surface-4);border:1px solid var(--border-default);color:var(--fg-5);cursor:pointer;font-family:var(--font-ui);text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.ch-tab:hover{background:var(--surface-5);color:var(--fg-2)}.ch-tab.active{color:#fff;background:linear-gradient(#8073f61a,#8073f605);border-color:#8073f680;box-shadow:0 0 20px -10px #8073f680}.ch-tab .ch-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ch-tab .ch-meta{font-family:var(--font-mono);color:var(--fg-7);text-transform:uppercase;letter-spacing:.1em;margin-left:auto;font-size:10px}.demo-stage{background:var(--surface-2);border:1px solid var(--border-default);z-index:1;border-radius:14px;height:600px;position:relative;overflow:hidden}.faq{max-width:820px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border-default)}.faq-q{color:#fff;text-align:left;cursor:pointer;width:100%;font-family:var(--font-brand);letter-spacing:-.015em;background:0 0;border:none;justify-content:space-between;align-items:center;padding:24px 0;font-size:18px;font-weight:500;transition:color .15s;display:flex}.faq-q:hover{color:var(--belio-violet)}.faq-q .chev{color:var(--fg-6);flex-shrink:0;transition:transform .25s}.faq-item.open .faq-q .chev{color:var(--belio-violet);transform:rotate(180deg)}.faq-a{max-height:0;color:var(--fg-6);padding:0;font-size:15px;line-height:1.6;transition:max-height .35s,padding .25s;overflow:hidden}.faq-item.open .faq-a{max-height:280px;padding:0 0 24px}.cta-panel{border:1px solid var(--border-default);background:var(--surface-3);text-align:center;border-radius:18px;padding:64px 56px;position:relative;overflow:hidden}.cta-panel:before{content:"";pointer-events:none;background:radial-gradient(at 50% 100%,#8073f62e,#0000 60%);position:absolute;inset:0}.cta-panel>*{z-index:1;position:relative}.cta-eyebrow{font-family:var(--font-mono);color:var(--belio-violet);letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px;font-size:11px}.cta-panel h2{font-family:var(--font-brand);letter-spacing:-.025em;color:#fff;margin:0 0 14px;font-size:48px;font-weight:700;line-height:1.05}.cta-panel p{color:var(--fg-5);max-width:520px;margin:0 auto 32px;font-size:17px;line-height:1.5}.home-footer{border-top:1px solid var(--border-soft);color:var(--fg-7);padding:40px 0 56px;font-size:13px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-inner .links{flex-wrap:wrap;gap:24px;display:flex}.footer-inner a:hover{color:var(--fg-3)}@keyframes bdot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s ease-out backwards fadeUp}@media (max-width:960px){.menu-btn{display:inline-flex}.home-header nav.desktop{display:none}.hero{padding:64px 0 40px}.hero-grid{grid-template-columns:1fr;gap:48px}h1.headline{font-size:42px}.lede{font-size:16px}.hero-preview{width:100%;max-width:420px;height:520px;margin:0 auto}section.s{padding:80px 0}.section-title{font-size:32px}.props{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:32px 16px}.steps:before{display:none}.demo-shell{grid-template-columns:1fr;gap:24px;padding:24px}.demo-stage{height:540px}.channels-row{gap:14px}.channel-chip{padding:10px 14px;font-size:13px}.cta-panel{padding:48px 24px}.cta-panel h2{font-size:32px}.footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width:520px){h1.headline{font-size:36px}.section-title{font-size:26px}.steps{grid-template-columns:1fr}.channel-chip .lbl{display:none}}
