/* Vanta motion and interaction layer. The original dark system stays intact; this file adds depth. */
:root{--vanta-glow:rgba(168,85,247,.36);--vanta-glow-soft:rgba(124,58,237,.18)}
body{overflow-x:hidden}

html.js-ready [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}
html.js-ready [data-reveal].is-visible{opacity:1;transform:none}
html.js-ready :where([data-reveal-group])>*{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease}
html.js-ready :where([data-reveal-group].is-visible)>*{opacity:1;transform:none}
html.js-ready [data-reveal-group].is-visible>*:nth-child(2){transition-delay:.06s}
html.js-ready [data-reveal-group].is-visible>*:nth-child(3){transition-delay:.12s}
html.js-ready [data-reveal-group].is-visible>*:nth-child(4){transition-delay:.18s}

.site-header{backdrop-filter:blur(16px);background:rgba(8,7,13,.7);position:sticky;top:0}
.site-header:before{content:"";position:absolute;left:0;top:0;width:var(--scroll-progress,0%);height:2px;background:linear-gradient(90deg,#7c3aed,#d8b4fe);box-shadow:0 0 18px rgba(168,85,247,.9);transition:width .12s linear}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.65),transparent);opacity:.5}
.brand img{box-shadow:0 0 0 1px rgba(168,85,247,.18),0 0 24px rgba(168,85,247,.2);transition:box-shadow .25s,transform .25s}
.brand:hover img{transform:rotate(-4deg) scale(1.06);box-shadow:0 0 0 1px rgba(192,132,252,.5),0 0 32px rgba(168,85,247,.48)}
.site-nav a.active{color:var(--text);background:rgba(124,58,237,.12)}

.hero-shell{position:relative}
.hero-shell:before{content:"";position:absolute;inset:4% -6% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.38),transparent);opacity:.6}
.hero-copy h1{text-shadow:0 0 60px rgba(124,58,237,.14)}
.hero-copy h1 span{background:linear-gradient(100deg,#c084fc 0%,#8b5cf6 55%,#a855f7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-art{isolation:isolate}
.hero-art:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.4),transparent 68%);filter:blur(12px);animation:hero-breathe 4s ease-in-out infinite}
.hero-art:after{box-shadow:0 0 60px rgba(124,58,237,.28);animation:orbit-drift 13s linear infinite}
.hero-mark{animation:mark-float 4s ease-in-out infinite;filter:drop-shadow(0 0 25px rgba(168,85,247,.48))}
.signal-card{transition:transform .25s,box-shadow .25s;border-color:rgba(168,85,247,.28)}
.signal-card:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 18px 55px rgba(124,58,237,.28),0 0 0 1px rgba(168,85,247,.2)}

.product-card{background:radial-gradient(320px circle at var(--mouse-x,50%) var(--mouse-y,0%),rgba(168,85,247,.16),transparent 45%),linear-gradient(145deg,rgba(30,25,43,.98),rgba(19,16,28,.94));transform:perspective(900px) translate3d(0,0,0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;will-change:transform;transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .3s,background .3s}
.product-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(192,132,252,.72),transparent 35%,transparent 65%,rgba(124,58,237,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}
.product-card:before{right:auto;top:auto;left:var(--mouse-x,50%);transform:translate(-50%,-50%);width:250px;height:250px;opacity:.86;transition:opacity .3s,transform .45s cubic-bezier(.22,1,.36,1)}
.product-card:hover{transform:perspective(900px) translate3d(0,-12px,18px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.015);border-color:rgba(216,180,254,.75);box-shadow:0 24px 75px rgba(0,0,0,.5),0 0 48px rgba(124,58,237,.38),inset 0 0 24px rgba(168,85,247,.08)}
.product-card.is-tilting:after{opacity:1;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%),rgba(255,255,255,.22),transparent 28%),linear-gradient(135deg,rgba(192,132,252,.72),transparent 35%,transparent 65%,rgba(124,58,237,.5))}
.product-card>*,.product-card:before,.product-card:after{backface-visibility:hidden}
.product-card:hover:after{opacity:1}
.product-card:hover .glyph{color:#d8b4fe;text-shadow:15px -4px 0 rgba(124,58,237,.38),0 0 26px rgba(168,85,247,.55)}
.product-card .glyph{transition:color .25s,text-shadow .25s,transform .25s}.product-card:hover .glyph{transform:translate(3px,-2px) rotate(-4deg)}
.mini-button,.button{position:relative;overflow:hidden}
.mini-button:before,.button:before{content:"";position:absolute;top:-60%;left:-35%;width:26%;height:220%;background:rgba(255,255,255,.18);transform:rotate(24deg) translateX(-220px);transition:transform .55s ease}
.mini-button:hover:before,.button:hover:before{transform:rotate(24deg) translateX(520px)}
.button.primary{box-shadow:0 0 0 1px rgba(192,132,252,.18),0 10px 34px rgba(124,58,237,.22)}
.button.primary:hover{box-shadow:0 0 0 1px rgba(216,180,254,.35),0 14px 46px rgba(124,58,237,.46)}

.feature-strip{position:relative;background:linear-gradient(90deg,rgba(168,85,247,.25),var(--line),rgba(168,85,247,.25));box-shadow:0 20px 50px rgba(0,0,0,.18)}
.feature-strip article{position:relative;transition:transform .25s,background .25s,box-shadow .25s}
.feature-strip article:after{content:"";position:absolute;inset:0;background:radial-gradient(230px circle at 50% 0,rgba(168,85,247,.18),transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}
.feature-strip article:hover{transform:translateY(-10px) scale(1.02);background:rgba(31,24,48,.94);box-shadow:inset 0 1px 0 rgba(216,180,254,.28),0 22px 50px rgba(0,0,0,.28),0 0 34px rgba(124,58,237,.2);z-index:1}
.feature-strip article:hover:after{opacity:1}
.feature-icon{transition:transform .3s,color .3s,text-shadow .3s}.feature-strip article:hover .feature-icon{transform:translateY(-3px) scale(1.12);color:#d8b4fe;text-shadow:0 0 24px rgba(168,85,247,.7)}

.inline-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:62px;margin-top:110px;padding:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.inline-faq-intro p:not(.eyebrow){color:var(--muted);max-width:320px;margin:18px 0 22px}.inline-faq-intro h2{max-width:360px}.inline-faq .faq-list{border-top:0}.inline-faq details{padding:18px 0}.inline-faq summary{font-size:15px}.inline-faq details p{font-size:14px}

.split-section{position:relative}.discord-card,.discord-wide{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 26px 70px rgba(0,0,0,.24);padding:0;overflow:hidden}.discord-card-body,.discord-wide .discord-card-body{padding:22px 28px 28px;position:relative;z-index:2}.discord-preview{position:relative;z-index:2}.discord-banner{height:152px;position:relative;overflow:hidden;background:linear-gradient(135deg,#21103a,#0d0a14)}.discord-banner-image{width:100%;height:100%;display:block;object-fit:cover;opacity:.68;filter:saturate(1.15) contrast(1.08)}.discord-banner-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,13,.08),rgba(8,7,13,.88))}.discord-server-lockup{position:absolute;left:24px;right:24px;bottom:18px;display:flex;align-items:center;gap:12px}.discord-server-lockup>img{width:50px;height:50px;border-radius:15px;object-fit:cover;border:2px solid rgba(245,243,255,.82);box-shadow:0 0 24px rgba(168,85,247,.5)}.discord-server-lockup small{display:block;color:#d8c3ff;font-size:10px;letter-spacing:.18em}.discord-server-lockup strong{display:block;font-size:20px}.discord-channel-strip{display:flex;gap:14px;overflow:hidden;padding:10px 18px;background:rgba(8,7,13,.72);border-bottom:1px solid rgba(255,255,255,.07);color:#9e96ad;font-size:11px;white-space:nowrap}.discord-channel-strip span{display:inline-flex;align-items:center;gap:5px}.discord-channel-strip .channel-live{color:#bff8d9}.discord-channel-strip .status-dot{width:5px;height:5px;margin:0}
.discord-card:after,.discord-wide:after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(192,132,252,.12);pointer-events:none}
.discord-card:hover,.discord-wide:hover{border-color:rgba(168,85,247,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 80px rgba(0,0,0,.34),0 0 46px rgba(124,58,237,.28)}
.discord-card:hover .discord-banner-image,.discord-wide:hover .discord-banner-image{transform:scale(1.06);opacity:.85}.discord-banner-image{transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .4s}
.review-preview{transition:border-color .25s}.review-preview:hover{border-color:rgba(168,85,247,.4)}
.faq-preview a{transition:color .2s,padding-left .2s,border-color .2s}.faq-preview a:hover{color:#d8b4fe;padding-left:7px;border-color:rgba(168,85,247,.5)}

.catalog-tools,.cart-box,.summary-box,.account-panel,.review-card,.empty-note{box-shadow:0 12px 36px rgba(0,0,0,.16)}
.review-card{transition:transform .25s,border-color .25s,box-shadow .25s}.review-card:hover{transform:translateY(-6px);border-color:rgba(168,85,247,.4);box-shadow:0 20px 55px rgba(0,0,0,.26),0 0 30px rgba(124,58,237,.14)}
details summary{transition:color .2s,padding-left .2s}.faq-list details:hover summary{color:#d8b4fe;padding-left:6px}

@keyframes hero-breathe{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}
@keyframes mark-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes orbit-drift{to{transform:rotate(338deg)}}

@media(max-width:900px){.inline-faq{grid-template-columns:1fr;gap:34px;margin-top:80px}.inline-faq-intro p:not(.eyebrow){max-width:560px}}
@media(max-width:640px){.inline-faq{margin-top:66px;padding:28px 0}.hero-art:before{width:210px;height:210px}.product-card:hover{transform:perspective(900px) translate3d(0,-6px,8px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.005)}.discord-card-body,.discord-wide .discord-card-body{padding:20px}.discord-banner{height:138px}.discord-server-lockup strong{font-size:17px}.discord-channel-strip{gap:10px;padding-inline:14px;font-size:10px}.discord-server-lockup{left:18px;right:18px}}
@media(prefers-reduced-motion:reduce){[data-reveal],[data-reveal-group]>*{opacity:1;transform:none;filter:none;transition:none}.hero-art:before,.hero-art:after,.hero-mark{animation:none}.product-card:hover,.feature-strip article:hover,.review-card:hover{transform:none}.discord-banner-image{transition:none}}