:root{--navy:#f4efff;--teal:#c5a6ff;--muted:#b5aec4;--line:#ffffff17;--bg:#08070e;--accent:#bb8fff;--accent2:#f4b6c9;--surface:#161220;--display:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--navy);color-scheme:dark}body{position:relative;isolation:isolate;overflow-x:clip}.space-backdrop{position:absolute;inset:0 0 auto;height:950px;z-index:-2;background:linear-gradient(90deg,#08070ee6 0%,#08070e36 45%,#08070e10 100%),url('nebula-v1.webp') center top/cover no-repeat;mask-image:linear-gradient(#000 65%,transparent);opacity:.95;pointer-events:none}#starfield{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}main,.site-header,footer{position:relative;z-index:1}.site-header{height:97px;border-bottom-color:#ffffff14;background:transparent}.brand{color:#f8f5ff;font-weight:650}.brand img{border-radius:11px;box-shadow:0 0 25px #a986ef12}.brand-dot{color:var(--accent)}.site-header nav{color:#c5bdcf;font-size:13px}.site-header nav>[aria-current]{color:#fff}.site-header nav>a:hover{color:var(--accent2)}.site-header nav>.contact-link{border-color:#ffffff25;background:#ffffff05;color:#eee7f5;border-radius:100px;padding:11px 20px}.hero{grid-template-columns:1.12fr 1fr;gap:45px;padding:58px 0 62px;min-height:540px}.hero-copy{position:relative;z-index:2}.eyebrow{color:#baaccd;font-size:9px;letter-spacing:2px}.eyebrow>span{background:var(--accent2);box-shadow:0 0 15px var(--accent2)}h1{font-family:var(--display);font-size:clamp(45px,5.3vw,72px);letter-spacing:-3.2px;line-height:1.04;font-weight:500;color:#f8f4ff}h1>span{display:inline;background:linear-gradient(100deg,var(--accent),var(--accent2));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:15px;color:#c1b8cf;line-height:1.8;max-width:480px;margin-top:25px}.browse-button{border-radius:100px;background:linear-gradient(110deg,#e8ddff,#c8a4ff);color:#231633;border-color:transparent;box-shadow:0 3px 35px #b784ff29;font-size:12px;padding:15px 24px;margin-top:29px;font-weight:650;transition:transform .2s,box-shadow .2s}.browse-button:hover{background:linear-gradient(110deg,#f4ecff,#dcbcff);transform:translateY(-2px);box-shadow:0 6px 40px #b784ff45}.collection-note{color:#9c8dae;font-size:10px;margin-top:21px}.collection-note>span{color:var(--accent2)}.orbital-showcase{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.orbital-scene{position:relative;height:328px;max-width:460px;width:100%;margin:0 auto}.orbit-halo{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#c191ff23 0,#eaa0dd0c 45%,transparent 70%);filter:blur(18px);animation:haloBreathe 10s ease-in-out infinite alternate}.orbit-ring{position:absolute;border:1px solid #d8b8ff37;border-radius:50%;inset:8%;transform:rotate(-25deg) scaleY(.6);pointer-events:none}.ring-one{animation:orbitSpin 55s linear infinite}.ring-two{inset:15%;transform:rotate(55deg) scaleY(.65);border-color:#f2c2db29;animation:orbitSpinTwo 75s linear infinite reverse}.ring-three{inset:1%;transform:rotate(8deg) scaleY(.66);border-color:#b99bde13}.orbit-ring i{position:absolute;top:-3px;left:50%;width:5px;height:5px;background:#ecd6ff;border-radius:50%;box-shadow:0 0 12px 3px #ca9fff80}.orbit-main{position:absolute;left:50%;top:49%;translate:-50% -50%;width:118px;height:118px;border-radius:29px;padding:5px;background:linear-gradient(145deg,#fff4,#ffffff12);border:1px solid #eadbff65;box-shadow:0 20px 60px #06030bb3,0 0 75px #cd8aff22;animation:appFloat 7s ease-in-out infinite;z-index:3;display:grid;place-items:center}.orbit-main img{width:106px;height:106px;border-radius:24px;display:block}.orbit-main-glow{position:absolute;inset:-10px;border-radius:40px;background:#c4a0ff18;filter:blur(14px);z-index:-1}.orbit-satellite{position:absolute;display:flex;align-items:center;flex-direction:column;gap:10px;z-index:4;animation:satelliteFloat 8s ease-in-out infinite;max-width:115px;text-align:center}.orbit-satellite img{width:52px;height:52px;border-radius:13px;border:1px solid #ffffff3b;box-shadow:0 12px 35px #03010873}.orbit-satellite>span{font-size:9px;color:#e2d5ed;background:#150f2299;border:1px solid #ffffff13;border-radius:100px;padding:5px 9px;line-height:1.35;backdrop-filter:blur(8px)}.satellite-1{left:9%;top:10%;animation-delay:-2s}.satellite-2{right:1%;top:30%;animation-delay:-5s}.satellite-3{left:17%;bottom:3%;animation-delay:-3s}.orbit-satellite:hover,.orbit-main:hover{animation-play-state:paused}.orbit-satellite:hover>span{color:white;border-color:#d0aaff75}.orbit-cross{position:absolute;font-size:18px;color:#ddc5ff80;animation:starPulse 6s ease-in-out infinite alternate}.cross-one{right:27%;top:3%}.cross-two{right:20%;bottom:6%;font-size:13px;animation-delay:-3s}.orbit-caption{display:flex;align-items:center;justify-content:center;gap:27px;margin:17px auto 0;padding:18px 0 0;border-top:1px solid #ffffff13;max-width:400px;width:100%}.orbit-caption>div{max-width:220px}.orbit-caption .eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:7px;color:#d4badf}.orbit-caption h2{color:#f7efff;font-size:18px;font-weight:500;letter-spacing:-.4px}.orbit-caption p:not(.eyebrow){font-size:11px;line-height:1.7;color:#a998b9;margin-top:7px}.store-link{background:#fff;border-radius:6px;box-shadow:0 0 0 1px #ffffff26}.store-link img{height:38px;width:114px}.catalogue{padding-top:35px;border-color:#ffffff17}.section-top h2{color:#f3effa;font-size:31px;font-weight:500;letter-spacing:-.9px}.section-top h2 span{color:var(--accent2)}.section-top .eyebrow{color:#91809f;font-size:8px}.section-top>p{color:#aa97bb;font-size:11px}.toolbar{margin-bottom:25px}.filter-buttons{background:#ffffff04;border:1px solid #ffffff0f;border-radius:100px;padding:4px;gap:3px}.filter-buttons button{color:#bcaccb;border-radius:100px;font-size:11px;padding:10px 15px}.filter-buttons button[aria-pressed=true]{background:#cbaafb;color:#20142e;border-color:#e8d7ff4d}.filter-buttons button:not([aria-pressed=true]):hover{background:#ffffff0a;color:#fff}.search-wrap input{border-radius:100px;background:#ffffff04;border-color:#ffffff1e;color:#eadff7;height:45px;font-size:12px}.search-wrap input::placeholder{color:#a18eaf}.search-wrap svg{stroke:#a494b9;top:14px}.search-wrap button{color:#c8b1df;top:8px;border-radius:50%}.app-grid{gap:20px}.app-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#1d1729e8,#111018ed);border:1px solid #ffffff13;border-radius:18px;padding:27px;min-height:300px;box-shadow:0 15px 40px #00000010;backdrop-filter:blur(14px);transition:transform .25s,border-color .25s,box-shadow .25s}.app-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 0,#b47bff14,transparent 70%);transition:opacity .3s}.app-card:hover{border-color:#c39cff60;box-shadow:0 14px 40px #15082380;transform:translateY(-5px)}.app-card:hover::before{opacity:1}.app-card-top{margin-bottom:23px}.app-icon{width:65px;height:65px;border-radius:16px;border-color:#ffffff20;box-shadow:0 7px 22px #0004;background:#fff}.category-label{color:#d9bded;background:#be9afa0d;border-color:#b387dc22;font-size:9px;border-radius:100px;padding:6px 9px}.game-label{color:#e4b4c5;background:#efa1bb0b;border-color:#efa1bb24}.video-label{color:#b7c1fa;background:#9aabff0b;border-color:#9aabff24}.app-card h3{font-size:18px;color:#f3ecfa;font-weight:550;line-height:1.3;margin-bottom:12px;letter-spacing:-.4px}.app-card h3 a:hover{color:#d9b6ff}.app-description{font-size:13px;color:#b1a6bd;line-height:1.7;margin-bottom:27px;max-width:100%}.app-card-bottom{gap:16px}.app-arrow{border-color:#c399f02b;background:#b88ef00b;color:#ccb6e5;width:32px;height:32px}.app-arrow:hover{color:#fff;background:#b88ef026}.availability-note{color:#9584a5;font-size:11px;margin:30px 0 50px}.support-strip{border:1px solid #be93ed22;border-radius:17px;background:linear-gradient(110deg,#c390ff0c,#fda7c005);padding:30px 32px;margin-bottom:45px}.support-icon{border-color:#d0aaff32;background:#b88ef00a;color:#d6b9fa;border-radius:12px}.support-strip h2{font-size:18px;color:#eadff8;font-weight:500}.support-strip p{font-size:12px;color:#ae99bd}.support-strip>a{color:#d9b5f7;font-size:12px}.empty-state{background:#18121f;border-color:#ffffff19;border-radius:17px}.empty-state>span{color:#baa0d3}.empty-state p{color:#b6a5c4}.empty-state button{color:#1d1328;background:#cfb0ff;border-radius:100px}footer{border-color:#ffffff13;color:#8f809f;font-size:10px}.footer-brand{color:#e0d4ed;font-weight:600}footer p{color:#94869f}#motion-toggle{border:1px solid #ffffff1c;background:#ffffff05;color:#b4a4c3;border-radius:100px;padding:8px 11px;font-size:9px;white-space:nowrap}#motion-toggle:hover{color:white;border-color:#c39cff66}.skip-link{background:#d3b4ff;color:#221633}.motion-ready .hero-copy{animation:heroEnter .9s ease both}.motion-ready .orbital-showcase{animation:heroEnter 1.2s .1s ease both}.motion-ready .app-card{opacity:0;translate:0 16px}.motion-ready .app-card.revealed{animation:cardReveal .6s ease both}.motion-ready .app-card.revealed:nth-child(3n+2){animation-delay:.05s}.motion-ready .app-card.revealed:nth-child(3n+3){animation-delay:.1s}.motion-paused *{animation-play-state:paused!important}.motion-paused .app-card{opacity:1!important;translate:none!important}.style-preview-bar{position:relative;z-index:5;background:#16111f;border-bottom:1px solid #ffffff20;padding:13px 24px;display:flex;gap:19px;align-items:center;font-size:11px;color:#c5b9d2}.style-preview-bar>span{color:#8e809c;font-size:10px;margin-right:5px}.style-preview-bar>[aria-current]{color:white;text-decoration:underline;text-underline-offset:5px}.live-preview-link{margin-left:auto;color:#d2b3f0}
@keyframes orbitSpin{from{transform:rotate(-25deg) scaleY(.6)}to{transform:rotate(335deg) scaleY(.6)}}@keyframes orbitSpinTwo{from{transform:rotate(55deg) scaleY(.65)}to{transform:rotate(415deg) scaleY(.65)}}@keyframes appFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes satelliteFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes haloBreathe{from{opacity:.5;scale:.9}to{opacity:1;scale:1.07}}@keyframes starPulse{from{opacity:.3}to{opacity:.9}}@keyframes heroEnter{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes cardReveal{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
html[data-theme=aurora]{--bg:#060d19;--accent:#77b8ff;--accent2:#a2eee8;--teal:#8fd7ff;--display:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html[data-theme=aurora] .space-backdrop{background:radial-gradient(ellipse at 15% 30%,#18487666,transparent 50%),radial-gradient(ellipse at 75% 45%,#08534e88,transparent 50%);height:1100px;opacity:1}html[data-theme=aurora] .hero{display:block;text-align:center;padding:55px 0 35px}html[data-theme=aurora] .hero-copy{max-width:820px;margin:auto}html[data-theme=aurora] .hero-copy .eyebrow,html[data-theme=aurora] .collection-note{justify-content:center}html[data-theme=aurora] h1{font-weight:650;letter-spacing:-3.8px}html[data-theme=aurora] .hero-description{margin:23px auto 0}html[data-theme=aurora] .browse-button{background:#8ad3f8;border-radius:10px;box-shadow:0 0 35px #55b5ff23}html[data-theme=aurora] .orbital-showcase{max-width:480px;margin:10px auto 0}html[data-theme=aurora] .orbital-scene{height:255px}html[data-theme=aurora] .orbit-caption{border:0;background:#9bc6ff0a;border:1px solid #8ecaff28;border-radius:14px;padding:17px 22px;margin-top:0;max-width:420px}html[data-theme=aurora] .orbit-halo{background:radial-gradient(circle,#43a9eb29,transparent 70%)}html[data-theme=aurora] .orbit-ring{border-color:#8ae0f43d}html[data-theme=aurora] .orbit-main{width:98px;height:98px;border-color:#a0e2ff77}html[data-theme=aurora] .orbit-main img{width:86px;height:86px;border-radius:20px}html[data-theme=aurora] .orbit-satellite img{width:45px;height:45px}html[data-theme=aurora] .orbit-satellite>span{background:#0c253cbb;border-color:#7fcfff24;color:#b7d6e9}html[data-theme=aurora] .app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}html[data-theme=aurora] .app-card{background:linear-gradient(160deg,#1c355944,#0a1425e6);border-color:#80b9ff21;border-radius:14px;padding:23px;min-height:310px}html[data-theme=aurora] .app-card h3{font-size:17px}html[data-theme=aurora] .category-label{color:#a3d9f4;background:#76ccff0d;border-color:#76ccff22;border-radius:5px}html[data-theme=aurora] .game-label{color:#b1bff0}html[data-theme=aurora] .video-label{color:#ade4dc}html[data-theme=aurora] .filter-buttons{border-radius:10px}html[data-theme=aurora] .filter-buttons button{border-radius:7px}html[data-theme=aurora] .filter-buttons button[aria-pressed=true]{background:#80c7eb;color:#092335}html[data-theme=aurora] .search-wrap input{border-radius:10px}html[data-theme=aurora] .support-strip{background:#0d26304d;border-color:#7cd8d422}html[data-theme=aurora] .support-strip>a{color:#a4dde9}
html[data-theme=solar]{--bg:#100d0b;--accent:#eab27b;--accent2:#f79070;--teal:#f2bf98;--display:Georgia,"Times New Roman",serif}html[data-theme=solar] .space-backdrop{background:linear-gradient(90deg,#100d0b99,#100d0b10),url('nebula-v1.webp') center top/cover no-repeat;filter:sepia(.9) saturate(.5);opacity:.6}html[data-theme=solar] .hero{grid-template-columns:1fr 1.04fr;gap:70px}html[data-theme=solar] .hero-copy{order:2}html[data-theme=solar] .orbital-showcase{order:1}html[data-theme=solar] h1{font-size:clamp(45px,5vw,69px);font-weight:400;letter-spacing:-2.5px}html[data-theme=solar] .hero-description{color:#c7b09d}html[data-theme=solar] .browse-button{border-radius:3px;background:#e9b582;color:#2c170c;box-shadow:none}html[data-theme=solar] .site-header nav{font-family:ui-monospace,monospace;font-size:11px}html[data-theme=solar] .site-header nav>.contact-link{border-radius:3px}html[data-theme=solar] .orbit-ring{border-color:#e6af7b44}html[data-theme=solar] .orbit-halo{background:radial-gradient(circle,#cc8d412b,transparent 70%)}html[data-theme=solar] .orbit-main{border-radius:28px;border-color:#e6c1a264;box-shadow:0 20px 60px #060302b3,0 0 65px #e68e4925}html[data-theme=solar] .orbit-satellite>span{background:#301c10a8;border-color:#deb2822a;color:#e6c8a7;border-radius:3px}html[data-theme=solar] .orbit-caption{border-color:#e2aa7933}html[data-theme=solar] .orbit-caption h2{color:#f8e3cf}html[data-theme=solar] .orbit-caption p:not(.eyebrow){color:#b19984}html[data-theme=solar] .section-top h2{font-family:var(--display);font-size:34px;font-weight:400}html[data-theme=solar] .app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}html[data-theme=solar] .app-card{display:grid;grid-template-columns:78px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:22px;background:linear-gradient(130deg,#2b2119bb,#18120e);border-color:#e5ba9422;border-radius:5px;padding:28px;min-height:250px}html[data-theme=solar] .app-card-top{display:contents}html[data-theme=solar] .app-icon{grid-column:1;grid-row:1/4}html[data-theme=solar] .category-label{grid-column:2;grid-row:1;justify-self:start;background:#d7a16b10;border-color:#d7a16b22;color:#d8b38d;border-radius:3px;margin-bottom:11px}html[data-theme=solar] .app-card h3{grid-column:2;grid-row:2;font-family:var(--display);font-size:22px;font-weight:400;color:#f1decc}html[data-theme=solar] .app-description{grid-column:2;grid-row:3;color:#b7a28f;margin-bottom:23px}html[data-theme=solar] .app-card-bottom{grid-column:2;grid-row:4}html[data-theme=solar] .filter-buttons{padding:0;border:0;background:transparent;border-radius:0}html[data-theme=solar] .filter-buttons button{border-radius:0;border-bottom:1px solid transparent;font-family:ui-monospace,monospace;font-size:11px;color:#bfa48c}html[data-theme=solar] .filter-buttons button[aria-pressed=true]{border-color:#d9a975;background:transparent;color:#f3d1ac}html[data-theme=solar] .search-wrap input{border-radius:3px;border-color:#c59c792c;background:#ca9b6410;color:#e6cebd}html[data-theme=solar] .support-strip{border-radius:5px;background:#bc945410;border-color:#bc945426}html[data-theme=solar] .support-strip h2{font-family:var(--display);font-size:23px;color:#ecd3bb}html[data-theme=solar] .support-strip p{color:#b69c84}html[data-theme=solar] .support-strip>a{color:#e2b287}
@media(max-width:1100px){.hero{gap:22px}.orbital-scene{height:300px}.app-card{padding:24px}.filter-buttons button{padding:10px 12px}html[data-theme=aurora] .app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-theme=solar] .hero{gap:30px}html[data-theme=solar] .app-card{column-gap:15px;padding:25px}}@media(max-width:800px){.hero{grid-template-columns:1fr 1fr;padding-top:45px;min-height:490px}.hero-description{font-size:14px}.orbital-scene{height:270px}.orbit-main{width:98px;height:98px}.orbit-main img{width:86px;height:86px;border-radius:20px}.orbit-satellite img{width:44px;height:44px}.orbit-satellite>span{font-size:8px;max-width:100px}.orbit-caption{gap:15px}.orbit-caption h2{font-size:16px}.orbit-caption p:not(.eyebrow){font-size:10px}.orbit-caption .store-link img{width:100px;height:34px}.filter-buttons button{padding:9px 10px}.app-grid,html[data-theme=aurora] .app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-direction:column;align-items:stretch}.search-wrap{max-width:none}.filter-buttons{align-self:flex-start}.style-preview-bar{gap:14px;padding:12px 20px}.style-preview-bar>span{display:none}html[data-theme=solar] .hero{grid-template-columns:1fr 1fr;gap:22px}html[data-theme=solar] .app-card{grid-template-columns:58px 1fr;column-gap:13px;padding:22px}html[data-theme=solar] .app-icon{width:50px;height:50px}}@media(max-width:700px){.site-header{height:auto;min-height:110px;padding:22px 22px 16px}.site-header nav{font-size:11px;gap:23px}.site-header nav>.contact-link{padding:8px 12px}.brand{font-size:25px}.brand img{width:35px;height:35px}.hero{display:block;padding:42px 0 38px;min-height:0}.hero-copy{max-width:500px}.hero-copy h1{font-size:clamp(45px,8vw,60px);letter-spacing:-2.4px}.hero-description{font-size:14px;margin-top:22px}.browse-button{padding:13px 22px;font-size:11px;margin-top:24px}.collection-note{font-size:9px;margin-top:18px}.orbital-showcase{max-width:410px;margin:26px auto 0}.orbital-scene{height:275px}.orbit-main{width:106px;height:106px}.orbit-main img{width:94px;height:94px;border-radius:22px}.orbit-satellite img{width:47px;height:47px}.orbit-caption{max-width:100%;padding-top:17px;margin-top:14px;gap:24px}.orbit-caption>div{max-width:200px}.orbit-caption h2{font-size:17px}.orbit-caption p:not(.eyebrow){font-size:11px}.orbit-caption .store-link img{width:104px;height:35px}.space-backdrop{height:1100px;background-position:65% top;opacity:.8}.catalogue{padding-top:30px}.section-top h2{font-size:26px}.section-top .eyebrow{font-size:7px}.section-top>p{font-size:10px}.filter-buttons{gap:0;padding:3px;max-width:100%;flex-wrap:wrap}.filter-buttons button{font-size:10px;gap:6px;padding:9px 11px}.filter-buttons button span{font-size:8px}.toolbar{gap:16px;margin-bottom:22px}.search-wrap input{height:43px;font-size:12px}.search-wrap svg{top:13px}.search-wrap button{top:6px}.app-grid,html[data-theme=aurora] .app-grid,html[data-theme=solar] .app-grid{grid-template-columns:1fr;gap:15px}.app-card,html[data-theme=aurora] .app-card{padding:25px;min-height:280px;border-radius:16px}.app-card h3,html[data-theme=aurora] .app-card h3{font-size:20px}.app-icon{width:64px;height:64px}.app-card-top{margin-bottom:22px}.app-description{font-size:13px;margin-bottom:25px}.category-label{font-size:9px}.support-strip{padding:25px 23px;gap:15px;border-radius:15px;margin-bottom:36px}.support-strip h2{font-size:16px}.support-strip p{font-size:11px}.support-strip>a{margin-left:50px;font-size:11px}.support-icon{width:35px;height:35px;font-size:20px;border-radius:9px}.availability-note{font-size:10px;margin:27px 0 34px}footer{font-size:9px;gap:16px}footer p{order:4}#motion-toggle{font-size:8px;padding:7px 9px;margin-left:auto}footer>span{width:100%;margin:0}.style-preview-bar{font-size:10px;gap:13px;padding:11px 15px}.live-preview-link{font-size:9px}html[data-theme=aurora] .hero{padding:42px 0 35px}html[data-theme=aurora] .hero h1{font-size:49px;letter-spacing:-2.8px}html[data-theme=aurora] .orbital-showcase{margin-top:20px}html[data-theme=aurora] .orbit-caption{max-width:100%;padding:16px;gap:15px}html[data-theme=solar] .hero{display:flex;flex-direction:column;gap:0}html[data-theme=solar] .hero-copy{order:1}html[data-theme=solar] .orbital-showcase{order:2;width:100%}html[data-theme=solar] .hero-copy h1{font-size:49px}html[data-theme=solar] .section-top h2{font-size:28px}html[data-theme=solar] .app-card{grid-template-columns:65px 1fr;padding:24px;column-gap:18px;border-radius:4px;min-height:270px}html[data-theme=solar] .app-card h3{font-size:23px}html[data-theme=solar] .app-icon{width:57px;height:57px}html[data-theme=solar] .app-description{font-size:12px}html[data-theme=solar] .filter-buttons button{font-size:10px}}@media(min-width:480px) and (max-width:700px){.app-grid,html[data-theme=aurora] .app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-card,html[data-theme=aurora] .app-card{padding:22px;min-height:315px}.app-card h3,html[data-theme=aurora] .app-card h3{font-size:17px}.app-icon{width:55px;height:55px}.category-label{font-size:8px;padding:5px 7px}.app-description{font-size:12px}}@media(max-width:360px){.site-header nav{font-size:10px;gap:16px}.site-header nav>.contact-link{padding:8px 10px}.hero-copy h1,html[data-theme=aurora] .hero h1,html[data-theme=solar] .hero h1{font-size:43px}.orbit-satellite>span{font-size:7px}.orbit-caption{gap:15px}.orbit-caption .store-link img{width:95px;height:32px}.filter-buttons button{font-size:9px;gap:5px;padding:9px}.section-top h2{font-size:23px}.app-card{padding:24px}.app-card h3{font-size:19px}.style-preview-bar{gap:11px}.live-preview-link{font-size:8px}}
.motion-paused .hero-copy,.motion-paused .orbital-showcase{opacity:1!important;translate:none!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}:root{scroll-behavior:auto}.motion-ready .hero-copy,.motion-ready .orbital-showcase,.motion-ready .app-card{opacity:1!important;translate:none!important}#starfield{opacity:.5}}

/* Atmospheric movement uses transforms; text and controls stay in place. */
/* Let the vector badge define its own edges, without a white letterbox. */
.store-link{position:relative;z-index:1;background:transparent;border-radius:0;box-shadow:none;line-height:0}
.store-link:hover{opacity:1}
.store-link img{height:auto!important;aspect-ratio:135/40}
.app-card-bottom .store-link img{width:135px}
.style-preview-bar{flex-wrap:wrap}
.space-window{position:absolute;inset:0 0 auto;height:1300px;overflow:hidden;z-index:-2;pointer-events:none}
.space-backdrop{z-index:0;transform-origin:50% 20%;animation:nebulaDrift 24s ease-in-out infinite alternate}
h1>span{background-size:220% 100%;animation:colourFlow 9s ease-in-out infinite alternate}
.ring-one{animation-duration:22s}
.ring-two{animation-duration:31s}
.orbit-ring i{width:7px;height:7px;top:-4px;box-shadow:0 0 18px 5px #ca9fff90}
.orbit-halo{animation-duration:5s}
.orbit-main{animation:appDrift 5.5s ease-in-out infinite}
.orbit-satellite{animation:satelliteDrift 6s ease-in-out infinite}
.satellite-1{animation-delay:-1.5s}
.satellite-2{animation-delay:-3.5s;animation-duration:7s}
.satellite-3{animation-delay:-4.5s;animation-duration:6.5s}
.orbit-main-glow{animation:haloBreathe 4s ease-in-out infinite alternate}
.orbit-cross{animation-duration:3s}
.orbital-scene{transform:translate(var(--scene-x,0px),var(--scene-y,0px));transition:transform .5s ease-out}
.motion-ready .app-card.revealed{animation:cardArrive .75s cubic-bezier(.16,1,.3,1) both}
.motion-ready .app-card.revealed:nth-child(3n+2){animation-delay:.1s}
.motion-ready .app-card.revealed:nth-child(3n+3){animation-delay:.2s}
.app-card::before{background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,0%),#c39cff26,transparent 65%)}
.app-icon,.app-arrow,.browse-button>span{transition:transform .35s ease}
.app-card:hover .app-icon{transform:translateY(-3px) rotate(-3deg)}
.app-card:hover .app-arrow,.browse-button:hover>span{transform:translate(2px,-2px)}
@media(hover:hover) and (pointer:fine){
  .app-card:hover{transform:perspective(1000px) translateY(-6px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
}
.motion-paused .app-card,.motion-paused .orbital-scene,.motion-paused .app-icon,.motion-paused .app-arrow,.motion-paused .browse-button,.motion-paused .browse-button>span{transform:none!important;transition:none!important}
@keyframes nebulaDrift{from{transform:scale(1.03) translate(-8px,-6px)}to{transform:scale(1.08) translate(10px,8px)}}
@keyframes colourFlow{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes appDrift{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-15px) rotate(3deg)}}
@keyframes satelliteDrift{0%,100%{transform:translate(0,0) rotate(-2deg)}50%{transform:translate(5px,-14px) rotate(3deg)}}
@keyframes cardArrive{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){
  .space-backdrop,.app-card,.orbital-scene,.app-icon,.app-arrow,.browse-button,.browse-button>span{transform:none!important}
}