:root{--bg:#0f0f13;--bg2:#15151c;--bg3:#191920;--border:#2b2c39;--accent:#7c3aed;--text:#eeeef4;--textDim:#a1a3b5}body{background:var(--bg)}body::before{display:none}.hero,.section,.cta{background:#0f0f13;box-shadow:none}.hero{padding:64px 0}.hero-grid{display:block}.hero-grid>div:first-child{max-width:760px;margin:0 auto 48px;text-align:center}.hero-sub{max-width:690px;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-note{font-size:12px;max-width:700px}.hero h1{font-size:clamp(44px,6vw,72px);letter-spacing:-2px}.container{max-width:1240px}.btn-primary{background:#7c3aed;color:#fff;border:1px solid transparent;box-shadow:none!important;border-radius:8px}.btn-primary:hover{background:#6d28d9;box-shadow:none!important;transform:none}.card{background:#15151c;border:1px solid #2b2c39;box-shadow:none}.card:hover{transform:none;box-shadow:none}.section-title{letter-spacing:-1px}.section{border-top:1px solid #24242f;padding:64px 0}.cta{border:1px solid #2b2c39}.demo-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#a5a1b5;margin:0 0 12px}.demo-label span{letter-spacing:0}.demo-app{display:grid;grid-template-columns:175px minmax(0,1fr);border:1px solid #2b2c39;border-radius:12px;overflow:hidden;background:#0f0f13;min-height:620px;font-size:12px;text-align:left}.demo-app button,.demo-app input{font:inherit}.demo-app button,.demo-app a{cursor:pointer}.demo-app button{color:#c2c3d3}.demo-app [hidden]{display:none!important}.demo-sidebar{background:#0b0b10;border-right:1px solid #24242f;padding:18px 10px}.demo-brand{display:flex;gap:9px;align-items:center;margin:0 6px 26px;white-space:nowrap}.demo-brand img{width:29px;height:29px}.demo-brand small{display:block;color:#75798e;font-size:10px}.demo-plan{font-size:10px;color:#b99aff;margin-left:4px}.demo-sidebar nav{display:grid;gap:5px}.demo-sidebar nav button{border:0;background:transparent;text-align:left;padding:13px;border-radius:7px}.demo-sidebar .selected{background:#30165e;color:white;border-color:#8b45ed}.demo-profiles{margin-top:64px;display:grid;gap:5px}.demo-profile{display:flex;border:1px solid #2b3043;border-radius:6px;overflow:hidden}.demo-profile button{background:transparent;border:0;padding:7px;font-size:10px}.demo-profile button:first-child{flex:1;text-align:left}.demo-profile button:last-child{width:26px;color:#a9a1be}.demo-profiles>a{padding:7px;border:1px solid #222432;border-radius:6px;font-size:10px;color:#72778e;display:flex;justify-content:space-between}.demo-profiles>a span{font-size:9px}.demo-workspace{padding:26px;min-width:0}.demo-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px}.demo-heading span{font-size:10px;color:#8e93a9;border:1px solid #2b2c39;border-radius:5px;padding:4px 14px}.demo-compose{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.demo-media{background:#16161e;border:1px solid #24242f;border-radius:9px;padding:14px;display:flex;flex-direction:column;gap:10px;align-items:center}.demo-screen{height:390px;aspect-ratio:9/16;max-width:100%;background:#08080b;border:1px solid #30303e;border-radius:8px;display:grid;place-items:center;overflow:hidden;color:#62687e}.demo-screen video{width:100%;height:100%;object-fit:contain}.demo-primary{display:block;background:#7c3aed!important;color:white!important;border:0;border-radius:7px;padding:12px 16px;text-align:center;text-decoration:none}.demo-primary:hover{background:#6d28d9!important}.demo-primary:disabled{opacity:.45;cursor:default}.demo-media>.demo-primary{width:100%}.demo-media small{font-size:10px;color:#878ba1;max-width:100%;overflow-wrap:anywhere}.demo-accounts{display:flex;flex-direction:column;gap:10px}.demo-title{display:flex;gap:10px;align-items:center;padding:14px;border:1px solid #8540ef;background:#161122;border-radius:8px}.demo-title img{width:30px}.demo-title>span{min-width:0;flex:1}.demo-title input{display:block;width:100%;background:transparent;color:#a6a7ba;border:0;margin-top:5px;outline-offset:2px;font-size:10px}.demo-account{display:flex;align-items:center;gap:10px;background:#19151b;border:1px solid #382834;border-radius:8px;padding:13px 10px}.demo-avatar{border:1px solid #65627b;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.demo-account>div{flex:1}.demo-account small{display:block;font-size:10px;color:#9095ad}.demo-account button{border:1px solid #393448;background:#1e1e28;padding:5px 12px;border-radius:6px;font-size:10px}.demo-account button[aria-pressed=true]{background:#40183d;border-color:#bd328e;color:white}.platform-0{background:#281416}.platform-1{background:#231222}.platform-2{background:#270f1b}.platform-3{background:#101c32}.demo-add{background:#10131c;border:1px solid #303449;border-radius:8px;text-align:left;padding:16px}.demo-accounts>p{color:#9696aa;font-size:10px;margin-top:auto}.demo-setting{display:flex;justify-content:space-between;gap:20px;background:#16161e;padding:20px;border:1px solid #2b2c39;border-radius:8px;margin:20px 0}.demo-setting p,.demo-muted{color:#9696aa}.demo-setting a{color:#b99aff}#demo-queue{padding:20px;background:#16161e;border-radius:8px;margin-top:20px}#demo-queue p{padding:10px 0;border-bottom:1px solid #2b2c39}#pricing .grid-3{gap:18px}#pricing .card{padding:30px;display:flex;flex-direction:column;align-items:flex-start;border-radius:12px}#pricing .card:nth-child(2){border-color:#8050c6;background:#191521}#pricing h3{font-size:20px}#pricing .card>p:last-of-type{min-height:76px;color:#a1a3b5;margin-top:14px}#pricing .card .btn-primary{width:100%;text-align:center;margin-top:auto!important}#pricing .card:not(:nth-child(2)) .btn-primary{background:#24212f;border-color:#3b354f}#pricing .section-sub{max-width:740px}
@media(max-width:900px){.demo-compose{grid-template-columns:minmax(0,1fr) 230px}.demo-workspace{padding:18px}.demo-app{grid-template-columns:145px minmax(0,1fr)}.demo-brand{gap:5px;margin-left:0}.demo-brand img{width:24px}.demo-screen{height:340px}}
@media(max-width:680px){.container{padding:0 16px}.hero{padding-top:36px}.demo-label{display:block}.demo-label span{display:block;margin-top:4px}.demo-app{display:block}.demo-sidebar{border-right:0;border-bottom:1px solid #24242f;padding:12px}.demo-brand{margin:0 0 12px}.demo-sidebar nav{display:flex}.demo-sidebar nav button{flex:1;text-align:center}.demo-profiles{display:none}.demo-compose{grid-template-columns:1fr}.demo-screen{height:320px}.demo-workspace{padding:16px}.demo-accounts{gap:8px}.demo-setting{flex-direction:column;gap:8px}.grid-3{grid-template-columns:1fr}#pricing .card>p:last-of-type{min-height:0}#pricing .card .btn-primary{margin-top:22px!important}}

section[id]{scroll-margin-top:96px}
#pricing .card .btn-primary{display:flex!important;align-items:center;justify-content:center;padding:13px 20px;min-height:46px}
.demo-profile:has([data-profile].selected){background:#30165e;border-color:#8b45ed}.demo-profile:has([data-profile].selected) button{background:transparent;color:#eeeef4}.demo-profile [data-rename]:hover{background:#ffffff18}