@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#eef2ff;background:#080d1b;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif}p{line-height:1.7;color:#a7b1c8}.site-shell{overflow:hidden}.site-header{max-width:1220px;margin:auto;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:11px;font-family:Outfit;font-weight:800;letter-spacing:1px;font-size:17px}.brand b{color:#88a1ff}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(145deg,#8b7aff,#4775ee);border-radius:13px;font-size:28px;font-weight:800;position:relative;box-shadow:0 8px 35px #5657f34a}.brand-mark span{position:absolute;font-size:10px;top:7px;right:6px;color:#caffec}.site-header nav{display:flex;gap:38px;font-size:13px;color:#b2bbcf}.site-header nav a:hover,.footer a:hover{color:#9faaff}.header-cta{border:1px solid #3b4763;border-radius:9px;padding:12px 17px;font-size:12px;font-weight:700}.header-cta span{margin-left:12px;color:#9a9dff}.hero{min-height:625px;max-width:1220px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;position:relative;padding:35px 30px 90px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 77% 43%,#1c2151 0%,transparent 47%);z-index:-1}.hero-copy{position:relative;z-index:2}.kicker,.eyebrow{color:#8e9dff;font-size:11px;letter-spacing:2.2px;font-weight:800}.kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid #313b65;background:#181e39;border-radius:30px;padding:11px 16px}.spark{color:#8af4c8}.hero h1{font-size:clamp(53px,5.5vw,79px);line-height:1.06;letter-spacing:-3.8px;margin:27px 0}.hero h1 span{background:linear-gradient(90deg,#7a9fff,#b78aff,#79e3ce);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:16px;max-width:455px}.hero-actions{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}.btn{padding:15px 23px;border-radius:10px;display:inline-flex;gap:23px;align-items:center;font-size:13px;font-weight:700}.btn-primary{background:#7a83ff;color:#fff;box-shadow:0 10px 40px #5860ee36}.btn-primary:hover{background:#9399ff}.btn-secondary{border:1px solid #38415c;color:#e1e7ff}.hero-meta{display:flex;gap:23px;color:#7e8aa5;font-size:11px;margin-top:51px;flex-wrap:wrap}.hero-meta i{display:inline-block;background:#72e0b5;width:7px;height:7px;border-radius:50%;margin-right:6px}.hero-visual{height:450px;position:relative}.halo{position:absolute;width:350px;height:350px;border:1px solid #4b4d895c;border-radius:50%;top:45px;left:50%;transform:translate(-50%);box-shadow:0 0 0 48px #1a21471c,0 0 0 95px #1a21471a}.float-card{position:absolute;width:192px;height:166px;background:linear-gradient(145deg,#283466,#151e3d);border:1px solid #5a659c6b;border-radius:24px;padding:25px;box-shadow:0 20px 60px #050819a0;display:flex;flex-direction:column;transform:rotate(-9deg)}.float-card>span{font-size:38px;color:#b6a0ff}.float-card strong{font-family:Outfit;font-size:20px;letter-spacing:2px;margin-top:10px}.float-card small{color:#9fa9c6;font-size:10px;margin-top:4px}.card-one{top:35px;left:12%}.card-two{top:155px;right:4%;transform:rotate(12deg);background:linear-gradient(145deg,#244c62,#162c43)}.card-two>span{color:#7ff0d3}.card-three{top:275px;left:20%;transform:rotate(-5deg);background:linear-gradient(145deg,#40306c,#211a43)}.hero-star{position:absolute;right:18%;top:55px;font-size:52px;color:#91a5ff}.work-section,.about-section,.contact-section{max-width:1220px;margin:auto;padding:90px 30px}.work-section{border-top:1px solid #202a41}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-heading h2,.about-section h2,.contact-section h2{font-size:clamp(35px,4vw,52px);letter-spacing:-1.7px;margin:12px 0}.section-heading em,.about-section em,.contact-section em{font-style:normal;color:#9b9cff}.section-heading p{max-width:525px;font-size:14px}.filters{display:flex;gap:7px;background:#141b2e;padding:5px;border:1px solid #29334b;border-radius:10px;white-space:nowrap}.filter{background:none;border:0;color:#8794b0;border-radius:7px;padding:10px 13px;font-size:12px}.filter.active{background:#333e64;color:#fff}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.app-card{border:1px solid #29344e;background:linear-gradient(150deg,#172039,#10172a);border-radius:18px;padding:20px;min-width:0;transition:transform .2s}.app-card:hover{transform:translateY(-5px)}.app-icon{height:148px;display:grid;place-items:center;font-size:68px;border-radius:13px;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 33%,#17213a),#11182a);margin-bottom:22px}.app-info .eyebrow{font-size:9px;letter-spacing:1.4px}.app-info h3{font-size:23px;margin:9px 0}.app-info p{font-size:12px;min-height:65px}.card-footer{border-top:1px solid #29334b;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:5px}.pill{font-size:10px;color:#c2cafa;background:#293353;padding:7px 10px;border-radius:6px}.card-footer a{font-size:11px;color:#aab7ff;font-weight:700}.catalog-note{text-align:center;font-size:12px;margin-top:30px}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.about-art{min-height:350px;border:1px solid #313a67;border-radius:25px;background:radial-gradient(circle,#3c377d,#181c39 62%,#12192d);display:grid;place-items:center;position:relative}.art-letter{font-size:175px;font-family:Outfit;font-weight:800;color:#b5a5ff;position:relative;text-shadow:0 0 60px #9580ff77}.art-letter span{position:absolute;font-size:45px;right:-23px;top:36px;color:#8cf4d1}.about-section p{font-size:14px}.value-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.value-row span{font-size:11px;color:#c3c9ec;border:1px solid #35405e;padding:10px;border-radius:7px}.contact-section{text-align:center;padding-top:100px;padding-bottom:120px;background:radial-gradient(ellipse at center,#1c2250 0%,transparent 62%)}.contact-section p{max-width:440px;margin:0 auto 25px}.contact-section small{display:block;color:#7d88a0;margin-top:20px}.footer{border-top:1px solid #27314a;max-width:1220px;margin:auto;padding:42px 30px 25px}.footer-top{display:flex;justify-content:space-between;align-items:start}.footer-top p{font-size:12px;text-align:right}.footer-bottom{border-top:1px solid #27314a;margin-top:35px;padding-top:24px;display:flex;justify-content:space-between;color:#78859f;font-size:11px}.footer-bottom div{display:flex;gap:25px}.detail,.legal{max-width:900px;min-height:60vh;margin:0 auto;padding:85px 30px}.detail h1,.legal h1{font-size:clamp(40px,6vw,70px);margin:15px 0}.detail>p{max-width:580px}.detail-icon{width:140px;height:140px;display:grid;place-items:center;font-size:76px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,#152039),#152039);border-radius:25px;margin:35px 0}.detail .notice{margin:35px 0}.notice{padding:18px 22px;background:#1c2641;border:1px solid #34466c;border-radius:10px;color:#bac7e7;font-size:13px;line-height:1.6}.back{font-size:13px;color:#9baaff}.legal h2{margin-top:35px}.legal a{color:#aab4ff}@media(max-width:1000px){.app-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr .8fr}.float-card{width:160px;height:150px}.hero h1{font-size:57px}.about-section{gap:35px}}@media(max-width:720px){.site-header{height:75px;padding:0 20px}.site-header nav{display:none}.brand{font-size:14px}.brand-mark{width:36px;height:36px}.header-cta{font-size:10px;padding:10px}.hero{grid-template-columns:1fr;padding:60px 22px 50px;min-height:0}.hero h1{font-size:clamp(49px,11vw,70px);letter-spacing:-2.5px}.hero-visual{height:340px;margin-top:40px}.halo{height:245px;width:245px}.float-card{width:150px;height:136px;padding:18px}.float-card>span{font-size:27px}.float-card strong{font-size:16px}.card-one{left:8%;top:15px}.card-two{top:105px;right:0}.card-three{top:215px;left:13%}.hero-meta{margin-top:30px}.work-section,.about-section,.contact-section{padding:70px 22px}.section-heading{display:block}.filters{width:max-content;margin-top:25px}.app-grid{grid-template-columns:1fr 1fr;gap:12px}.app-card{padding:12px}.app-icon{height:110px;font-size:45px}.app-info h3{font-size:19px}.app-info p{min-height:100px}.card-footer{flex-wrap:wrap}.about-section{grid-template-columns:1fr}.about-art{min-height:250px}.art-letter{font-size:125px}.footer-top,.footer-bottom{gap:25px;flex-wrap:wrap}.footer-top p{text-align:left}}@media(max-width:420px){.app-grid{grid-template-columns:1fr}.app-info p{min-height:0}.header-cta{display:none}}.app-icon img{height:118px;width:118px;object-fit:cover;border-radius:24px;box-shadow:0 12px 30px #0007}.detail-icon img{height:140px;width:140px;object-fit:cover;border-radius:25px}.detail .btn{margin-top:14px}@media(max-width:720px){.app-icon img{width:92px;height:92px;border-radius:20px}}.clickable-card{position:relative;transition:transform .2s ease,border-color .2s ease}.clickable-card:hover{transform:translateY(-5px);border-color:#6376be}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.card-overlay:focus-visible{outline:3px solid #a3afff;outline-offset:3px}.card-explore{color:#aab7ff;font-weight:700;font-size:11px}.card-privacy,.card-store{position:relative;z-index:2}.card-privacy{display:inline-block;margin-top:15px;font-size:12px;color:#aebcff}.card-store{margin-top:14px}.play-badge{display:inline-flex;align-items:center;gap:10px;background:#050505;border:1px solid #8c91a0;border-radius:8px;padding:7px 13px;color:#fff;line-height:1.1;max-width:190px}.play-badge:hover{border-color:#fff;background:#151515}.play-badge svg{height:32px;width:32px;flex-shrink:0}.play-badge span{display:flex;flex-direction:column;align-items:flex-start}.play-badge small{font-size:9px;letter-spacing:1px;color:#fff}.play-badge strong{font-size:19px;font-weight:600;letter-spacing:-.4px}.detail-store{margin:25px 0}.detail-icon img{width:100%;height:100%;object-fit:contain;border-radius:22px}.legal h1{font-size:clamp(30px,4vw,52px)}.legal li{color:#a7b1c8;line-height:1.8;margin:9px 0}.legal h2{font-size:24px}.legal h3{margin-top:25px}.legal p{overflow-wrap:anywhere}