:root{--ink:#f3f0e8;--muted:#b8b5c9;--night:#07091a;--deep:#10142e;--violet:#7650e8;--gold:#f1b943;--line:rgba(255,255,255,.14)}
@font-face{font-family:"Wonderslot Display";src:url("assets/fonts/gentium-plus-bold.woff") format("woff");font-weight:700;font-display:swap}@font-face{font-family:"Wonderslot Serif";src:url("assets/fonts/gentium-basic-bold.woff") format("woff");font-weight:700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:Verdana,Arial,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}.sky{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(7,9,26,.52),rgba(7,9,26,.93)),url("assets/starfield.webp") center top/500px 500px repeat;z-index:-1}.nav-wrap{position:relative;border-bottom:1px solid var(--line);background:rgba(6,8,24,.8);backdrop-filter:blur(18px);z-index:10}.nav{max-width:1220px;margin:auto;height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:"Wonderslot Display",Georgia,serif;font-size:1.35rem;letter-spacing:.02em}.brand img,.footer-brand img{border-radius:11px}.links{display:flex;gap:38px}.links a,.footer-links a{color:var(--muted);text-decoration:none;font-size:.93rem}.links a:hover,.links a.active,.footer-links a:hover{color:#fff}.nav-cta{color:var(--night);background:linear-gradient(135deg,#ffd46f,var(--gold));padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.88rem;box-shadow:0 8px 24px rgba(241,185,67,.2)}.nav-cta span{margin-left:6px}main{position:relative}.hero{max-width:1220px;min-height:720px;margin:auto;padding:84px 28px 90px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px}.eyebrow,.section-label{color:var(--gold);font-size:.77rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700}.eyebrow span{display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}.hero h1{font-family:"Wonderslot Display",Georgia,serif;font-size:clamp(3.8rem,6.6vw,6.5rem);font-weight:700;line-height:.92;letter-spacing:-.035em;margin:24px 0 28px;max-width:750px;text-shadow:0 6px 28px rgba(0,0,0,.34)}.hero h1 em{color:var(--gold);font-style:italic}.lead{font-size:1.12rem;max-width:630px;color:#cbc9d8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.play-button{display:inline-flex;align-items:center;gap:12px;background:#f7f5ff;color:#10111e;text-decoration:none;border-radius:14px;padding:11px 20px 10px;box-shadow:0 14px 40px rgba(0,0,0,.25);font-weight:700;line-height:1.05;transition:.25s transform,.25s box-shadow}.play-button:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(127,92,255,.28)}.play-button svg{width:27px;height:27px;fill:#111}.play-button small{display:block;font-size:.58rem;letter-spacing:.1em;margin-bottom:3px}.text-link{color:#fff;text-decoration:none;font-weight:700}.text-link span{color:var(--gold);margin-left:7px}.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center}.brand-orb{width:72%;height:auto;position:relative;z-index:3;filter:drop-shadow(0 32px 60px rgba(0,0,0,.58));transform:rotate(2deg)}.hero-cat{position:absolute;width:30%;height:auto;right:1%;bottom:7%;z-index:6;filter:drop-shadow(0 18px 22px rgba(0,0,0,.6));transform:rotate(5deg)}.hero-screen{position:absolute;width:45%;left:-3%;bottom:4%;margin:0;padding:5px;border:1px solid rgba(255,214,107,.5);border-radius:13px;background:#171934;box-shadow:0 22px 48px rgba(0,0,0,.55);transform:rotate(-7deg);z-index:5;overflow:hidden}.hero-screen img{display:block;width:100%;height:auto;border-radius:9px}.icon-glow{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(245,195,80,.3),rgba(119,66,255,.19) 48%,transparent 70%);filter:blur(12px)}.orbit{position:absolute;border:1px solid rgba(246,200,95,.34);border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:94%;height:61%}.orbit-two{width:77%;height:105%;transform:rotate(35deg)}.spark{position:absolute;color:var(--gold);text-shadow:0 0 18px var(--gold)}.s1{left:8%;top:20%;font-size:2.2rem}.s2{right:2%;bottom:25%;font-size:3.2rem}.s3{right:20%;top:7%;font-size:1.4rem}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:90px max(28px,calc((100vw - 1164px)/2));display:grid;grid-template-columns:1fr 3fr;gap:40px;background:linear-gradient(90deg,rgba(45,35,89,.22),rgba(255,255,255,.025))}.statement{font-family:"Wonderslot Display",Georgia,serif;font-size:clamp(2rem,4vw,3.8rem);line-height:1.16;margin:0;max-width:930px}.statement strong{color:var(--gold);font-weight:700}.symbol-cluster{display:flex;align-items:center;margin-top:25px}.symbol-cluster img{width:70px;height:70px;object-fit:contain;margin-right:-16px;filter:drop-shadow(0 8px 13px rgba(0,0,0,.55))}.symbol-cluster img:nth-child(2){transform:translateY(9px);z-index:2}.features{max-width:1220px;margin:auto;padding:120px 28px}.section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:50px}.section-heading h2,.game-showcase h2,.company h2,.final-cta h2{font-family:"Wonderslot Display",Georgia,serif;font-size:clamp(2.4rem,4.2vw,4.2rem);font-weight:700;line-height:1.05;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;min-height:420px;padding:30px 32px 34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(29,33,70,.94),rgba(9,11,32,.92));overflow:hidden;isolation:isolate}.feature-card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-70px;top:-70px;background:var(--card-glow,rgba(127,92,255,.22));filter:blur(30px);z-index:-1}.feature-card .number{color:#8586a2;font-size:.75rem;letter-spacing:.16em}.feature-art{position:absolute;width:48%;height:auto;right:-4%;top:20px;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(0,0,0,.6));transition:transform .35s ease}.feature-card:hover .feature-art{transform:translateY(-6px) rotate(2deg)}.feature-card h3{font-family:"Wonderslot Serif",Georgia,serif;font-size:1.7rem;font-weight:700;line-height:1.12;margin:185px 0 16px;max-width:260px}.feature-card p{color:var(--muted);margin:0}.sound-card{--card-glow:rgba(50,126,255,.24)}.game-card{--card-glow:rgba(246,200,95,.2)}.sound-wave{position:absolute;display:flex;align-items:center;gap:5px;height:42px;top:113px;left:36px}.sound-wave i{display:block;width:4px;height:var(--h);background:linear-gradient(var(--gold),var(--violet));border-radius:10px}.sound-wave i:nth-child(1){--h:14px}.sound-wave i:nth-child(2){--h:29px}.sound-wave i:nth-child(3){--h:41px}.sound-wave i:nth-child(4){--h:24px}.sound-wave i:nth-child(5){--h:11px}.game-showcase{max-width:1220px;margin:25px auto 120px;padding:80px 28px;display:grid;grid-template-columns:.72fr 1.28fr;gap:58px;align-items:start}.showcase-copy{position:sticky;top:35px}.showcase-copy>p:not(.section-label){color:var(--muted);font-size:1.05rem}.showcase-copy ul{list-style:none;padding:0;margin:27px 0 35px}.showcase-copy li{margin:12px 0;color:#d6d8e8}.showcase-copy li span{color:var(--gold);margin-right:10px}.compact{transform:scale(.92);transform-origin:left center}.compact:hover{transform:scale(.92) translateY(-3px)}.screens{display:grid;grid-template-columns:1fr 1fr;gap:16px}.screen{position:relative;width:100%;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:6px;background:#171934;box-shadow:0 24px 48px rgba(0,0,0,.38);overflow:hidden}.screen-main{grid-column:1/-1}.screen img{display:block;width:100%;height:auto;border-radius:12px}.screen figcaption{padding:10px 8px 5px;color:#c9c7d4;font-size:.78rem;letter-spacing:.03em}.company{max-width:1164px;margin:0 auto 120px;padding:70px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:90px}.company-copy{color:var(--muted);font-size:1.08rem}.company-copy p:first-child{margin-top:0}.final-cta{position:relative;text-align:center;padding:120px 28px 110px;background:radial-gradient(circle at 50% 58%,rgba(126,78,255,.28),transparent 43%);overflow:hidden}.cta-mascot{position:absolute;width:165px;height:auto;left:calc(50% - 420px);bottom:-13px;filter:drop-shadow(0 18px 18px rgba(0,0,0,.55));transform:rotate(-6deg)}.final-cta h2{margin:18px auto 35px}.disclaimer{font-size:.76rem;color:#8586a2;margin-top:24px}footer{border-top:1px solid var(--line);max-width:1220px;margin:auto;padding:35px 28px 45px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#8586a2;font-size:.82rem}.footer-brand{display:flex;align-items:center;gap:11px;color:#fff;font-family:"Wonderslot Display",Georgia,serif;font-size:1.05rem}.footer-links{display:flex;gap:30px}footer>p{text-align:right}
@media(max-width:900px){.links{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{max-width:580px;margin:auto;width:100%}.manifesto,.section-heading,.game-showcase,.company{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:300px}.feature-art{width:190px}.feature-card h3{margin-top:105px}.game-showcase{gap:45px}.showcase-copy{position:static}.company{margin-left:28px;margin-right:28px}.section-heading{gap:12px}.manifesto{gap:20px}.cta-mascot{left:20px;width:130px}footer{grid-template-columns:1fr;gap:22px;text-align:center}.footer-brand,.footer-links{justify-content:center}footer>p{text-align:center;margin:0}}
@media(max-width:560px){.nav{height:72px;padding:0 18px}.nav-cta{padding:9px 13px}.nav-cta span{display:none}.hero{padding:58px 20px 70px;min-height:auto;gap:35px}.hero h1{font-size:3.35rem}.lead{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-art{width:96%}.hero-screen{width:49%;left:-1%;bottom:1%}.hero-cat{width:31%;right:0}.manifesto{padding:65px 20px}.features{padding:85px 20px}.feature-card{padding:27px}.feature-art{width:155px}.feature-card h3{margin-top:118px}.sound-wave{top:95px;left:28px}.game-showcase{padding:40px 20px;margin-bottom:70px}.screens{grid-template-columns:1fr}.screen-main{grid-column:auto}.company{margin:0 20px 60px;padding:55px 0;gap:25px}.final-cta{padding:100px 20px 90px}.cta-mascot{width:92px;left:-9px;bottom:-9px;opacity:.8}.footer-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.play-button{transition:none}}

.google-play-link{display:inline-block;width:190px;line-height:0;transition:transform .25s ease,filter .25s ease}.google-play-link img{display:block;width:100%;height:auto}.google-play-link:hover{transform:translateY(-3px);filter:drop-shadow(0 12px 22px rgba(0,0,0,.38))}
.video-section{max-width:1220px;margin:0 auto;padding:105px 28px 120px}.video-heading{text-align:center;max-width:800px;margin:0 auto 42px}.video-heading h2{font-family:"Wonderslot Display",Georgia,serif;font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.02;margin:12px 0 0}.video-frame{position:relative;aspect-ratio:16/9;max-width:1080px;margin:auto;padding:8px;border:1px solid rgba(241,185,67,.38);border-radius:24px;background:linear-gradient(145deg,#282345,#0d1027);box-shadow:0 36px 90px rgba(0,0,0,.52),0 0 70px rgba(112,74,224,.14);overflow:hidden}.video-frame iframe{display:block;width:100%;height:100%;border:0;border-radius:17px}
.manifesto{display:flex;flex-direction:column;align-items:center;text-align:center;padding:100px 0 85px;gap:18px;overflow:hidden}.manifesto>.section-label{margin:0;padding:0 28px}.statement{max-width:930px;padding:0 28px}.symbol-carousel{position:relative;width:100%;margin-top:42px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.symbol-track{display:flex;align-items:center;width:max-content;gap:14px;animation:symbol-scroll 48s linear infinite}.symbol-track:hover{animation-play-state:paused}.symbol-track img{display:block;width:124px;height:124px;object-fit:cover;border:0;border-radius:50%;clip-path:circle(46%);filter:drop-shadow(0 14px 18px rgba(0,0,0,.5));transform:translateZ(0)}
@keyframes symbol-scroll{to{transform:translateX(calc(-50% - 7px))}}
.feature-art{border-radius:50%;clip-path:circle(43%);border:0}.compact{width:180px;transform:none}.compact:hover{transform:translateY(-3px)}.final-cta{padding:120px 28px 110px}.cta-mascot{display:none}
@media(max-width:900px){.video-section{padding:80px 28px 95px}.manifesto{display:flex;padding:80px 0 70px}.symbol-track img{width:108px;height:108px}.final-cta{padding:95px 24px 85px}}
@media(max-width:560px){.google-play-link{width:170px}.video-section{padding:68px 18px 78px}.video-heading{margin-bottom:28px}.video-frame{padding:5px;border-radius:16px}.video-frame iframe{border-radius:11px}.manifesto{padding:68px 0 58px}.statement{padding:0 20px}.symbol-carousel{margin-top:28px}.symbol-track{gap:8px;animation-duration:38s}.symbol-track img{width:88px;height:88px}.final-cta{padding:80px 20px 72px}}
@media(prefers-reduced-motion:reduce){.google-play-link{transition:none}.symbol-track{animation:none;transform:none}.symbol-carousel{overflow-x:auto;mask-image:none;padding:0 20px}.symbol-track img[aria-hidden="true"]{display:none}}

.hero-art{isolation:isolate;min-height:540px}.hero-art:before{content:"";position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(240,161,44,.22) 0,rgba(111,69,211,.15) 46%,transparent 72%);filter:blur(18px);z-index:0}.brand-orb{width:min(94%,620px);height:auto;z-index:1;transform:none;filter:drop-shadow(0 34px 55px rgba(0,0,0,.58));-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 0,#000 70%,rgba(0,0,0,.92) 79%,transparent 100%);mask-image:radial-gradient(ellipse at 50% 50%,#000 0,#000 70%,rgba(0,0,0,.92) 79%,transparent 100%)}
@media(max-width:900px){.hero-art{min-height:520px}}
@media(max-width:560px){.hero-art{min-height:340px}.brand-orb{width:100%}}

.hero{grid-template-columns:1fr 1.08fr;gap:22px}.hero-art{aspect-ratio:16/10;min-height:0;overflow:visible}.hero-art:before{width:118%;height:118%;aspect-ratio:auto;background:radial-gradient(circle,rgba(238,154,42,.12),transparent 58%),url("assets/hero-logo.webp") center/contain no-repeat;filter:blur(30px) saturate(1.08);opacity:.3;-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,rgba(0,0,0,.78) 54%,transparent 79%);mask-image:radial-gradient(ellipse at center,#000 25%,rgba(0,0,0,.78) 54%,transparent 79%)}.brand-orb{width:116%;max-width:none;transform:translateX(1%);mix-blend-mode:screen;filter:drop-shadow(0 28px 48px rgba(0,0,0,.35));-webkit-mask-image:radial-gradient(ellipse 74% 78% at 50% 50%,#000 55%,rgba(0,0,0,.94) 68%,rgba(0,0,0,.56) 82%,transparent 100%);mask-image:radial-gradient(ellipse 74% 78% at 50% 50%,#000 55%,rgba(0,0,0,.94) 68%,rgba(0,0,0,.56) 82%,transparent 100%)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{aspect-ratio:16/9;max-width:760px}.brand-orb{width:112%;transform:none}}
@media(max-width:560px){.hero-art{min-height:0;width:108%;margin-left:-4%}.brand-orb{width:118%}.hero-art:before{filter:blur(22px);opacity:.26}}

/* Home hero sound preview */
.hero-actions{flex-wrap:wrap;gap:18px 24px}.sound-preview{appearance:none;border:1px solid rgba(255,211,107,.34);background:linear-gradient(135deg,rgba(25,31,68,.94),rgba(13,15,41,.9));color:#fff;border-radius:999px;min-height:62px;padding:8px 16px 8px 9px;display:inline-flex;align-items:center;gap:11px;font:inherit;text-align:left;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.07);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.sound-preview:hover{transform:translateY(-2px);border-color:rgba(255,211,107,.72);box-shadow:0 16px 42px rgba(0,0,0,.32),0 0 24px rgba(241,185,67,.1)}.sound-preview:focus-visible{outline:3px solid rgba(255,211,107,.55);outline-offset:4px}.sound-preview__icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#9a6d2b,#332050 68%);font-size:1.15rem;box-shadow:0 0 20px rgba(241,185,67,.2)}.sound-preview__copy{display:grid;line-height:1.12}.sound-preview__copy strong{font-size:.92rem;letter-spacing:.01em}.sound-preview__copy small{color:#9ea9c4;font-size:.68rem;margin-top:5px}.sound-preview__bars{height:28px;display:flex;align-items:center;gap:3px;margin-left:2px}.sound-preview__bars i{display:block;width:3px;height:8px;border-radius:3px;background:linear-gradient(var(--gold),var(--violet));transform-origin:center}.sound-preview__bars i:nth-child(2){height:17px}.sound-preview__bars i:nth-child(3){height:23px}.sound-preview__bars i:nth-child(4){height:13px}.sound-preview.is-playing{border-color:rgba(255,211,107,.78);box-shadow:0 14px 38px rgba(0,0,0,.32),0 0 28px rgba(127,92,255,.16)}.sound-preview.is-playing .sound-preview__icon{background:radial-gradient(circle at 35% 30%,#d69f3d,#51317b 70%)}.sound-preview.is-playing .sound-preview__bars i{animation:sound-pulse .72s ease-in-out infinite alternate}.sound-preview.is-playing .sound-preview__bars i:nth-child(2){animation-delay:-.48s}.sound-preview.is-playing .sound-preview__bars i:nth-child(3){animation-delay:-.24s}.sound-preview.is-playing .sound-preview__bars i:nth-child(4){animation-delay:-.6s}.sound-preview__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes sound-pulse{from{transform:scaleY(.45);opacity:.6}to{transform:scaleY(1.15);opacity:1}}@media(prefers-reduced-motion:reduce){.sound-preview,.sound-preview__bars i{transition:none!important;animation:none!important}}@media(max-width:560px){.sound-preview{width:min(100%,290px)}.sound-preview__bars{margin-left:auto}}

/* Scalable primary navigation */
.nav{justify-content:flex-start;gap:clamp(18px,3vw,42px)}
.links{flex:1;justify-content:center;margin-left:auto;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.links::-webkit-scrollbar{display:none}
.nav-cta{flex:0 0 auto}

/* Contact and company information now live in the global footer. */
.site-footer{display:block;max-width:1220px;margin:auto;padding:58px 28px 34px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
.footer-grid{display:grid;grid-template-columns:1.35fr .55fr 1fr 1.25fr;gap:48px;align-items:start}
.footer-intro p{max-width:300px;margin:17px 0 0;color:#9997aa;line-height:1.6}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#9997aa;font-style:normal;line-height:1.55}
.footer-column>strong{color:#fff;font-family:"Wonderslot Serif",Georgia,serif;font-size:1rem;margin-bottom:7px}
.footer-column p{margin:0;color:#9997aa}
.footer-column a{color:#c9c7d4;text-decoration:none;overflow-wrap:anywhere}
.footer-column a:hover{color:#fff}
.footer-bottom{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:28px;margin-top:45px;padding-top:24px;border-top:1px solid rgba(255,255,255,.09);color:#77768b;font-size:.78rem}
.footer-bottom p{margin:0;text-align:left}.footer-bottom a{color:#aaa8b9;text-decoration:none}.footer-bottom span{text-align:right}
@media(max-width:900px){.links{display:flex;justify-content:flex-start;gap:24px}.footer-grid{grid-template-columns:1fr 1fr}.site-footer{text-align:left}.footer-brand{justify-content:flex-start}.footer-bottom{grid-template-columns:auto auto;}.footer-bottom span{grid-column:1/-1;text-align:left}}
@media(max-width:620px){.nav{gap:12px}.brand span{display:none}.links{margin-left:0;gap:18px}.nav-cta{margin-left:auto}.site-footer{padding:46px 20px 30px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{grid-template-columns:1fr;gap:10px}.footer-bottom span{grid-column:auto}.footer-brand{justify-content:flex-start}.footer-column{align-items:flex-start}}