@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{font-family:'DM Sans',system-ui,sans-serif;color-scheme:dark;--bg:#101311;--surface:#191e1b;--surface-raised:#202723;--ink:#f1f5ed;--muted:#9aa69c;--line:#303a33;--accent:#c4f075;--accent-ink:#151a11;--warm:#f0a766;--shadow:0 24px 70px #0006;--radius:22px;--max:1160px}
:root[data-theme="light"]{color-scheme:light;--bg:#f1f4ee;--surface:#fff;--surface-raised:#f6f8f3;--ink:#19211b;--muted:#627064;--line:#d9e1d8;--accent:#477b16;--accent-ink:#fff;--warm:#a95416;--shadow:0 24px 70px #3544301a}
@media(prefers-color-scheme:light){:root[data-theme="system"]{color-scheme:light;--bg:#f1f4ee;--surface:#fff;--surface-raised:#f6f8f3;--ink:#19211b;--muted:#627064;--line:#d9e1d8;--accent:#477b16;--accent-ink:#fff;--warm:#a95416;--shadow:0 24px 70px #3544301a}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--ink);transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{height:76px;max-width:var(--max);margin:auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font:600 16px 'Space Grotesk',sans-serif;letter-spacing:-.3px}.brand-mark{width:30px;height:30px;border-radius:10px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font:700 17px 'Space Grotesk',sans-serif;transform:rotate(-6deg)}.brand-muted{color:var(--muted);font-weight:500}.top-actions{display:flex;align-items:center;gap:25px}.text-link{font-size:13px;color:var(--muted)}.text-link:hover{color:var(--ink)}.theme-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:99px;padding:9px 13px;display:flex;gap:8px;align-items:center;cursor:pointer;font-size:12px}.theme-button span:first-child{font-size:16px;color:var(--accent)}main{max-width:var(--max);margin:auto;padding:0 26px}.hero{position:relative;min-height:490px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{padding:56px 0 76px;z-index:1}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:1.5px;color:var(--muted);margin:0 0 17px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px;box-shadow:0 0 12px var(--accent)}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-2px;margin:0}h1{font-size:clamp(58px,8vw,94px);line-height:.96;font-weight:600}h1 span{color:var(--accent)}.hero-description{max-width:380px;color:var(--muted);font-size:15px;line-height:1.7;margin:23px 0 28px}.primary-button,.secondary-button{display:inline-flex;align-items:center;gap:24px;padding:13px 17px;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:13px;transition:transform .18s,box-shadow .18s}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px);box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 22%,transparent)}.hero-art{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:420px;height:270px}.orbit-two{width:500px;height:340px;transform:rotate(32deg)}.device{position:relative;width:222px;height:336px;padding:26px 12px 20px;border-radius:32px;background:linear-gradient(140deg,#59645c,#202722 45%,#0b0d0c);box-shadow:var(--shadow);transform:rotate(8deg);border:1px solid #8c998d55}.device-camera{position:absolute;top:10px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#101310}.device-screen{height:100%;border-radius:18px;background:linear-gradient(145deg,#273b2f,#151b17);padding:17px 12px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ffffff14}.screen-top{display:flex;justify-content:flex-end;gap:4px}.screen-top i{width:4px;height:4px;border-radius:50%;background:#d9f4c5}.screen-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.screen-icons b{display:grid;place-items:center;aspect-ratio:1;border-radius:11px;background:#ffffff0f;color:#d8f4be;font:600 12px 'DM Mono',monospace;border:1px solid #ffffff13}.screen-icons b:nth-child(2n){color:#ffa76a}.screen-icons b:first-child{font-size:10px;background:#c4f075;color:#182013}.screen-dock{display:flex;justify-content:center;gap:8px}.screen-dock i{width:24px;height:4px;border-radius:9px;background:#9cab9d}.device-button{position:absolute;bottom:7px;left:calc(50% - 5px);width:10px;height:4px;border-radius:4px;background:#68716a}.art-tag{position:absolute;padding:9px 12px;border:1px solid var(--line);background:var(--surface);border-radius:10px;box-shadow:var(--shadow);font:11px 'DM Mono',monospace}.tag-one{top:76px;right:10px;color:var(--accent);transform:rotate(5deg)}.tag-two{bottom:87px;left:10px;color:var(--warm);transform:rotate(-5deg)}.hero-foot{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.8px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:64px 0 25px}h2{font-size:clamp(27px,4vw,40px);letter-spacing:-1.2px}.section-heading .eyebrow{margin-bottom:9px}.search-box{height:43px;width:min(270px,42vw);display:flex;align-items:center;gap:9px;padding:0 13px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.search-box>span:first-child{font-size:20px}.search-box input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.search-box input::placeholder{color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:19px}.filter{border:1px solid var(--line);border-radius:99px;color:var(--muted);background:transparent;padding:8px 14px;cursor:pointer;font-size:12px;transition:all .16s}.filter:hover,.filter.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.catalogue-status{font:11px 'DM Mono',monospace;color:var(--muted);min-height:24px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:82px}.app-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:17px;display:flex;flex-direction:column;min-height:208px;transition:transform .2s,border-color .2s,background .2s}.app-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 52%,var(--line));background:var(--surface-raised)}.card-head{display:flex;gap:12px;align-items:center}.app-icon{width:44px;height:44px;border-radius:12px;background:var(--surface-raised);image-rendering:pixelated;flex:none}.app-title{font:600 15px 'Space Grotesk',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-version{font:10px 'DM Mono',monospace;color:var(--muted);margin-top:4px}.category{margin-left:auto;font:9px 'DM Mono',monospace;color:var(--warm);border:1px solid color-mix(in srgb,var(--warm) 35%,transparent);padding:5px 7px;border-radius:99px;white-space:nowrap}.app-description{font-size:12px;line-height:1.55;color:var(--muted);margin:15px 0 17px;min-height:37px}.card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.file-size{font:10px 'DM Mono',monospace;color:var(--muted)}.download{font-size:11px;font-weight:700;color:var(--accent);padding:8px 10px;border-radius:9px;background:color-mix(in srgb,var(--accent) 11%,transparent)}.download:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.empty-state{grid-column:1/-1;border:1px dashed var(--line);border-radius:16px;padding:50px 20px;text-align:center;color:var(--muted)}.install-section{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,var(--surface),var(--surface-raised));margin-bottom:48px}.install-mark{flex:none;width:54px;height:54px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:15px;color:var(--accent);font:600 17px 'DM Mono',monospace;transform:rotate(-6deg)}.install-section>div:nth-child(2){flex:1}.install-section .eyebrow{margin:0 0 5px}.install-section h2{font-size:23px;letter-spacing:-.6px}.install-section p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.6;margin:7px 0 0;max-width:650px}.install-section code{color:var(--accent);font:11px 'DM Mono',monospace}.secondary-button{gap:13px;background:var(--surface);border:1px solid var(--line);color:var(--ink);white-space:nowrap}footer{max-width:var(--max);margin:auto;padding:22px 26px 34px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:660px}.hero-copy{padding:58px 0 0}.hero-art{height:320px;margin-top:-8px}.device{transform:scale(.82) rotate(8deg)}.orbit-one{width:320px;height:220px}.orbit-two{width:370px;height:270px}.tag-one{right:5%}.tag-two{left:4%;bottom:54px}.hero-foot{bottom:15px}.section-heading{align-items:start;flex-direction:column;margin-top:48px}.search-box{width:100%}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.install-section{align-items:flex-start;flex-wrap:wrap}.install-section>div:nth-child(2){min-width:calc(100% - 80px)}.secondary-button{margin-left:74px}}
@media(max-width:500px){.topbar{height:65px;padding:0 18px}.top-actions{gap:12px}.text-link{display:none}.theme-label{display:none}main{padding:0 18px}.hero{min-height:620px}.hero-copy{padding-top:46px}h1{font-size:64px}.hero-art{height:295px}.app-grid{grid-template-columns:1fr;gap:10px;margin-bottom:58px}.app-card{min-height:184px}.section-heading{margin-top:42px}.filters{gap:6px}.filter{padding:7px 11px}.hero-foot{font-size:9px}footer{padding:19px 18px 26px;flex-direction:column;gap:6px}.install-section{padding:18px;gap:13px}.install-mark{width:46px;height:46px}.install-section>div:nth-child(2){min-width:calc(100% - 62px)}.secondary-button{margin-left:59px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}