:root{
  --bg:#07080a;--panel:#0d0f12;--panel2:#111419;--text:#f4f6f8;--muted:#858b96;
  --line:rgba(255,255,255,.09);--accent:#5aa7ff;--accent2:#8cc5ff;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 80%);z-index:-2}
.grid-bg:after{content:"";position:absolute;width:600px;height:600px;left:50%;top:0;transform:translateX(-50%);background:radial-gradient(circle,rgba(54,139,255,.14),transparent 65%);filter:blur(30px)}
.nav{height:82px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.5px}
.brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(90,167,255,.5);background:rgba(90,167,255,.08);border-radius:9px;color:var(--accent);font-weight:800}
.muted{color:#777d87}
.nav-links{display:flex;gap:32px;color:#8d939d;font-size:14px}
.nav-links a:hover{color:white}
.nav-btn{font-size:13px;border:1px solid var(--line);padding:11px 15px;border-radius:9px;background:rgba(255,255,255,.025)}
.nav-btn span,.primary-btn span,.product-btn span{color:var(--accent);margin-left:8px}
.hero{max-width:980px;margin:0 auto;text-align:center;padding:118px 24px 70px}
.pill{display:inline-flex;gap:8px;align-items:center;padding:7px 11px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.025);font-size:12px;color:#aeb4bd}
.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.hero h1{font-size:clamp(60px,9vw,108px);line-height:.96;letter-spacing:-6px;margin:27px 0 25px;font-weight:800}
.hero h1 span,.cta h2 span{color:var(--accent)}
.hero-copy{max-width:620px;margin:auto;color:#9da3ad;font-size:17px}
.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:32px}
.primary-btn,.ghost-btn{padding:13px 18px;border-radius:10px;font-size:14px;font-weight:700}
.primary-btn{background:#f2f5f8;color:#08090b}
.ghost-btn{border:1px solid var(--line);color:#b7bdc6}
.primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(90,167,255,.12)}
.stats{display:flex;justify-content:center;gap:55px;margin-top:62px;color:#767d87}
.stats div{display:flex;gap:10px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.stats strong{color:#dfe3e8}
.showcase{max-width:1060px;margin:0 auto;padding:20px 24px 120px}
.window{border:1px solid rgba(255,255,255,.12);border-radius:17px;overflow:hidden;background:#0a0c0f;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.window-top{height:45px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;color:#656c76;font-size:10px}
.window-dots{display:flex;gap:5px;margin-right:auto}.window-dots i{width:7px;height:7px;border-radius:50%;background:#2a2e34}.live{margin-left:auto;color:#65c39a}
.window-body{display:flex;min-height:440px}
.window aside{width:185px;border-right:1px solid var(--line);padding:20px}
.side-logo{width:36px;height:36px;border-radius:10px;background:#151a21;display:grid;place-items:center;color:var(--accent);font-weight:800;margin-bottom:35px}
.side-item{font-size:11px;color:#666d77;padding:11px 10px;border-radius:8px;margin:3px 0}.side-item.active{color:#e7eaf0;background:rgba(255,255,255,.055)}
.dashboard{flex:1;padding:35px}
.dash-heading{display:flex;justify-content:space-between;align-items:center}.dash-heading small,.section-head small{font-size:9px;letter-spacing:2px;color:#656d77}.dash-heading h3{font-size:22px;margin-top:4px}.dash-heading button{background:var(--accent);border:0;border-radius:7px;padding:9px 15px;font-weight:700}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.metric,.chart-card{border:1px solid var(--line);background:rgba(255,255,255,.018);border-radius:10px;padding:17px}
.metric span,.metric em{display:block;color:#626974;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-style:normal}.metric strong{font-size:26px;display:block;margin:8px 0 4px}.metric em{color:#66b99a}
.chart-card{margin-top:12px;height:190px}.chart-card>div:first-child{display:flex;justify-content:space-between;color:#676e78;font-size:9px}.chart-card strong{color:#68bca0}
.bars{height:135px;display:flex;align-items:end;gap:10px;padding-top:15px}.bars b{display:block;flex:1;background:linear-gradient(to top,rgba(90,167,255,.16),rgba(90,167,255,.75));border-radius:3px 3px 0 0}
.section{max-width:1180px;margin:auto;padding:90px 24px}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head h2{font-size:48px;line-height:1;letter-spacing:-2px;margin-top:10px}.section-head>p{max-width:330px;color:#777e88;font-size:13px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018);padding:26px;transition:.25s}.product:hover{transform:translateY(-5px);border-color:rgba(90,167,255,.3)}.product.featured{background:linear-gradient(145deg,rgba(90,167,255,.08),rgba(255,255,255,.018));border-color:rgba(90,167,255,.25)}
.product-top{display:flex;justify-content:space-between;color:#555c66;font-size:9px}.tag{color:var(--accent);letter-spacing:1.5px}.product h3{font-size:28px;margin-top:34px}.product p{color:#777e88;font-size:13px;min-height:58px;margin:9px 0 24px}.price{font-size:31px;font-weight:800}.price small{font-size:10px;color:#676e77;font-weight:400}.product ul{list-style:none;border-top:1px solid var(--line);margin-top:23px;padding-top:16px}.product li{font-size:12px;color:#9ba1aa;margin:10px 0}.product li:before{content:"✓";color:#6bb99c;margin-right:9px}.product-btn{display:block;text-align:center;margin-top:25px;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);font-size:12px;font-weight:700}
.features{border-top:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.feature{padding:28px;border-right:1px solid var(--line);min-height:220px}.feature:last-child{border:0}.feature span{color:#555d68;font-size:10px}.feature h3{font-size:18px;margin:45px 0 9px}.feature p{color:#747b85;font-size:12px}
.cta{max-width:1180px;margin:70px auto 20px;padding:55px 55px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 80% 20%,rgba(90,167,255,.12),transparent 35%),rgba(255,255,255,.018);display:flex;align-items:center;justify-content:space-between}.cta h2{font-size:52px;line-height:.98;letter-spacing:-2px;margin-top:10px}
.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:15px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{color:#656c76;font-size:20px}.faq details p{color:#777e88;font-size:13px;max-width:650px;margin-top:14px}
footer{max-width:1180px;margin:auto;padding:40px 24px 55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#626974;font-size:11px}
@media(max-width:800px){.nav-links{display:none}.hero{padding-top:85px}.hero h1{letter-spacing:-3px}.stats{gap:18px;flex-wrap:wrap}.window aside{display:none}.dashboard{padding:22px}.product-grid,.feature-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line)}.section-head{display:block}.section-head>p{margin-top:20px}.cta{margin:40px 24px;padding:35px 25px;display:block}.cta .primary-btn{display:inline-block;margin-top:25px}.cta h2{font-size:42px}footer{display:grid;gap:18px}}

.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.creator-card{display:flex;align-items:center;gap:17px;padding:19px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);transition:.25s}
.creator-card:hover{transform:translateY(-4px);border-color:rgba(90,167,255,.32);background:rgba(90,167,255,.035)}
.creator-card img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.13)}
.creator-card small{font-size:8px;letter-spacing:1.5px;color:var(--accent)}
.creator-card h3{font-size:17px;margin:3px 0 3px}
.creator-card span{font-size:10px;color:#747b85}
.reviews{padding-top:35px}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.review-card{padding:26px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);min-height:215px}
.featured-review{background:linear-gradient(145deg,rgba(90,167,255,.075),rgba(255,255,255,.018));border-color:rgba(90,167,255,.22)}
.stars{color:#78b9ff;letter-spacing:2px;font-size:12px}
.review-card>p{font-size:14px;color:#b1b7c0;line-height:1.7;margin:25px 0}
.review-user{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:16px}
.review-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#15191f;color:#6f7782;font-size:11px}
.review-user strong,.review-user small{display:block}
.review-user strong{font-size:11px}.review-user small{font-size:9px;color:#656c76;margin-top:2px}
@media(max-width:800px){.creator-grid,.review-grid{grid-template-columns:1fr}}