@font-face{font-family:Flair;src:url(assets/sans.ttf)}@font-face{font-family:Flair;src:url(assets/sans-bold.ttf);font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#f5f4ff;background:#080c24;font:14px Flair,Arial,sans-serif;background-image:radial-gradient(ellipse at -15% 15%,#154cad80,transparent 35%),radial-gradient(ellipse at 100% 8%,#5723a66b,transparent 28%),radial-gradient(ellipse at 5% 65%,#6030ca55,transparent 30%),radial-gradient(ellipse at 95% 75%,#243ba855,transparent 32%)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,.glass,.float-card,.steps article,.benefits{border-radius:12px}button{color:white;padding:10px 18px;border:1px solid #868db8;background:#192146}button:hover{filter:brightness(1.17)}.primary{background:linear-gradient(#a850ff,#6221ff);border:1px solid #c685ff;box-shadow:inset 0 0 8px #e8c3ff66,0 0 16px #6f28ff55;font-weight:700}.secondary{background:linear-gradient(#1e294d,#101630);border-color:#7788c0}.large{padding:13px 23px}.wrap{width:min(1420px,92%);margin:auto}header{border-bottom:1px solid #7777dd33;background:#080c24ba}.nav{display:flex;align-items:center;gap:25px;min-height:68px}.brand{font-size:23px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:3px;letter-spacing:-.7px}.brand i{font-size:44px;color:#ac61ff;line-height:1;margin-right:5px}.brand span{color:#b25cff}.nav nav{display:flex;gap:30px;margin:auto;font-size:13px}.actions{display:flex;gap:12px}.actions button{padding:8px 15px;font-size:12px}.hero{display:grid;grid-template-columns:41% 59%;align-items:center;min-height:440px;padding:42px 2% 30px;gap:5px}.pill{display:inline-block;font-size:11px;padding:5px 12px;border:1px solid #aa66ff;border-radius:25px;background:#5f2c9c25;box-shadow:0 0 10px #a05dff44}.hero h1{font-size:clamp(36px,3.6vw,58px);line-height:1.02;letter-spacing:-2px;margin:16px 0 12px}.hero h1 span{background:linear-gradient(90deg,#d6a3ff,#668cfa,#b336ee);background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.35;color:#ecebff;margin:0 0 18px}.buttons{display:flex;gap:12px}.checks{font-size:10px;margin-top:16px;color:#e4dafc}.hero p.phase{font-size:10px;margin-top:12px;color:#b3b6db;letter-spacing:.6px}.hero-visual{position:relative;min-height:320px;padding:12px 28% 20px 16%;display:flex;align-items:center}.stream-preview{min-width:0;width:100%;transform:rotate(-1.5deg);border:2px solid #bf77ff;box-shadow:0 0 6px #a447ff,0 0 30px #5831ca80;border-radius:20px;overflow:hidden;background:#11102b;padding:7px;z-index:1}.stream-photo{position:relative;aspect-ratio:1.48;overflow:hidden;border-radius:13px}.stream-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.onair{position:absolute;top:8px;left:9px;padding:3px 8px;background:#e5144b;border-radius:5px;font-size:10px;font-weight:bold}.sponsor-banner{position:absolute;bottom:10px;left:8px;right:8px;border:1px solid #40c6ff;box-shadow:0 0 15px #6120ef;background:linear-gradient(110deg,#0b164eec,#5717b5ed);display:flex;align-items:center;gap:12px;padding:10px;border-radius:9px}.sponsor-banner small{display:block;font-size:7px;letter-spacing:.4px}.sponsor-banner b{display:block;font-size:clamp(16px,1.5vw,24px)}.ad-icon{font-size:36px;color:#c278ff}.ad-emoji{font-size:30px;margin-left:auto}.player-bar{display:flex;align-items:center;gap:15px;padding:7px 5px 2px;font-size:12px}.player-bar div{height:4px;width:45%;background:linear-gradient(90deg,#bd4aff 40%,#52416b 40%);border-radius:5px;margin-right:auto}.float-card,.glass{border:1px solid #7784d0;background:linear-gradient(130deg,#49397866,#142442a0);box-shadow:inset 0 0 16px #8376e51c,0 0 10px #4f3cc331}.float-card{position:absolute;width:20%;padding:12px;z-index:2;transform:rotate(1deg)}.float-card small{font-size:9px;display:block}.float-card strong{font-size:23px;display:block;margin:7px 0}.float-card em{font-size:9px;font-style:normal;color:#3cfa9a}.left-top{left:-3%;top:36px}.left-bottom{left:-4%;top:150px}.left-bottom strong{font-size:17px}.visual-right{position:absolute;right:0;width:23%;top:22px}.visual-right .glass{padding:12px;margin-bottom:10px}.visual-right small{font-size:9px;color:#e3dafa}.visual-right h3{font-size:15px;margin:7px 0}.visual-right svg{width:100%;height:45px}.split-demo{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.split-demo>small:first-child{width:100%}.donut{width:105px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#6d38ff 0 40%,#1890f9 70%,#c04aff 70%);position:relative;display:grid;place-items:center;box-shadow:0 0 25px #9146ff44;flex-shrink:0}.donut:before{content:'';position:absolute;inset:15px;border-radius:50%;background:#111433;box-shadow:0 0 14px #7679fb}.donut b{position:relative;font-size:23px;text-align:center;line-height:1.1}.donut small{display:block;font-size:10px;font-weight:400}.split-demo .donut{width:72px}.split-demo .donut:before{inset:10px}.split-demo .donut b{font-size:17px}.split-demo>small:last-child{font-size:8px;line-height:2}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 8px;border:1px solid #8c7fea;box-shadow:inset 0 0 22px #5553b355,0 0 20px #5d25b744;background:linear-gradient(90deg,#512e7f77,#07274388)}.benefits>div{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid #8b8cc5}.benefits>div:last-child{border:0}.benefits span{font-size:35px;color:#b867ff;text-shadow:0 0 12px #be39ff}.benefits p{margin:0}.benefits b,.benefits small{display:block}.benefits b{font-size:13px}.benefits small{font-size:10px;color:#d5d4ee;margin-top:3px}h2{font-size:24px;letter-spacing:-.5px;line-height:1.1;margin:0 0 9px}p{color:#d2d4ec;line-height:1.4}small{color:#c3c3dd}.steps{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:24px;align-items:center;margin:24px auto}.steps p{font-size:11px;margin:6px 0 0}.steps article{display:flex;gap:12px;padding:17px 13px;border:1px solid #737bb0;background:linear-gradient(#3a3c6455,#14254099);min-height:90px}.steps article>span{font-size:32px;color:#c17aff;text-shadow:0 0 14px #b448fc}.steps b{font-size:12px}.audience{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature{display:grid;grid-template-columns:44% 56%;padding:20px 20px 10px;overflow:hidden;min-height:235px}.feature h2{font-size:22px;margin-top:8px}.feature p{font-size:11px;margin:8px 0}.feature ul{list-style:none;padding:0;font-size:10px;line-height:1.8;margin:7px 0}.feature li:before{content:'✓';color:#d9a9ff;margin-right:7px}.feature button{padding:7px 10px;font-size:10px;border-radius:6px}.mini-dashboard{margin:8px -5px -3px 14px;transform:perspective(1000px) rotateY(-7deg) rotate(-1deg);border:2px solid #6b95e8;border-radius:17px;background:#0b0c27;padding:10px;box-shadow:0 0 20px #7734df88}.mini-top{font-size:8px;color:#bca9dd;display:flex;gap:15px}.mini-top b{color:white}.mini-layout{display:grid;grid-template-columns:28% 72%;margin-top:12px;font-size:8px}.mini-layout aside{line-height:3;color:#c4c0e4}.mini-layout>div{min-width:0}.mini-metrics{display:flex;gap:5px}.mini-metrics>div{background:#31314e88;border-radius:5px;padding:6px;font-size:6px;flex:1}.mini-metrics b{display:block;font-size:12px;margin-top:4px}.mini-layout p{font-size:8px}.mini-layout small{font-size:6px}.chart-bars{display:flex;gap:8px;align-items:flex-end;height:82px;border-bottom:1px solid #6f6687;background:repeating-linear-gradient(0deg,transparent 0 19px,#8680b422 20px)}.chart-bars i{flex:1;height:40%;background:linear-gradient(#cd48fe,#255dce);border-radius:3px 3px 0 0}.chart-bars i:nth-child(2n){height:65%}.chart-bars i:nth-child(3n){height:80%}.chart-bars i:nth-child(4n){height:92%}.business-mini .chart-bars{gap:5px}.lower{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px auto}.lower h2{font-size:21px}.calculator{display:flex;align-items:center;gap:24px;padding:20px}.calculator>div:first-child{flex:1}.calculator p{font-size:11px}.calculator label{font-size:10px;display:flex;justify-content:space-between}.calculator input{width:100%;accent-color:#b53fff}.calculator small{display:block;font-size:8px;line-height:1.6}.calculator>div:last-child>b{display:block;font-size:19px;margin:9px 0 2px}.pricing{display:flex;gap:14px;padding:18px}.pricing>div:first-child{width:30%}.pricing p{font-size:10px}.pricing h2{font-size:20px}.price{flex:1;border:1px solid #8077bd;border-radius:10px;padding:12px;background:#131b36}.price small{font-size:10px}.price h3{font-size:21px;margin:8px 0}.price h3 small{display:block;font-size:9px;font-weight:400}.price p{line-height:1.9}.price button{font-size:9px;padding:7px 9px;width:100%}.cta{display:flex;justify-content:space-between;align-items:center;border:1px solid #c16eff;background:linear-gradient(90deg,#491885bb,#29277499);box-shadow:inset 0 0 20px #8f39ef88,0 0 15px #8d26e677;padding:12px 25px;border-radius:12px;margin:24px auto}.cta h2{margin:0;font-size:23px}footer{padding:25px 0;display:flex;align-items:center;gap:35px;border-top:1px solid #343a60}footer p{font-size:10px}footer>div:last-child{margin-left:auto;display:flex;gap:25px;font-size:12px}dialog{background:#11162f;color:white;border:1px solid #9869df;border-radius:18px;padding:28px;width:min(460px,92%);max-height:90vh;box-shadow:0 0 80px #6a20bd55}dialog::backdrop{background:#030619cc;backdrop-filter:blur(8px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.icon{padding:2px 10px;font-size:24px;border:0;background:none}.modal-heading h2{margin:0}label{display:block;font-size:12px;margin:13px 0}input,textarea,select{display:block;width:100%;padding:12px;background:#0a1026;color:white;border:1px solid #505b88;border-radius:8px;margin-top:7px}textarea{min-height:100px;resize:vertical}dialog p{font-size:12px}dialog .primary{width:100%;margin-top:12px}.text-btn{background:none;border:0;font-size:12px;width:100%;margin-top:10px}.error{color:#ffadb9}.dashboard{min-height:68vh;padding:35px 0}.dashboard-heading{display:flex;align-items:center;justify-content:space-between}.dashboard-heading h1{font-size:36px;margin:8px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#bb87fb}.notice{background:#33245488;border:1px solid #a373c7;border-radius:10px;padding:13px;font-size:12px;color:#e4cdfd}.tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0}.tabs button.active{background:#7135c6;border-color:#bd8df8}.tabs a{margin-left:auto;font-size:12px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:23px;min-width:0}.panel h2{font-size:21px}.panel>p{font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stat{padding:20px}.stat strong{display:block;font-size:26px;margin-top:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.overlay-url{font:11px monospace;word-break:break-all;background:#070e23;padding:12px;border:1px solid #414c76;border-radius:8px}.campaign{border:1px solid #555b91;border-radius:12px;padding:18px;margin:13px 0;background:#10182faa}.campaign h3{margin:8px 0;font-size:18px}.campaign p{font-size:12px;overflow-wrap:anywhere}.campaign small{font-size:10px}.campaign button{padding:7px 12px;font-size:11px;margin:8px 5px 0 0}.badge{display:inline-block;border-radius:20px;background:#7553ae55;border:1px solid #9e77cb;padding:4px 10px;font-size:10px}.empty{padding:35px 18px;text-align:center;border:1px dashed #59618c;border-radius:12px;color:#b6bad6;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:12px;text-align:left;border-bottom:1px solid #384162}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;max-width:90%;border:1px solid #b780eb;border-radius:10px;padding:13px 20px;background:#271a48;box-shadow:0 10px 35px #0008}body.overlay-mode{background:transparent!important;overflow:hidden}body.overlay-mode>*{display:none!important}body.overlay-mode #overlay-root{display:block!important;position:fixed;bottom:35px;left:35px;max-width:900px;width:calc(100% - 70px)}.overlay-ad{background:linear-gradient(110deg,#11173ef5,#5d1c9ff5);border:2px solid #b371ff;box-shadow:0 0 20px #883aee99;border-radius:15px;padding:22px 28px;display:flex;align-items:center;gap:23px}.overlay-ad span{font-size:60px;color:#c78eff}.overlay-ad small{font-size:12px;letter-spacing:1px}.overlay-ad h2{font-size:32px;margin:7px 0}.overlay-ad p{font-size:18px;margin:0;overflow-wrap:anywhere}.legal{max-width:700px;padding:60px 0;line-height:1.7}
@media(min-width:1700px){.hero{min-height:460px}.hero-visual{min-height:350px}}@media(max-width:1200px){.nav nav{gap:15px}.hero{grid-template-columns:43% 57%}.hero-visual{padding-left:8%;padding-right:16%}.float-card{display:none}.visual-right{width:20%}.visual-right h3{font-size:11px}.visual-right .glass{padding:8px}.split-demo>small:last-child{display:none}.steps{gap:12px}.feature{grid-template-columns:1fr}.mini-dashboard{margin:18px 0 0;min-height:160px}.mini-layout{grid-template-columns:25% 75%}.chart-bars{height:60px}.lower{grid-template-columns:1fr}.pricing>div:first-child{width:40%}.audience .feature{padding-bottom:20px}.calculator .donut{width:90px}}@media(max-width:850px){.nav{flex-wrap:wrap;padding:13px 0;gap:12px}.nav nav{order:3;width:100%;justify-content:space-between;font-size:11px;gap:10px;overflow:auto;padding-bottom:4px}.actions{margin-left:auto}.brand{font-size:20px}.hero{grid-template-columns:1fr;padding:30px 0 15px}.hero-copy{text-align:center}.hero h1{font-size:50px}.hero p{font-size:17px}.buttons{justify-content:center}.hero-visual{width:90%;margin:10px auto 0;padding:10px 15% 15px 0;min-height:300px}.stream-preview{max-width:500px;margin:auto}.visual-right{width:20%;right:-4%;top:28px}.visual-right .glass h3{font-size:12px}.visual-right svg{height:60px}.split-demo .donut{width:70px}.hero-visual .sponsor-banner b{font-size:24px}.hero-visual .sponsor-banner small{font-size:9px}.benefits{grid-template-columns:1fr 1fr;gap:18px;padding:17px 8px}.benefits>div{justify-content:flex-start;padding-left:20px}.benefits>div:nth-child(2){border:0}.steps{grid-template-columns:1fr 1fr}.steps>div{grid-column:1/-1}.steps article{min-height:95px}.feature h2{font-size:23px}.cta h2{font-size:19px;max-width:65%}.dash-grid{grid-template-columns:1fr}.stats{gap:9px}.stat{padding:15px}.stat strong{font-size:21px}footer{gap:18px;flex-wrap:wrap}footer>div:last-child{margin-left:0}}@media(max-width:520px){.wrap{width:92%}.nav nav{font-size:10px}.nav nav a:last-child{display:none}.brand{font-size:16px}.brand i{font-size:32px}.actions{gap:6px}.actions button{font-size:10px;padding:7px 9px}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero p{font-size:15px}.hero .large{padding:12px 16px;font-size:12px}.checks{font-size:8px}.hero-visual{padding:5px 0;min-height:230px;width:95%;margin:20px auto 0}.visual-right{display:none}.hero-visual .sponsor-banner small{font-size:7px}.hero-visual .sponsor-banner b{font-size:22px}.hero-visual .sponsor-banner{padding:7px}.stream-photo{aspect-ratio:1.6}.benefits>div{padding-left:8px;gap:8px}.benefits b{font-size:10px}.benefits small{font-size:8px}.benefits span{font-size:25px}.steps{gap:10px;margin:23px auto}.steps article{padding:13px 10px;gap:8px}.steps b{font-size:11px}.steps p{font-size:10px}.steps article>span{font-size:25px}.audience{grid-template-columns:1fr}.feature{grid-template-columns:1fr;padding:20px}.mini-dashboard{margin-top:20px}.mini-top{font-size:10px}.mini-layout{font-size:9px}.mini-metrics>div{font-size:8px}.mini-layout small{font-size:8px}.mini-layout p{font-size:10px}.mini-metrics b{font-size:16px}.chart-bars{height:65px}.feature p{font-size:12px}.feature ul{font-size:11px}.feature button{font-size:12px}.calculator{flex-wrap:wrap;gap:18px}.calculator>div:first-child{min-width:100%}.calculator .donut{margin-right:10px}.pricing{flex-wrap:wrap;gap:10px}.pricing>div:first-child{width:100%}.price{min-width:40%}.price h3{font-size:18px}.cta{display:block;text-align:center;padding:20px}.cta h2{max-width:none;font-size:21px;line-height:1.3}.cta button{margin-top:17px}footer p{width:100%;order:3}.dashboard-heading h1{font-size:27px}.dashboard-heading button{font-size:11px}.notice{font-size:10px;line-height:1.6}.tabs button{font-size:12px;padding:8px 12px}.tabs a{width:100%;margin:6px 0}.stats{grid-template-columns:1fr}.stat{display:flex;justify-content:space-between;align-items:center}.stat strong{margin:0}.form-row{grid-template-columns:1fr;gap:0}.panel{padding:18px}.overlay-ad{padding:16px;gap:12px}.overlay-ad span{font-size:32px}.overlay-ad small{font-size:8px}.overlay-ad h2{font-size:23px}.overlay-ad p{font-size:13px}body.overlay-mode #overlay-root{bottom:15px;left:15px;width:calc(100% - 30px)}}

html.overlay-boot,html.overlay-boot body{background:transparent!important}html.overlay-boot body>*{visibility:hidden}html.overlay-boot #overlay-root{visibility:visible}
