*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Outfit',sans-serif;background:#050505;color:#fff;font-size:14px;line-height:1.6;overflow-x:hidden}
::selection{background:#8B2FE066;color:#fff}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#0a0a0a}
::-webkit-scrollbar-thumb{background:#8B2FE0;border-radius:3px}
.glass{background:rgba(255,255,255,.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06)}
.glass-strong{background:rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}
.glow-violet{box-shadow:0 0 20px rgba(139,47,224,.15),0 0 60px rgba(139,47,224,.05)}
.glow-violet-sm{box-shadow:0 0 10px rgba(139,47,224,.1)}
.btn-primary{background:#8B2FE0;color:#fff;font-weight:600;transition:all .2s}
.btn-primary:hover{background:#7928C7;box-shadow:0 0 20px rgba(139,47,224,.3)}
.btn-secondary{border:1px solid rgba(139,47,224,.4);color:#fff;font-weight:500;transition:all .2s}
.btn-secondary:hover{background:rgba(139,47,224,.15);border-color:rgba(139,47,224,.6)}
.hero-grid{background-image:linear-gradient(rgba(139,47,224,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(139,47,224,.06) 1px,transparent 1px);background-size:40px 40px}
.hero-fade{mask-image:linear-gradient(to bottom,black 60%,transparent);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent)}
.mac-frame{border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.4)}
.mac-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(0,0,0,.6);border-bottom:1px solid rgba(255,255,255,.06)}
.mac-dot{width:8px;height:8px;border-radius:50%}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes pulse-bar{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes slide-track{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.anim-bar{animation:pulse-bar 1.2s ease infinite}
.anim-float{animation:float 3s ease infinite}
.faq-content{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item.active .faq-content{max-height:500px}
.faq-item.active .faq-chevron{transform:rotate(180deg)}
.faq-chevron{transition:transform .2s ease}
.tab-active{background:rgba(139,47,224,.2)!important;border-color:rgba(139,47,224,.5)!important;color:#fff!important}
.changelog-active{background:rgba(139,47,224,.15)!important;border-left:2px solid #8B2FE0!important;color:#fff!important}
.section-pad{padding-top:4rem;padding-bottom:4rem}
@media(max-width:768px){.section-pad{padding-top:2.5rem;padding-bottom:2.5rem}body{font-size:13px}}