@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,600,700,900&display=swap";:root{font-family:Satoshi,PingFang SC,Microsoft YaHei,sans-serif;color:#f8f7fb;background:#120720;font-synthesis:none;--ink: #130b1d;--muted: #bdb2c8;--purple: #7b2cff;--violet: #ad43ff;--cyan: #62f4ff;--orange: #ff9d32;--tap: #ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#120720}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -10%,rgba(96,35,160,.36),transparent 34rem),#120720}body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:soft-light}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-shell{width:100%;max-width:100%;overflow-x:hidden}.nav-wrap{position:fixed;top:22px;left:50%;z-index:30;width:min(1120px,calc(100% - 32px));min-height:64px;padding:9px 10px 9px 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#180a26b3;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 16px 60px #00000047;transform:translate(-50%)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em}.brand img{width:44px;height:44px;border-radius:12px;box-shadow:0 8px 24px #7c2cff57}.nav-links{display:flex;align-items:center;gap:26px;color:#d9d1e2;font-size:14px}.nav-links>a:not(.nav-download){transition:color .22s ease}.nav-links>a:not(.nav-download):hover{color:#fff}.nav-download{padding:12px 18px;color:#111016;background:#fff;border-radius:14px;font-weight:700;transition:transform .22s ease,box-shadow .22s ease}.nav-download:hover{transform:translateY(-2px);box-shadow:0 12px 30px #fff3}.hero{position:relative;width:min(1440px,100%);min-height:100svh;margin:0 auto;padding:150px 48px 70px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);align-items:center;gap:40px}.hero:after{content:"";position:absolute;left:50%;bottom:0;width:min(1280px,calc(100% - 48px));height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:translate(-50%)}.hero-copy{position:relative;z-index:2;width:min(720px,100%)}.eyebrow,.chapter-heading>p,.experience-sticky>p:first-child,.final-copy>p{margin:0 0 22px;color:#bfa8d1;font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero h1{width:min(1180px,100%);margin:0;font-size:clamp(3.25rem,5.7vw,6.6rem);line-height:.98;letter-spacing:-.065em;text-wrap:balance}.hero-lead{max-width:660px;margin:32px 0 0;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.8}.hero-actions{margin-top:38px;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.primary-cta{min-height:68px;padding:12px 24px 12px 14px;display:inline-flex;align-items:center;gap:14px;color:#13111a;background:var(--tap);border:1px solid rgba(255,255,255,.85);border-radius:18px;box-shadow:0 22px 50px #00000040;transition:transform .25s ease,box-shadow .25s ease}.primary-cta:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 28px 60px #793dff52}.primary-cta strong,.primary-cta small{display:block}.primary-cta strong{font-size:16px}.primary-cta small{margin-top:2px;color:#6c6574;font-size:11px}.tap-symbol{width:44px;height:44px;display:grid;place-items:center;color:#13c8b0;border-radius:14px;background:#e8fffb}.tap-symbol svg{width:30px;height:30px}.appstore-cta{color:#fff;background:#09070d;border-color:#ffffff47}.appstore-cta:hover{box-shadow:0 28px 60px #0000006b,0 0 34px #ffffff14}.appstore-cta small{color:#b9b2c1}.apple-symbol{width:44px;height:44px;display:grid;place-items:center;color:#fff;border-radius:14px;background:#ffffff1a}.apple-symbol svg{width:28px;height:28px}.secondary-cta{padding:18px 24px;border:1px solid rgba(255,255,255,.14);border-radius:18px;color:#e9e4ed;font-weight:700;transition:background .22s ease,border-color .22s ease}.secondary-cta:hover{background:#ffffff12;border-color:#ffffff3d}.hero-stage{position:relative;z-index:1;min-height:620px;display:grid;place-items:center}.hero-art-frame{position:relative;width:min(600px,100%);aspect-ratio:1;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:34px;transform:rotate(1.5deg);box-shadow:0 50px 110px #00000070,0 0 80px #3cb4ff1f}.hero-art-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(7,10,38,.3))}.hero-art-frame img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.hero-art-frame:hover img{transform:scale(1.04)}.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.32;pointer-events:none}.hero-glow-a{width:420px;height:420px;right:6%;top:18%;background:#3a55ff}.hero-glow-b{width:320px;height:320px;left:2%;bottom:8%;background:#a82cff}.floating-grain{position:absolute;width:13px;height:13px;border-radius:50%;box-shadow:0 0 26px currentColor}.grain-one{top:18%;right:4%;color:var(--cyan);background:currentColor}.grain-two{bottom:18%;left:3%;color:#ff477d;background:currentColor}.grain-three{top:34%;left:2%;color:#ffe74e;background:currentColor}.chapter{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:180px 0}.chapter-heading{max-width:1040px;margin-bottom:70px}.chapter h2{margin:0;font-size:clamp(2.8rem,5.4vw,5.8rem);line-height:1.04;letter-spacing:-.055em;text-wrap:balance}.inline-shot{width:clamp(84px,11vw,160px);height:clamp(38px,5vw,70px);margin:0 .06em;display:inline-block;vertical-align:.05em;border-radius:999px;background:url(/sandsort/assets/gameplay-02.jpg) center 58% / cover;box-shadow:inset 0 0 0 1px #ffffff40}.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,300px);grid-auto-flow:dense;gap:14px}.bento-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:#21122f;transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .3s ease}.bento-card:hover{transform:translateY(-6px);border-color:#ffffff38}.bento-main{grid-column:span 7;grid-row:span 2}.bento-side{grid-column:span 5;grid-row:span 1}.image-card img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:contrast(1.06) saturate(1.05);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.image-card:hover img{transform:scale(1.045)}.image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(12,5,22,.92) 100%)}.card-copy{position:absolute;z-index:2;right:30px;bottom:28px;left:30px}.card-copy span{color:#d3c3df;font-size:12px;font-weight:700;letter-spacing:.15em}.card-copy h3{margin:8px 0 10px;font-size:clamp(1.45rem,2vw,2rem)}.card-copy p{max-width:520px;margin:0;color:#bcb1c6;line-height:1.65}.color-card{background:radial-gradient(circle at 85% 12%,rgba(255,193,71,.32),transparent 13rem),linear-gradient(135deg,#6428bf,#2c1542)}.sand-orbit{position:absolute;top:34px;right:38px;width:142px;height:142px;border:1px solid rgba(255,255,255,.16);border-radius:50%}.sand-orbit i{position:absolute;width:20px;height:20px;border-radius:50%;box-shadow:0 0 24px currentColor}.sand-orbit i:nth-child(1){top:5px;left:62px;color:#ff477d;background:currentColor}.sand-orbit i:nth-child(2){top:37px;right:4px;color:#55e6ff;background:currentColor}.sand-orbit i:nth-child(3){right:24px;bottom:14px;color:#62ef59;background:currentColor}.sand-orbit i:nth-child(4){bottom:7px;left:32px;color:#ffe156;background:currentColor}.sand-orbit i:nth-child(5){top:45px;left:8px;color:#8b5cff;background:currentColor}.text-card{background:linear-gradient(135deg,#ff8a2b,#ef3b69)}.text-card .card-copy span,.text-card .card-copy p{color:#ffffffd6}.big-number{position:absolute;top:-50px;right:24px;color:#ffffff24;font-size:240px;font-weight:900;line-height:1}.experience{position:relative;min-height:2250px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:80px;align-items:start}.experience-sticky{max-width:560px;padding-top:22vh}.experience-sticky h2{font-size:clamp(2.7rem,4.7vw,5rem)}.experience-note{max-width:520px;margin-top:28px;color:var(--muted);font-size:18px;line-height:1.8}.experience-gallery{padding-top:50px;display:flex;flex-direction:column;align-items:center;gap:150px}.phone-frame{width:min(430px,90%);margin:0;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:44px;background:linear-gradient(145deg,#ffffff21,#ffffff09);box-shadow:0 50px 100px #0000006b}.phone-frame img,.phone-frame video{width:100%;aspect-ratio:9 / 20;display:block;object-fit:cover;border-radius:34px;background:#09030e}.phone-frame figcaption{padding:20px 12px 10px;color:#c4b9cc;text-align:center}.quotes{padding-top:140px;padding-bottom:180px}.quote-track{position:relative;min-height:360px;display:grid;place-items:center;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.quote{position:absolute;max-width:960px;padding:50px;opacity:0;transform:translateY(18px);pointer-events:none;text-align:center;transition:opacity .45s ease,transform .45s ease}.quote.active{opacity:1;transform:translateY(0);pointer-events:auto}.quote p{margin:0;font-size:clamp(2rem,4.2vw,4.6rem);font-weight:700;line-height:1.15;letter-spacing:-.04em}.quote span{margin-top:24px;display:block;color:var(--muted)}.quote-dots{position:absolute;bottom:34px;display:flex;gap:9px}.quote-dots button{width:28px;height:4px;padding:0;border:0;border-radius:99px;background:#ffffff2e;cursor:pointer;transition:width .25s ease,background .25s ease}.quote-dots button.active{width:52px;background:#fff}.final-cta{position:relative;min-height:720px;padding:100px 80px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:42px;background:radial-gradient(circle at 70% 50%,rgba(71,86,255,.36),transparent 28rem),#17102a}.final-art{position:absolute;top:50%;left:-7%;width:62%;transform:translateY(-50%) rotate(-4deg)}.final-art img{width:100%;border-radius:36px;filter:saturate(1.05) contrast(1.02);-webkit-mask-image:linear-gradient(90deg,#000 68%,transparent 100%);mask-image:linear-gradient(90deg,#000 68%,transparent 100%)}.final-copy{position:relative;z-index:2;grid-column:2}.final-copy h2{margin-bottom:42px}.primary-cta.large{min-height:78px;padding-right:30px}.primary-cta.large strong{font-size:18px}.final-downloads{display:flex;flex-wrap:wrap;gap:14px}footer{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:70px 0 46px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:48px;height:48px;border-radius:13px}.footer-brand strong,.footer-brand span{display:block}.footer-brand span{margin-top:3px;color:#8f829a;font-size:13px}.footer-links{display:flex;gap:24px;color:#c2b7cb;font-size:14px}.footer-links a:hover{color:#fff}.copyright{grid-column:1 / -1;margin:16px 0 0;color:#796d84;font-size:12px}.privacy-page{min-height:100vh;padding:72px 20px}.privacy-shell{width:min(780px,100%);margin:0 auto;padding:56px;border:1px solid rgba(255,255,255,.11);border-radius:30px;background:#221230c2;box-shadow:0 30px 90px #0000004d}.privacy-back{color:#baa8ca;font-size:14px}.privacy-icon{width:72px;height:72px;margin-top:50px;border-radius:18px}.privacy-shell h1{margin:22px 0 16px;font-size:clamp(2.3rem,7vw,4rem);letter-spacing:-.05em}.privacy-shell h2{margin:0 0 12px;font-size:1.4rem}.privacy-shell p{color:#bfb4c7;line-height:1.8}.privacy-shell section{margin-top:42px}.privacy-policy-link{margin-top:10px;padding:14px 18px;display:inline-flex;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#ffffff12}@media(max-width:980px){.hero{padding-top:140px;grid-template-columns:1fr}.hero-copy{width:min(760px,100%);margin:0 auto;text-align:center}.hero-actions{justify-content:center}.hero-stage{min-height:auto}.hero-art-frame{width:min(620px,86vw)}.experience{min-height:auto;grid-template-columns:1fr}.experience-sticky{max-width:760px;padding-top:0}.experience-gallery{gap:90px}.final-cta{grid-template-columns:1fr;padding:76px 52px}.final-art{left:-16%;width:82%;opacity:.42}.final-copy{grid-column:1;width:min(580px,100%);margin-left:auto}}@media(max-width:720px){.nav-wrap{top:12px;width:calc(100% - 20px);min-height:58px;border-radius:18px}.brand img{width:40px;height:40px}.nav-links>a:not(.nav-download){display:none}.nav-download{padding:10px 14px}.hero{min-height:auto;padding:120px 20px 70px;gap:54px}.hero h1{font-size:clamp(3.1rem,14vw,4.8rem)}.hero-lead{font-size:1rem;line-height:1.7}.hero-actions{flex-direction:column;align-items:stretch}.primary-cta,.secondary-cta{justify-content:center}.final-downloads{flex-direction:column}.chapter{width:calc(100% - 32px);padding:116px 0}.chapter-heading{margin-bottom:44px}.chapter h2{font-size:clamp(2.5rem,12vw,4rem)}.bento-grid{grid-template-columns:1fr;grid-template-rows:560px 300px 300px;gap:12px}.bento-main,.bento-side{grid-column:span 1;grid-row:span 1}.card-copy{right:22px;bottom:22px;left:22px}.experience{gap:34px}.experience-gallery{gap:78px}.phone-frame{width:min(390px,94%)}.quote-track{min-height:440px}.quote{padding:38px 18px}.final-cta{width:calc(100% - 24px);min-height:650px;padding:64px 28px;border-radius:30px}.final-art{top:18%;left:50%;width:115%;transform:translate(-50%,-20%) rotate(-3deg);opacity:.34}.final-copy{margin-top:auto}footer{width:calc(100% - 32px);grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.privacy-shell{padding:34px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
