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

:root{color-scheme:light;--ink:#192335;--muted:#727d8e;--blue:#3174ed;--line:#e7ebf0;--surface:#fff;--paper:#f4f6f8;--green:#21a77a;font-family:'DM Sans',sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink)}
a{color:inherit;text-decoration:none}
button{font:inherit}
.shell{max-width:1180px;margin:0 auto;padding:0 34px}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e7ed}
.brand{display:flex;align-items:center;gap:11px;font:800 15px Manrope,sans-serif;letter-spacing:.04em}.brand em{font-style:normal;font-size:10px;color:#8b96a6;letter-spacing:.17em;margin-left:5px}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:white;background:linear-gradient(145deg,#4a8dff,#2362d7);box-shadow:0 5px 12px #3174ed44;font:800 17px Manrope,sans-serif}
.top-link{font-size:13px;font-weight:600;color:#5d6878}.top-link span{color:var(--blue);margin-left:5px}
.hero{min-height:490px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:35px;border-bottom:1px solid var(--line);overflow:hidden}
.hero-copy{padding:50px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:#778397;margin:0 0 18px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--green);margin:0 7px 1px 0;box-shadow:0 0 0 4px #21a77a19}
h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(44px,6vw,68px);line-height:1.08;margin:0;font-weight:800}h1 span{color:#7591b9}.lede{font-size:16px;line-height:1.7;color:#697587;max-width:450px;margin:23px 0 26px}.hero-link{font-size:13px;font-weight:700;color:var(--blue)}.hero-link span{margin-left:9px}
.hero-art{height:440px;position:relative;display:grid;place-items:center;isolation:isolate}.device-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#dce8fb 0%,#e9eff8 47%,transparent 72%);z-index:-2}.device{position:relative;width:204px;height:374px;border:7px solid #202938;border-radius:31px;background:#f9fbff;box-shadow:0 28px 70px #25334b30,0 4px 12px #17223522;padding:29px 15px 14px;transform:rotate(5deg)}.device:before{content:'';position:absolute;inset:0;border-radius:24px;background:linear-gradient(145deg,#fff8,transparent 40%);pointer-events:none}.device-camera{position:absolute;top:10px;left:50%;width:38px;height:5px;border-radius:9px;background:#222c3c;transform:translateX(-50%)}.screen-head{font-size:8px;font-weight:700;display:flex;justify-content:space-between;color:#68768b}.screen-title{font:800 18px Manrope,sans-serif;margin:28px 0 18px}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.screen-grid i{height:66px;border:1px solid #e9edf3;background:#fff;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:23px;color:#4782e7;box-shadow:0 5px 12px #28385408}.screen-grid i:first-child{color:#a4b5ce}.screen-dock{position:absolute;bottom:14px;left:21px;right:21px;height:38px;border-radius:14px;background:#eaf0f9;display:flex;align-items:center;justify-content:space-evenly}.screen-dock b{width:7px;height:7px;border-radius:50%;background:#7d9fd2}.orbit{position:absolute;border:1px solid #cfdbeb;border-radius:50%;z-index:-1}.orbit-one{width:370px;height:370px}.orbit-two{width:438px;height:438px;border-color:#e0e7f0}.float-chip{position:absolute;padding:9px 13px;border-radius:12px;background:#fff;border:1px solid #e8edf3;box-shadow:0 8px 25px #24354e12;font-size:10px;font-weight:700;color:#53647b}.chip-a{top:100px;right:12px}.chip-b{bottom:89px;left:4px}
.catalog-section{padding:63px 0 70px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head .eyebrow{margin-bottom:9px}h2{font-size:29px;margin:0;font-weight:800}.catalog-tools{display:flex;align-items:center;gap:12px}.status{font-size:12px;color:var(--muted)}.refresh{width:36px;height:36px;border-radius:11px;border:1px solid #dfe5ed;background:#fff;color:#54647a;font-size:20px;cursor:pointer;transition:transform .25s,color .25s,border-color .25s}.refresh:hover{transform:rotate(35deg);color:var(--blue);border-color:#a9c4f2}
.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.app-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:20px;display:flex;flex-direction:column;min-height:240px;transition:transform .22s,border-color .22s,box-shadow .22s}.app-card:hover{transform:translateY(-3px);border-color:#d5e0f0;box-shadow:0 14px 30px #22334b0c}.app-top{display:flex;align-items:center;gap:12px}.app-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#edf4ff,#dce9ff);color:#3c78dc;font:800 16px Manrope,sans-serif}.app-name{font:700 15px Manrope,sans-serif}.app-id{font-size:10px;color:#929cac;margin-top:3px}.app-description{font-size:12px;line-height:1.55;color:#697587;margin:17px 0 13px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}.tag{font-size:9px;color:#56667d;background:#f2f5f9;border-radius:6px;padding:5px 7px}.app-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:13px;border-top:1px solid #f0f2f6}.app-version{font-size:10px;color:#818c9c}.download{font-size:11px;font-weight:700;color:#fff;background:var(--blue);padding:8px 13px;border-radius:9px;transition:background .18s,transform .18s}.download:hover{background:#1f5fcf;transform:translateY(-1px)}.empty-state{padding:38px;text-align:center;border:1px dashed #d8dfe8;border-radius:16px;color:var(--muted);font-size:13px}footer{border-top:1px solid #e3e7ed;padding:22px 0 28px;display:flex;justify-content:space-between;color:#818c9c;font-size:11px}footer a{color:#53647b}
@media(max-width:800px){.shell{padding:0 22px}.hero{grid-template-columns:1fr .75fr;min-height:430px}.hero-art{transform:scale(.82);margin:0 -30px}.lede{font-size:14px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.shell{padding:0 18px}.topbar{height:68px}.top-link{font-size:11px}.hero{grid-template-columns:1fr;min-height:0;gap:0}.hero-copy{padding:48px 0 8px}.hero-art{height:340px;margin:-5px 0 0;transform:scale(.77)}.catalog-section{padding:42px 0}.section-head{align-items:center}.section-head h2{font-size:24px}.status{max-width:120px;text-align:right;line-height:1.4}.app-grid{grid-template-columns:1fr}.app-card{min-height:220px}footer{gap:14px;line-height:1.5}footer span{max-width:220px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.preview-section{border-top:1px solid var(--line);padding-top:48px}.preview-intro{max-width:720px;margin:-8px 0 22px;color:var(--muted);font-size:13px;line-height:1.65}

.top-actions{display:flex;align-items:center;gap:20px}
.theme-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:600}
:root{--line-strong:#dfe5ed;--subtle:#f2f5f9;--tag-ink:#56667d}
.theme-control select{appearance:none;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--ink);padding:8px 28px 8px 10px;font:600 12px 'DM Sans',sans-serif;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 13px) 13px,calc(100% - 9px) 13px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}
.theme-control select:focus-visible{outline:3px solid #3174ed66;outline-offset:2px}
:root[data-theme="dark"]{color-scheme:dark;--ink:#edf2fb;--muted:#a1adc0;--blue:#75a5ff;--line:#2b3749;--surface:#182231;--paper:#101722;--line-strong:#344157;--subtle:#202c3d;--tag-ink:#c3cfe0}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--ink:#edf2fb;--muted:#a1adc0;--blue:#75a5ff;--line:#2b3749;--surface:#182231;--paper:#101722;--line-strong:#344157;--subtle:#202c3d;--tag-ink:#c3cfe0}}
:root[data-theme="dark"] .topbar,:root[data-theme="dark"] footer{border-color:#2b3749}
:root[data-theme="dark"] .top-link,:root[data-theme="dark"] .lede,:root[data-theme="dark"] .app-description,:root[data-theme="dark"] footer a{color:var(--muted)}
:root[data-theme="dark"] .refresh{background:var(--surface);border-color:var(--line-strong);color:var(--muted)}
:root[data-theme="dark"] .tag{background:var(--subtle);color:var(--tag-ink)}
:root[data-theme="dark"] .app-icon{background:linear-gradient(145deg,#243955,#1d2c42);color:#9ec0ff}
:root[data-theme="dark"] .app-bottom{border-color:var(--line)}
:root[data-theme="dark"] .empty-state{border-color:var(--line-strong)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .topbar,:root:not([data-theme="light"]) footer{border-color:#2b3749}:root:not([data-theme="light"]) .top-link,:root:not([data-theme="light"]) .lede,:root:not([data-theme="light"]) .app-description,:root:not([data-theme="light"]) footer a{color:var(--muted)}:root:not([data-theme="light"]) .refresh{background:var(--surface);border-color:var(--line-strong);color:var(--muted)}:root:not([data-theme="light"]) .tag{background:var(--subtle);color:var(--tag-ink)}:root:not([data-theme="light"]) .app-icon{background:linear-gradient(145deg,#243955,#1d2c42);color:#9ec0ff}:root:not([data-theme="light"]) .app-bottom{border-color:var(--line)}:root:not([data-theme="light"]) .empty-state{border-color:var(--line-strong)}}
@media(max-width:580px){.top-actions{gap:10px}.theme-control{gap:5px;font-size:11px}.theme-control select{padding:7px 24px 7px 8px}.top-link{font-size:10px}}
.app-icon-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.app-bottom{gap:8px}.details{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:9px;padding:8px 11px;font:600 11px Inter, sans-serif;cursor:pointer}.details:hover{border-color:var(--blue);color:var(--blue)}
.app-detail{width:min(520px,calc(100% - 32px));max-height:min(760px,calc(100% - 32px));overflow:auto;border:1px solid var(--line);border-radius:22px;padding:26px;background:var(--surface);color:var(--ink);box-shadow:0 28px 100px #10182840}.app-detail::backdrop{background:#10182888;backdrop-filter:blur(5px)}.detail-close-row{display:flex;justify-content:flex-end;margin:-12px -12px 8px}.detail-close{width:38px;height:38px;border:0;border-radius:50%;background:var(--subtle);color:var(--ink);font-size:24px;cursor:pointer}.detail-heading{display:flex;align-items:center;gap:15px}.detail-heading h2{margin:0;font:750 25px Manrope,sans-serif;letter-spacing:-.04em}.detail-heading .eyebrow{margin:0 0 4px}.detail-description{color:var(--muted);line-height:1.65;margin:22px 0}.detail-metadata{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.detail-metadata div{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--subtle);min-width:0}.detail-metadata dt{font-size:10px;color:var(--muted);margin-bottom:6px}.detail-metadata dd{margin:0;font-size:12px;overflow-wrap:anywhere}.install-note{margin:18px 0;padding:15px;border-radius:13px;background:var(--subtle);font-size:12px}.install-note p{margin:6px 0 0;color:var(--muted);line-height:1.55}.detail-download{display:inline-flex;justify-content:center;padding:11px 16px}
:root[data-theme="dark"] .details{background:var(--surface);color:var(--ink)}:root[data-theme="dark"] .app-detail{box-shadow:0 28px 100px #0009}