*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#07061A;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',sans-serif}
::selection{background:#6D5DF6;color:#fff}
a{-webkit-tap-highlight-color:transparent}

@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes floaty2{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(-2deg)}}
@keyframes orbA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,30px) scale(1.12)}}
@keyframes orbB{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,-24px) scale(1.08)}}
@keyframes glowShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes scanline{0%{top:8%}55%{top:86%}100%{top:8%}}
@keyframes pulseB{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes flamePop{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.15) rotate(3deg)}}
@keyframes btnSheen{0%{left:-60%}55%,100%{left:130%}}
@keyframes typeDots{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes barGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

.navlink{font-size:13.5px;font-weight:600;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s}
.navlink:hover{color:#fff}
.card-hov{transition:border-color .2s,transform .2s}
.card-hov:hover{border-color:rgba(109,93,246,.6)!important}
.card-hov-gold:hover{border-color:rgba(240,185,59,.8)!important}
.btn-ghost{transition:background .2s}
.btn-ghost:hover{background:rgba(109,93,246,.28)!important}

details.faq{border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);padding:0;overflow:hidden;transition:border-color .2s}
details.faq:hover{border-color:rgba(109,93,246,.5)}
details.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:18px 22px;font-size:15px;font-weight:700;color:#fff}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:'+';margin-left:auto;font-size:20px;font-weight:400;color:#C9BFFF;transition:transform .2s}
details.faq[open] summary::after{transform:rotate(45deg)}
details.faq .faq-a{padding:0 22px 20px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.6)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
}

@media (max-width:860px){
  .nav-links{display:none!important}
  .hero-wrap{padding:120px 20px 70px!important;gap:40px!important}
  .hero-text{flex:1 1 100%!important;min-width:100%!important}
  .hero-title{font-size:40px!important;letter-spacing:-1.4px!important}
  .section-title{font-size:32px!important;letter-spacing:-1.2px!important}
  .section-pad{padding-top:70px!important;padding-bottom:70px!important}
  .stat-strip{padding:12px 0!important}
  .stat-cell{padding:0 14px!important}
  .stat-num{font-size:19px!important}
  .bento-card{grid-column:span 12!important}
  .float-chip{display:none!important}
  .phone{width:280px!important}
  .article-title{font-size:29px!important;letter-spacing:-1px!important}
  .grid-3{grid-template-columns:1fr!important}
  .blog-hero-title{font-size:36px!important;letter-spacing:-1.2px!important}
  .featured-card{padding:26px!important}
}
@media (min-width:861px) and (max-width:1080px){
  .grid-3{grid-template-columns:repeat(2,1fr)!important}
  .bento-card{grid-column:span 12!important}
}