.sc-app-page { background: #fff; color: var(--sx-text); }
.sc-app-hero { overflow: hidden; padding-block: clamp(4rem, 8vw, 7rem); background: radial-gradient(circle at 15% 10%, rgba(109,74,255,.18), transparent 32%), linear-gradient(145deg, #f8f6ff 0%, #fff 56%, #eef9ff 100%); }
.sc-app-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 340px); align-items: center; gap: clamp(2rem, 6vw, 5rem); }
.sc-app-eyebrow, .sc-app-section-heading > span { color: var(--sx-primary); font-size: .78rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.sc-app-hero h1 { margin: .65rem 0 0; font-size: clamp(3rem, 8vw, 5.6rem); letter-spacing: -.05em; }
.sc-app-hero h2 { margin-block: .35rem 1rem; font-size: clamp(1.5rem, 3.4vw, 2.35rem); }
.sc-app-hero p { max-width: 650px; color: var(--sx-text-secondary); font-size: clamp(1rem, 1.7vw, 1.16rem); }
.sc-app-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem; margin-block: 1.6rem .8rem; }
.sc-app-trust { color: #586174; font-size: .86rem; font-weight: 700; }
.sc-app-trust::before { content: "✓"; margin-inline-end: .4rem; color: var(--sx-green); }
.sc-app-version { color: var(--sx-text-muted); font-size: .82rem; }
.sc-app-qr-card { display: grid; place-items: center; gap: .7rem; padding: 1.45rem; border: 1px solid rgba(211,205,235,.9); border-radius: 1.6rem; background: #fff; box-shadow: 0 25px 65px rgba(72,54,132,.16); text-align: center; }
.sc-app-qr-card img { width: min(100%, 232px); height: auto; padding: .6rem; border-radius: 1rem; background: #fff; filter: contrast(1.08); }
.sc-app-qr-card small { color: var(--sx-text-muted); }
.sc-app-section { padding-block: clamp(3.25rem, 7vw, 5.5rem); }.sc-app-section-soft { background: #f8f9fc; }.sc-app-section-heading h2 { margin-block: .4rem 1.35rem; }
.sc-app-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.sc-app-feature-grid article { display: flex; align-items: center; gap: .75rem; min-height: 74px; padding: 1rem; border: 1px solid var(--sx-border); border-radius: 1rem; background: #fff; box-shadow: var(--sx-shadow-sm); }
.sc-app-feature-grid span { width: 2rem; height: 2rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: .65rem; background: var(--sx-primary-soft); color: var(--sx-primary); font-weight: 900; }
.sc-app-info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.sc-app-panel { padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--sx-border); border-radius: 1.35rem; background: #fff; box-shadow: var(--sx-shadow-sm); }
.sc-app-metadata { display: grid; gap: 0; margin: 0; }.sc-app-metadata > div { display: grid; grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr); gap: 1rem; padding-block: .7rem; border-bottom: 1px solid #ececf3; }.sc-app-metadata dt { color: var(--sx-text-muted); font-weight: 650; }.sc-app-metadata dd { min-width: 0; margin: 0; font-weight: 750; overflow-wrap: anywhere; }
.sc-app-checksum { display: grid; gap: .65rem; margin-top: 1.2rem; padding: 1rem; border-radius: .9rem; background: #f7f5ff; }.sc-app-checksum > div { display: flex; justify-content: space-between; gap: 1rem; }.sc-app-checksum code { direction: ltr; display: block; overflow-wrap: anywhere; text-align: left; }.sc-app-checksum .btn { justify-self: start; }.sc-app-copy-status { min-height: 1.2em; color: var(--sx-green); font-size: .8rem; }
.sc-app-installation { display: grid; gap: .85rem; padding-inline-start: 1.4rem; }.sc-app-installation li { padding-inline-start: .35rem; color: var(--sx-text-secondary); }.sc-app-security-note { margin: 1.25rem 0 0; padding: 1rem; border-inline-start: 4px solid var(--sx-primary); border-radius: .65rem; background: var(--sx-primary-soft); font-weight: 800; }
.sc-app-release-notes { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--sx-border); border-radius: 1.4rem; background: linear-gradient(145deg, #fff, #f8f5ff); }.sc-app-release-notes ul { columns: 2; gap: 3rem; margin: 0; }.sc-app-release-notes li { margin-bottom: .65rem; break-inside: avoid; }
[dir="rtl"] .sc-app-checksum .btn { justify-self: end; }
@media (max-width: 860px) { .sc-app-hero-grid, .sc-app-info-grid { grid-template-columns: 1fr; }.sc-app-qr-card { max-width: 340px; }.sc-app-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .sc-app-hero { padding-block: 3rem; }.sc-app-actions { align-items: stretch; flex-direction: column; }.sc-app-actions .btn { width: 100%; }.sc-app-feature-grid { grid-template-columns: 1fr; }.sc-app-metadata > div { grid-template-columns: 1fr; gap: .2rem; }.sc-app-release-notes ul { columns: 1; } }