:root{color-scheme:light;--ink:#101323;--muted:#596171;--paper:#f7f8fb;--night:#0b0b17;--line:#dce0e8;--violet:#9b60f8;--cyan:#75e5ec;--coral:#ffab90}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(100% - 80px,1280px);margin-inline:auto}.skip-link{position:absolute;z-index:1000;top:-50px;left:16px;padding:10px 16px;background:#fff;color:#000}.skip-link:focus{top:16px}.site-header{position:absolute;z-index:20;inset:0 0 auto;color:#fff}.header-inner{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.18)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:23px;font-weight:800;white-space:nowrap;letter-spacing:0}.brand-light{font-weight:400}.brand-mark{width:37px;height:37px;background:var(--violet);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-7deg)}.brand-mark span{display:block;width:4px;border-radius:3px;background:#fff}.brand-mark span:nth-child(1),.brand-mark span:nth-child(4){height:10px}.brand-mark span:nth-child(2){height:22px}.brand-mark span:nth-child(3){height:16px}.site-nav{display:flex;align-items:center;gap:42px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.site-nav a{transition:color .2s}.site-nav a:hover,.site-nav a:focus-visible{color:var(--cyan)}.menu-toggle{display:none}.hero{position:relative;min-height:min(880px,100svh);min-height:clamp(710px,100svh,880px);overflow:hidden;background:#0b0b17;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0b17 0%,#0b0b17 36%,rgba(11,11,23,.75) 54%,rgba(11,11,23,.08) 100%);z-index:2}.hero-art{position:absolute;inset:0 0 0 44%;overflow:hidden;background:#2f166f}.hero-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 76%;filter:saturate(.92)}.hero-grid{position:absolute;z-index:3;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(90deg,#000,transparent 62%);pointer-events:none}.hero-content{position:relative;z-index:4;min-height:clamp(710px,100svh,880px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:95px;padding-bottom:108px}.eyebrow,.section-label{margin:0;font-size:12px;font-weight:800;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--cyan)}.eyebrow-line{width:24px;height:1px;background:var(--cyan)}.hero h1{font-size:clamp(68px,7.1vw,116px);line-height:.94;letter-spacing:0;margin:30px 0 25px;max-width:760px;font-weight:800}.hero h1 em,.closing h2 em{font-style:normal;color:var(--violet)}.hero-lead{font-size:clamp(23px,2.2vw,34px);font-weight:700;line-height:1.16;margin:0 0 19px;max-width:520px}.hero-description{font-size:17px;line-height:1.75;color:#c9cad8;margin:0;max-width:515px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:56px;padding:0 25px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--violet);color:#fff}.button-primary:hover{background:#b079ff}.button span{font-size:19px;font-weight:400}.text-link{display:inline-flex;gap:15px;align-items:center;font-size:14px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:7px}.text-link:hover{color:var(--cyan);border-color:var(--cyan)}.hero-formats{position:absolute;bottom:54px;left:0;display:flex;align-items:center;gap:14px;font-size:12px;color:#d5d7e5}.hero-formats span{font-size:10px;letter-spacing:.17em;color:#9ea4b8;margin-right:12px}.hero-formats strong{font-weight:700}.hero-formats i{height:3px;width:3px;background:var(--cyan);border-radius:50%}.hero-scroll{position:absolute;z-index:4;right:43px;bottom:46px;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.18em;font-weight:800;color:#d8d8e7}.hero-scroll span{width:1px;height:48px;background:var(--cyan)}.section-pad{padding-block:125px}.section-label{color:#7747db}.section-heading h2,.sound-copy h2,.gallery-heading h2,.details-lead h2{margin:20px 0 0;font-size:clamp(46px,5.3vw,76px);line-height:1.02;font-weight:800;letter-spacing:0}.section-heading h2 span,.gallery-heading h2 span{color:#797a86}.intro{background:#f7f8fb}.intro-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;column-gap:80px}.intro-heading .section-label{grid-column:1/-1}.intro-heading p:last-child{margin:0 0 7px;max-width:390px;color:var(--muted);font-size:17px;line-height:1.7}.feature-list{margin-top:82px;border-top:1px solid var(--line)}.feature-item{display:grid;grid-template-columns:85px 130px 1fr;gap:22px;align-items:center;min-height:190px;border-bottom:1px solid var(--line)}.feature-number{align-self:start;margin-top:39px;font-size:12px;font-weight:800;color:#797f92}.feature-item h3{margin:0 0 11px;font-size:26px}.feature-item p{max-width:560px;margin:0;color:var(--muted);font-size:16px;line-height:1.6}.feature-icon{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:#ece9fb;color:#744ce0}.icon-wave{gap:5px}.icon-wave span{width:5px;border-radius:5px;background:currentColor}.icon-wave span:nth-child(1),.icon-wave span:nth-child(5){height:18px}.icon-wave span:nth-child(2),.icon-wave span:nth-child(4){height:34px}.icon-wave span:nth-child(3){height:52px}.icon-sliders{gap:9px}.icon-sliders span{height:42px;width:3px;background:currentColor;position:relative}.icon-sliders span:before{content:"";position:absolute;width:11px;height:11px;border:3px solid currentColor;border-radius:50%;background:#ece9fb;left:50%;transform:translateX(-50%)}.icon-sliders span:nth-child(1):before{top:5px}.icon-sliders span:nth-child(2):before{top:23px}.icon-sliders span:nth-child(3):before{top:12px}.icon-library{gap:5px;align-items:end;padding-bottom:21px}.icon-library span{border:3px solid currentColor;border-radius:2px;width:13px;height:35px}.icon-library span:nth-child(2){height:45px}.icon-library span:nth-child(3){height:31px;transform:rotate(-12deg)}.sound-section{background:#101321;color:#fff;overflow:hidden}.sound-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:8%;align-items:center}.sound-copy{padding:40px 0}.sound-copy .section-label{color:var(--cyan)}.sound-copy h2 span{color:var(--coral)}.sound-copy>p:not(.section-label){max-width:480px;font-size:17px;line-height:1.75;color:#c5cad5;margin:28px 0 33px}.sound-tags{display:flex;flex-wrap:wrap;gap:10px}.sound-tags span{border:1px solid #505366;padding:10px 14px;font-size:12px;font-weight:700;color:#e4e6ef}.sound-visual{position:relative;height:600px;overflow:hidden;border-left:1px solid #44435d}.sound-visual img{width:100%;height:100%;object-fit:cover;object-position:center 51%}.sound-visual:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,#101321)}.visual-index{position:absolute;z-index:2;left:25px;bottom:22px;font-size:11px;font-weight:800;letter-spacing:.15em}.screenshots{background:#edf1f5;overflow:hidden}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:60px}.gallery-heading>p{max-width:330px;margin:0 0 5px;color:var(--muted);font-size:16px;line-height:1.7}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:53px;padding-bottom:20px;border-bottom:1px solid #cdd3de}.gallery-toolbar p{margin:0;font-size:12px;font-weight:800;letter-spacing:.13em;color:#788094}.gallery-toolbar p span:first-child{color:#673dce}.gallery-divider{margin:0 6px}.gallery-controls{display:flex;gap:9px}.gallery-controls button,.lightbox-arrow,.lightbox-close{cursor:pointer;display:grid;place-items:center;border:1px solid #bbc2ce;background:transparent;color:var(--ink);width:44px;height:44px;border-radius:50%;font-size:22px;transition:background .2s,color .2s}.gallery-controls button:hover,.gallery-controls button:focus-visible{background:var(--ink);color:#fff}.gallery-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:27px 0 5px}.gallery-track::-webkit-scrollbar{display:none}.screenshot-card{flex:0 0 clamp(218px,22vw,290px);scroll-snap-align:start;text-align:left;padding:0;border:0;background:transparent;color:var(--ink);cursor:zoom-in}.screenshot-card img{width:100%;aspect-ratio:9/16;object-fit:cover;box-shadow:0 18px 38px rgba(39,31,84,.12);transition:transform .25s,box-shadow .25s}.screenshot-card:hover img,.screenshot-card:focus-visible img{transform:translateY(-6px);box-shadow:0 23px 44px rgba(39,31,84,.2)}.screenshot-card>span{display:flex;align-items:center;gap:12px;margin-top:19px;font-size:14px;font-weight:700;line-height:1.3}.screenshot-card b{font-size:11px;color:#7b58c3}.screenshot-card i{font-size:18px;font-style:normal;margin-left:auto}.details{background:#fff}.details-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.details-lead h2 span{color:#7d63e3}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px}.details-grid>div{border-top:1px solid var(--line);padding-top:18px}.details-grid span{font-size:11px;font-weight:800;color:#8861df}.details-grid h3{font-size:20px;margin:24px 0 12px}.details-grid p{font-size:15px;line-height:1.65;color:var(--muted);margin:0}.closing{background:#6d40cf;color:#fff;position:relative;overflow:hidden}.closing:after{content:"";position:absolute;right:-120px;top:-180px;width:560px;height:560px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.035),0 0 0 160px rgba(255,255,255,.025);pointer-events:none}.closing-inner{position:relative;z-index:1;padding-block:100px}.closing .section-label{color:#baf9f1}.closing h2{margin:23px 0 17px;font-size:clamp(52px,6.3vw,90px);line-height:1;letter-spacing:0}.closing h2 em{color:#baf9f1}.closing p:not(.section-label){font-size:18px;line-height:1.6;color:#e7dcff;margin:0 0 31px}.button-light{background:#fff;color:#2a1a58}.button-light:hover{background:#ddfbf7}.footer{background:#0b0b17;color:#fff}.footer-inner{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p,.footer-inner>span{font-size:12px;color:#a8aaba}.lightbox{border:0;padding:0;margin:auto;max-width:none;max-height:none;width:100vw;height:100dvh;background:rgba(8,8,20,.94);color:#fff}.lightbox::backdrop{background:rgba(8,8,20,.94)}.lightbox[open]{display:flex;align-items:center;justify-content:center;gap:24px}.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-height:94dvh}.lightbox img{max-height:88dvh;max-width:min(80vw,540px);object-fit:contain}.lightbox figcaption{font-size:14px;font-weight:700}.lightbox-arrow,.lightbox-close{border-color:#77758b;color:#fff;flex:none}.lightbox-arrow:hover,.lightbox-close:hover{background:#fff;color:#111}.lightbox-close{position:absolute;top:22px;right:22px;font-size:28px}.lightbox:focus{outline:none}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
@media(max-width:900px){.wrap{width:min(100% - 48px,1280px)}.hero-art{left:37%}.hero:before{background:linear-gradient(90deg,#0b0b17 0%,rgba(11,11,23,.96) 34%,rgba(11,11,23,.45) 100%)}.hero h1{font-size:clamp(62px,9vw,90px)}.hero-description{max-width:460px}.intro-heading{grid-template-columns:1fr;gap:25px}.intro-heading p:last-child{max-width:600px}.sound-layout{gap:5%}.sound-visual{height:500px}.details-layout{grid-template-columns:1fr;gap:55px}.gallery-heading>p{max-width:260px}}
@media(max-width:650px){.wrap{width:min(100% - 36px,1280px)}.header-inner{height:74px}.brand{font-size:19px}.brand-mark{width:32px;height:32px}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);background:rgba(15,12,30,.65);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:18px;height:2px;background:#fff}.site-nav{display:none;position:absolute;top:74px;left:0;right:0;padding:18px;background:#11101f;border-bottom:1px solid rgba(255,255,255,.15);flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:15px 8px}.hero,.hero-content{min-height:780px;min-height:max(780px,100svh)}.hero-art{inset:215px -48% 0 25%;opacity:.7}.hero-art img{object-position:center 72%}.hero:before{background:linear-gradient(180deg,#0b0b17 0%,rgba(11,11,23,.93) 28%,rgba(11,11,23,.67) 52%,rgba(11,11,23,.38) 100%),linear-gradient(90deg,#0b0b17,transparent 75%)}.hero-content{justify-content:flex-start;padding-top:148px;padding-bottom:115px}.hero h1{font-size:clamp(55px,14vw,78px);margin:21px 0 20px}.hero-lead{font-size:22px;max-width:330px}.hero-description{font-size:14px;line-height:1.6;max-width:360px}.hero-actions{margin-top:27px;gap:17px;flex-wrap:wrap}.button{min-height:50px;padding:0 18px;gap:15px}.text-link{font-size:13px}.hero-formats{bottom:36px;max-width:calc(100vw - 36px);gap:9px;flex-wrap:wrap;font-size:10px}.hero-formats span{width:100%;margin-bottom:3px}.hero-scroll{display:none}.section-pad{padding-block:78px}.section-heading h2,.sound-copy h2,.gallery-heading h2,.details-lead h2{font-size:clamp(42px,11vw,58px)}.intro-heading p:last-child{font-size:15px}.feature-list{margin-top:52px}.feature-item{grid-template-columns:48px 1fr;gap:12px 17px;padding:27px 0;min-height:0}.feature-number{grid-column:1;grid-row:1;align-self:center;margin:0}.feature-icon{grid-column:1;grid-row:2;width:47px;height:47px;transform:scale(.7);transform-origin:left center}.feature-item>div:last-child{grid-column:2;grid-row:1/3}.feature-item h3{font-size:20px;margin-bottom:7px}.feature-item p{font-size:14px}.sound-layout{grid-template-columns:1fr;gap:26px}.sound-copy{padding:0}.sound-copy>p:not(.section-label){font-size:15px}.sound-visual{height:420px;border-left:0}.sound-visual img{object-position:center 44%}.gallery-heading{display:block}.gallery-heading>p{max-width:500px;margin:24px 0 0;font-size:15px}.gallery-toolbar{margin-top:31px}.screenshot-card{flex-basis:min(68vw,280px)}.details-grid{gap:35px 22px}.details-grid h3{font-size:17px}.details-grid p{font-size:13px}.closing-inner{padding-block:80px}.closing h2{font-size:clamp(50px,12vw,70px)}.closing:after{right:-270px}.footer-inner{padding-block:30px;min-height:0;flex-wrap:wrap}.footer p{order:3;width:100%;margin:0}.footer-inner>span{margin-left:auto}.lightbox[open]{gap:5px}.lightbox img{max-width:76vw;max-height:82dvh}.lightbox-arrow{width:32px;height:32px;font-size:18px}.lightbox-close{top:12px;right:12px}}
@media(max-width:380px){.hero-content{padding-top:132px}.hero h1{font-size:52px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-formats{font-size:9px}.details-grid{grid-template-columns:1fr}.footer-inner>span{margin-left:0}.footer p{order:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Preserve the full portrait screenshots in the hero and sound sections. */
.hero-art{top:96px}
.hero-art img{object-fit:contain;object-position:center bottom}
.sound-visual{background:#28145c}
.sound-visual img{object-fit:contain;object-position:center center}
.sound-visual:after{display:none}
.back-to-top{position:fixed;z-index:30;right:24px;bottom:24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 17px;background:#fff;color:#221c38;border:1px solid #e1d8f4;box-shadow:0 10px 30px rgba(11,11,23,.2);font-size:13px;font-weight:800;transition:transform .2s,background .2s}
.back-to-top span{font-size:20px;font-weight:400;line-height:1}
.back-to-top:hover{transform:translateY(-3px);background:#eafdfb}
@media(max-width:650px){.hero-art{inset:310px -35% 0 25%;mask-image:linear-gradient(to bottom,transparent 0%,transparent 38%,#000 70%)}.back-to-top{right:16px;bottom:16px;min-height:44px;padding:0 13px;font-size:12px}}
