.hero{isolation:isolate;min-height:min(880px,100svh - 70px);overflow:hidden}.hero:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 34%,#dfc2781a,#0000 24%),radial-gradient(circle at 17% 67%,#4859971f,#0000 30%),radial-gradient(circle at 82% 57%,#48599714,#0000 26%);position:absolute;inset:0}.hero:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000,#040710eb);height:36%;position:absolute;inset:auto 0 0}.heroVideo{filter:saturate(.82)contrast(1.05)brightness(.72);transform:scale(1.035)}.heroShade{background:linear-gradient(90deg,#03050cb8,#03050c33 48%,#03050c85),linear-gradient(#03050c1f,#03050cad)}.heroContent{z-index:4;max-width:880px;position:relative}.heroLogo{filter:drop-shadow(0 16px 38px #00000080);animation:.9s cubic-bezier(.2,.7,.2,1) both cbHeroLogoIn}.heroKicker{letter-spacing:.24em;text-transform:uppercase;color:#dfc77f;animation:.8s .16s both cbHeroTextIn}.heroLead{text-wrap:balance;max-width:760px;animation:.8s .24s both cbHeroTextIn}.hero .heroActions{animation:.8s .34s both cbHeroTextIn}.hero .button{transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.hero .button:hover{transform:translateY(-2px);box-shadow:0 10px 34px #00000047}.hero .button:first-child:after{content:"";background:#ffffff2e;width:20%;transition:left .55s;position:absolute;inset:-100% auto -100% -30%;transform:rotate(20deg)}.hero .button:first-child:hover:after{left:120%}.cbHeroScroll{z-index:5;opacity:.72;border:1px solid #e8d29757;border-radius:999px;width:22px;height:38px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.cbHeroScroll span{background:#dfc77f;border-radius:99px;width:3px;height:7px;animation:1.7s ease-in-out infinite cbScrollDot;position:absolute;top:7px;left:50%;transform:translate(-50%)}.pageShell{position:relative}.pageShell:before{content:"";pointer-events:none;filter:blur(20px);background:radial-gradient(circle,#37467c14,#0000 68%);width:min(1000px,76vw);height:760px;position:absolute;top:7%;left:50%;transform:translate(-50%)}.homePromoSection,.introGrid,.homeWorldCard,.featureCardV6,.homeUniverseLinks .panel,.appStoreHomeBlock{transition:transform .28s,border-color .28s,background-color .28s,box-shadow .28s}.homePromoSection{background:linear-gradient(145deg,#12182f8c,#080b1857);border:1px solid #ffffff13;border-radius:30px;padding:clamp(28px,4vw,52px);box-shadow:0 22px 70px #00000029}.homePromoVideoFrame{border:1px solid #dfc77f2e;border-radius:24px;overflow:hidden;box-shadow:0 22px 65px #0000004d}.homePromoVideoFrame:hover{border-color:#dfc77f59;transform:translateY(-3px)}.introGrid{background:radial-gradient(circle at 18%,#dabd6f14,#0000 30%),#0b0f1f42;border:1px solid #ffffff12;border-radius:30px;padding:clamp(26px,4vw,48px)}.symbolFrame img{filter:drop-shadow(0 16px 44px #1a244c47);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}.symbolFrame:hover img{filter:drop-shadow(0 20px 54px #495b9e61);transform:scale(1.025)}.homeLoreQuote{border-left:2px solid #dfc77f94;padding-left:20px;position:relative}.homeWorldCard:hover,.featureCardV6:hover,.homeUniverseLinks .panel:hover{border-color:#dfc77f4d;transform:translateY(-6px);box-shadow:0 18px 54px #0000002e}.homeWorldImageWrap,.featureVisualV6{overflow:hidden}.homeWorldImageWrap img,.featureVisualV6 img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.homeWorldCard:hover .homeWorldImageWrap img,.featureCardV6:hover .featureVisualV6 img{transform:scale(1.035)}.appStoreHomeBlock{background:radial-gradient(circle at 85%,#dabd6f14,#0000 34%),linear-gradient(145deg,#10152a94,#080b1866);border-color:#dfc77f33}.appStoreHomeBlock:hover{border-color:#dfc77f57}.cbReveal{opacity:0;transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transform:translateY(32px)}.cbReveal.cbRevealVisible{opacity:1;transform:translateY(0)}@keyframes cbHeroLogoIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cbHeroTextIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cbScrollDot{0%,to{opacity:.35;transform:translate(-50%)}45%{opacity:1;transform:translate(-50%,13px)}}@media (prefers-reduced-motion:reduce){.heroLogo,.heroKicker,.heroLead,.hero .heroActions,.cbHeroScroll span{animation:none!important}.cbReveal{opacity:1;transition:none;transform:none}.homeWorldCard,.featureCardV6,.homeUniverseLinks .panel,.symbolFrame img,.hero .button{transition:none}}@media (max-width:760px){.hero{min-height:760px}.heroContent{padding-bottom:72px}.cbHeroScroll{display:none}.homePromoSection,.introGrid{border-radius:22px;padding:22px 18px}}.hero{min-height:min(780px,100svh - 78px)}.heroContent{width:min(920px,100% - 40px);padding:clamp(72px,9vh,104px) 0 clamp(70px,8vh,96px)}.heroLogo{width:min(560px,76vw)}.heroKicker{opacity:.9;margin:2px auto 18px;font-size:.68rem}.heroLeadTitle{color:#f5f0e7;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 18px 48px #00000057;width:min(820px,100%);margin:0 auto;font:500 clamp(2.45rem,5vw,4.85rem)/1.03 Georgia,Times New Roman,serif;animation:.8s .24s both cbHeroTextIn}.heroLead{color:#c7c5ce;width:min(710px,100%);margin:18px auto 0;font-size:clamp(1rem,1.55vw,1.18rem);line-height:1.7}.hero .heroActions{margin-top:28px}.pageShell{padding-top:54px}.pageShell>.section{padding-block:clamp(62px,7vw,86px)}.pageShell>.section+.section{border-top:1px solid #ffffff0b}.sectionHeading{max-width:720px;margin-bottom:34px}.sectionHeading h2{font-size:clamp(2.05rem,3.8vw,3.6rem)}.sectionHeading .lead{margin-top:15px}.featureGridThree{gap:18px}.featureCardV6{min-height:100%}.featureVisualV6{min-height:260px;padding:20px}.featureVisualV6 img{height:220px}.featureBodyV6{padding:20px 22px 23px}.featureBodyV6 h3{font-size:1.42rem}.featureBodyV6 p{line-height:1.65}.appStoreHomeBlock{background:radial-gradient(circle at 82%,#d8c07b0e,#0000 32%),#0a0d196b;border:1px solid #d8c07b24;border-radius:20px;margin-top:28px;padding:22px 24px}.homePromoSection{border-radius:26px;grid-template-columns:.86fr 1.14fr;gap:clamp(24px,4vw,42px);padding:clamp(24px,3.5vw,42px)}.homePromoCopy h2{font-size:clamp(2rem,3.4vw,3.25rem)}.homePromoCopy .lead{margin-top:15px}.homePromoCopy .loreIntroText{margin-top:14px;line-height:1.7}.homePromoVideoFrame{border-radius:20px}.introGrid{border-radius:26px;gap:clamp(34px,6vw,68px);padding:clamp(24px,3.8vw,42px)}.symbolFrame{max-width:310px}.homeLoreQuote{margin-top:24px;font-size:clamp(1.2rem,2vw,1.55rem)}.homeWorldGrid{gap:14px}.homeWorldCard{border-radius:18px;box-shadow:0 18px 42px #00000038}.homeWorldBody{padding:16px}.homeWorldBody .muted{font-size:.86rem;line-height:1.6}.homeWorldBody .worldGuardians{font-size:.78rem}.homeUniverseLinks{gap:16px}.homeUniverseLinks .panel{border-radius:20px;padding:clamp(22px,3vw,30px);box-shadow:0 18px 46px #0003}.homeUniverseLinks .panel .muted{line-height:1.68}@media (max-width:980px){.homePromoSection{grid-template-columns:1fr}.heroLeadTitle{font-size:clamp(2.35rem,7vw,4rem)}}@media (max-width:760px){.hero{min-height:690px}.heroContent{width:min(100% - 28px,920px);padding:68px 0 70px}.heroLogo{width:min(440px,84vw)}.heroLeadTitle{font-size:clamp(2.15rem,10vw,3.35rem)}.heroLead{margin-top:15px;font-size:1rem;line-height:1.62}.hero .heroActions{margin-top:24px}.hero .button{width:100%}.pageShell{padding-top:34px}.pageShell>.section{padding-block:54px}.featureVisualV6{min-height:220px}.featureVisualV6 img{height:190px}.appStoreHomeBlock{align-items:flex-start;padding:20px 18px}.homePromoSection,.introGrid{border-radius:20px;padding:20px 17px}.homeUniverseLinks{grid-template-columns:1fr}}.homeAppTeaser{grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr);align-items:center;gap:clamp(34px,6vw,76px);display:grid}.homeAppTeaserCopy{min-width:0}.homeAppTeaserCopy .sectionHeading{margin-bottom:24px}.homeAppTeaserVisual{isolation:isolate;place-items:center;min-height:520px;display:grid;position:relative}.homeAppPhoneGlow{aspect-ratio:1;filter:blur(8px);z-index:-1;background:radial-gradient(circle,#5b4cbc33,#3f70b414 42%,#0000 70%);border-radius:50%;width:min(420px,92%);animation:7s ease-in-out infinite homePhoneGlow;position:absolute}.homeAppTeaserScreenshot{object-fit:contain;border-radius:34px;width:min(290px,74%);height:auto;animation:7.5s ease-in-out infinite homePhoneFloat;box-shadow:0 30px 70px #0000006b,0 0 0 1px #ffffff14}.homeAppTeaser .appStoreHomeBlock{margin-top:28px}@keyframes homePhoneFloat{0%,to{transform:translateY(0)rotate(-.35deg)}50%{transform:translateY(-8px)rotate(.35deg)}}@keyframes homePhoneGlow{0%,to{opacity:.48;transform:scale(.96)}50%{opacity:.82;transform:scale(1.04)}}@media (max-width:980px){.homeAppTeaser{grid-template-columns:1fr}.homeAppTeaserVisual{min-height:440px}}@media (max-width:760px){.homeAppTeaser{gap:20px}.homeAppTeaserVisual{min-height:390px}.homeAppTeaserScreenshot{border-radius:28px;width:min(245px,68vw)}.homeWorldGrid{grid-template-columns:1fr}.homeWorldImageWrap{min-height:250px}.homeUniverseLinks .panel{min-height:0}}@media (prefers-reduced-motion:reduce){.homeAppPhoneGlow,.homeAppTeaserScreenshot{animation:none!important}}.homeAppMarketingVisual{align-self:stretch;place-items:center;min-height:0;display:grid}.homeAppMarketingPoster{border:1px solid #d8c07b2b;border-radius:26px;width:min(100%,500px);height:auto;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s;display:block;box-shadow:0 30px 80px #00000057}.homeAppMarketingVisual:hover .homeAppMarketingPoster{border-color:#d8c07b4d;transform:translateY(-5px);box-shadow:0 36px 92px #0000006b}@media (max-width:980px){.homeAppMarketingPoster{width:min(100%,560px)}}@media (max-width:760px){.homeAppMarketingVisual{min-height:0}.homeAppMarketingPoster{border-radius:20px;width:100%;max-width:520px}}@media (prefers-reduced-motion:reduce){.homeAppMarketingPoster{transition:none!important;transform:none!important}}.heroLeadTitle{text-wrap:balance;font-size:clamp(2.35rem,4.25vw,4rem);line-height:1.04}.homeUniverseLinks .panel h3{font-size:clamp(1.38rem,2vw,1.82rem);line-height:1.14}@media (max-width:980px){.heroLeadTitle{font-size:clamp(2.25rem,6vw,3.55rem)}}@media (max-width:760px){.heroLeadTitle{font-size:clamp(2.05rem,9vw,3rem)}}
