:root{--bg:#050509;--panel:#0d0d18;--panel2:#121221;--line:#24243a;--text:#f5f5ff;--muted:#9494aa;--accent:#8d88ff;--accent2:#cbd3ff}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 12%,#1e1b4b 0,transparent 29%),var(--bg);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.topbar{height:76px;padding:0 30px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(5,5,9,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.brand{width:160px;height:56px;display:flex;align-items:center;background:none;border:0;color:#fff}.brand-crop{position:relative;width:104px;height:46px;overflow:hidden}.brand-crop img{position:absolute;width:112px;height:112px;left:-4px;top:-33px}.brand i{font-style:normal;font-size:.64rem;font-weight:800;letter-spacing:.08em;background:var(--accent);padding:4px 7px;border-radius:20px;margin-left:5px}.main-nav{display:flex;margin:auto;height:100%}.nav-link{padding:0 22px;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;font-weight:700}.nav-link.active{color:#fff;border-color:#a5a1ff}.wallet{width:160px;height:43px;border:0;border-radius:11px;background:linear-gradient(135deg,#f8f8ff,#d3d8ff);color:#080811;font-weight:800}.wallet-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8e89ff;margin-right:7px;box-shadow:0 0 0 3px #8e89ff2b}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:#aaa6ff}.primary,.secondary{border-radius:11px;padding:13px 19px;font-weight:800;border:1px solid transparent}.primary{background:linear-gradient(135deg,#7771e9,#a39eff);color:white;box-shadow:0 12px 38px #7771e92b}.secondary{color:white;background:#12121f;border-color:#33334d}.full{width:100%}.home-view{max-width:1500px;margin:auto}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px 5vw 50px}.hero-copy{position:relative;z-index:2}.hero-copy h1{font:700 clamp(3.8rem,7vw,7.2rem)/.9 'Space Grotesk';letter-spacing:-.07em;margin:20px 0 30px}.hero-copy h1 em{font-style:normal;color:#b8b5ff;text-shadow:0 0 50px #8d88ff66}.hero-copy>p{max-width:590px;font-size:1.14rem;line-height:1.7;color:#aaaabd}.hero-actions{display:flex;gap:10px;margin-top:30px}.hero-mark{position:relative;min-height:520px;display:grid;place-items:center;overflow:hidden}.hero-mark img{width:min(660px,54vw);position:relative;z-index:2;filter:drop-shadow(0 0 40px #7771e95e)}.orbit{position:absolute;border:1px solid #8d88ff38;border-radius:50%;transform:rotate(-17deg)}.orbit-one{width:520px;height:240px}.orbit-two{width:680px;height:350px}.honest-status{display:flex;align-items:center;gap:12px;margin-top:45px;color:#dcdcea}.honest-status>span{width:11px;height:11px;border:2px solid #6e6e84;border-radius:50%}.honest-status b,.honest-status small{display:block}.honest-status b{font-size:.9rem}.honest-status small{color:var(--muted);font-size:.78rem;margin-top:3px}.honest-status.is-live>span{border:0;background:#aeb9ff;box-shadow:0 0 12px #aeb9ff}.how-section{padding:85px 5vw;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.steps article{min-height:240px;padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,#10101e,#090911);border-radius:16px}.steps article>b{font:600 3.5rem 'Space Grotesk';color:#292944}.steps h2{font:600 1.35rem 'Space Grotesk';margin:35px 0 8px}.steps p{color:var(--muted);line-height:1.5;margin:0}.landing-callout{margin:0 5vw 80px;padding:36px;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;border:1px solid #34325b;border-radius:18px;background:radial-gradient(circle at 80%,#272353,#10101f 55%)}.landing-callout h2{font:600 2rem 'Space Grotesk';margin:7px 0}.landing-callout p{color:#b2b2c6}.app-view{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 76px)}.live-sidebar{border-right:1px solid var(--line);background:#08080f;padding:24px 16px;display:flex;flex-direction:column;min-width:0}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 18px;color:#aaaabd;font-size:.73rem;font-weight:800;letter-spacing:.1em}.sidebar-head b{display:grid;place-items:center;width:24px;height:24px;background:#171728;border-radius:50%;color:#c5c5d5}.live-people{display:flex;flex-direction:column;gap:8px;flex:1}.sidebar-empty{padding:45px 18px;text-align:center;color:#77778e;border:1px dashed #29293f;border-radius:12px}.sidebar-empty span{font-size:1.8rem}.sidebar-empty p{font-size:.82rem}.sidebar-cta{border:1px solid #33334f;background:#11111f;color:#fff;border-radius:10px;padding:11px;font-weight:700}.live-person{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #373461;background:#17152d;color:white;padding:10px;border-radius:11px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#736de6,#a8a4ff);font-size:.67rem;font-weight:800}.live-person>span:last-child{min-width:0}.live-person b,.live-person small{display:block}.live-person b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-person small{color:#a8a8bc;font-size:.68rem;margin-top:3px}.live-person small i,.live-badge i,.screen-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#abb7ff;margin-right:5px;box-shadow:0 0 9px #abb7ff}.live-directory,.studio{padding:48px clamp(24px,4vw,64px)}.directory-head h1,.studio-head h1{font:700 clamp(2rem,4vw,4rem) 'Space Grotesk';letter-spacing:-.055em;margin:8px 0}.empty-directory{min-height:520px;border:1px dashed #303049;border-radius:17px;background:#090911aa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid #343450;background:#121221;border-radius:20px;color:#8884ef;font-size:1.5rem}.empty-directory h2{font:600 1.45rem 'Space Grotesk';margin:20px 0 5px}.empty-directory p{color:var(--muted);margin:0 0 24px}.self-stream-card{overflow:hidden;border:1px solid #333159;border-radius:16px;background:#10101e}.self-stream-card video{display:block;width:100%;max-height:640px;background:#050509}.self-stream-card>div{padding:18px 20px}.self-stream-card h2{font:600 1.3rem 'Space Grotesk';margin:10px 0 2px}.self-stream-card p{margin:0;color:var(--muted)}.live-badge{font-size:.7rem;font-weight:800;color:#c5caff}.studio-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.studio-head p{color:var(--muted);margin:0}.share-top{height:48px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.preview-card,.setup-card{border:1px solid var(--line);background:linear-gradient(145deg,#0f0f1d,#090911);border-radius:15px}.preview-card{overflow:hidden}.preview-screen{position:relative;min-height:430px;background:radial-gradient(circle at 50% 20%,#242153,#07070e 65%)}.preview-screen video{display:block;width:100%;height:430px;object-fit:contain}.screen-idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.share-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid #3e3a73;background:#1a1835;border-radius:18px;color:#b7b3ff;font-size:1.5rem}.screen-idle h2{font:600 1.35rem 'Space Grotesk';margin:17px 0 6px}.screen-idle p{color:var(--muted);margin:0 0 20px}.screen-live{position:absolute;left:15px;right:15px;top:15px;display:flex;justify-content:space-between;align-items:center}.screen-live span{font-size:.68rem;font-weight:800;background:#0d0d18cc;padding:7px 10px;border-radius:20px}.screen-live button{border:1px solid #ffffff2b;background:#0d0d18cc;color:white;border-radius:8px;padding:7px 10px}.stream-form{padding:22px}.stream-form label,.setup-card label{display:block;color:#a6a6ba;font-size:.78rem}.stream-form input,.stream-form select,.setup-card input{width:100%;margin-top:7px;background:#11111e;border:1px solid #2d2d44;color:#fff;padding:11px;border-radius:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.setup-panel{display:flex;flex-direction:column;gap:14px}.setup-card{padding:19px}.setup-card h2{font:600 1rem 'Space Grotesk';margin:0}.setup-card>p{color:var(--muted);font-size:.84rem;line-height:1.5}.card-title{display:flex;justify-content:space-between;align-items:center}.status-pill{font-size:.66rem;color:#9999ad;border:1px solid #33334c;background:#171727;padding:5px 8px;border-radius:20px}.status-pill.connected{color:#d8dcff;border-color:#6564a4}.note-card{margin-top:auto}.note-card>span{font-size:.68rem;letter-spacing:.1em;color:#aaa6ff;font-weight:800}.note-card p{margin-bottom:0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#efefff;color:#090910;padding:11px 17px;border-radius:9px;font-weight:800;transition:.2s;z-index:60}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;display:grid;place-items:center;background:#020207dd;backdrop-filter:blur(12px);z-index:50}.modal-card{position:relative;width:min(420px,90vw);padding:30px;text-align:center;background:linear-gradient(145deg,#17162f,#0b0b16);border:1px solid #393763;border-radius:17px}.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;color:#9292a5;font-size:1.5rem}.modal-mark{height:100px;overflow:hidden;position:relative}.modal-mark img{position:absolute;width:220px;height:220px;left:50%;top:-62px;transform:translateX(-50%)}.modal-card h2{font:600 1.45rem 'Space Grotesk';margin:4px 0 8px}.modal-card p{color:var(--muted);line-height:1.5;margin:0 0 20px}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:90px}.hero-mark{min-height:360px;grid-row:1}.hero-mark img{width:min(620px,95vw)}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.honest-status{justify-content:center}.steps{grid-template-columns:1fr}.steps article{min-height:170px}.landing-callout{grid-template-columns:1fr}.app-view{grid-template-columns:210px 1fr}.studio-grid{grid-template-columns:1fr}.setup-panel{display:grid;grid-template-columns:1fr 1fr}.note-card{grid-column:1/-1}.share-top{display:none}}@media(max-width:650px){.topbar{padding:0 13px;height:66px}.brand{width:96px}.brand-crop{width:67px}.brand-crop img{width:76px;height:76px;top:-22px}.brand i{font-size:.52rem;padding:3px 5px}.main-nav{gap:0}.nav-link{padding:0 9px;font-size:.77rem}.wallet{width:105px;font-size:.72rem;padding:0 8px}.wallet-dot{display:none}.hero{padding-inline:20px}.hero-copy h1{font-size:3.45rem}.hero-mark{min-height:280px}.how-section{padding:60px 20px}.landing-callout{margin-inline:20px}.app-view{display:block}.live-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:12px;min-height:auto}.sidebar-head{padding-bottom:8px}.live-people{flex-direction:row;overflow-x:auto}.sidebar-empty{width:100%;padding:14px}.sidebar-empty span{display:none}.sidebar-cta{margin-top:8px}.live-directory,.studio{padding:28px 14px}.studio-head h1,.directory-head h1{font-size:2.4rem}.preview-screen,.preview-screen video{min-height:260px;height:260px}.form-row,.setup-panel{grid-template-columns:1fr}.note-card{grid-column:auto}}