:root{--apps-blue:#1687ff;--apps-cyan:#24d7ff}
.apps-hero{padding:145px 0 86px;position:relative}
.apps-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.65rem;letter-spacing:.17em;font-weight:800;color:#65738a}
.apps-eyebrow span{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--apps-cyan),var(--apps-blue));box-shadow:0 0 0 5px #e7f6ff}
.apps-hero h1{font:800 clamp(3.8rem,7vw,6.6rem)/.96 "Manrope",sans-serif;letter-spacing:-.06em;margin:25px 0}
.apps-hero h1 span,.apps-library .section-head h2 span,.apps-help h2 span{background:linear-gradient(110deg,#0d8cf2,#6549f5 70%,#9a5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.apps-hero>p{max-width:620px;color:#68758a;font-size:1.02rem;line-height:1.8;margin:0 0 26px}
.apps-hero .pill span{font-size:1.1rem}
.apps-library{padding-top:48px;padding-bottom:100px}
.apps-library .section-head{grid-template-columns:1fr 340px}
.app-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #dfe6ef;border-radius:28px;background:#fff;box-shadow:0 22px 65px rgba(35,57,99,.07)}
.app-art{min-height:430px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 72% 25%,rgba(37,214,255,.24),transparent 28%),radial-gradient(circle at 24% 80%,rgba(105,91,255,.25),transparent 30%),linear-gradient(145deg,#0b1224,#142a50)}
.app-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(132,166,220,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(132,166,220,.1) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,#000,transparent)}
.app-window{position:relative;z-index:1;width:min(78%,360px);padding:0 24px 27px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(13,24,45,.84);color:#fff;box-shadow:0 30px 70px rgba(0,0,0,.35);backdrop-filter:blur(12px);transform:rotate(-3deg)}
.app-window-bar{height:42px;display:flex;align-items:center;gap:5px;border-bottom:1px solid rgba(255,255,255,.12);margin:0 -24px 24px;padding:0 15px}
.app-window-bar i{width:6px;height:6px;border-radius:50%;background:#6c819f}
.app-window-bar span{margin-left:auto;font-size:.48rem;letter-spacing:.12em;color:#a6bad7;font-weight:800}
.file-symbol{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#178cff,#725dff);font-size:2rem;box-shadow:0 12px 30px rgba(23,135,255,.3);margin-bottom:18px}
.app-window>strong{font:800 1.45rem/1.15 "Manrope";letter-spacing:-.035em}
.file-progress{height:5px;border-radius:5px;background:#273b5a;margin-top:25px;overflow:hidden}.file-progress span{display:block;width:68%;height:100%;border-radius:5px;background:linear-gradient(90deg,#21c7ff,#7d70ff)}
.app-orbit{position:absolute;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px);color:#d8efff;font-size:.65rem;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.15)}
.orbit-one{top:19%;left:13%;transform:rotate(-10deg)}.orbit-two{right:12%;bottom:21%;transform:rotate(9deg)}.orbit-three{right:17%;top:18%;border-radius:50%;font-size:1.1rem}
.app-details{padding:42px;display:flex;flex-direction:column;align-items:flex-start}
.app-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-status,.app-platform{font-size:.58rem;letter-spacing:.12em;font-weight:800;color:#7a879b}.app-status{display:flex;align-items:center;gap:7px}.app-status i{width:7px;height:7px;border-radius:50%;background:#24bf83;box-shadow:0 0 0 4px #e4f8ef}.app-platform{padding:5px 9px;border:1px solid #e1e7f0;border-radius:7px;letter-spacing:.04em}
.app-details h3{font:800 2.15rem/1.1 "Manrope";letter-spacing:-.045em;margin:27px 0 12px}.app-details>p{color:#6d7a90;font-size:.88rem;line-height:1.8;margin:0}
.app-features{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:11px}.app-features li{font-size:.78rem;color:#465770}.app-features li:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#eaf5ff;color:#1476e8;font-weight:800;margin-right:10px}
.app-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:auto}.app-version-note{font-size:.65rem;color:#909bad}
.apps-coming{display:flex;align-items:center;gap:20px;margin-top:24px;padding:25px 28px;border:1px dashed #cfd9e8;border-radius:20px;background:rgba(255,255,255,.55)}
.coming-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#edf5ff;color:#2474d9;font-size:1.5rem;flex:0 0 auto}.apps-coming h3{font:800 1rem "Manrope";margin:0 0 5px}.apps-coming p{font-size:.78rem;line-height:1.7;color:#738097;margin:0}
.apps-help{background:#edf3fb;border-block:1px solid #e0e7f1;padding:75px 0}.apps-help-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.apps-help h2{font:800 clamp(2.2rem,4vw,3.6rem)/1.03 "Manrope";letter-spacing:-.045em;margin:0}.apps-help-inner>p{color:#68758a;font-size:.88rem;line-height:1.8;margin:0}
@media(max-width:900px){.apps-library .section-head{grid-template-columns:1fr;gap:20px}.app-card{grid-template-columns:1fr}.app-art{min-height:350px}.apps-help-inner{grid-template-columns:1fr;gap:25px}}
@media(max-width:600px){.apps-hero{padding:110px 0 55px}.apps-hero h1{font-size:clamp(3.2rem,15vw,4.5rem)}.apps-hero>p{font-size:.93rem}.apps-library{padding-top:25px;padding-bottom:70px}.app-art{min-height:300px}.app-details{padding:28px 23px}.app-details h3{font-size:1.9rem}.apps-coming{align-items:flex-start;padding:20px}.apps-help{padding:55px 0}}