:root{color-scheme:dark;--bg:#111511;--panel:#1b201b;--line:#30382f;--text:#f3f4e9;--muted:#a0a799;--lime:#c5f569}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.wrap{max-width:1240px;width:calc(100% - 96px);margin:auto}header{display:flex;align-items:center;justify-content:space-between;height:108px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:29px;font-weight:bold}.brand-icon{display:grid;place-items:center;background:var(--lime);color:var(--bg);font-size:39px;width:39px;height:43px;transform:skew(-9deg);border-radius:10px}.brand-sub{font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:10px}nav{display:flex;gap:35px;font-size:13px;align-items:center}.admin-link{border:1px solid var(--line);padding:12px 18px;border-radius:30px}.admin-link span{margin-right:15px;color:var(--lime)}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:620px;align-items:center;gap:40px;padding-block:65px}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--lime);display:flex;align-items:center;gap:8px}.eyebrow i{height:6px;width:6px;background:var(--lime);border-radius:50%}h1{font-size:clamp(48px,5.5vw,77px);line-height:1.35;letter-spacing:-3px;margin:25px 0}h1 em{font-style:normal;color:var(--lime)}.hero p{color:var(--muted);font-size:16px;line-height:2}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--lime);border:0;border-radius:8px;color:#192013;font-weight:bold;font-size:13px;padding:17px 24px;margin-top:22px}.primary:hover{background:#d6ff91}.primary span{font-size:23px}.platforms{display:flex;align-items:center;gap:13px;font-size:10px;margin-top:30px;color:#d5d9cd}.platforms span{color:var(--muted)}.platforms b{color:var(--lime)}.small-line{height:15px;width:1px;background:var(--line)}.hero-art{position:relative;display:grid;place-items:center;min-height:480px;background:radial-gradient(ellipse,#53692b33,transparent 67%)}.orbit{position:absolute;width:390px;height:390px;border:1px solid #64734a40;border-radius:50%;transform:rotate(-28deg) scaleY(.65)}.orbit-two{transform:rotate(37deg) scaleY(1.12);width:320px;height:380px}.phone{height:425px;width:226px;border:7px solid #353d30;outline:1px solid #626d52;border-radius:39px;transform:rotate(-12deg);background:#c5f569;color:#172014;box-shadow:25px 30px 70px #0008;position:relative;padding:35px 19px 20px;overflow:hidden}.notch{position:absolute;top:8px;left:77px;background:#252d21;width:63px;height:16px;border-radius:20px}.phone-top{display:flex;justify-content:space-between;font-size:12px;font-weight:bold}.phone-top span{font-size:9px}.phone-symbol{font-size:160px;font-weight:bold;line-height:1.1;margin-top:10px;text-align:center}.phone-title{font-size:29px;font-weight:bold;line-height:1.5}.phone-bottom{display:flex;justify-content:space-between;align-items:center;font-size:6px;margin-top:17px;border-top:1px solid #17201440;padding-top:12px}.phone-bottom b{font-size:22px}.spark{position:absolute;color:var(--lime);font-size:52px}.spark-one{left:26px;top:67px}.spark-two{right:48px;bottom:52px;font-size:33px}.floating-label{position:absolute;bottom:63px;left:6px;background:#262e23;border:1px solid #50603d;border-radius:12px;padding:17px 20px;transform:rotate(5deg);font-size:12px;box-shadow:0 8px 30px #0005}.floating-label span{display:inline-grid;place-items:center;background:var(--lime);color:#172014;border-radius:50%;width:25px;height:25px;margin-left:10px}.catalog{padding-block:50px 70px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between}h2{font-size:29px;margin:16px 0 0;line-height:1.6}.section-heading h2 span{color:var(--muted);font-weight:normal}.count{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:9px 15px;border-radius:30px}.toolbar{display:flex;justify-content:space-between;gap:20px;margin:32px 0}.filters{display:flex;gap:7px}.filters button{border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);padding:12px 20px;font-size:12px}.filters button.active{background:var(--text);color:#192013;border-color:var(--text)}.search{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);padding:0 15px;border-radius:7px}.search span{font-size:27px;color:var(--muted)}.search input{background:none;border:0;color:var(--text);width:200px;padding:12px 0;font-size:12px;outline-offset:0}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.app-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px;transition:transform .2s,border-color .2s}.app-card:hover{transform:translateY(-4px);border-color:#6b8051}.card-top{display:flex;align-items:center;justify-content:space-between}.app-icon{height:66px;width:66px;border-radius:17px;object-fit:cover;background:#333e28;display:grid;place-items:center;font-size:35px;color:var(--lime)}.app-tag{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:7px 10px}.app-card h3{font-size:21px;margin:23px 0 10px}.app-card p{font-size:12px;line-height:1.9;color:var(--muted);min-height:46px;overflow-wrap:anywhere}.store-links{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.store-links a{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #46513c;border-radius:7px;font-size:11px;padding:12px 8px;flex:1;direction:ltr}.store-links a:hover{background:var(--lime);color:var(--bg)}.store-links b{font-size:17px}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed #424d38;border-radius:15px;background:linear-gradient(130deg,#c5f508,transparent)}.empty-symbol{color:var(--lime);font-size:45px}.empty h3{font-size:21px}.empty p{font-size:13px;color:var(--muted);line-height:1.8}.closing{border:1px solid var(--line);background:#1d2418;border-radius:16px;padding:35px;display:flex;align-items:center;gap:25px;margin-bottom:70px}.closing-star{color:var(--lime);font-size:60px}.closing h2{font-size:23px;margin:0}.closing p{color:var(--muted);font-size:12px;line-height:1.8}.closing>a{margin-right:auto;font-size:30px;color:var(--lime)}footer{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}footer .brand{font-size:20px;color:var(--text)}footer .brand-icon{width:27px;height:29px;font-size:28px}dialog{background:#1a2019;color:var(--text);border:1px solid #4a583c;border-radius:18px;padding:30px;width:min(560px,calc(100% - 28px));max-height:90dvh}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{margin:8px 0}.icon-button{border:1px solid var(--line);background:transparent;color:var(--text);font-size:26px;border-radius:50%;width:38px;height:38px}form label{display:block;font-size:12px;margin-top:18px;color:#c2cbb9}form input:not([type=hidden]),textarea{display:block;width:100%;margin-top:9px;background:#10160f;border:1px solid #3a4831;border-radius:7px;padding:12px;color:var(--text)}textarea{resize:vertical;min-height:75px}form p,.manage-top p{color:var(--muted);font-size:12px;line-height:1.8}.manage-top{display:flex;justify-content:space-between;align-items:center}.text-button{border:0;background:none;color:var(--lime);font-size:12px}.preview{width:65px;height:65px;background:#35452b;border-radius:16px;display:grid;place-items:center;overflow:hidden;font-size:40px;color:var(--lime);margin-top:20px}.preview img{width:100%;height:100%;object-fit:cover}.form-actions{display:flex;align-items:center;gap:20px}.manage-item{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding:16px 0;font-size:13px}.manage-item span{flex:1}.danger{color:#ffaaa2}#manage-list{margin-top:25px}#form-message{font-size:12px;line-height:1.8;color:var(--lime)}#toast{position:fixed;bottom:22px;left:22px;background:var(--lime);color:var(--bg);padding:15px 24px;border-radius:10px;font-size:13px;display:none;z-index:5}[hidden]{display:none!important}@media(min-width:1500px){.hero{min-height:690px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.apps-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:10px}h1{font-size:57px}.orbit{width:300px}.floating-label{left:-10px}.platforms{flex-wrap:wrap;font-size:9px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}header{height:82px}.brand{font-size:23px}.brand-sub{display:none}nav{gap:16px;font-size:11px}.admin-link{padding:10px}.admin-link span{display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:5px}.hero-copy{text-align:center}.hero .eyebrow,.platforms{justify-content:center}h1{font-size:54px;margin:22px 0;letter-spacing:-2px}.hero p{font-size:14px}.hero-art{min-height:440px}.phone{height:375px;width:204px}.phone-symbol{font-size:125px}.phone-title{font-size:26px}.notch{left:65px}.floating-label{left:10px;bottom:40px}.spark-one{left:15px}.spark-two{right:10px}.catalog{padding-top:30px}.section-heading h2{font-size:23px}.section-heading h2 span{display:block;font-size:19px}.eyebrow{font-size:9px}.toolbar{flex-direction:column;margin:25px 0}.filters button{flex:1;padding:12px 10px}.search input{width:100%}.apps-grid{grid-template-columns:1fr}.app-card{padding:23px}.closing{padding:24px;gap:14px;margin-bottom:40px}.closing-star{font-size:38px}.closing h2{font-size:17px}.closing p{font-size:10px}.closing>a{display:none}footer{gap:20px;flex-wrap:wrap}footer>span:nth-child(2){display:none}dialog{padding:23px}.hero-art .orbit{max-width:95%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Intro artwork after removing the introductory copy. */
.hero{grid-template-columns:1fr;min-height:0;padding-block:24px}.hero-art{width:min(100%,500px);margin-inline:auto}

/* Keep app filters and search directly below the header. */
.catalog{padding-top:18px}.catalog .toolbar{margin-top:0}
