:root{color-scheme:dark;--bg:#0b0d10;--panel:#13161b;--line:rgba(255,255,255,.1);--text:#f3f1ec;--muted:#a1a5aa;--teal:#8ce4ca;--violet:#a89bff;--amber:#eec58f;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:var(--font)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}.topbar{height:76px;padding:0 clamp(22px,6.2vw,96px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:4;background:rgba(11,13,16,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font:800 22px var(--display);letter-spacing:-1.3px}.brand img{width:29px;height:29px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:clamp(18px,3vw,42px);margin-left:auto;margin-right:42px}.nav-links a,footer nav a{font-size:11px;color:#aeb1b5;transition:color .2s}.nav-links a:hover,.nav-links a[aria-current=page],footer nav a:hover{color:var(--text)}.nav-download{border:1px solid rgba(255,255,255,.17);border-radius:999px;padding:9px 16px;font-size:11px;font-weight:750;white-space:nowrap;transition:.2s}.nav-download:hover{border-color:var(--teal);color:var(--teal)}.nav-download span{padding-left:8px;color:var(--teal)}
.hero{position:relative;isolation:isolate}.hero-home{min-height:670px;padding:78px clamp(24px,8vw,124px) 86px;display:grid;grid-template-columns:minmax(325px,.82fr) minmax(480px,1.18fr);gap:5vw;align-items:center;overflow:hidden}.hero-copy,.page-hero-copy{position:relative;z-index:1;max-width:545px}.eyebrow,.section-label{font-size:9px;font-weight:800;letter-spacing:1.8px;color:#b2b5b4}.eyebrow{display:flex;gap:9px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.025);padding:8px 13px;border-radius:99px;width:max-content;letter-spacing:.55px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 13px rgba(140,228,202,.65)}h1{font:760 clamp(47px,5.75vw,75px)/1.035 var(--display);letter-spacing:-4.8px;margin:26px 0 22px}h1 span,h2 span{color:var(--teal)}.hero-copy>p,.page-hero-copy>p{font-size:15px;line-height:1.75;color:#adb1b2;max-width:480px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}.button{height:47px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:17px;border-radius:8px;font-size:11px;font-weight:800;transition:transform .2s,filter .2s,border .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button.primary{background:var(--teal);color:#0c1915}.button.secondary{border:1px solid rgba(255,255,255,.17);color:#e0e0dc}.button.secondary:hover{border-color:rgba(255,255,255,.4)}.button span{font-size:16px}.requirements{display:flex;align-items:center;gap:11px;margin-top:21px;font-size:9px;color:#969a9d;font-weight:650;flex-wrap:wrap}.requirements i{width:3px;height:3px;background:#707477;border-radius:50%}.install-note{margin-top:13px!important;color:#868b8f!important;font-size:10px!important}.hero-visual,.page-shot{position:relative;z-index:1;border:1px solid rgba(255,255,255,.17);background:#101216;padding:10px 10px 0;border-radius:13px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.38)}.hero-visual img,.page-shot img{width:100%;border-radius:6px 6px 0 0}.hero-visual figcaption,.page-shot figcaption{display:flex;align-items:center;gap:15px;padding:14px 5px}.hero-visual figcaption span,.page-shot figcaption span{color:var(--teal);font-size:8px;letter-spacing:1.5px;font-weight:800;white-space:nowrap}.hero-visual figcaption b,.page-shot figcaption b{font-size:10px;font-weight:650}.hero-glow{position:absolute;z-index:-1;width:48vw;height:38vw;right:-4%;top:4%;background:radial-gradient(ellipse,rgba(88,133,123,.12),transparent 68%);pointer-events:none}
.section-wrap{padding:96px clamp(24px,9vw,140px)}.journey{border-top:1px solid rgba(255,255,255,.06)}.section-heading{display:grid;grid-template-columns:1fr minmax(260px,.7fr);gap:6vw;align-items:end;margin-top:16px}.section-heading h2,.feature-band h2,.image-story h2,.closing-cta h2{font:730 clamp(34px,4vw,51px)/1.12 var(--display);letter-spacing:-2.8px}.section-heading p,.feature-band-copy>p,.image-story>div>p,.closing-cta>p{max-width:490px;color:var(--muted);font-size:12px;line-height:1.8}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:48px}.journey-card{display:flex;flex-direction:column;min-height:252px;padding:24px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.013));transition:transform .25s,border-color .25s}.journey-card:hover{transform:translateY(-4px);border-color:rgba(140,228,202,.42)}.step-number{align-self:flex-end;color:#777d7d;font-size:8px;letter-spacing:1.2px}.journey-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:rgba(140,228,202,.11);color:var(--teal);font-size:16px}.journey-icon.violet{background:rgba(168,155,255,.12);color:var(--violet)}.journey-icon.amber{background:rgba(238,197,143,.12);color:var(--amber)}.journey-card h3{font:700 20px var(--display);letter-spacing:-.5px;margin:17px 0 7px}.journey-card p{max-width:300px;color:#a2a6a8;font-size:10px;line-height:1.8}.card-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;color:var(--teal);font-size:9px;font-weight:750}.card-link b{font-size:14px;font-weight:500}
.feature-band{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:82px clamp(24px,13vw,190px);background:#111419;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);align-items:center}.feature-band h2{margin:15px 0 17px}.text-link{display:inline-flex;gap:10px;align-items:center;color:var(--teal);font-size:10px;font-weight:750;margin-top:17px}.text-link span{font-size:16px;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.feature-points{border-top:1px solid var(--line)}.feature-points>div{display:flex;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.feature-points>div>span{min-width:40px;color:var(--teal);font-size:8px;font-weight:800;letter-spacing:1px}.feature-points p b,.feature-points p small{display:block}.feature-points p b{font-size:11px}.feature-points p small{margin-top:3px;color:#989da0;font-size:9px}.closing-cta{text-align:center;padding:90px 24px 96px}.closing-cta .section-label{margin-bottom:14px}.closing-cta h2{font-size:44px}.closing-cta>p{margin:14px auto 0}.closing-cta>.button{margin-top:23px}.closing-cta .requirements{justify-content:center}
.page-hero{min-height:570px;padding:77px clamp(24px,9vw,140px) 74px;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(440px,1.2fr);gap:6vw;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.page-hero h1{font-size:clamp(46px,5.2vw,68px)}.page-shot figcaption{justify-content:space-between}.detail-section>.section-label{margin-bottom:31px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.detail-grid article{padding-top:18px;border-top:1px solid rgba(140,228,202,.45)}.detail-index{color:var(--teal);font-size:8px;font-weight:800;letter-spacing:1.3px}.detail-grid h2{font:680 23px/1.18 var(--display);letter-spacing:-.8px;margin:18px 0 11px}.detail-grid p{color:#a2a6a8;font-size:10px;line-height:1.8;max-width:330px}.image-story{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center;padding:65px clamp(24px,9vw,140px);background:#111419;border-top:1px solid rgba(255,255,255,.05)}.image-story figure{border:1px solid var(--line);border-radius:9px;padding:8px;background:#0c0e11}.image-story figure img{width:100%;border-radius:4px}.image-story h2{font-size:37px;margin:14px 0}.image-story>div>p{font-size:11px}.page-next{display:flex;align-items:center;gap:24px;padding:25px clamp(24px,9vw,140px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.page-next>span{font-size:8px;letter-spacing:1.5px;color:#909698;font-weight:800;white-space:nowrap}.page-next p{color:#b6b9b8;font-size:10px}.page-next>a{margin-left:auto;color:var(--teal);font-size:10px;font-weight:750;white-space:nowrap}.page-next>a b{margin-left:10px;font-size:14px;font-weight:500}
.flow-list{border-top:1px solid var(--line)}.flow-list article{display:grid;grid-template-columns:54px 1fr 40px;gap:18px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line)}.flow-list article>span{color:var(--teal);font-size:9px;letter-spacing:1px;font-weight:800}.flow-list h2{font:680 19px var(--display);letter-spacing:-.4px}.flow-list p{max-width:640px;color:#a2a6a8;font-size:10px;line-height:1.8;margin-top:7px}.flow-list article>b{color:#8ce4ca;font-size:15px;text-align:right}.fine-print{font-size:9px;color:#777f82;margin-top:20px}
.player-hero{grid-template-columns:1fr .9fr;min-height:610px}.player-art{padding:30px 18px 12px;max-width:540px;width:100%;justify-self:center}.player-screen{height:300px;border-radius:8px;background:radial-gradient(ellipse at 50% 50%,rgba(58,114,105,.35),transparent 38%),linear-gradient(145deg,#222833,#111419 52%,#1a1b24);border:1px solid rgba(255,255,255,.14);padding:17px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.player-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.04),transparent 70%);pointer-events:none}.screen-top{font-size:8px;letter-spacing:1.8px;font-weight:800}.screen-top i{font-style:normal;color:var(--teal);margin-left:8px;font-size:7px}.play-orb{align-self:center;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(140,228,202,.55);border-radius:50%;color:var(--teal);font-size:15px;padding-left:3px;background:rgba(140,228,202,.08);box-shadow:0 0 55px rgba(140,228,202,.14)}.screen-controls{display:flex;align-items:center;gap:10px;color:#b9babb;font-size:7px}.screen-controls i{height:2px;background:rgba(255,255,255,.24);flex:1}.screen-controls b{display:block;width:37%;height:100%;background:var(--teal)}.player-art>p{text-align:right;color:#747a7d;font-size:8px;margin-top:8px}.download-hero{min-height:640px;text-align:center;padding:66px 24px 75px;display:flex;align-items:center;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(ellipse at 50% 0,rgba(96,145,132,.12),transparent 50%)}.download-logo{width:76px;height:76px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035);display:grid;place-items:center;margin-bottom:25px}.download-logo img{width:57px;height:57px}.download-hero h1{font-size:clamp(43px,5vw,66px);margin:14px 0}.download-hero>p:not(.install-note){max-width:510px;color:var(--muted);font-size:12px}.download-button{margin-top:23px;height:50px;padding:0 22px}.download-hero .requirements{justify-content:center}.download-hero .install-note{max-width:480px}.download-hero>.text-link{margin-top:15px}.download-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.download-details article{border-top:1px solid var(--line);padding-top:17px}.download-details article>span{color:var(--teal);font-size:8px;letter-spacing:1.3px;font-weight:800}.download-details h2{font-size:16px;margin:12px 0 7px}.download-details p{font-size:10px;color:#a2a6a8;line-height:1.8}
footer{padding:24px clamp(22px,6.2vw,96px) 29px;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px}.footer-brand{font-size:17px}.footer-brand img{width:24px;height:24px}footer>span{font-size:9px;color:#81878a;margin-right:auto}footer nav{display:flex;gap:20px}
@media(max-width:940px){.hero-home{grid-template-columns:1fr;gap:38px;padding-top:65px}.hero-copy{max-width:700px}.hero-visual{max-width:800px;width:100%;margin:auto}.page-hero{grid-template-columns:1fr;gap:35px}.page-hero-copy{max-width:700px}.page-shot{max-width:800px;width:100%;margin:auto}.section-heading{grid-template-columns:1fr;gap:18px}.section-heading p{max-width:620px}.feature-band{padding-inline:9vw}.player-hero{grid-template-columns:1fr 1fr}.player-screen{height:240px}.image-story{gap:4vw}.download-details{gap:19px}}
@media(max-width:650px){.topbar{height:auto;min-height:62px;padding:12px 17px;gap:10px;flex-wrap:wrap}.brand{font-size:19px}.brand img{width:26px;height:26px}.nav-download{font-size:9px;padding:7px 11px;margin-left:auto}.nav-links{order:3;width:100%;margin:0;gap:25px;overflow-x:auto;padding:4px 0 2px;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{font-size:10px;white-space:nowrap}.hero-home{padding:55px 20px 58px;min-height:0;gap:30px}h1{font-size:48px;letter-spacing:-3.4px;margin:22px 0 17px}.hero-copy>p,.page-hero-copy>p{font-size:13px}.hero-actions{gap:8px;margin-top:21px}.button{height:43px;padding:0 13px;font-size:10px}.requirements{gap:8px;font-size:8px}.hero-visual,.page-shot{padding:7px 7px 0;border-radius:9px}.hero-visual figcaption,.page-shot figcaption{padding:10px 3px;gap:8px}.hero-visual figcaption span,.page-shot figcaption span{font-size:6px}.hero-visual figcaption b,.page-shot figcaption b{font-size:8px}.section-wrap{padding:66px 20px}.section-heading h2,.feature-band h2,.closing-cta h2{font-size:36px;letter-spacing:-1.8px}.section-heading{margin-top:13px}.section-heading p{font-size:11px}.journey-grid{grid-template-columns:1fr;gap:9px;margin-top:28px}.journey-card{min-height:210px;padding:19px}.journey-card h3{font-size:18px;margin-top:13px}.feature-band{grid-template-columns:1fr;padding:59px 21px;gap:28px}.feature-points>div{padding:14px 0}.closing-cta{padding:65px 21px 70px}.closing-cta h2{font-size:38px}.closing-cta>p{font-size:11px}.page-hero{min-height:0;padding:56px 20px 52px;gap:28px}.page-hero h1{font-size:47px}.detail-section>.section-label{margin-bottom:23px}.detail-grid{grid-template-columns:1fr;gap:20px}.detail-grid article{padding-top:13px}.detail-grid h2{font-size:21px;margin:12px 0 6px}.detail-grid p{font-size:10px}.image-story{grid-template-columns:1fr;padding:42px 20px;gap:24px}.image-story h2{font-size:32px}.image-story>div>p{font-size:10px}.page-next{padding:19px 20px;display:grid;grid-template-columns:1fr auto;gap:7px}.page-next>span{grid-column:1/-1}.page-next p{font-size:9px}.page-next>a{font-size:9px;grid-column:1/-1;margin:4px 0 0}.flow-list article{grid-template-columns:34px 1fr 20px;gap:11px;padding:19px 0}.flow-list h2{font-size:16px}.flow-list p{font-size:9px}.player-hero{grid-template-columns:1fr}.player-art{padding:16px 10px 9px}.player-screen{height:210px}.download-hero{min-height:0;padding:54px 20px 59px}.download-logo{width:65px;height:65px;border-radius:18px;margin-bottom:20px}.download-logo img{width:49px}.download-hero h1{font-size:43px}.download-hero>p:not(.install-note){font-size:11px}.download-button{width:100%;max-width:320px}.download-hero .install-note{font-size:9px!important}.download-details{grid-template-columns:1fr;gap:19px;padding-block:51px}.download-details h2{font-size:15px}footer{padding:20px;flex-wrap:wrap;gap:12px}footer>span{margin-left:auto;margin-right:0}footer nav{width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap}footer nav a{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.player-shot{position:relative;z-index:1;width:100%;max-width:690px;justify-self:center;padding:9px 9px 0;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#101216;box-shadow:0 25px 70px rgba(0,0,0,.38);overflow:hidden}.player-shot img{width:100%;height:auto;border-radius:6px 6px 0 0}.player-shot figcaption{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 5px}.player-shot figcaption span{color:var(--teal);font-size:8px;letter-spacing:1.5px;font-weight:800;white-space:nowrap}.player-shot figcaption b{font-size:10px;font-weight:650}
@media(max-width:650px){.player-shot{padding:7px 7px 0;border-radius:9px}.player-shot figcaption{padding:10px 3px}.player-shot figcaption span{font-size:6px}.player-shot figcaption b{font-size:8px}}
.player-hero{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.player-shot figcaption{display:grid;grid-template-columns:1fr;justify-content:start;gap:3px}.player-shot figcaption b{white-space:normal}
@media(max-width:940px){.player-hero{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.player-hero{grid-template-columns:1fr}}

.indieappcircle-badge{display:inline-flex;flex:0 0 216px;width:216px;height:54px;align-items:center;justify-content:center}.indieappcircle-badge img{width:216px;height:54px}
@media(max-width:650px){.indieappcircle-badge{margin-inline:auto}}