/* app-strip (coming soon marker) */
.appstrip { padding: 72px 0; border-top: 1px solid var(--line-soft); }
.appstrip .wrap { width: min(100% - 48px, 760px); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: clamp(56px, 6vw, 80px); }
.appstrip-copy { max-width: 560px; }
.appstrip .eyebrow { font-family: var(--mono,'JetBrains Mono',monospace); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--faint); margin: 0 0 12px; font-weight: 500; }
.appstrip h2 { font-size: clamp(24px, 3.4vw, 32px); line-height: 1.15; letter-spacing: -.02em; color: var(--text); margin: 0 0 14px; font-weight: 500; }
.appstrip p { color: var(--muted); font-size: 15px; line-height: 1.6; margin: 0 0 22px; }
.appstrip-badges { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 10px; }
@media (max-width: 480px) { .appstrip-badges { gap: 8px; } .appstrip-badge { padding: 8px 12px; gap: 8px; } .appstrip-badge svg { width: 18px; height: 18px; } .appstrip-badge b { font-size: 12.5px; } .appstrip-badge small { font-size: 9px; } }
.appstrip-badge { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.02); color: var(--muted); font-size: 13px; line-height: 1; text-decoration: none; cursor: default; opacity: .7; }
.appstrip-badge svg { width: 22px; height: 22px; flex: 0 0 auto; }
.appstrip-badge span { display: flex; flex-direction: column; gap: 2px; }
.appstrip-badge b { color: var(--text); font-size: 13.5px; font-weight: 500; letter-spacing: -.01em; }
.appstrip-badge small { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); }
.appstrip-phone { position: relative; margin-inline-start: 0; border: 1px solid var(--line); border-radius: 30px; background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)); box-shadow: 0 30px 80px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.04); overflow: hidden; }
.appstrip-phone::before { content: ""; position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 80px; height: 20px; border-radius: 10px; background: rgba(0,0,0,.5); border: 1px solid var(--line); }
.appstrip-phone-screen { position: absolute; inset: 42px 12px 12px; border-radius: 20px; background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.2)); display: flex; align-items: center; justify-content: center; }
@media (max-width: 780px) { .appstrip .wrap { grid-template-columns: 1fr; gap: 40px; } .appstrip-phone { margin-inline-start: 0; } }