:root{--bg:#f6f7f9;--ink:#0d1015;--muted:#6b7280;--line:#e4e7ec;--lime:#c9ff36;--lime2:#a8f124;--dark:#0d0f13;--card:#15181e;--blue:#6d5dfc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.site-header{height:78px;display:flex;align-items:center;gap:28px;padding:0 4.5vw;position:sticky;top:0;z-index:50;background:rgba(246,247,249,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--ink);color:var(--lime);font:800 12px Manrope}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:800 16px Manrope}.brand-copy small{font-size:8px;letter-spacing:.25em;margin-top:5px}.nav{display:flex;gap:30px;margin:auto}.nav a{font-size:14px;font-weight:600;color:#30353d}.header-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 19px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--lime);color:#0e110a}.btn-dark{background:#11141a;color:white}.btn-ghost{border-color:#cfd4dc}.btn-ghost-light{border-color:#4c515b;color:white}.btn-lg{padding:15px 23px}.menu-toggle{display:none;border:0;background:transparent;font-size:25px}.section-pad{padding:110px 6vw}.hero{min-height:760px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5vw;position:relative;overflow:hidden}.hero-copy{z-index:3}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:#6c727c}.hero h1{font:800 clamp(64px,8vw,126px)/.83 Manrope;margin:18px 0 30px;letter-spacing:-.075em}.hero h1 span{color:#757b85}.hero p{font-size:18px;line-height:1.7;max-width:620px;color:#555d68}.hero-actions{display:flex;gap:12px;margin:34px 0}.trust-row{display:flex;align-items:center;gap:13px;font-size:12px;color:#78808b}.trust-row strong{color:#1a1e24}.trust-row i{width:3px;height:3px;border-radius:50%;background:#a8afb9}.hero-stage{position:relative;height:600px;display:flex;align-items:center;justify-content:center}.dashboard-preview{width:min(790px,100%);height:500px;background:#101319;border:9px solid #20242c;border-radius:28px;box-shadow:0 55px 120px rgba(18,21,25,.28);transform:perspective(1300px) rotateY(-7deg) rotateX(3deg);overflow:hidden;color:#f3f5f7}.dash-top{height:46px;border-bottom:1px solid #2a2f39;display:flex;align-items:center;padding:0 14px;justify-content:space-between}.mini-logo{width:25px;height:25px;background:var(--lime);color:#0b0d0f;border-radius:7px;display:grid;place-items:center;font-weight:900}.dash-pills{display:flex;gap:5px}.dash-pills span{width:7px;height:7px;background:#363c47;border-radius:50%}.dash-body{display:grid;grid-template-columns:68px 1fr;height:calc(100% - 46px)}.dash-sidebar{border-right:1px solid #252a33;padding:17px 14px;display:flex;flex-direction:column;gap:15px}.dash-sidebar span,.dash-sidebar b{height:10px;border-radius:5px;background:#2a303a}.dash-sidebar b{background:var(--lime)}.dash-main{padding:25px}.hello{font:700 18px Manrope}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metrics article,.chart-card,.release-row{background:#171b22;border:1px solid #272d37;border-radius:12px}.metrics article{padding:14px}.metrics small,.metrics em{display:block;color:#8d96a4;font-size:9px;font-style:normal}.metrics strong{display:block;font-size:19px;margin:5px 0}.metrics em{color:var(--lime)}.chart-card{height:180px;padding:15px;color:var(--lime)}.chart-head{display:flex;justify-content:space-between;color:#f3f5f7;font-size:10px}.chart-card svg{height:130px;width:100%;margin-top:6px}.release-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:8px 12px;margin-top:8px;font-size:9px}.release-row small{display:block;color:#868e9b;margin-top:4px}.cover{width:38px;height:38px;border-radius:6px}.cover1{background:linear-gradient(135deg,#8439fd,#ed6e9e)}.cover2{background:linear-gradient(135deg,#17c3b2,#227c9d)}.floating-card{position:absolute;z-index:4;background:white;border-radius:16px;padding:15px 18px;box-shadow:0 25px 60px rgba(28,32,38,.17);display:flex;gap:10px;align-items:center}.floating-card small{display:block;color:#818894;font-size:10px}.floating-card strong{display:block;font-size:14px;margin-top:3px}.card-a{top:76px;left:-20px}.card-b{bottom:45px;right:-15px;display:block}.card-b strong{font-size:24px}.trend{font-size:10px;color:#2d9f57}.dot{width:10px;height:10px;border-radius:50%}.green{background:#39c86b}.hero-glow{position:absolute;border-radius:50%;filter:blur(20px);opacity:.7}.glow-one{width:460px;height:460px;background:#dfff85;right:-100px;top:50px}.glow-two{width:360px;height:360px;background:#d9d5ff;left:42%;bottom:-120px}.platform-strip{padding:34px 5vw 42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;background:white}.platform-strip p{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#8a919b}.platforms{display:flex;justify-content:center;gap:38px;flex-wrap:wrap;margin-top:25px;font-weight:800;color:#4e555f}.section-dark{background:#0d0f13;color:white}.section-heading{max-width:790px;margin-bottom:60px}.section-heading h2,.feature-copy h2,.rights-wrap h2,.cta h2{font:800 clamp(44px,5vw,76px)/1 Manrope;letter-spacing:-.05em;margin:14px 0 22px}.section-heading p,.feature-copy p,.rights-wrap>div>p,.cta p{font-size:17px;line-height:1.7;color:#838b97}.section-dark .eyebrow{color:var(--lime)}.suite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.suite-card{position:relative;background:#15181e;border:1px solid #262b34;border-radius:20px;padding:34px;min-height:320px;transition:.3s}.suite-card:hover{transform:translateY(-8px);border-color:#525a65}.suite-card .num{position:absolute;right:24px;top:24px;color:#58606c;font-size:11px}.suite-card .icon{width:54px;height:54px;border-radius:15px;background:#20252d;display:grid;place-items:center;color:var(--lime);font-size:24px;margin-bottom:35px}.suite-card h3{font:700 25px Manrope}.suite-card p{color:#8e96a3;line-height:1.65;font-size:14px}.suite-card a{display:block;margin-top:25px;color:var(--lime);font-size:13px;font-weight:700}.section-light{background:#f4f5f7}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-bottom:150px}.split-feature.reverse .feature-copy{order:2}.feature-copy p{color:#646c77}.feature-copy ul{list-style:none;padding:0;margin:30px 0}.feature-copy li{padding:12px 0;border-bottom:1px solid #dfe2e6;font-weight:600;font-size:14px}.feature-copy li:before{content:'✓';margin-right:12px;color:#648500}.ui-card{background:white;border:1px solid #e1e4e8;box-shadow:0 30px 90px rgba(44,49,57,.12);border-radius:24px;padding:28px}.ui-head{display:flex;justify-content:space-between;font-weight:700;margin-bottom:26px}.ui-head small{color:#9299a3;font-weight:500}.release-builder label{display:block;font-size:11px;font-weight:700;color:#6c7480;margin:16px 0}.release-builder input{display:block;width:100%;padding:14px;border:1px solid #e2e5e9;border-radius:10px;margin-top:7px;background:#f8f9fa}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.store-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.store-chips span{padding:9px 11px;border-radius:8px;background:#f1f3f5;color:#30353c;font-size:10px}.progress{height:6px;border-radius:8px;background:#eceff2;margin:25px 0}.progress i{display:block;width:65%;height:100%;background:var(--lime2);border-radius:8px}.release-builder button{width:100%;padding:14px;border:0;border-radius:10px;background:#12151a;color:white;font-weight:700}.big-stat strong{display:block;font:800 46px Manrope}.big-stat small{display:block;color:#8a919b}.big-stat em{display:inline-block;color:#319b5a;background:#e9f7ef;padding:6px 8px;border-radius:7px;font-size:10px;margin-top:10px}.bars{height:220px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #eceef1;margin:24px 0 12px}.bars span{flex:1;height:var(--h);background:linear-gradient(#7a6bf7,#b8b1ff);border-radius:5px 5px 0 0}.legend{display:flex;gap:18px;color:#747c86;font-size:10px}.rights-section{background:var(--lime);padding-top:125px;padding-bottom:125px}.rights-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}.rights-wrap>div>p{color:#394027}.rights-stack article{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:27px 0;border-top:1px solid rgba(14,17,10,.22)}.rights-stack article span{font-size:11px}.rights-stack h3{margin:0 0 7px;font:700 20px Manrope}.rights-stack p{margin:0;line-height:1.55;color:#45502e;font-size:13px}.pricing-section{background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{border:1px solid var(--line);border-radius:20px;padding:35px;position:relative}.price-card.featured{background:#11141a;color:white;border-color:#11141a;transform:translateY(-12px)}.popular{position:absolute;right:20px;top:20px;background:var(--lime);color:#111;padding:7px 9px;border-radius:999px;font-size:9px;font-weight:800}.price-card small{text-transform:uppercase;letter-spacing:.12em;color:#8a929d}.price-card h3{font:700 27px Manrope}.price{font:800 38px Manrope;margin:20px 0}.price-card p{color:#767e89;line-height:1.55;font-size:13px}.price-card ul{padding:0;list-style:none;margin:28px 0}.price-card li{padding:11px 0;border-bottom:1px solid rgba(130,138,150,.18);font-size:13px}.price-card li:before{content:'✓';margin-right:10px;color:#75a000}.price-card .btn{width:100%}.stats-section{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7f8fa}.stats-section div{padding:55px 30px;text-align:center;border-right:1px solid var(--line)}.stats-section strong{display:block;font:800 40px Manrope}.stats-section span{font-size:11px;color:#7c8490;text-transform:uppercase;letter-spacing:.12em}.cta{background:#0c0f13}.cta-card{min-height:430px;padding:70px;background:radial-gradient(circle at 80% 20%,#2b3743 0,transparent 30%),linear-gradient(120deg,#171b22,#0f1217);border:1px solid #262c35;border-radius:30px;color:white;display:flex;flex-direction:column;justify-content:center}.cta-card h2{max-width:900px}.cta-card p{max-width:650px}.cta-card>div{display:flex;gap:12px;margin-top:15px}footer{background:#0c0f13;color:white;padding:45px 6vw 65px;border-top:1px solid #252a31;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand p{color:#7e8793;margin:4px 0;font-size:11px}.footer-links{display:flex;gap:22px;font-size:12px;color:#a2a9b3}footer>small{grid-column:1/-1;color:#626a75;margin-top:15px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
/* Dashboard */.app-body{background:#f5f6f8;display:grid;grid-template-columns:245px 1fr;min-height:100vh}.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#101319;color:#cbd0d7;padding:22px 16px;display:flex;flex-direction:column}.app-brand{color:white;padding:0 8px 22px;border-bottom:1px solid #292e37}.app-brand .brand-mark{background:var(--lime);color:#111}.app-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:25px}.app-sidebar nav a,.side-bottom a{padding:12px 14px;border-radius:10px;font-size:13px}.app-sidebar nav a:hover,.app-sidebar nav a.active{background:#1b2028;color:white}.app-sidebar nav a.active:before{content:'•';color:var(--lime);margin-right:9px}.side-bottom{margin-top:auto;display:flex;flex-direction:column;border-top:1px solid #292e37;padding-top:14px}.app-main{grid-column:2;padding:34px 38px 70px}.app-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.app-top small{color:#8a919b}.app-top h1{font:800 30px Manrope;margin:5px 0}.app-actions{display:flex;align-items:center;gap:9px}.app-actions button{border:1px solid #d9dde3;background:white;border-radius:10px;padding:11px 14px;font-weight:700;font-size:12px}.app-actions .primary{background:#15191f;color:white;border-color:#15191f}.avatar{width:38px;height:38px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:11px;font-weight:800}.app-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:13px}.app-metrics article,.panel{background:white;border:1px solid #e4e7eb;border-radius:15px}.app-metrics article{padding:22px}.app-metrics small,.app-metrics em{display:block;color:#7b838f;font-size:10px;font-style:normal}.app-metrics strong{display:block;font:800 24px Manrope;margin:8px 0}.app-metrics .up{color:#319d5b}.app-grid{display:grid;grid-template-columns:2fr .8fr;gap:13px;margin-bottom:13px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head h3{margin:0;font:700 16px Manrope}.panel-head small{color:#8d949e;font-size:10px}.panel-head select{border:1px solid #e1e4e9;padding:8px;border-radius:8px;background:white;font-size:10px}.panel-head a{font-size:10px;font-weight:700;color:#68717d}.chart-number{font:800 34px Manrope;margin-top:27px}.chart-number span{font:600 10px Inter;color:#2e9d58}.performance{color:#735ff2}.performance .panel-head,.performance .chart-number{color:#111}.performance svg{height:240px;width:100%;margin-top:5px}.xlabels{display:flex;justify-content:space-between;color:#9198a2;font-size:9px}.store-stat{display:grid;grid-template-columns:90px 1fr 35px;align-items:center;gap:10px;margin-top:29px;font-size:10px}.store-stat b{font-size:11px}.store-stat>span{height:7px;background:#eef0f3;border-radius:10px}.store-stat i{display:block;height:100%;background:#161a20;border-radius:10px}.store-stat em{font-style:normal;text-align:right;color:#747c87}.lower{grid-template-columns:1.55fr .8fr}.table-row{display:grid;grid-template-columns:1.6fr 1fr .8fr .8fr;gap:10px;align-items:center;padding:12px 4px;border-bottom:1px solid #eef0f2;font-size:10px}.table-row.header{color:#939aa4;margin-top:14px}.table-row>span:first-child{display:flex;align-items:center;gap:9px}.album{width:36px;height:36px;border-radius:6px;display:block}.a1{background:linear-gradient(135deg,#712cf9,#fb6ca8)}.a2{background:linear-gradient(135deg,#03a9f4,#00d084)}.a3{background:linear-gradient(135deg,#171717,#ff7849)}.a4{background:linear-gradient(135deg,#ffd166,#ef476f)}.status{font-style:normal;padding:6px 8px;border-radius:999px;font-size:9px}.status.live{background:#e8f7ee;color:#27894c}.status.processing{background:#fff5d9;color:#97710b}.status.review{background:#eeeafe;color:#6953cf}.activity-item{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #eef0f2}.activity-item>i{width:28px;height:28px;border-radius:8px;background:#f0f2f5;display:grid;place-items:center;font-style:normal;font-size:11px}.activity-item b,.activity-item small{display:block;font-size:10px}.activity-item small{color:#9299a3;margin-top:4px}
@media(max-width:1000px){.nav{display:none}.site-header{padding:0 20px}.menu-toggle{display:block;margin-left:auto}.header-actions .btn-ghost{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-stage{height:520px}.suite-grid,.pricing-grid{grid-template-columns:1fr 1fr}.split-feature,.rights-wrap{grid-template-columns:1fr}.split-feature.reverse .feature-copy{order:0}.stats-section{grid-template-columns:1fr 1fr}.app-body{display:block}.app-sidebar{display:none}.app-main{padding:25px}.app-metrics{grid-template-columns:1fr 1fr}.app-grid,.lower{grid-template-columns:1fr}}@media(max-width:650px){.section-pad{padding:75px 20px}.hero h1{font-size:66px}.hero-stage{height:390px}.dashboard-preview{height:340px;border-width:5px}.dash-main{padding:12px}.metrics{grid-template-columns:1fr}.metrics article:nth-child(n+2){display:none}.chart-card{height:140px}.chart-card svg{height:95px}.release-row{display:none}.floating-card{display:none}.platforms{gap:18px}.suite-grid,.pricing-grid{grid-template-columns:1fr}.split-feature{margin-bottom:90px}.rights-wrap{gap:40px}.stats-section{grid-template-columns:1fr}.cta-card{padding:40px 25px}.cta-card>div{flex-direction:column}.header-actions .btn-primary{display:none}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.app-main{padding:18px}.app-top{align-items:flex-start}.app-actions button{display:none}.app-metrics{grid-template-columns:1fr}.table-row{grid-template-columns:1.4fr .8fr .8fr}.table-row span:last-child{display:none}}
