html{scroll-behavior:smooth}body{color:#eee8f6;background:#030207;margin:0}*{box-sizing:border-box}.site{background:radial-gradient(circle at 50% 0,#63378c38,#0000 28%),#030207;min-height:100vh;overflow:hidden}.hero{background:radial-gradient(circle at 50% 30%,#6841912e,#0000 30%),linear-gradient(#06040b 0%,#0b0712 45%,#08050d 70%,#030207 100%);justify-content:center;align-items:center;min-height:100vh;padding:55px 20px 95px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.22;pointer-events:none;background-image:radial-gradient(circle at 15% 15%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 75% 25%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 55% 5%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 90% 40%,#fff 0 1px,#0000 1.5px);background-size:240px 240px,310px 310px,370px 370px,430px 430px;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#030207b8 65%,#030207 100%);height:280px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:4;text-align:center;width:100%;max-width:760px;margin:0 auto;position:relative}.logo{object-fit:contain;filter:drop-shadow(0 0 25px #8a57c452)drop-shadow(0 0 55px #6c3fa026);border-radius:40px;width:210px;height:210px;margin:0 auto;display:block}.hero h1{letter-spacing:.11em;color:#f0edf3;text-shadow:0 0 20px #bf99e526,0 2px 2px #000;margin:28px 0 4px;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,8vw,78px);font-weight:400}.tagline{color:#ae82d3;letter-spacing:.32em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(13px,2vw,18px)}.ornament{color:#8d57ba;justify-content:center;align-items:center;gap:10px;width:250px;max-width:70%;margin:27px auto;display:flex}.ornament span{background:linear-gradient(90deg,#0000,#844baa);flex:1;height:1px}.ornament span:last-child{background:linear-gradient(270deg,#0000,#844baa)}.ornament b{font-size:11px;font-weight:400}.intro{color:#c9c1ce;max-width:640px;margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.8}.store-buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.store-button{color:#fff;text-align:left;background:#050408f0;border:1px solid #c3a4de52;border-radius:10px;min-width:170px;padding:9px 22px 11px;text-decoration:none;box-shadow:0 10px 30px #00000059,0 0 20px #6d41941f}.store-button small,.store-button strong{display:block}.store-button small{opacity:.72;font-size:10px}.store-button strong{font-size:20px}.store-button.disabled{opacity:.72;cursor:default}.store-note{color:#766d7c;letter-spacing:.08em;text-transform:uppercase;margin:11px 0 0;font-size:12px}.lantern-stage{width:260px;height:220px;margin:28px auto -10px;position:relative}.lantern-glow{filter:blur(9px);background:radial-gradient(circle,#b75eff6b 0%,#773bb033 30%,#0000 72%);border-radius:50%;width:145px;height:145px;animation:4s ease-in-out infinite lanternPulse;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.lantern-art{filter:drop-shadow(0 0 18px #974bd347);background-image:url(/ghost-atlas-coming-soon.png);background-position:50% 99%;background-repeat:no-repeat;background-size:710px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#000000d9 47%,#0000 73%);mask-image:radial-gradient(#000 25%,#000000d9 47%,#0000 73%)}@keyframes lanternPulse{0%,to{opacity:.7;transform:translate(-50%)scale(.94)}50%{opacity:1;transform:translate(-50%)scale(1.08)}}.fog{filter:blur(55px);opacity:.15;pointer-events:none;border-radius:50%;width:140%;height:240px;position:absolute}.fog-one{background:#8d64a6;bottom:5%;left:-30%}.fog-two{background:#4c3662;bottom:18%;right:-35%}.scroll-cue{z-index:6;color:#725486;letter-spacing:.28em;flex-direction:column;align-items:center;font-size:9px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll-arrow{margin-top:4px;font-size:22px}.section{background:radial-gradient(circle,#502f6914,#0000 45%),#050309;padding:105px 25px;position:relative}.section:nth-of-type(2n){background:radial-gradient(circle at 20% 40%,#61398014,#0000 35%),#08050d}.section-inner{z-index:2;text-align:center;width:100%;max-width:1100px;margin:0 auto;position:relative}.section-inner.narrow{max-width:760px}.eyebrow{color:#8957ad;letter-spacing:.3em;margin-bottom:15px;font-size:11px}.section h2{color:#eee8f4;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,6vw,52px);font-weight:400}.section-copy,.callout p{color:#aca4b2;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.85}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px;display:grid}.feature-card{background:linear-gradient(145deg,#1a1122cc,#08050ce6);border:1px solid #7e509e38;border-radius:3px;padding:37px 27px;box-shadow:0 18px 50px #0000002e}.feature-icon{color:#9d65c6;margin-bottom:18px;font-family:Georgia,serif;font-size:33px}.feature-card h3{color:#ddd3e6;margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:400}.feature-card p{color:#8f8795;margin:0;font-size:14px;line-height:1.7}.callout{background:radial-gradient(circle at 50% 0,#6d419121,#0000 42%),#0d0812bf;border:1px solid #8954ae45;padding:60px 45px;box-shadow:0 25px 65px #00000059}.contact-button{color:#e4d9ed;letter-spacing:.1em;background:#522c6d47;border:1px solid #9962be75;margin-top:20px;padding:14px 30px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-block}.contact-button:hover{background:#6f3b9461;border-color:#b177d7b3}footer{text-align:center;background:#020104;border-top:1px solid #71459029;padding:65px 20px 45px}.footer-logo{object-fit:contain;opacity:.8;border-radius:15px;width:72px;height:72px}.footer-brand{color:#d9d0df;letter-spacing:.18em;margin:16px 0 5px;font-family:Georgia,serif;font-size:18px}.footer-tagline{color:#76598a;letter-spacing:.28em;margin:0;font-size:9px}.footer-links{color:#5f5664;justify-content:center;gap:12px;margin-top:25px;font-size:13px;display:flex}.footer-links a{color:#8e8297;text-decoration:none}.footer-links a:hover{color:#b799cc}.copyright{color:#514a55;margin-top:22px;font-size:11px}@media (max-width:800px){.feature-grid{grid-template-columns:1fr}.hero{padding-top:35px}.logo{width:165px;height:165px}.hero h1{letter-spacing:.07em}.intro{font-size:16px}.section{padding:80px 20px}.callout{padding:45px 25px}}@media (max-width:460px){.hero h1{font-size:39px}.tagline{letter-spacing:.22em;font-size:11px}.store-buttons{flex-direction:column;align-items:center}.store-button{width:205px}.lantern-stage{transform:scale(.9)}}