:root{color-scheme:dark;--ink:#f8f2ff;--pink:#f3c6ff;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:#080d24;color:var(--ink);font-family:var(--sans);font-size:clamp(12px,1.2vw,18px);position:relative;min-height:150vw}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #f4c9ff;outline-offset:5px}.world{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.world>img{width:100%;height:100%;object-fit:fill}.world canvas{position:absolute;inset:0;width:100%;height:100%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,27,.26),transparent 55%),linear-gradient(0deg,rgba(3,5,20,.35),transparent 18%)}header{height:8vw;max-height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 7.6%;gap:20px}.brand{display:flex;align-items:center;white-space:nowrap;font-family:var(--serif);font-size:clamp(24px,2.65vw,42px);font-weight:600;letter-spacing:-1px}.brand-mark{display:inline-block;position:relative;color:#e3d6ff;font-size:1.15em;margin-right:10px;filter:drop-shadow(0 0 8px #988eff)}.brand-mark i{position:absolute;font-style:normal;left:40%;top:-.1em;color:#ffe0ff;font-size:.8em}.brand-mark b{position:absolute;right:-.25em;top:-.18em;font-size:.38em}nav{display:flex;gap:2.8vw;align-items:center;font-size:.92em}nav a{position:relative;padding:12px 0}nav a:hover,nav a.active{color:#fff;text-shadow:0 0 12px #bbc0ff}nav .active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#a8b8ff;box-shadow:0 0 10px 3px #8295ff70}.outline{display:inline-flex;gap:16px;align-items:center;justify-content:center;border:1px solid #c6a1ea9e;background:linear-gradient(135deg,#a99bed25,#34276d50);box-shadow:inset 0 0 12px #a79cff28,0 0 14px #ba80ff18;border-radius:99px;padding:.8em 1.8em;transition:.2s}.outline:hover{background:#8d6fc755;box-shadow:0 0 20px #b695ff50;transform:translateY(-2px)}.journey{font-size:.83em}.journey>span{color:#ebbdff;font-size:1.3em}.menu{display:none}.hero{height:44vw;position:relative}.hero-copy{position:absolute;left:8.5%;top:7.4vw;max-width:41%;text-shadow:0 2px 18px #060923}.eyebrow{font-size:.83em;letter-spacing:.15em;margin:0 0 .4em}h1{font-family:var(--serif);font-size:7.8vw;font-weight:500;line-height:.98;letter-spacing:-.05em;margin:0;text-shadow:0 0 16px #e7a7ff80}.motto{font-family:var(--serif);letter-spacing:.23em;font-size:1.45em;margin:.35em 0 1em;text-align:center}.motto span{margin:0 .38em}.script{font-family:'Allura',cursive;font-weight:400;font-size:3.7vw;line-height:.96;color:#f6ceff;transform:rotate(-5deg);text-shadow:0 0 13px #b372ec50;margin:.4em 0 .6em;text-align:center}.intro{line-height:1.75;margin:1.3em 0 1.2em 3vw}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:linear-gradient(100deg,#e9baff,#f6efff 55%,#d8e3ff);color:#13144a;border:1px solid white;border-radius:50px;padding:1em 1.8em;box-shadow:0 0 10px #fff9,0 0 30px #b791ffb3;font-weight:500;font-size:.9em;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 0 15px #fff,0 0 35px #be91ff}.hero .button{margin-left:3vw}.vertical{position:absolute;right:3.4%;top:1vw;text-align:center}.vertical>span{writing-mode:vertical-rl;font-family:serif;font-size:2.5vw;letter-spacing:.24em;color:#f7d3ff;text-shadow:0 0 12px #b063ff}.vertical small{display:block;font-family:var(--serif);font-size:1em;letter-spacing:.14em;line-height:1.5;margin-top:12px}.scroll{position:absolute;left:3%;bottom:3%;font-size:.7em;line-height:1.5;letter-spacing:.08em}.line{display:block;width:1px;height:10vw;background:linear-gradient(transparent,#eacfff);margin:0 auto 14px}.mouse{display:block;width:12px;height:24px;border:1px solid #eee;border-radius:8px;margin:0 auto 10px}.mouse:after{content:'';display:block;width:2px;height:6px;background:white;margin:4px auto;animation:scroll 2s infinite}.app-section{position:relative;display:flex;align-items:center;height:26vw;gap:3vw}.first{padding-left:50%;padding-right:7%}.phone-wrap{position:relative;flex:none;width:13vw;height:23vw;display:flex;align-items:center;justify-content:center}.phone{position:relative;overflow:hidden;width:10vw;height:21vw;border:4px solid #171625;border-radius:2vw;background:radial-gradient(ellipse at 50% 65%,#533b97 0%,#0e1839 65%);box-shadow:0 0 0 2px #a499bd,9px 10px 17px #010412a0,0 0 28px #d297fe7a;transform:rotate(-12deg);padding:2vw .65vw 1vw;animation:float 7s ease-in-out infinite}.notch{position:absolute;top:0;left:25%;width:50%;height:.9vw;background:#080a13;border-radius:0 0 10px 10px}.phone-stars{color:#e6b5ff;text-align:center;font-size:2vw;line-height:1.5;text-shadow:0 0 10px #eea1ff}.app-logo{margin:.5vw auto 1vw;border-radius:9px;width:4vw;height:4vw;background:linear-gradient(140deg,#ffe4ab,#ffbe68);color:#6e458b;display:grid;place-items:center;font-size:2.6vw;font-weight:700;box-shadow:0 0 18px #ff9aff}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.game-grid span{height:2vw;border-radius:4px;background:linear-gradient(135deg,#a2f1ff,#6974e8);box-shadow:inset 0 0 3px #fff8}.game-grid span:nth-child(3n){background:linear-gradient(135deg,#d5a8ff,#9567dd)}.game-grid span:nth-child(5n){background:linear-gradient(135deg,#ffdaa4,#f5a661)}.game-grid span:nth-child(7n){background:linear-gradient(135deg,#ffb9e4,#d65bb6)}.home-indicator{position:absolute;bottom:5px;left:33%;width:34%;height:3px;background:#fffc;border-radius:4px}.cube{position:absolute;width:3.4vw;height:3.4vw;border:1px solid #ffdf9d;background:linear-gradient(135deg,#ffdda0,#ef9d4d);transform:rotate(25deg);box-shadow:0 0 25px #ffb16b9f;animation:float 5s infinite}.cube.one{left:-4vw;bottom:5vw}.cube.two{right:-.3vw;top:3vw;width:2.4vw;height:2.4vw;background:#ed8bc4;animation-delay:-2s}.cube.three{left:-3vw;top:6vw;width:2vw;height:2vw;background:#94e1ff;animation-delay:-3s}.app-copy{max-width:26vw;text-shadow:0 2px 12px #08091c,0 0 24px #03081f}.app-heading{display:flex;align-items:center;gap:1.2vw}h2{font:500 3vw/1.1 var(--serif);margin:.25em 0 .45em}h3{font:500 1.65vw var(--serif);margin:.4em 0}.app-copy p,.about-copy p{line-height:1.7;font-size:.94em;margin:.6em 0 1.15em}.icon{display:grid;place-items:center;flex:none;width:4.6vw;height:4.6vw;border:1px solid #c7a1ff;border-radius:1vw;box-shadow:inset 0 0 15px #cf8aff,0 0 15px #9772f860;font-size:2.6vw;font-weight:700}.x2{color:#ffe19b;background:linear-gradient(140deg,#a46df8,#4638a9)}.icon2248{font-size:1.4vw;background:radial-gradient(ellipse at bottom,#bf74ff,#231340)}.platforms{display:block;font-size:.68em;color:#ddd2eb;margin:12px 0}.platforms span{padding:0 7px}.detail{font-size:.8em;padding:.8em 1.2em}.circle{border:1px solid #ad9bed80;border-radius:50%;width:4vw;height:4vw;background:#2920588a;box-shadow:inset 0 0 14px #a99cff40;font-size:2.2vw}.next{position:absolute;right:3%;top:40%}.second{height:24vw;padding-left:11%;gap:3vw}.second .phone{transform:rotate(-15deg);height:22vw}.merge strong{display:block;text-align:center;font-size:2.6vw;text-shadow:0 0 15px #f69fff;margin:1vw 0 3vw}.diamond-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;transform:rotate(-30deg);width:9vw}.diamond-grid span{height:2vw;border:1px solid #d6c2ff;background:linear-gradient(145deg,#e995ff,#816aef);box-shadow:0 0 12px #b15fff}.diamond-grid span:nth-child(3n){background:#81cdff}.more{position:absolute;right:7%;top:30%;font-size:3.2vw}.more span{margin-left:4vw}.about{height:19vw;display:flex;align-items:center;gap:6vw;padding:0 10% 0 16%}.about-copy{width:34vw}.about-copy h2{font-size:2.3vw}.about-copy .eyebrow{font-size:.62em}.about-copy .outline{font-size:.82em;padding:.7em 2em}.values{display:flex;flex:1;gap:2.2vw;text-align:center;margin-top:3vw}.values>div{flex:1;white-space:nowrap}.value-icon{display:grid;place-items:center;font-size:3vw;margin:auto;width:4.5vw;height:4.5vw;border:1px solid #898be569;background:#10183985;border-radius:50%;box-shadow:inset 0 0 14px #b4a7ff40}h4{font-size:.83em;font-weight:500;margin:12px 0 4px}.values p{line-height:1.6;font-size:.8em;margin:0}.contact{height:22vw;position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:2vw 6%}.contact-card{padding:1.8vw 2.2vw;width:32vw;border:1px solid #b7a2e789;border-radius:2vw;background:linear-gradient(130deg,#22265bc9,#4a3669ad);box-shadow:inset 0 0 25px #bbb1ff28,0 12px 35px #03092188;backdrop-filter:blur(10px)}.contact-card h2{font-size:2.2vw;margin:0 0 .4em}.contact-card p{font-size:.8em;line-height:1.65;margin:0 0 1.2em}.contact-card .button{width:100%;font-size:.85em}.contact-card small{display:block;text-align:center;font-size:.65em;color:#d4c6ec;margin-top:12px}.keep{position:absolute;left:37%;top:1vw}.keep span{margin-left:2vw}.keep i{font-size:2vw;position:absolute;top:0;right:-2vw}footer{height:7vw;border-top:1px solid #bca6ef45;background:#04091b70;display:flex;align-items:center;gap:1.5vw;padding:0 4.5%;position:relative;backdrop-filter:blur(4px)}footer .brand{font-size:2vw}footer .tagline{font-size:.65em}footer nav{font-size:.7em;margin-left:auto;gap:2vw}footer nav button{border:0;background:none;padding:0;font-size:inherit}footer small{position:absolute;right:4.5%;bottom:8px;font-size:.6em;color:#cfbddf}.motion-control{position:fixed;bottom:16px;left:16px;z-index:5;border:1px solid #a491b763;border-radius:30px;background:#0c143aca;backdrop-filter:blur(10px);font-size:12px;padding:8px 12px}.motion-control span{margin-left:5px}dialog{max-width:510px;width:calc(100% - 36px);border:1px solid #b89bdc;border-radius:24px;background:linear-gradient(135deg,#171d40,#33234b);color:#fbf1ff;padding:38px;box-shadow:0 0 60px #b283f23b}dialog::backdrop{background:#02061dba;backdrop-filter:blur(8px)}dialog h2{font-size:36px}dialog p{font-size:15px;line-height:1.7}dialog .close{position:absolute;right:15px;top:8px;background:none;border:0;font-size:30px}dialog label{display:block;font-size:13px;margin:15px 0 6px}dialog input,dialog textarea{display:block;width:100%;padding:12px;background:#060d2980;border:1px solid #a993c15e;border-radius:10px;color:white}dialog textarea{min-height:110px;resize:vertical}dialog .button{margin-top:18px;width:100%}.form-note{font-size:12px!important;color:#c6b6d8}.paused *{animation-play-state:paused!important}@keyframes float{50%{translate:0 -9px}}@keyframes scroll{70%{transform:translateY(6px);opacity:0}}
@media(min-width:1600px){body{font-size:19px}}@media(max-width:700px){body{min-height:0;font-size:14px}.world>img{object-fit:cover;object-position:59% top}.shade{background:linear-gradient(90deg,#050b2990,#050b2933),linear-gradient(0deg,#060a27aa,transparent)}header{height:90px;max-height:none;padding:0 6%}.brand{font-size:29px}.journey{display:none}.menu{display:block;background:#1d214a80;border:1px solid #c5a1df66;border-radius:50%;width:40px;height:40px;font-size:18px}header nav{display:none;position:absolute;top:76px;left:5%;right:5%;z-index:10;background:#101735f5;border:1px solid #977bbf;border-radius:16px;padding:16px;justify-content:space-around;font-size:13px;gap:12px}header nav.open{display:flex}.hero{height:650px}.hero-copy{top:120px;left:8%;max-width:85%}.eyebrow{font-size:9px}h1{font-size:77px}.motto{font-size:17px}.script{font-size:42px}.intro{font-size:14px;margin:28px 0 24px 12px}.hero .button{margin-left:12px}.vertical{right:5%;top:10px}.vertical>span{font-size:22px}.vertical small{display:none}.scroll{left:8%;bottom:20px;font-size:9px}.line{height:36px}.app-section,.first,.second{height:420px;padding:20px 7%;gap:24px}.phone-wrap{width:32%;height:280px}.phone,.second .phone{width:110px;height:235px;min-width:110px;border-radius:21px;padding:24px 7px 12px}.notch{height:10px}.phone-stars{font-size:22px}.app-logo{width:43px;height:43px;font-size:30px;margin:10px auto}.game-grid span{height:22px}.home-indicator{height:2px}.cube.one{left:-10px;bottom:50px;width:30px;height:30px}.cube.two{width:20px;height:20px;right:-6px;top:20px}.cube.three{width:20px;height:20px;left:-15px;top:50px}.app-copy{max-width:none;flex:1}.app-heading{gap:10px}.icon{width:38px;height:38px;border-radius:10px;font-size:24px}.icon2248{font-size:13px}h2{font-size:29px}h3{font-size:21px}.app-copy p{font-size:12px}.platforms{font-size:9px}.next{display:none}.merge strong{font-size:28px;margin:10px 0 30px}.diamond-grid{width:95px}.diamond-grid span{height:24px}.more{display:none}.about{height:auto;min-height:440px;padding:50px 8%;display:block;background:#080e2950}.about-copy{width:auto}.about-copy h2{font-size:32px}.about-copy p{font-size:14px}.values{gap:16px;margin-top:35px}.value-icon{width:46px;height:46px;font-size:30px}.values>div{white-space:normal}h4{font-size:11px}.values p{font-size:10px}.contact{height:430px;padding:105px 7% 35px}.contact-card{width:100%;padding:25px;border-radius:20px}.contact-card h2{font-size:29px}.contact-card p{font-size:12px}.keep{font-size:38px;left:12%;top:5px;line-height:.7}.keep br{display:none}.keep i{font-size:22px;right:-30px}footer{height:auto;min-height:165px;flex-wrap:wrap;padding:25px 7% 40px;gap:12px}footer .brand{font-size:25px}footer .tagline{font-size:8px}footer nav{width:100%;margin:0;justify-content:space-between;font-size:11px;gap:15px}footer small{bottom:16px;right:7%;font-size:8px}.motion-control{bottom:10px;left:10px;font-size:10px}.motion-control span{display:none}dialog{padding:30px}dialog h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
