*{box-sizing:border-box} :root{--bg:#120e1f;--panel:#1b1426;--panel2:#2a2038;--text:#f4f3f8;--muted:#a6aabd;--purple:#7be0ad;--mint:#7be0ad;--line:rgba(255,255,255,.09)}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Segoe UI Variable','Segoe UI',system-ui,-apple-system,Roboto,'Helvetica Neue',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.page-glow{position:absolute;z-index:-1;top:-350px;left:25%;width:850px;height:700px;background:radial-gradient(ellipse,rgba(123,224,173,.19),transparent 68%);pointer-events:none}.site-header{height:82px;max-width:1180px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px;letter-spacing:-.7px}.brand-light{color:#7be0ad}.brand-mark{width:25px;height:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-7deg)}.brand-mark span{background:#7be0ad;border-radius:2px}.brand-mark span:nth-child(2){opacity:.55}.brand-mark span:nth-child(3){opacity:.75}.brand-mark span:nth-child(4){background:#7be0ad}.nav{display:flex;align-items:center;gap:34px;color:#c0c2d0;font-size:12px;font-weight:700}.nav a:hover,.footer-links a:hover{color:#fff}.nav .nav-cta{background:#7be0ad;color:#0d0a16;padding:12px 17px;border-radius:8px}.nav-cta span{margin-left:8px}.menu-toggle{display:none;background:none;border:0}.section-wrap{max-width:1120px;margin:auto;padding-left:28px;padding-right:28px}.hero{min-height:650px;padding-top:95px;padding-bottom:85px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:40px}.eyebrow,.section-kicker,.feature-number{font:500 10px 'Cascadia Mono',Consolas,ui-monospace,monospace;letter-spacing:1.6px;color:#7be0ad}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:23px}.status-dot{width:7px;height:7px;border-radius:50%;background:#7be0ad;box-shadow:0 0 12px #7be0ad}.hero h1{font-size:clamp(48px,6.2vw,76px);line-height:1.04;letter-spacing:-5px;margin:0 0 22px;font-weight:800}.gradient-text{background:linear-gradient(100deg,#7be0ad,#6cc6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:475px;color:var(--muted);font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:15px 19px;border-radius:8px;font-size:12px;font-weight:800;transition:.2s transform,.2s background}.button:hover{transform:translateY(-3px)}.button-primary{background:#7be0ad;color:#0d0a16;box-shadow:0 8px 30px rgba(123,224,173,.18)}.button-primary:hover{background:#9bebc5}.button-quiet{color:#d7d7e1;border:1px solid var(--line)}.play-icon{font-size:10px;color:#7be0ad}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:35px;color:#858ba0;font:10px 'Cascadia Mono',Consolas,ui-monospace,monospace}.hero-meta b{color:#7be0ad;margin-right:5px}.hero-visual{position:relative;min-width:0;padding:30px 0}.visual-orbit{position:absolute;border:1px solid rgba(123,224,173,.16);border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:570px;height:340px;top:100px;left:-35px}.orbit-two{width:490px;height:280px;top:130px;left:5px}.app-window{position:relative;z-index:2;max-width:485px;margin:auto;background:#1b1426;border:1px solid rgba(123,224,173,.23);border-radius:12px;box-shadow:0 35px 90px rgba(0,0,0,.48);overflow:hidden;transform:rotate(1.5deg)}.window-bar{height:35px;background:#2a2038;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#7e849a;font:8px 'Cascadia Mono',Consolas,ui-monospace,monospace;letter-spacing:1px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#f28c91}.window-dots i:nth-child(2){background:#e8c878}.window-dots i:nth-child(3){background:#91d5aa}.window-menu{letter-spacing:2px}.app-inner{padding:17px 19px 15px}.app-topline{display:flex;justify-content:space-between;font:8px 'Cascadia Mono',Consolas,ui-monospace,monospace;color:#9da3b6;letter-spacing:1px;margin-bottom:12px}.online-pill{color:#9ee0b7}.online-pill i{display:inline-block;width:5px;height:5px;background:#9ee0b7;border-radius:50%;margin-right:5px}.pixel-scene{height:215px;border-radius:5px;overflow:hidden;position:relative;background:linear-gradient(#9bb6c0 0%,#b9c9b7 68%,#6c9b78 69%,#4e795f 100%);image-rendering:pixelated}.sun{position:absolute;right:65px;top:26px;width:38px;height:38px;background:#f4d89a;box-shadow:0 0 0 8px rgba(244,216,154,.15)}.cloud{position:absolute;background:#e5e2d4;height:9px;width:56px;top:52px;left:54px;box-shadow:10px -8px #e5e2d4,25px -8px #e5e2d4,34px 0 #e5e2d4}.cloud-b{top:92px;left:240px;transform:scale(.7)}.hill{position:absolute;bottom:40px;width:240px;height:90px;border-radius:50% 50% 0 0}.hill-back{background:#7ca58b;left:-35px}.hill-front{background:#5f9272;right:-40px;bottom:25px}.desk{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:205px;height:48px;background:#795c4f;border-top:8px solid #a77c60;z-index:2}.lamp{position:absolute;left:18px;top:-40px;width:7px;height:35px;background:#e9d19b}.lamp:before{content:"";position:absolute;top:-7px;left:-11px;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:16px solid #e9d19b}.book{position:absolute;right:30px;top:-14px;width:44px;height:9px;background:#e7b977;transform:rotate(-5deg)}.book-b{right:35px;top:-22px;background:#9eb6d4;transform:rotate(5deg)}.mug{position:absolute;right:92px;top:-25px;background:#e5e1d0;color:#6e8e77;width:18px;height:19px;text-align:center;font-size:10px;border-radius:2px}.pixel-person{position:absolute;z-index:3;bottom:72px;left:49%;width:42px;height:72px}.hair{position:absolute;top:0;left:8px;width:28px;height:13px;background:#574b4b;box-shadow:-5px 6px #574b4b,4px 8px #574b4b}.face{position:absolute;top:10px;left:12px;width:22px;height:20px;background:#f1c29e}.body{position:absolute;top:30px;left:6px;width:34px;height:27px;background:#d9a4a1}.legs{position:absolute;top:55px;left:10px;width:10px;height:17px;background:#394c55;box-shadow:13px 0 #394c55}.scene-label{position:absolute;left:12px;bottom:9px;color:#e8f1df;font:7px 'Cascadia Mono',Consolas,ui-monospace,monospace;letter-spacing:1.2px;z-index:4}.timer-row{display:flex;justify-content:space-between;align-items:center;margin:17px 4px 10px}.timer-row small{display:block;color:#9097aa;font:8px 'Cascadia Mono',Consolas,ui-monospace,monospace;letter-spacing:1px}.timer-row strong{display:block;font:500 32px 'Cascadia Mono',Consolas,ui-monospace,monospace;letter-spacing:-2px;margin-top:3px}.timer-controls{display:flex;gap:8px}.timer-controls span{width:32px;height:32px;border:1px solid #42485b;border-radius:50%;display:grid;place-items:center;color:#9bebc5;font-size:12px}.progress-track{height:4px;background:#3a2f55;border-radius:4px;overflow:hidden}.progress-track i{display:block;width:68%;height:100%;background:#7be0ad;border-radius:4px}.app-bottom{display:flex;justify-content:space-between;margin-top:13px;color:#aab0c2;font:8px 'Cascadia Mono',Consolas,ui-monospace,monospace}.float-chip{position:absolute;z-index:3;background:#2a2038;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 15px 35px #090b12;padding:11px 14px;color:#dce0ed;font:9px 'Cascadia Mono',Consolas,ui-monospace,monospace}.chip-top{right:-2px;top:35px;color:#7be0ad;letter-spacing:1px}.chip-bottom{left:-18px;bottom:15px;display:flex;align-items:center;gap:10px}.chip-bottom b,.chip-bottom small{display:block}.chip-bottom b{color:#7be0ad}.chip-bottom small{color:#9299ac;margin-top:4px}.mini-avatar{width:29px;height:29px;border-radius:6px;background:#7be0ad;color:#20382b;display:grid;place-items:center;font-size:17px}.spark{position:absolute;color:#9bebc5;font-size:28px}.spark-a{right:20px;bottom:70px}.spark-b{left:18px;top:65px;font-size:19px}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#150f24}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:35px;white-space:nowrap;padding:17px 20px;color:#a6aabd;font:10px 'Cascadia Mono',Consolas,ui-monospace,monospace;letter-spacing:2px}.ticker-track b{color:#7be0ad}.intro{padding-top:120px;padding-bottom:105px}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-top:20px}.intro h2,.section-heading h2,.how h2,.download h2,.privacy h2{font-size:clamp(34px,4.2vw,49px);letter-spacing:-2.7px;line-height:1.13;margin:0;font-weight:800}.intro-grid p,.section-heading>p{color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 5px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;margin-top:55px;background:rgba(255,255,255,.018)}.stats-strip div{padding:22px 25px;border-right:1px solid var(--line)}.stats-strip div:last-child{border:0}.stats-strip strong{display:block;font:500 29px 'Cascadia Mono',Consolas,ui-monospace,monospace;color:#7be0ad}.stats-strip span{display:block;color:#9299ac;font-size:11px;margin-top:5px}.features{padding-top:40px;padding-bottom:120px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-heading .section-kicker{margin-bottom:17px}.section-heading>p{max-width:300px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.feature-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.feature-large{grid-column:span 2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.feature-art{height:225px;position:relative;display:grid;place-items:center;overflow:hidden}.feature-large .feature-art{height:290px}.card-purple .feature-art{background:radial-gradient(circle at 50% 50%,#454064,#28263d 60%,#242234)}.card-green .feature-art{background:radial-gradient(circle,#35594e,#1f342f)}.card-orange .feature-art{background:radial-gradient(circle,#694735,#362b2a)}.card-blue .feature-art{background:radial-gradient(circle,#344d69,#222d40)}.card-pink .feature-art{background:radial-gradient(circle,#68415e,#392b42)}.card-yellow .feature-art{background:radial-gradient(circle,#625638,#343023)}.feature-copy{padding:25px 28px 29px}.feature-large .feature-copy{padding:35px}.feature-number{font-size:9px;color:#7be0ad}.feature-copy h3{font-size:20px;letter-spacing:-.7px;margin:10px 0 9px}.feature-copy p{font-size:12px;line-height:1.85;color:#a4a9ba;margin:0;max-width:440px}.art-clock{position:relative;z-index:2;font:500 56px 'Cascadia Mono',Consolas,ui-monospace,monospace;color:#f1eaff;letter-spacing:-5px}.art-clock span{color:#7be0ad}.art-ring{position:absolute;width:175px;height:175px;border:1px solid rgba(123,224,173,.45);border-radius:50%;box-shadow:0 0 0 17px rgba(123,224,173,.04),0 0 0 35px rgba(123,224,173,.035)}.art-label{position:absolute;bottom:25px;color:#bcaaff;font:9px 'Cascadia Mono',Consolas,ui-monospace,monospace;letter-spacing:2px}.room-screen{width:220px;background:#263c36;border:1px solid #6c9b7d;border-radius:7px;padding:13px;transform:rotate(-5deg);box-shadow:12px 13px 0 rgba(0,0,0,.15)}.room-head{font:10px 'Cascadia Mono',Consolas,ui-monospace,monospace;color:#d6e9d9;display:flex;justify-content:space-between}.room-head span{color:#9ce1ae;font-size:8px}.room-avatars{display:flex;gap:9px;margin:18px 0}.room-avatars i{width:30px;height:30px;background:#a6c9a9;color:#294536;border-radius:6px;display:grid;place-items:center;font-style:normal}.room-avatars i:nth-child(2){background:#d6a5a0}.room-avatars i:nth-child(3){background:#c7b1e5}.room-avatars i:nth-child(4){background:#4e675c;color:#d7e8d9}.room-lines b{display:block;height:4px;background:#587668;border-radius:4px;margin-top:7px;width:90%}.room-lines b:nth-child(2){width:65%}.room-lines b:nth-child(3){width:78%}.floating-star{position:absolute;right:22%;top:28%;font-size:28px;color:#7be0ad}.versus{display:flex;align-items:center;gap:18px;font:11px 'Cascadia Mono',Consolas,ui-monospace,monospace;color:#ffe2c5}.versus span{padding:13px 16px;border:1px solid #a87858;border-radius:6px;background:#563d34}.versus b{color:#ffc58d}.race-bars{width:220px;margin-top:25px}.race-bars i{display:block;height:9px;background:#f4b47e;border-radius:5px;width:83%;margin:9px 0}.race-bars i:nth-child(2){width:57%;background:#9b9bd5}.race-caption{font:8px 'Cascadia Mono',Consolas,ui-monospace,monospace;color:#e4b28c;letter-spacing:1px;margin-top:18px}.planner-sheet{width:205px;background:#e6e8df;color:#45564c;border-radius:5px;padding:17px 16px;transform:rotate(4deg);box-shadow:10px 12px 0 rgba(0,0,0,.16)}.planner-sheet>span{display:flex;justify-content:space-between;font:10px 'Cascadia Mono',Consolas,ui-monospace,monospace;margin-bottom:16px}.planner-sheet>span b{color:#7c9c7d}.planner-sheet>i{display:block;font-size:9px;font-style:normal;padding:8px 0;border-bottom:1px solid #cbd4c8}.planner-progress{height:5px;background:#cbd4c8;margin-top:14px;border-radius:5px}.planner-progress b{display:block;width:63%;height:100%;background:#719a7d;border-radius:5px}.character-art{display:flex;flex-direction:column;gap:8px}.character{position:relative;width:80px;height:90px;image-rendering:pixelated}.char-hair{position:absolute;left:18px;top:2px;width:45px;height:17px;background:#5c3940;box-shadow:-7px 7px #5c3940,8px 8px #5c3940}.char-face{position:absolute;left:24px;top:16px;width:35px;height:28px;background:#f2c39f}.char-shirt{position:absolute;left:15px;top:44px;width:53px;height:31px;background:#a6d9c0}.char-feet{position:absolute;left:20px;top:74px;width:16px;height:13px;background:#e5b18f;box-shadow:28px 0 #e5b18f}.char-crown{position:absolute;top:-20px;left:26px;color:#f4d57d;font-size:20px;font-style:normal}.level-bubble{position:absolute;top:23px;left:22%;background:#3b344b;border:1px solid #9878a9;color:#e6b8e1;padding:7px 10px;border-radius:5px;font:8px 'Cascadia Mono',Consolas,ui-monospace,monospace}.xp-bar{width:155px;height:5px;background:#634c60;border-radius:5px}.xp-bar i{display:block;width:72%;height:100%;background:#e6a9d4}.xp-label{font:7px 'Cascadia Mono',Consolas,ui-monospace,monospace;color:#d5a9ca}.theme-window{width:190px;height:125px;background:#242b3d;border:1px solid #88805d;border-radius:6px;padding:12px;transform:rotate(-4deg)}.theme-top{height:12px;background:#3a2f55;border-radius:3px}.theme-lines i{display:block;height:5px;width:85%;background:#59627c;border-radius:5px;margin-top:12px}.theme-lines i:nth-child(2){width:63%}.theme-lines i:nth-child(3){width:75%}.swatches{display:flex;gap:7px;margin-top:16px}.swatches b{width:17px;height:17px;border-radius:4px;background:#7be0ad}.swatches b:nth-child(2){background:#7be0ad}.swatches b:nth-child(3){background:#e6a9d4}.swatches b:nth-child(4){background:#f2c27b}.swatches b:nth-child(5){background:#8fb8e5}.customize-spark{position:absolute;right:24%;top:22%;font-size:27px;color:#ffe49a}.how{padding-top:50px;padding-bottom:125px;text-align:center}.how .section-kicker{margin-bottom:18px}.how h2{margin-bottom:55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.steps article{padding:25px;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:10px}.step-icon{font:500 12px 'Cascadia Mono',Consolas,ui-monospace,monospace;color:#7be0ad;width:39px;height:39px;border:1px solid rgba(123,224,173,.35);border-radius:8px;display:grid;place-items:center}.steps h3{font-size:16px;margin:23px 0 8px}.steps p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.download{padding-bottom:100px}.download-card{border:1px solid rgba(123,224,173,.2);border-radius:15px;background:radial-gradient(ellipse at 85% 50%,rgba(123,224,173,.3),transparent 50%),#1b1426;display:grid;grid-template-columns:1fr .8fr;overflow:hidden;min-height:350px}.download-copy{padding:48px}.download-copy .section-kicker{margin-bottom:18px}.download h2{font-size:42px}.download-copy p{color:var(--muted);font-size:12px;line-height:1.8;max-width:390px;margin:17px 0 24px}.download-copy small{display:block;color:#8f95a9;font:9px 'Cascadia Mono',Consolas,ui-monospace,monospace;margin-top:16px}.download-art{position:relative;min-height:330px;display:grid;place-items:center;overflow:hidden}.download-platform{position:absolute;bottom:60px;width:260px;height:38px;background:#3a2f55;transform:perspective(100px) rotateX(25deg);border:1px solid #756494}.download-character{position:relative;z-index:2;width:100px;height:130px}.download-character:before{content:"";position:absolute;left:18px;top:15px;width:67px;height:28px;background:#5c3e4b;box-shadow:-9px 12px #5c3e4b,8px 13px #5c3e4b}.download-character i{position:absolute;left:26px;top:39px;width:54px;height:40px;background:#f0c09d}.download-character b{position:absolute;left:16px;top:79px;width:74px;height:43px;background:#9fd8bd}.download-character em{position:absolute;left:25px;top:119px;width:18px;height:14px;background:#e6b18e;box-shadow:40px 0 #e6b18e}.big-pixel-star{position:absolute;top:55px;right:22%;font-size:42px;color:#d3ffe9;text-shadow:0 0 30px #7be0ad}.download-orbit{position:absolute;bottom:105px;right:12%;font:9px 'Cascadia Mono',Consolas,ui-monospace,monospace;letter-spacing:2px;color:#9bebc5;transform:rotate(12deg)}.install-note{display:flex;gap:13px;align-items:flex-start;max-width:700px;margin:20px auto 0;color:#8e95a9;font-size:10px;line-height:1.8}.install-note>span{color:#7be0ad;font-size:17px}.install-note p{margin:0}.install-note b{color:#d8d9e2}.privacy{padding-top:85px;padding-bottom:110px;border-top:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:30px;max-width:950px}.privacy-icon{width:75px;height:75px;border-radius:17px;background:#25243a;border:1px solid #51476f;color:#7be0ad;display:grid;place-items:center;font-size:40px}.privacy .section-kicker{margin-bottom:17px}.privacy h2{font-size:38px}.privacy p{max-width:720px;color:var(--muted);font-size:12px;line-height:1.9}.privacy-points{display:flex;gap:20px;flex-wrap:wrap;color:#7be0ad;font:10px 'Cascadia Mono',Consolas,ui-monospace,monospace;margin-top:23px}.privacy .privacy-small{font-size:10px;color:#838a9f;margin-top:23px}.text-link{font-size:11px;font-weight:800;color:#9bebc5}.faq{padding-top:40px;padding-bottom:120px}.faq-list{max-width:850px;margin:auto;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:21px 4px}.faq-list summary{cursor:pointer;list-style:none;font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#7be0ad;font-size:20px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.8;color:var(--muted);max-width:720px;margin:13px 0 0}.faq-list details a{color:#9bebc5}.footer{border-top:1px solid var(--line);padding:35px 28px 28px;max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:15px}.footer>p{color:#858ba0;font-size:11px;text-align:center}.footer-links{display:flex;justify-content:flex-end;gap:20px;color:#a6aabd;font-size:10px}.footer>small{grid-column:1/-1;text-align:center;color:#626a80;font:9px 'Cascadia Mono',Consolas,ui-monospace,monospace;margin-top:22px}
@media(max-width:800px){.site-header{height:72px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px}.menu-toggle i{width:21px;height:2px;background:#ddd;border-radius:2px}.nav{display:none;position:absolute;top:65px;left:20px;right:20px;background:#2a2038;border:1px solid var(--line);border-radius:10px;padding:20px;flex-direction:column;align-items:stretch;gap:20px}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:65px;gap:25px}.hero-copy{text-align:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-meta{justify-content:center}.hero-visual{max-width:560px;width:100%;margin:auto}.intro-grid{grid-template-columns:1fr;gap:20px}.section-heading{align-items:flex-start;flex-direction:column}.feature-large{grid-template-columns:1fr}.feature-large .feature-art{height:230px}.feature-large .feature-copy{padding:25px 28px}.download-card{grid-template-columns:1fr}.download-art{min-height:250px}.download-copy{padding:35px}.privacy{grid-template-columns:70px 1fr;gap:20px}.privacy-icon{width:60px;height:60px}.footer{grid-template-columns:1fr 1fr}.footer>p{text-align:right}.footer-links{grid-column:1/-1;justify-content:center}.footer>small{margin-top:8px}}
@media(max-width:560px){.section-wrap{padding-left:20px;padding-right:20px}.hero{padding-top:55px;padding-bottom:60px}.hero h1{font-size:53px;letter-spacing:-3.5px}.hero-meta{gap:12px;font-size:9px}.app-window{transform:none}.pixel-scene{height:185px}.app-bottom{font-size:7px}.chip-top{right:0;top:8px}.chip-bottom{left:-3px;bottom:-5px}.visual-orbit{display:none}.intro{padding-top:85px;padding-bottom:75px}.intro h2,.section-heading h2,.how h2{font-size:36px}.stats-strip{grid-template-columns:repeat(2,1fr)}.stats-strip div{border-bottom:1px solid var(--line)}.stats-strip div:nth-child(2){border-right:0}.stats-strip div:nth-child(3),.stats-strip div:nth-child(4){border-bottom:0}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.feature-art{height:200px}.features{padding-bottom:85px}.steps{grid-template-columns:1fr}.how{padding-bottom:85px}.download h2{font-size:35px}.download-copy{padding:28px 23px}.privacy{grid-template-columns:1fr;padding-top:65px;padding-bottom:80px}.privacy h2{font-size:34px}.privacy-points{gap:12px;flex-direction:column}.footer{grid-template-columns:1fr;text-align:center}.footer .brand{justify-content:center}.footer>p{text-align:center;margin:0}.footer-links{grid-column:auto;flex-wrap:wrap}.footer>small{grid-column:auto}.ticker-track{justify-content:flex-start;gap:25px}.ticker-track span{font-size:9px}}

.download-options{display:grid;gap:9px;max-width:390px;margin-top:22px}
.download-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.035);transition:.2s transform,.2s border-color,.2s background}
.download-option:hover{transform:translateY(-2px);border-color:rgba(123,224,173,.65);background:rgba(123,224,173,.08)}
.download-option.download-exe{background:#7be0ad;color:#0d0a16;border-color:#7be0ad}
.download-option.download-exe:hover{background:#9bebc5}
.download-option-icon{width:34px;height:34px;flex:0 0 34px;border-radius:7px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:18px}
.download-exe .download-option-icon{background:rgba(23,19,33,.12)}
.download-option b,.download-option small{display:block}
.download-option b{font-size:11px;font-weight:800}
.download-option small{font-size:9px;margin-top:3px;color:#9da3b6}
.download-exe small{color:#403653}
.option-arrow{margin-left:auto;font-size:14px;opacity:.8}
.store-option{opacity:.88}
@media(max-width:560px){.download-options{max-width:none}.download-option{padding:12px}}

/* =====================================================================
   v2 additions — accessibility, motion, MayoUI integration
   ===================================================================== */
:root{--mayoui-accent:#7be0ad;--mayoui-radius:12px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
button{font-family:inherit}
:focus-visible{outline:2px solid #9bebc5;outline-offset:3px;border-radius:4px}
.skip-link{position:absolute;left:16px;top:-64px;z-index:100;background:#7be0ad;color:#0d0a16;padding:10px 16px;border-radius:8px;font-weight:800;font-size:12px;transition:top .2s}
.skip-link:focus{top:12px}
.nav a[aria-current="true"]:not(.nav-cta){color:#fff;box-shadow:0 2px 0 #7be0ad}

/* scroll progress + back to top */
.scroll-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:50;pointer-events:none}
.scroll-progress i{display:block;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#7be0ad,#6cc6ff)}
.back-to-top{position:fixed;right:20px;bottom:20px;z-index:40;width:44px;height:44px;border-radius:50%;border:1px solid rgba(123,224,173,.3);background:#2a2038;color:#9bebc5;font-size:18px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s,background .2s}
.back-to-top.show{opacity:1;visibility:visible;transform:none}
.back-to-top:hover{background:#3a2f55}

/* reveal on scroll (only when JS is on) */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease var(--reveal-delay,0ms),transform .6s ease var(--reveal-delay,0ms)}
.js .reveal.in{opacity:1;transform:none}

/* seamless ticker */
.ticker-track{width:max-content;justify-content:flex-start;gap:0;padding:0;animation:ticker 30s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-group{display:flex;align-items:center;gap:35px;padding:17px 17.5px;flex:none}
@keyframes ticker{to{transform:translateX(-50%)}}

/* gentle float on hero chips */
.float-chip,.spark{animation:bob 6s ease-in-out infinite}
.chip-bottom{animation-delay:-3s}.spark-b{animation-delay:-2s}
@keyframes bob{50%{translate:0 -7px}}

/* download: option without a link yet */
.download-option.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.hero-meta .mayoui-badge{margin-left:6px;font-family:'Segoe UI Variable','Segoe UI',system-ui,-apple-system,Roboto,'Helvetica Neue',Arial,sans-serif}

/* new sections */
.try,.specs,.contact{padding-top:20px;padding-bottom:100px}
.try .section-heading,.specs .section-heading{margin-bottom:38px}
.try h2,.specs h2,.contact h2{font-size:clamp(34px,4.2vw,49px);letter-spacing:-2.7px;line-height:1.13;margin:0;font-weight:800}
.try-card{max-width:560px;margin:0 auto;padding:28px;border:1px solid rgba(123,224,173,.2);border-radius:15px;background:radial-gradient(ellipse at 85% 0%,rgba(123,224,173,.25),transparent 60%),#1b1426;display:grid;place-items:center}
.try-fallback{color:var(--muted);font-size:12px;margin:0}
.specs .mayoui-table-wrap{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:auto}
.specs .mayoui-table{width:100%;font-size:13px;color:var(--text)}
.specs .mayoui-table th{width:34%;text-align:left;font:500 11px 'Cascadia Mono',Consolas,ui-monospace,monospace;letter-spacing:1px;color:#7be0ad;text-transform:uppercase}
.specs .mayoui-table td{color:#c9ccda}
.contact-card{border:1px solid rgba(123,224,173,.2);border-radius:15px;background:radial-gradient(ellipse at 10% 0%,rgba(123,224,173,.28),transparent 55%),#1b1426;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:48px}
.contact-copy .section-kicker{margin-bottom:18px}
.contact-copy p{color:var(--muted);font-size:12px;line-height:1.8;max-width:390px;margin:17px 0 24px}
.contact-mail{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px}
.contact-form{min-width:0}
.contact-form .mayoui-input,.contact-form .mayoui-select,.contact-form .mayoui-textarea{width:100%}

/* fallback toast (used only when MayoUI toast is missing) */
.mini-toast{position:fixed;left:50%;bottom:28px;z-index:60;transform:translate(-50%,20px);background:#2a2038;color:#f4f3f8;border:1px solid rgba(123,224,173,.3);padding:12px 18px;border-radius:10px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.25s}
.mini-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:800px){.contact-card{grid-template-columns:1fr;padding:35px}}
@media(max-width:560px){.try,.specs,.contact{padding-bottom:70px}.contact-card{padding:28px 23px}.try-card{padding:18px}.try h2,.specs h2,.contact h2{font-size:36px}.specs .mayoui-table th{width:40%}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .ticker-track{animation:none;flex-wrap:wrap;width:auto}
}

/* the decorative glow was wider than the phone viewport -> sideways scroll */
html,body{overflow-x:clip}
.page-glow{max-width:100vw}

/* 6 cards after the wide one left the last card alone in its row */
.feature-grid>.feature-card:last-child:nth-child(even){grid-column:span 2}
@media(max-width:560px){.feature-grid>.feature-card:last-child:nth-child(even){grid-column:auto}}

/* Low-specificity fallback for the contact form: used only if the MayoUI CSS fails to load
   (any .mayoui-* class has higher specificity and wins when it is available). */
:where(.contact-form){display:grid;gap:16px}
:where(.contact-form) :where(label){display:block;font-size:11px;font-weight:700;color:#c0c2d0;margin-bottom:6px}
:where(.contact-form) :where(input,select,textarea){width:100%;padding:12px 14px;border-radius:8px;border:1px solid var(--line);background:#2a2038;color:var(--text);font:inherit;font-size:13px}
:where(.contact-form) :where(button){padding:13px 18px;border-radius:8px;border:0;background:#7be0ad;color:#0d0a16;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
:where(.contact-mail) :where(button){padding:7px 12px;border-radius:6px;border:1px solid var(--line);background:transparent;color:#d7d7e1;font:inherit;font-size:11px;font-weight:700;cursor:pointer}


/* =====================================================================
   v3 - match the PixelStudy app (globals.css): dark violet surfaces, mint accent,
   Segoe UI, rounded panels, and the 1:1 pixel scene.
   ===================================================================== */
:root{
  --bg:#120e1f;--panel:#1b1426;--panel2:#2a2038;--text:#f5f5f4;--muted:#94a3b8;
  --mint:#7be0ad;--sky:#6cc6ff;--gold:#ffd166;--coral:#ff7a90;--lilac:#c4a3ff;--orange:#ffa94d;
  --line:rgba(255,255,255,.1);--accent:#7be0ad;
}
body{font-size:17px}
.page-glow{background:radial-gradient(ellipse,rgba(123,224,173,.13),transparent 68%)}
.brand-light{color:var(--mint)}
.brand-mark span{background:var(--mint);border-radius:3px}
.brand-mark span:nth-child(4){background:var(--sky)}
.gradient-text{background:linear-gradient(100deg,var(--mint),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.status-dot{background:var(--mint);box-shadow:0 0 12px var(--mint)}

/* buttons and nav: 12px radius like .ps-btn-big */
.nav .nav-cta,.button,.download-option,.skip-link{border-radius:12px}
.nav .nav-cta,.button-primary,.download-option.download-exe{background:var(--mint);color:#0d0a16}
.button-primary{box-shadow:0 8px 30px rgba(123,224,173,.18)}
.button-primary:hover,.download-option.download-exe:hover{background:#9bebc5}
.button-quiet{border-radius:12px}
.nav a[aria-current="true"]:not(.nav-cta){box-shadow:0 2px 0 var(--mint)}

/* panels: same look as .ps-panel (flat surface + dark inset bottom edge) */
.feature-card,.steps article,.stats-strip,.specs .mayoui-table-wrap,.app-window,.try-card,.download-card,.contact-card{
  border-radius:15px;border:1px solid var(--line);background-color:var(--panel);
  box-shadow:inset 0 -4px 0 rgba(0,0,0,.25)}
.app-window{background:var(--panel);box-shadow:0 35px 90px rgba(0,0,0,.5),inset 0 -4px 0 rgba(0,0,0,.25);transform:rotate(1.5deg)}
.window-bar{background:var(--panel2);font-family:'Segoe UI Variable','Segoe UI',system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:0;color:var(--muted)}
.window-dots i{background:var(--coral)}.window-dots i:nth-child(2){background:var(--gold)}.window-dots i:nth-child(3){background:var(--mint)}
.app-topline,.timer-row small,.app-bottom{font-family:'Segoe UI Variable','Segoe UI',system-ui,sans-serif;font-weight:600;letter-spacing:.4px}
.app-topline{font-size:11px}.timer-row small{font-size:11px}.app-bottom{font-size:11px}
.online-pill,.online-pill i{color:var(--mint)}.online-pill i{background:var(--mint)}
.timer-row strong{font-family:'Segoe UI Variable','Segoe UI',system-ui,sans-serif;font-weight:700;font-size:40px;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.timer-controls span{border-color:rgba(255,255,255,.14);color:var(--mint);border-radius:12px}
.progress-track{background:var(--panel2);border-radius:4px}.progress-track i{background:var(--mint)}
.float-chip{background:var(--panel2);border-radius:12px;color:#f5f5f4}
.chip-top{color:var(--mint)}.chip-bottom b{color:var(--mint)}.mini-avatar{background:var(--mint);color:#0d0a16;border-radius:50%}
.spark{color:var(--gold)}
.visual-orbit{border-color:rgba(123,224,173,.16)}

/* the 1:1 scene, same rules as the app's .ps-scene-wrap / .scene */
.ps-scene-wrap{display:grid;place-items:center;width:100%;padding:12px;background:#120e1f;border:1px solid var(--line);border-radius:15px;overflow:hidden}
.ps-scene-wrap .scene{display:block;width:min(100%,300px);height:auto;aspect-ratio:1/1;object-fit:contain;image-rendering:pixelated}
.steam{animation:steam 2.4s ease-in-out infinite}.steam.s2{animation-delay:.8s}.steam.s3{animation-delay:1.6s}
@keyframes steam{0%{transform:translateY(2px);opacity:0}40%{opacity:.85}100%{transform:translateY(-6px);opacity:0}}

/* accents that were purple */
.eyebrow,.section-kicker,.feature-number,.stats-strip strong,.step-icon,.text-link,.play-icon,.faq-list summary span,.faq-list details a,.install-note>span,.download-orbit{color:var(--mint)}
.step-icon{border-color:rgba(123,224,173,.35);border-radius:12px}
.hero-meta b,.privacy-points{color:var(--mint)}
.privacy-icon{background:var(--panel2);border-color:rgba(123,224,173,.3);color:var(--mint);border-radius:17px}
.card-purple .feature-art{background:radial-gradient(circle,#3a2f55,#241a38 62%,#1b1426)}
.art-clock{font-family:'Segoe UI Variable','Segoe UI',system-ui,sans-serif;font-weight:700;letter-spacing:-3px;color:#f5f5f4}
.art-clock span,.art-label{color:var(--mint)}
.art-ring{border-color:rgba(123,224,173,.45);box-shadow:0 0 0 17px rgba(123,224,173,.04),0 0 0 35px rgba(123,224,173,.03)}
.big-pixel-star{color:var(--mint);text-shadow:0 0 30px var(--mint)}
.download-platform{border-color:rgba(123,224,173,.4)}
.back-to-top{background:var(--panel2);color:var(--mint);border-color:rgba(123,224,173,.3)}
.scroll-progress i{background:linear-gradient(90deg,var(--mint),var(--sky))}
.ticker{background:#150f24}.ticker-track b{color:var(--mint)}
:focus-visible{outline-color:var(--mint)}

/* fit Segoe's wider glyphs */
.hero h1{font-size:clamp(44px,5.3vw,66px);letter-spacing:-3px}
.intro h2,.section-heading h2,.how h2,.download h2,.privacy h2,.try h2,.specs h2,.contact h2{letter-spacing:-1.8px}
.chip-bottom{bottom:-24px;left:-24px}
@media(max-width:560px){.hero h1{font-size:46px;letter-spacing:-2px}.chip-bottom{bottom:-30px;left:0}}