*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07080d;color:#f7f8fb;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.announcement{text-align:center;padding:8px 16px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;background:linear-gradient(90deg,#ff2f7d,#8b5cf6,#14b8a6)}.nav{height:72px;max-width:1200px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:900;letter-spacing:-.03em}.mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ff2f7d,#8b5cf6);box-shadow:0 0 35px #a855f755}.nav nav{display:flex;gap:24px}.nav nav a{font-size:13px;color:#a7a9b3}.nav-cta,.primary{border-radius:12px;background:linear-gradient(135deg,#ff2f7d,#8b5cf6);font-weight:900}.nav-cta{padding:11px 15px;font-size:12px}.hero{max-width:1200px;margin:auto;min-height:690px;padding:65px 22px 85px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #2e303a;background:#11131a;padding:7px 11px;border-radius:99px;font-size:11px;color:#c9cbd3}.pulse{width:7px;height:7px;border-radius:50%;background:#25d68a;box-shadow:0 0 0 5px #25d68a18}.hero h1{font-size:clamp(47px,5.1vw,74px);letter-spacing:-.055em;line-height:1.01;margin:17px 0 20px}.hero h1 span{background:linear-gradient(90deg,#ff3c83,#aa78ff,#35d3bc);-webkit-background-clip:text;color:transparent}.lead{font-size:18px;color:#a9acb6;max-width:610px}.hero-actions{display:flex;gap:10px;margin:27px 0}.primary{display:inline-flex;gap:18px;align-items:center;padding:15px 19px;font-size:12px;box-shadow:0 14px 45px #8b5cf62b}.secondary{padding:14px 18px;border:1px solid #2b2e38;background:#11131a;border-radius:12px;font-size:12px;font-weight:800}.trustline{display:flex;align-items:center;gap:12px;color:#d8d9df}.trustline span,.trustline b{display:block}.trustline b{font-size:12px}.trustline span{font-size:10px;color:#7f828d}.mini-avatars{display:flex}.mini-avatars img{width:33px;height:33px;border-radius:50%;border:2px solid #08090e;margin-left:-8px}.mini-avatars img:first-child{margin-left:0}.hero-visual{position:relative;min-height:550px;display:grid;place-items:center}.glow{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#882a8e55,transparent 66%);filter:blur(20px)}.desktop{position:relative;z-index:2;width:100%;max-width:570px;background:#0b0c11;border:1px solid #323540;border-radius:18px;box-shadow:0 40px 110px #000,0 0 0 1px #ffffff08;overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.windowbar{height:38px;border-bottom:1px solid #252832;display:flex;align-items:center;padding:0 12px;gap:6px;color:#61646e;font-size:9px}.windowbar i{width:7px;height:7px;background:#3b3e48;border-radius:50%}.windowbar span{margin-left:10px}.dashboard{display:grid;grid-template-columns:120px 1fr;min-height:390px}.side{padding:17px 12px;border-right:1px solid #252832;display:flex;flex-direction:column;gap:15px;color:#737781;font-size:10px}.side .slogo{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#ff2f7d,#8b5cf6);display:grid;place-items:center;color:#fff;font-weight:900}.side b{background:#1a1c24;color:#fff;padding:9px;border-radius:8px}.dashmain{padding:18px}.dashhead{display:flex;justify-content:space-between;align-items:center}.dashhead small{font-size:8px;color:#a27cff;letter-spacing:.12em;font-weight:900}.dashhead h3{margin:2px 0 0}.connected{font-size:8px;color:#35d38a;background:#102019;padding:6px 8px;border-radius:99px}.live-card{margin-top:16px;padding:16px;border:1px solid #2e313b;border-radius:13px;background:radial-gradient(circle at 50% 0,#321431,#12131a 50%)}.match-title{font-size:11px;font-weight:900}.players{display:grid;grid-template-columns:1fr 70px 1fr;text-align:center;align-items:center;margin:18px 0}.avatar{width:57px;height:57px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#242732;font-weight:900}.pink{border:2px solid #ff3e83}.violet{border:2px solid #8b5cf6}.players strong{font-size:9px}.percent{font-size:22px;font-weight:900}.percent span{display:block;font-size:7px;color:#777b87;font-weight:500}.activity{background:#0c0d12;border:1px solid #292c35;border-radius:9px;padding:8px;display:flex;justify-content:space-between;font-size:8px}.activity b{color:#ffd15c}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.metrics div{padding:10px;background:#11131a;border:1px solid #292c35;border-radius:9px}.metrics small,.metrics strong{display:block}.metrics small{font-size:6px;color:#727680}.metrics strong{font-size:17px}.float-card{position:absolute;z-index:4;display:flex;gap:9px;align-items:center;padding:10px 12px;border:1px solid #373a45;background:#12141bdc;backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 15px 50px #000}.float-card span{font-size:22px}.float-card small,.float-card b{display:block}.float-card small{font-size:7px;color:#777b87}.float-card b{font-size:10px}.float-one{left:-18px;bottom:80px}.float-two{right:-12px;top:80px}.compat{border-top:1px solid #1f222b;border-bottom:1px solid #1f222b;background:#0b0c11;text-align:center;padding:25px}.compat p{font-size:9px;letter-spacing:.16em;color:#626671;font-weight:900}.compat div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.compat div span{border:1px solid #2d3039;background:#12141b;border-radius:11px;padding:9px 13px;font-size:12px}.compat small{display:block;margin-top:9px;color:#555964;font-size:9px}.pain,.features,.steps,.testimonials,.pricing,.faq{max-width:1200px;margin:auto;padding:95px 22px}.section-heading{text-align:center;max-width:740px;margin:0 auto 45px}.section-heading>span{font-size:9px;letter-spacing:.17em;color:#9f78ff;font-weight:900}.section-heading h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.045em;line-height:1.04;margin:10px 0 13px}.section-heading h2 em{font-style:normal;color:#a5a8b2}.section-heading p{color:#858995;margin:auto;max-width:630px}.problem-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:13px}.problem-grid article,.feature-grid article,.testimonial-grid article{background:#11131a;border:1px solid #292c35;border-radius:17px;padding:22px}.problem-grid span{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#2a151b;color:#ff577e;font-weight:900}.problem-grid .solution{border-color:#5a396d;background:radial-gradient(circle at 100% 0,#32153b,#11131a 60%)}.problem-grid .solution span{background:#182c28;color:#31d796}.problem-grid h3{margin:16px 0 7px}.problem-grid p,.feature-grid p,.steps p,.testimonial-grid p{color:#858995;font-size:13px}.features{max-width:none;background:#0b0c11;border-top:1px solid #20232c;border-bottom:1px solid #20232c;padding-left:max(22px,calc((100vw - 1156px)/2));padding-right:max(22px,calc((100vw - 1156px)/2))}.feature-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.feature-grid article.big{grid-row:span 2;background:radial-gradient(circle at 75% 20%,#391742,#11131a 60%)}.feature-grid .icon{font-size:27px}.feature-grid h3{margin:13px 0 6px}.mini-ui{margin-top:35px;border:1px solid #353842;background:#0a0b10;border-radius:13px;padding:16px;position:relative}.mini-ui b,.mini-ui span{display:block}.mini-ui span{font-size:37px;font-weight:900;margin-top:8px}.mini-ui i{display:block;width:84%;height:5px;border-radius:5px;background:linear-gradient(90deg,#ff2f7d 70%,#262934 70%)}.steps-row{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center}.steps-row article{text-align:center;padding:20px}.steps-row article>b{font-size:9px;color:#5f6370}.step-icon{width:70px;height:70px;margin:14px auto;border-radius:22px;display:grid;place-items:center;font-size:27px;background:linear-gradient(135deg,#1e172b,#141721);border:1px solid #343743}.steps-row h3{margin-bottom:6px}.arrow{text-align:center;color:#4c505c;font-size:24px}.testimonials{max-width:none;background:#0b0c11;border-top:1px solid #20232c;border-bottom:1px solid #20232c;padding-left:max(22px,calc((100vw - 1156px)/2));padding-right:max(22px,calc((100vw - 1156px)/2))}.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.person{display:flex;align-items:center;gap:11px}.person img{width:52px;height:52px;border-radius:50%;background:#222}.person b,.person span{display:block}.person b{font-size:13px}.person span{font-size:9px;color:#717581}.stars{color:#ffd15c;letter-spacing:2px;margin:16px 0 8px}.testimonial-grid p{font-size:14px;color:#b3b5be}.pricing .section-heading{margin-bottom:35px}.price-grid{display:grid;grid-template-columns:1fr 1fr;max-width:850px;margin:auto;gap:14px}.price-grid article{position:relative;background:#11131a;border:1px solid #2b2e37;border-radius:20px;padding:28px}.plan-name{font-size:11px;letter-spacing:.14em;font-weight:900;color:#a881ff}.price-grid h3{font-size:58px;letter-spacing:-.06em;margin:8px 0}.price-grid h3 small{font-size:17px;margin-right:5px}.price-grid h3 sup{font-size:25px}.price-grid h3 span{font-size:12px;color:#777b87;letter-spacing:0;margin-left:5px}.price-grid p{color:#868a95;font-size:13px}.price-grid ul{list-style:none;padding:0;margin:24px 0}.price-grid li{padding:7px 0;border-bottom:1px solid #20232b;font-size:12px}.price-grid li::first-letter{color:#35d594}.price-grid button{width:100%;padding:14px;border:0;border-radius:11px;background:#20232c;color:#fff;font-weight:900;font-size:11px;cursor:pointer}.featured-plan{border-color:#7a4598!important;background:radial-gradient(circle at 90% 5%,#3a1742,#11131a 55%)!important}.featured-plan button{background:linear-gradient(135deg,#ff2f7d,#8b5cf6)}.popular{position:absolute;right:18px;top:18px;background:#6f3c8a;color:#f0dfff;font-size:8px;font-weight:900;padding:6px 8px;border-radius:99px}.pay-note{text-align:center;color:#666a75;font-size:10px;margin-top:18px}.faq-list{max-width:850px;margin:auto}.faq details{border:1px solid #292c35;background:#11131a;border-radius:13px;padding:16px 18px;margin:8px 0}.faq summary{font-weight:800;font-size:13px;cursor:pointer}.faq details p{color:#858995;font-size:12px}.final-cta{max-width:1156px;margin:40px auto 90px;border:1px solid #4b315d;border-radius:23px;padding:45px;background:radial-gradient(circle at 85% 20%,#431b4b,#12131a 50%);display:flex;justify-content:space-between;align-items:center;gap:30px}.final-cta>div>span{font-size:9px;letter-spacing:.15em;color:#b68cff;font-weight:900}.final-cta h2{font-size:40px;line-height:1.05;letter-spacing:-.04em;margin:9px 0}.final-cta p{color:#858995}footer{max-width:1200px;margin:auto;border-top:1px solid #242731;padding:45px 22px 70px;display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:30px;color:#747883}footer p,footer a,footer small{font-size:10px}footer div{display:flex;flex-direction:column;gap:8px}footer b{color:#d7d8df;font-size:11px}footer .brand{color:#fff}@media(max-width:920px){.nav nav{display:none}.hero{grid-template-columns:1fr;text-align:center}.lead{margin:auto}.hero-actions,.trustline{justify-content:center}.hero-visual{min-height:500px}.problem-grid,.feature-grid{grid-template-columns:1fr 1fr}.feature-grid .big{grid-row:auto;grid-column:1/3}.steps-row{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}footer{grid-template-columns:1fr 1fr}.final-cta{margin-left:18px;margin-right:18px}.float-one{left:0}.float-two{right:0}}@media(max-width:620px){.announcement{font-size:8px}.nav{height:62px}.nav-cta{font-size:9px}.hero{padding:48px 18px 70px}.hero h1{font-size:43px}.hero-actions{flex-direction:column}.desktop{transform:none}.dashboard{grid-template-columns:80px 1fr}.side{font-size:8px}.float-card{display:none}.problem-grid,.feature-grid,.testimonial-grid,.price-grid{grid-template-columns:1fr}.feature-grid .big{grid-column:auto}.pain,.features,.steps,.testimonials,.pricing,.faq{padding:70px 18px}.compat div{display:grid;grid-template-columns:1fr 1fr}.final-cta{padding:30px;flex-direction:column;align-items:flex-start}.final-cta h2{font-size:33px}footer{grid-template-columns:1fr 1fr}}
.social-proof-image{max-width:1156px;margin:0 auto;border:1px solid #39263f;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px #0008,0 0 55px #ff2f7d12}.social-proof-image img{display:block;width:100%;height:auto}.testimonials .section-heading p{max-width:720px}@media(max-width:620px){.social-proof-image{border-radius:14px}}
.demo-open{cursor:pointer;color:#fff;font-family:inherit}
.demo-modal{position:fixed;inset:0;z-index:9999;display:none}
.demo-modal.open{display:block}
.demo-backdrop{position:absolute;inset:0;background:#05060ad9;backdrop-filter:blur(10px)}
.demo-dialog{position:relative;z-index:2;width:min(1040px,calc(100% - 28px));max-height:calc(100vh - 28px);overflow:auto;margin:14px auto;background:#0b0c11;border:1px solid #333642;border-radius:22px;box-shadow:0 40px 140px #000;padding:26px}
.demo-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border-radius:12px;border:1px solid #343743;background:#151720;color:#fff;font-size:24px;cursor:pointer}
.demo-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding-right:45px}
.demo-kicker{font-size:9px;letter-spacing:.16em;color:#b88cff;font-weight:900}
.demo-top h2{font-size:36px;letter-spacing:-.04em;margin:6px 0 6px}
.demo-top p{color:#838794;font-size:13px;max-width:620px;margin:0}
.demo-live-status{font-size:9px;color:#4be0a2;background:#10221b;border:1px solid #214d3b;border-radius:99px;padding:8px 10px;font-weight:800;white-space:nowrap}
.demo-live-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35d38a;margin-right:5px}
.demo-stage{margin-top:24px}
.demo-panel{display:grid;grid-template-columns:150px 1fr;min-height:440px;border:1px solid #2c2f39;border-radius:18px;background:#0f1117;overflow:hidden}
.demo-sidebar{padding:18px 12px;border-right:1px solid #282b34;display:flex;flex-direction:column;gap:7px}
.demo-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ff2f7d,#8b5cf6);font-weight:900;margin-bottom:9px}
.demo-sidebar button{border:0;background:transparent;color:#8a8e99;padding:10px;border-radius:10px;text-align:left}
.demo-sidebar button.active{background:#1b1e27;color:#fff}
.demo-main{padding:22px}
.demo-headrow{display:flex;justify-content:space-between;align-items:center}
.demo-headrow small{color:#b692ff;font-size:8px;letter-spacing:.14em;font-weight:900}
.demo-headrow h3{font-size:22px;margin:4px 0}
.demo-viewers{font-size:10px;color:#858996;background:#151821;border:1px solid #2e313b;padding:8px 10px;border-radius:10px}
.demo-match{margin-top:28px;display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;text-align:center;background:radial-gradient(circle at 50% 10%,#351638,#12141b 60%);border:1px solid #333642;border-radius:16px;padding:24px}
.demo-user b{display:block;margin-top:8px;font-size:11px}
.demo-avatar{width:78px;height:78px;border-radius:50%;margin:auto;display:grid;place-items:center;background:#272a35;font-weight:900;font-size:26px}
.demo-score span,.demo-score strong,.demo-score small{display:block}
.demo-score span{font-size:34px}
.demo-score strong{font-size:31px}
.demo-score small{font-size:8px;color:#777b87}
.demo-score i{display:block;height:6px;background:#2a2d36;border-radius:99px;margin-top:11px;overflow:hidden}
.demo-score em{display:block;width:78%;height:100%;background:linear-gradient(90deg,#ff2f7d,#8b5cf6);transition:.35s}
.demo-events{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:12px}
.demo-events>div{padding:13px;border:1px solid #2b2e38;border-radius:12px;background:#12141b}
.demo-events small,.demo-events strong{display:block}
.demo-events small{font-size:7px;color:#707480}.demo-events strong{font-size:13px;margin-top:4px}
.demo-log{margin-top:12px;height:105px;overflow:auto;background:#090a0f;border:1px solid #272a34;border-radius:12px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:#a9acb5}
.demo-log div{padding:3px 0}.demo-log span{color:#636774;margin-right:7px}
.demo-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.demo-controls button{border:1px solid #30333d;background:#14161d;color:#fff;padding:10px 12px;border-radius:11px;font-weight:800;font-size:10px;cursor:pointer}
.demo-controls button:hover{border-color:#7d4c9c;background:#1a1520}
.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}
.demo-bottom>span{font-size:9px;color:#666a75}
.demo-plan-link{font-size:10px}
@media(max-width:700px){
.demo-dialog{padding:18px}
.demo-top{display:block}.demo-live-status{display:inline-block;margin-top:12px}
.demo-panel{grid-template-columns:1fr}.demo-sidebar{display:none}
.demo-match{grid-template-columns:1fr 90px 1fr;padding:15px}
.demo-avatar{width:56px;height:56px}
.demo-score strong{font-size:23px}
.demo-events{grid-template-columns:1fr 1fr}.demo-events>div:first-child{grid-column:1/3}
.demo-bottom{flex-direction:column;align-items:stretch}.demo-bottom .primary{justify-content:center}
}