.apps-page-hero{background:radial-gradient(circle at 18% 20%,rgba(7,87,217,.18),transparent 35%),radial-gradient(circle at 82% 5%,rgba(168,85,247,.16),transparent 30%)}
.featured-app-grid{display:grid;gap:28px}
.featured-app{position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:560px;padding:50px;border-radius:36px;color:#fff;box-shadow:0 30px 80px rgba(15,35,68,.22)}
.featured-app:nth-child(even){grid-template-columns:.95fr 1.05fr}
.featured-app:nth-child(even) .featured-app-copy{order:2}
.featured-app-copy>span{display:block;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;opacity:.8;margin-top:22px}
.featured-app-copy h2{font-size:clamp(2.3rem,4vw,4.6rem);letter-spacing:-.05em;line-height:1;margin:8px 0}
.featured-app-copy h3{font-size:1.3rem;margin:0 0 14px}
.featured-app-copy p{max-width:620px;color:rgba(255,255,255,.82)}
.app-icon-xl,.app-icon-xxl{display:grid;place-items:center;background:rgba(255,255,255,.18);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.25);box-shadow:0 24px 55px rgba(0,0,0,.18);font-weight:900}
.app-icon-xl{width:88px;height:88px;border-radius:26px;font-size:2.2rem}
.app-icon-xxl{width:116px;height:116px;border-radius:32px;font-size:3rem}
.rating-row{display:flex;gap:16px;align-items:center;margin:22px 0 14px}.rating-row span{opacity:.75;font-size:.85rem}
.platform-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 24px}.platform-row span{font-size:.72rem;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16)}
.platform-row.compact{margin:14px 0}.platform-row.compact span{background:var(--surface-2);border-color:var(--line);color:var(--muted)}
.featured-app-device{display:grid;place-items:center;min-height:430px}
.device-frame{position:relative;width:250px;height:510px;border:10px solid #0b0f17;border-radius:42px;background:#0b0f17;padding:6px;box-shadow:0 35px 70px rgba(0,0,0,.35);transform:rotate(5deg)}
.device-frame.large{width:280px;height:570px}.device-frame.tablet{width:430px;height:310px;border-radius:30px;transform:rotate(-4deg);margin-left:-60px;margin-top:120px}
.device-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:92px;height:22px;border-radius:0 0 15px 15px;background:#0b0f17;z-index:2}
.device-screen{height:100%;border-radius:31px;padding:34px 18px 18px;overflow:hidden;background:linear-gradient(180deg,#eff6ff,#dbeafe);color:#0f172a}
.device-frame.tablet .device-screen{border-radius:20px;padding:18px}
.screen-header{display:flex;justify-content:space-between;font-size:.72rem;font-weight:800}.screen-hero-mark{width:82px;height:82px;margin:42px auto 24px;border-radius:24px;display:grid;place-items:center;color:#fff;font-size:2.3rem;font-weight:900;background:linear-gradient(135deg,#2563eb,#14b8a6)}
.screen-lines{display:grid;gap:9px}.screen-lines i{height:10px;border-radius:10px;background:rgba(15,23,42,.12)}.screen-lines i:nth-child(2){width:82%}.screen-lines i:nth-child(3){width:65%}
.screen-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.screen-card-grid b{height:82px;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 8px 22px rgba(15,23,42,.08)}
.tablet-layout{display:grid;grid-template-columns:90px 1fr;gap:16px;height:230px;margin-top:18px}.tablet-layout aside{border-radius:16px;background:rgba(255,255,255,.5)}.tablet-layout section{display:grid;gap:10px}.tablet-layout i{display:block;height:12px;border-radius:8px;background:rgba(15,23,42,.12)}.tablet-layout section div{height:150px;border-radius:18px;background:rgba(255,255,255,.65)}
.app-tone-blue{background:linear-gradient(135deg,#0f172a,#2563eb)}
.app-tone-green{background:linear-gradient(135deg,#064e3b,#10b981)}
.app-tone-purple{background:linear-gradient(135deg,#4c1d95,#ec4899)}
.app-tone-orange{background:linear-gradient(135deg,#7c2d12,#f97316)}
.app-tone-teal{background:linear-gradient(135deg,#134e4a,#14b8a6)}
.app-tone-indigo{background:linear-gradient(135deg,#312e81,#6366f1)}
.app-tone-cyan{background:linear-gradient(135deg,#164e63,#06b6d4)}
.app-tone-slate{background:linear-gradient(135deg,#0f172a,#475569)}
.app-tone-navy{background:linear-gradient(135deg,#020617,#1d4ed8)}
.apps-toolbar{position:sticky;top:92px;z-index:15;background:var(--header);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:0 18px 50px rgba(15,35,68,.08)}
.toolbar-main{display:grid;grid-template-columns:1fr 220px;gap:12px}.toolbar-main select{height:52px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0 14px;font:inherit}
.filter-block{margin-top:16px}.filter-block>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--muted)}
.apps-summary{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.86rem}
.app-store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.store-app-card{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:24px;min-height:305px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.store-app-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.store-app-card[hidden]{display:none}
.store-card-top{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center}.app-icon-lg{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;color:#fff;font-size:1.8rem;font-weight:900}
.store-app-heading span{display:block;font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);font-weight:800}.store-app-heading h2{font-size:1.13rem;margin:3px 0;line-height:1.1}.store-app-heading small{color:var(--muted)}
.get-button{padding:8px 12px;border-radius:999px;background:var(--surface-2);color:var(--primary);font-size:.75rem;font-weight:900}
.store-app-card>p{color:var(--muted);font-size:.92rem}.mini-rating{display:flex;gap:8px;align-items:center;font-size:.76rem}.mini-rating span{color:#f59e0b;letter-spacing:.03em}.mini-rating small{color:var(--muted)}.store-price{margin-top:auto;font-weight:800;color:var(--text)}
.app-detail-hero{padding:90px 0 80px;color:#fff}.app-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.app-detail-copy h1{font-size:clamp(3rem,6vw,6rem);line-height:.95;letter-spacing:-.06em;margin:18px 0}.app-detail-copy h2{font-size:1.4rem}.app-detail-copy>p{max-width:650px;color:rgba(255,255,255,.82)}.detail-meta{display:flex;gap:30px;margin:28px 0}.detail-meta div{display:grid}.detail-meta strong{font-size:1.4rem}.detail-meta span{font-size:.74rem;opacity:.7}.detail-device-row{display:flex;align-items:center;justify-content:center}
.detail-content-grid{display:grid;grid-template-columns:1fr 340px;gap:50px;align-items:start}.detail-main h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em}.feature-tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-tile-grid article{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.feature-tile-grid article>span{color:var(--primary);font-weight:900;font-size:.75rem}.feature-tile-grid h3{margin:16px 0 8px}.feature-tile-grid p{color:var(--muted);font-size:.9rem}
.detail-sidebar{position:sticky;top:100px;padding:26px;border:1px solid var(--line);border-radius:25px;background:var(--surface)}.detail-sidebar h3{margin-top:0}.detail-sidebar dl{margin:0}.detail-sidebar dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.detail-sidebar dt{color:var(--muted)}.detail-sidebar dd{margin:0;font-weight:760}.platform-row.vertical{display:grid}.platform-row.vertical span{background:var(--surface-2);color:var(--text);border-color:var(--line)}.btn.full{width:100%;margin-top:22px}
@media(max-width:1000px){.featured-app,.featured-app:nth-child(even),.app-detail-grid,.detail-content-grid{grid-template-columns:1fr}.featured-app:nth-child(even) .featured-app-copy{order:0}.app-store-grid{grid-template-columns:repeat(2,1fr)}.detail-sidebar{position:relative;top:auto}.detail-device-row{min-height:520px}.device-frame.tablet{margin-left:-80px}}
@media(max-width:700px){.featured-app{padding:30px 24px}.featured-app-device{min-height:360px}.device-frame{width:210px;height:430px}.device-frame.tablet{display:none}.toolbar-main{grid-template-columns:1fr}.apps-toolbar{position:relative;top:auto}.app-store-grid{grid-template-columns:1fr}.store-card-top{grid-template-columns:64px 1fr auto}.app-icon-lg{width:64px;height:64px}.detail-meta{flex-wrap:wrap}.feature-tile-grid{grid-template-columns:1fr}.app-detail-hero{padding-top:65px}}