/* ios-app-style-1 */
/* ── iOS app page — scoped bits on top of the shared landing design system ── */
        .ios-hero { text-align: center; max-width: 760px; margin: 0 auto; padding-top: 8px; }
        .ios-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 0.72rem; font-weight: 700;
            letter-spacing: 0.14em; text-transform: uppercase; color: #94a3b8; }
        .ios-hero h1 { margin: 14px 0 0; }
        .ios-hero .lead { margin: 16px auto 0; max-width: 620px; }
        .ios-cta-row { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; align-items: center; margin-top: 26px; }
        .ios-appstore-badge { display: inline-flex; align-items: center; gap: 10px; padding: 11px 18px; border-radius: 14px;
            background: rgba(15, 23, 42, 0.55); border: 1px solid rgba(148, 163, 184, 0.28); color: #e2e8f0;
            font-weight: 600; font-size: 0.92rem; line-height: 1.15; backdrop-filter: blur(8px); }
        .ios-appstore-badge svg { width: 22px; height: 22px; flex: none; }
        .ios-appstore-badge small { display: block; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.1em;
            text-transform: uppercase; color: #22c55e; }
        .ios-hero-note { margin: 14px auto 0; font-size: 0.85rem; color: #94a3b8; }

        .ios-feature-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin: 26px auto 0; max-width: 620px; }
        .ios-feature-row span { display: inline-flex; align-items: center; gap: 7px; font-size: 0.88rem; color: #cbd5e1; font-weight: 500; }
        .ios-feature-row span::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #22c55e; flex: none; }

        .ios-demo-section { margin-top: 56px; }
        .ios-demo-head { text-align: center; max-width: 640px; margin: 0 auto 26px; }
        /* No frame/box — the embedded page draws its own phone (transparent bg) and self-scales. */
        .ios-demo-frame { width: 100%; max-width: 460px; margin: 0 auto; }
        .ios-demo-frame iframe { display: block; width: 100%; height: 900px; border: 0; background: transparent; }
        .ios-demo-hint { text-align: center; margin: 16px auto 0; font-size: 0.85rem; color: #94a3b8; }
        .ios-demo-hint .mi-dot { color: #22c55e; }

        @media (max-width: 720px) {
            .ios-demo-frame iframe { height: 760px; }
            .ios-appstore-badge { width: 100%; justify-content: center; }
        }

        /* Day-mode repaint (landing supports light via .theme-day / prefers-color-scheme through style.css). */
        html[data-theme="day"] .ios-eyebrow,
        html[data-theme="day"] .ios-hero-note,
        html[data-theme="day"] .ios-demo-hint { color: #5f6b7d; }
        html[data-theme="day"] .ios-appstore-badge { background: #ffffff; border-color: #d6e0eb; color: #1f2733; }
        html[data-theme="day"] .ios-feature-row span { color: #334155; }