*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05060a;color:#f7f7fb;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}header{height:72px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:42px;padding:0 max(24px,calc((100% - 1240px)/2));background:rgba(5,6,10,.88);border-bottom:1px solid #171923;backdrop-filter:blur(14px)}.logo{display:flex;align-items:center;gap:9px;font-family:'Pixelify Sans';font-size:22px;white-space:nowrap}.logo b{color:#b65cff}.soul,.big-soul{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#ff9bc5,#c044ff 58%,#5a1a8e);clip-path:polygon(50% 88%,12% 52%,5% 30%,12% 12%,29% 4%,44% 10%,50% 20%,56% 10%,71% 4%,88% 12%,95% 30%,88% 52%);box-shadow:0 0 28px rgba(193,68,255,.75);text-shadow:0 0 8px rgba(255,255,255,.7)}.soul{width:31px;height:29px;font-size:14px;padding-bottom:5px}.big-soul{width:76px;height:70px;font-size:31px;padding-bottom:10px}nav{display:flex;gap:30px;margin:auto}nav a{color:#93919d;font-size:14px}.pill,.outline{min-height:48px;padding:0 28px;border-radius:13px;border:0;font-weight:800;font-size:12px;letter-spacing:.7px;cursor:pointer}.pill{background:linear-gradient(135deg,#df6999,#8d2a70);box-shadow:0 12px 36px rgba(208,68,135,.25)}.outline{display:inline-flex;align-items:center;border:1px solid #3a3c49;background:rgba(8,9,14,.7)}.hero{position:relative;min-height:680px;display:flex;align-items:center;padding:125px max(24px,calc((100% - 1240px)/2)) 75px;overflow:hidden;border-bottom:1px solid #15161e}.scene{position:absolute;inset:72px 0 0 38%;background-image:linear-gradient(90deg,rgba(5,6,10,.08),rgba(5,6,10,.02)),url('assets/gallery-shrine.png');background-size:cover;background-position:center;overflow:hidden}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,10,.08),rgba(5,6,10,.3));}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05060a 0%,rgba(5,6,10,.97) 28%,rgba(5,6,10,.6) 57%,rgba(5,6,10,.12))}.mini-castle{background:#0a0710;clip-path:polygon(0 100%,0 54%,9% 54%,9% 29%,18% 29%,18% 45%,28% 45%,28% 20%,39% 20%,39% 0,50% 13%,61% 0,61% 20%,72% 20%,72% 45%,82% 45%,82% 29%,91% 29%,91% 54%,100% 54%,100% 100%);filter:drop-shadow(0 0 18px #7b2abb)}.hero-copy{position:relative;z-index:2;width:min(540px,100%)}.hero-title{display:flex;align-items:center;gap:20px}.hero h1{font-family:'Pixelify Sans';font-size:clamp(48px,6vw,72px);line-height:1;margin:0}.hero h1 em{font-style:normal;color:#a944ff;text-shadow:0 0 25px #8f2eef}.hero h2{margin:30px 0 20px;color:#df679b;font-size:19px}.hero-copy>p{max-width:470px;color:#bbb9c5;line-height:1.75}.actions{display:flex;gap:18px;margin-top:30px}.meta{display:flex;gap:34px;flex-wrap:wrap;margin-top:34px;color:#a9a7b1;font-size:13px}.features{width:min(1240px,calc(100% - 48px));margin:auto;padding:34px 0 45px;display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.features article{min-height:190px;padding:24px;border:1px solid #242632;border-radius:11px;background:linear-gradient(145deg,#12131c,#0d0e15)}.features i{display:block;font-style:normal;font-size:28px;margin-bottom:20px}.purple{color:#ae47ff}.blue{color:#459fff}.green{color:#37df91}.orange{color:#ff9e32}.features h3{margin:0 0 10px}.features p,.faq p,footer p{color:#a2a0ac;line-height:1.65;font-size:14px}.install{width:min(1240px,calc(100% - 48px));margin:auto;padding:28px 0 55px;display:grid;grid-template-columns:.9fr 1.8fr;gap:48px}.section-title{display:flex;gap:15px}.section-title>span{width:3px;background:#a43cff;box-shadow:0 0 14px #a43cff}.section-title h2{margin:0 0 7px}.section-title p{margin:0;color:#9d9aa6}.steps{display:grid;gap:4px;margin-top:20px}.steps>div{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:66px;padding:10px 14px;border:1px solid #242632;border-radius:8px;background:#101119}.steps b{display:grid;place-items:center;width:34px;height:38px;border-radius:6px;background:#23152b;color:#f1bad7}.steps p{margin:0;color:#b6b4bf;font-size:13px}.trailer{position:relative;min-height:300px;overflow:hidden;border:1px solid #242632;border-radius:11px;background:linear-gradient(#101226 0 43%,#27102f 44% 65%,#08090d 66%)}.moon{position:absolute;right:14%;top:28px;width:48px;height:48px;border-radius:50%;background:#d6d4e2;box-shadow:0 0 28px #b6b5ca}.mini-castle{position:absolute;left:28%;bottom:18px;width:290px;height:190px}.trailer button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;border:1px solid #df7eaf;background:rgba(11,8,15,.72);font-size:22px}.faq{width:min(1240px,calc(100% - 48px));margin:auto;padding:75px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;border-top:1px solid #15161e}.faq small,.modal-card small{color:#bd63ff;font-weight:800;letter-spacing:1.5px}.faq h2{font-size:38px}.faq details{margin-bottom:12px;padding:18px 20px;border:1px solid #242632;border-radius:10px;background:#101119}.faq summary{cursor:pointer;font-weight:700}footer{display:grid;grid-template-columns:1.5fr .7fr .8fr 1.2fr;gap:55px;padding:42px max(24px,calc((100% - 1240px)/2));border-top:1px solid #171923;background:#08090e}footer>div>a:not(.logo){display:block;color:#a2a0ac;font-size:13px;margin:10px 0}.discord{padding:19px;border:1px solid #242632;border-radius:10px;background:#101119}.discord>a{display:inline-block!important;padding:10px 13px;border:1px solid #693aa2;border-radius:7px;color:#fff!important;font-weight:700}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:.2s}.modal.open{opacity:1;visibility:visible}.modal-card{position:relative;width:min(620px,100%);padding:38px;border:1px solid rgba(175,76,236,.28);border-radius:17px;background:#0d0e15}.close{position:absolute;right:16px;top:14px;width:36px;height:36px;border-radius:50%;border:1px solid #333541;background:#12131b;font-size:22px}.modal-card h2{font-size:36px;margin:12px 0 4px}.modal-card>p{color:#9f9da8}.platform{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:15px;padding:17px;margin-top:12px;border:1px solid #242632;border-radius:10px;background:#12131c}.platform>span{display:grid;place-items:center;width:50px;height:50px;border-radius:9px;background:#1b1d28;font-weight:900}.platform p{margin:4px 0 0;color:#9f9da8;font-size:13px}.platform i{font-style:normal;color:#c066ff;font-size:22px}@media(max-width:900px){nav{display:none}.features{grid-template-columns:1fr 1fr}.install,.faq{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}@media(max-width:620px){header{height:64px;padding:0 18px}header>.pill{display:none}.hero{padding:110px 20px 60px;min-height:700px}.scene{inset:64px -45% 0 0;opacity:.72}.hero:after{background:linear-gradient(90deg,#05060a 0%,rgba(5,6,10,.92) 70%,rgba(5,6,10,.35))}.hero-title{align-items:flex-start}.big-soul{width:58px;height:54px;font-size:25px;padding-bottom:8px}.hero h1{font-size:46px}.actions{flex-direction:column}.features{grid-template-columns:1fr}footer{grid-template-columns:1fr}.modal-card{padding:32px 17px}}


.platform-image{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  padding:8px;
  border-radius:9px;
  overflow:hidden;
  background:#e7e7eb;
  border:1px solid rgba(255,255,255,.12);
}
.platform-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Soul Bound world showcase */
.world-showcase{width:min(1240px,calc(100% - 48px));margin:auto;padding:30px 0 76px;display:grid;grid-template-columns:.82fr 1.35fr;gap:34px;align-items:stretch}
.world-copy{display:flex;flex-direction:column;justify-content:center;padding:34px;border:1px solid #242632;border-radius:15px;background:linear-gradient(145deg,#12131c,#0d0e15)}
.world-copy small{color:#c474ff;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.world-copy h2{font-size:38px;line-height:1.08;margin:12px 0 14px}
.world-copy p{color:#aaa8b4;line-height:1.75;margin:0 0 26px}
.world-copy .outline{align-self:flex-start}
.world-image{position:relative;min-height:470px;border:1px solid #242632;border-radius:15px;overflow:hidden;background:#0e0f16;box-shadow:0 24px 60px rgba(0,0,0,.32)}
.world-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,10,.02),rgba(5,6,10,.22))}
.world-image img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.world-showcase{grid-template-columns:1fr}.world-image{min-height:380px}.world-copy{order:2}}
@media(max-width:620px){.world-showcase{width:calc(100% - 32px);padding:14px 0 52px}.world-image{min-height:280px}.world-copy{padding:22px}.world-copy h2{font-size:32px}}