/* ═══════════════════════════════════════════════════════════
     URL ZONE — FEATURES PAGE STYLES (uz-fp-* prefix)
     ═══════════════════════════════════════════════════════════ */

/* ── PAGE HERO ───────────────────────────────────────────────── */
.uz-fp-hero::before {
    content:''; position: absolute; inset:0;
    background:
        radial-gradient(ellipse at 72% 25%, rgba(99,102,241,.18) 0%, transparent 55%),
        radial-gradient(ellipse at 18% 75%, rgba(14,165,233,.12) 0%, transparent 50%);
    pointer-events: none;
}
.uz-fp-hero-dots {
    position: absolute; inset:0;
    background-image: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 28px 28px; pointer-events: none;
}
.uz-fp-eyebrow {
    display: inline-flex; align-items: center; gap:8px;
    background: rgba(99,102,241,.18); border:1px solid rgba(99,102,241,.32);
    color: #a5b4fc; padding:6px 18px; border-radius:50px;
    font-size:.76rem; font-weight:700; letter-spacing:.4px; margin-bottom:26px;
}
.uz-fp-hero-title {
    font-family:'Poppins',sans-serif;
    font-size: clamp(2.2rem,5vw,3.6rem);
    font-weight:800; color:#fff; line-height:1.12; margin-bottom:18px;
}
.uz-fp-grad {
    background: linear-gradient(90deg,#818cf8 0%,#38bdf8 55%,#34d399 100%);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.uz-fp-hero-sub {
    font-size:1.05rem; color:rgba(255,255,255,.55);
    line-height:1.76; max-width:580px; margin:0 auto 40px;
}
.uz-fp-btn-primary {
    display:inline-flex; align-items:center; gap:8px;
    background:linear-gradient(135deg,#6366f1,#4f46e5);
    color:#fff !important; font-weight:700; font-size:.92rem;
    padding:12px 28px; border-radius:12px; text-decoration:none !important;
    box-shadow:0 4px 16px rgba(99,102,241,.42); transition:transform .2s, box-shadow .2s;
}
.uz-fp-btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 26px rgba(99,102,241,.55); }
.uz-fp-btn-ghost {
    display:inline-flex; align-items:center; gap:8px;
    background:transparent; border:1.5px solid rgba(255,255,255,.2);
    color:rgba(255,255,255,.82) !important; font-weight:600; font-size:.92rem;
    padding:11px 24px; border-radius:12px; text-decoration:none !important;
    transition:border-color .2s, background .2s;
}
.uz-fp-btn-ghost:hover { border-color:rgba(255,255,255,.45); background:rgba(255,255,255,.06); color:#fff !important; }

/* ── HERO TRUST PILLS ─────────────────────────────────────── */
.uz-fp-hero-pill {
    display:inline-flex; align-items:center; gap:7px;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(8px); border-radius:50px;
    padding:8px 16px; font-size:.78rem; font-weight:600; color:rgba(255,255,255,.72);
}

/* ── OVERVIEW STRIP ───────────────────────────────────────── */
.uz-fp-overview { background:#fff; padding:60px 0; border-bottom:1px solid #f1f5f9; }
.uz-fp-ov-card {
    background:#fff; border:2px solid #f1f5f9; border-radius:20px;
    padding:26px 18px; text-align:center; height:100%;
    position:relative; overflow:hidden;
    transition:transform .25s, box-shadow .25s, border-color .25s;
}
.uz-fp-ov-card:hover { transform:translateY(-5px); box-shadow:0 16px 40px rgba(15,23,42,.09); border-color:#e0e3f8; }
.uz-fp-ov-card::before {
    content:''; position:absolute; top:0; left:0; right:0;
    height:3px; border-radius:20px 20px 0 0;
}
.uz-fp-ov-card.ov-indigo::before { background:linear-gradient(90deg,#6366f1,#818cf8); }
.uz-fp-ov-card.ov-sky::before    { background:linear-gradient(90deg,#0ea5e9,#38bdf8); }
.uz-fp-ov-card.ov-emerald::before{ background:linear-gradient(90deg,#10b981,#34d399); }
.uz-fp-ov-card.ov-amber::before  { background:linear-gradient(90deg,#f59e0b,#fbbf24); }
.uz-fp-ov-card.ov-violet::before { background:linear-gradient(90deg,#8b5cf6,#a78bfa); }
.uz-fp-ov-stat {
    font-family:'Poppins',sans-serif; font-size:1.3rem; font-weight:800;
    line-height:1; margin-bottom:12px;
}
.uz-fp-ov-icon {
    width:48px; height:48px; border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    font-size:1.3rem; margin:0 auto 12px;
}
.uz-fp-ic-indigo  { background:rgba(99,102,241,.1);  color:#6366f1; }
.uz-fp-ic-sky     { background:rgba(14,165,233,.1);  color:#0ea5e9; }
.uz-fp-ic-emerald { background:rgba(16,185,129,.1);  color:#10b981; }
.uz-fp-ic-amber   { background:rgba(245,158,11,.1);  color:#f59e0b; }
.uz-fp-ic-violet  { background:rgba(139,92,246,.1);  color:#8b5cf6; }
.uz-fp-ov-title   { font-size:.88rem; font-weight:700; color:#0f172a; margin-bottom:4px; }
.uz-fp-ov-sub     { font-size:.74rem; color:#94a3b8; }

/* ── SHARED FEATURE SECTION ───────────────────────────────── */
.uz-fp-section { padding:100px 0; }
.uz-fp-soft    { background:#f8f9ff; }
.uz-fp-tag {
    display:inline-flex; align-items:center; gap:6px;
    font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.8px;
    padding:5px 14px; border-radius:50px; margin-bottom:18px;
}
.uz-fp-tag-indigo  { background:rgba(99,102,241,.1);  color:#6366f1; }
.uz-fp-tag-sky     { background:rgba(14,165,233,.1);  color:#0ea5e9; }
.uz-fp-tag-emerald { background:rgba(16,185,129,.1);  color:#10b981; }
.uz-fp-tag-amber   { background:rgba(245,158,11,.1);  color:#f59e0b; }
.uz-fp-tag-violet  { background:rgba(139,92,246,.1);  color:#8b5cf6; }
.uz-fp-big-icon {
    width:68px; height:68px; border-radius:20px;
    display:flex; align-items:center; justify-content:center;
    font-size:1.75rem; margin-bottom:20px;
}
.uz-fp-h2 {
    font-family:'Poppins',sans-serif;
    font-size:clamp(1.7rem,2.8vw,2.2rem);
    font-weight:800; color:#0f172a; line-height:1.2; margin-bottom:16px;
}
.uz-fp-lead { font-size:.97rem; color:#64748b; line-height:1.8; margin-bottom:24px; }
.uz-fp-inline-stat {
    display:inline-flex; align-items:center; gap:4px;
    background:rgba(99,102,241,.08); border:1px solid rgba(99,102,241,.18);
    border-radius:6px; padding:1px 8px; font-size:.82em; font-weight:700;
    color:#6366f1; vertical-align:middle; white-space:nowrap;
}
.uz-fp-checks { list-style:none; padding:0; margin:0 0 28px; }
.uz-fp-checks li {
    display:flex; align-items:flex-start; gap:10px;
    font-size:.9rem; color:#374151; margin-bottom:11px; line-height:1.55;
}
.uz-fp-checks li i { font-size:.92rem; margin-top:2px; flex-shrink:0; }

/* ── PER-SECTION CTA BUTTON ROW ───────────────────────────── */
.uz-fp-btn-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.uz-fp-try-btn {
    display:inline-flex; align-items:center; gap:8px;
    font-weight:700; font-size:.9rem;
    padding:12px 24px; border-radius:12px; text-decoration:none !important;
    color:#fff !important; transition:transform .2s, box-shadow .2s;
}
.uz-fp-try-btn:hover { transform:translateY(-2px); }
.uz-fp-try-btn-indigo { background:linear-gradient(135deg,#6366f1,#4f46e5); box-shadow:0 4px 16px rgba(99,102,241,.38); }
.uz-fp-try-btn-indigo:hover { box-shadow:0 7px 22px rgba(99,102,241,.52); }
.uz-fp-try-btn-sky    { background:linear-gradient(135deg,#0ea5e9,#0284c7); box-shadow:0 4px 16px rgba(14,165,233,.36); }
.uz-fp-try-btn-sky:hover    { box-shadow:0 7px 22px rgba(14,165,233,.5); }
.uz-fp-try-btn-emerald{ background:linear-gradient(135deg,#10b981,#059669); box-shadow:0 4px 16px rgba(16,185,129,.34); }
.uz-fp-try-btn-emerald:hover{ box-shadow:0 7px 22px rgba(16,185,129,.48); }
.uz-fp-try-btn-amber  { background:linear-gradient(135deg,#f59e0b,#d97706); box-shadow:0 4px 16px rgba(245,158,11,.34); }
.uz-fp-try-btn-amber:hover  { box-shadow:0 7px 22px rgba(245,158,11,.48); }
.uz-fp-try-btn-violet { background:linear-gradient(135deg,#8b5cf6,#7c3aed); box-shadow:0 4px 16px rgba(139,92,246,.36); }
.uz-fp-try-btn-violet:hover { box-shadow:0 7px 22px rgba(139,92,246,.5); }
.uz-fp-learn-link {
    display:inline-flex; align-items:center; gap:6px;
    font-weight:600; font-size:.87rem; text-decoration:none !important;
    color:#64748b; transition:color .18s, gap .18s;
}
.uz-fp-learn-link:hover { gap:10px; }

/* ── FLOATING STAT BADGE (overlays mock visual) ───────────── */
.uz-fp-mock-wrap { position:relative; padding-bottom:18px; }
.uz-fp-float-badge {
    position:absolute; background:#fff; border-radius:14px;
    padding:11px 16px; box-shadow:0 10px 32px rgba(15,23,42,.14);
    display:flex; align-items:center; gap:12px;
    z-index:3; border:1.5px solid #f1f5f9; min-width:170px;
}
.uz-fp-float-badge-icon {
    width:38px; height:38px; border-radius:10px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center; font-size:1rem;
}
.uz-fp-float-badge-num {
    font-family:'Poppins',sans-serif; font-size:1.05rem;
    font-weight:800; color:#0f172a; line-height:1.1;
}
.uz-fp-float-badge-label { font-size:.7rem; color:#94a3b8; font-weight:600; }

/* ── MOCK: SHARED CHROME ──────────────────────────────────── */
.uz-fp-mock-header {
    display:flex; align-items:center; gap:12px;
    background:rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.08);
    padding:12px 16px; border-radius:16px 16px 0 0;
}
.uz-fp-mock-dots { display:flex; gap:6px; }
.uz-fp-mock-dots span { width:11px; height:11px; border-radius:50%; display:block; }
.uz-fp-mock-title-bar { font-size:.72rem; color:rgba(255,255,255,.3); font-weight:600; margin:0 auto; }
.uz-fp-mock-body { padding:20px; }

/* ── MOCK 1: URL SHORTENER ────────────────────────────────── */
.uz-fp-mock-shortener {
    background:rgba(15,12,41,.96); border:1px solid rgba(255,255,255,.1);
    border-radius:18px; overflow:hidden; box-shadow:0 28px 70px rgba(0,0,0,.35);
}
.uz-fp-mock-input-row { display:flex; gap:8px; margin-bottom:12px; }
.uz-fp-mock-input {
    flex:1; background:rgba(255,255,255,.08); border:1.5px solid rgba(255,255,255,.1);
    border-radius:10px; padding:11px 14px; color:rgba(255,255,255,.38); font-size:.78rem;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.uz-fp-mock-input-block { display:block; width:100%; }
.uz-fp-mock-btn {
    background:linear-gradient(135deg,#6366f1,#4f46e5); border:none;
    border-radius:10px; color:#fff; font-size:.78rem; font-weight:700;
    padding:11px 16px; flex-shrink:0; display:flex; align-items:center; gap:5px;
}
.uz-fp-mock-result {
    background:rgba(16,185,129,.1); border:1.5px solid rgba(16,185,129,.22);
    border-radius:10px; padding:11px 14px; color:#6ee7b7; font-size:.82rem;
    font-weight:600; display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;
}
.uz-fp-mock-copy-btn {
    background:rgba(16,185,129,.15); border:1px solid rgba(16,185,129,.28);
    border-radius:8px; padding:4px 10px; font-size:.7rem;
    display:flex; align-items:center; gap:4px; flex-shrink:0;
}
.uz-fp-mock-stats-row { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.uz-fp-mock-stat-chip {
    display:flex; align-items:center; gap:5px;
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
    border-radius:8px; padding:6px 10px; font-size:.72rem; color:rgba(255,255,255,.45);
}
.uz-fp-mock-divider { border:none; border-top:1px solid rgba(255,255,255,.07); margin:0 0 12px; }
.uz-fp-mock-recent-label {
    font-size:.66rem; font-weight:700; text-transform:uppercase; letter-spacing:.6px;
    color:rgba(255,255,255,.25); margin-bottom:8px;
}
.uz-fp-mock-recent-row {
    display:flex; align-items:center; justify-content:space-between;
    padding:7px 0; border-bottom:1px solid rgba(255,255,255,.05);
}
.uz-fp-mock-recent-row:last-child { border-bottom:none; }
.uz-fp-mock-recent-link { font-size:.76rem; color:#a5b4fc; font-weight:600; }
.uz-fp-mock-recent-clicks { font-size:.7rem; color:rgba(255,255,255,.3); display:flex; align-items:center; gap:4px; }

/* ── MOCK 2: ANALYTICS ────────────────────────────────────── */
.uz-fp-mock-analytics {
    background:#fff; border:1px solid #eef0f8; border-radius:20px;
    padding:24px; box-shadow:0 16px 48px rgba(15,23,42,.1);
}
.uz-fp-mock-ana-head {
    display:flex; align-items:center; justify-content:space-between; margin-bottom:18px;
}
.uz-fp-mock-ana-title { font-size:.88rem; font-weight:700; color:#0f172a; display:flex; align-items:center; gap:7px; }
.uz-fp-mock-ana-range { font-size:.72rem; color:#94a3b8; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; padding:3px 9px; }
.uz-fp-mock-stat-row { display:flex; gap:10px; margin-bottom:18px; }
.uz-fp-mock-stat {
    flex:1; background:#f8f9ff; border:1px solid #eef0f8; border-radius:12px; padding:14px 12px; text-align:center;
}
.uz-fp-mock-stat-n { font-family:'Poppins',sans-serif; font-size:1.2rem; font-weight:800; line-height:1; }
.uz-fp-mock-stat-l { font-size:.66rem; color:#94a3b8; margin-top:4px; }
.uz-fp-mock-stat-delta { font-size:.7rem; font-weight:700; margin-top:4px; display:flex; align-items:center; justify-content:center; gap:2px; }
.uz-fp-mock-chart { height:80px; display:flex; align-items:flex-end; gap:6px; }
.uz-fp-mock-bar { flex:1; border-radius:4px 4px 0 0; background:linear-gradient(180deg,#6366f1,#4f46e5); min-height:6px; }
.uz-fp-mock-chart-labels { display:flex; justify-content:space-between; padding-top:6px; margin-bottom:14px; }
.uz-fp-mock-chart-labels span { flex:1; text-align:center; font-size:.66rem; color:#cbd5e1; }
.uz-fp-mock-geo { display:flex; gap:8px; flex-wrap:wrap; }
.uz-fp-mock-geo-item {
    display:flex; align-items:center; gap:8px; padding:8px 10px;
    background:#f8f9ff; border:1px solid #eef0f8; border-radius:10px;
    font-size:.75rem; font-weight:600; color:#374151; flex:1; min-width:90px;
}
.uz-fp-mock-geo-bar { height:4px; border-radius:2px; margin-top:3px; }

/* ── MOCK 3: QR CODE ──────────────────────────────────────── */
.uz-fp-mock-qr-wrap {
    background:#fff; border:1px solid #eef0f8; border-radius:20px;
    padding:28px; box-shadow:0 16px 48px rgba(15,23,42,.1); text-align:center;
}
.uz-fp-mock-qr-top { margin-bottom:16px; }
.uz-fp-mock-qr-label { display:block; font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.8px; color:#94a3b8; margin-bottom:6px; }
.uz-fp-mock-qr-url {
    display:inline-block; background:#f5f3ff; border:1px solid #e0e7ff;
    border-radius:8px; padding:6px 14px; font-size:.85rem; font-weight:600; color:#6366f1;
}
.uz-fp-mock-qr-styles { display:flex; gap:7px; justify-content:center; margin-bottom:14px; }
.uz-fp-mock-qr-swatch {
    width:26px; height:26px; border-radius:7px; cursor:pointer;
    border:2.5px solid transparent; transition:transform .15s;
}
.uz-fp-mock-qr-swatch.active { border-color:#6366f1; transform:scale(1.18); }
.uz-fp-mock-qr-display {
    position:relative; display:inline-block;
    background:linear-gradient(135deg,#f5f3ff,#ede9fe);
    border-radius:16px; padding:28px; margin-bottom:18px;
}
.uz-fp-mock-qr-icon { font-size:5rem; color:#1e1b4b; line-height:1; }
.uz-fp-mock-qr-badge {
    position:absolute; bottom:10px; right:10px;
    background:#fff; border-radius:6px; padding:3px 6px;
    box-shadow:0 2px 8px rgba(15,23,42,.15);
}
.uz-fp-mock-qr-actions { display:flex; gap:8px; justify-content:center; margin-bottom:14px; flex-wrap:wrap; }
.uz-fp-mock-qr-btn {
    display:inline-flex; align-items:center; gap:5px;
    background:#f8f9ff; border:1px solid #e2e8f0; border-radius:9px;
    padding:8px 14px; font-size:.78rem; font-weight:600; color:#374151;
    transition:background .18s, border-color .18s;
}
.uz-fp-mock-qr-btn:hover { background:#ede9fe; border-color:#c4b5fd; color:#6366f1; }
.uz-fp-qr-btn-active { background:#f0fdf4 !important; border-color:#86efac !important; color:#16a34a !important; }
.uz-fp-mock-qr-footer { font-size:.76rem; color:#94a3b8; display:flex; align-items:center; justify-content:center; gap:6px; }

/* ── MOCK 4: CUSTOM SHORT LINKS ───────────────────────────── */
.uz-fp-mock-custom {
    background:rgba(15,12,41,.96); border:1px solid rgba(255,255,255,.1);
    border-radius:18px; overflow:hidden; box-shadow:0 28px 70px rgba(0,0,0,.35);
}
.uz-fp-mock-field-label {
    font-size:.7rem; font-weight:600; text-transform:uppercase; letter-spacing:.6px;
    color:rgba(255,255,255,.3); margin-bottom:6px;
}
.uz-fp-mock-domain-row {
    display:flex; align-items:center;
    background:rgba(255,255,255,.07); border:1.5px solid rgba(255,255,255,.12);
    border-radius:10px; overflow:hidden; margin-bottom:14px;
}
.uz-fp-mock-domain-prefix {
    padding:11px 13px; color:rgba(255,255,255,.35); font-size:.8rem;
    border-right:1.5px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.04); white-space:nowrap; flex-shrink:0;
}
.uz-fp-mock-domain-input { flex:1; padding:11px 13px; color:#a5b4fc; font-size:.85rem; font-weight:600; }
.uz-fp-mock-domain-check { padding:11px 13px; flex-shrink:0; }
.uz-fp-mock-preview {
    background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.22);
    border-radius:10px; padding:12px 14px;
    display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;
}
.uz-fp-mock-preview-label { font-size:.72rem; color:rgba(255,255,255,.35); display:flex; align-items:center; gap:5px; }
.uz-fp-mock-preview-link { font-size:.88rem; }
.uz-fp-mock-redirect-row { display:flex; gap:6px; }
.uz-fp-mock-redirect-chip {
    flex:1; text-align:center; padding:7px 10px; border-radius:8px;
    font-size:.72rem; font-weight:700; border:1.5px solid rgba(255,255,255,.1);
    color:rgba(255,255,255,.3); cursor:pointer;
}
.uz-fp-mock-redirect-chip.active {
    background:rgba(99,102,241,.15); border-color:rgba(99,102,241,.4); color:#a5b4fc;
}

/* ── MOCK 5: SUBDOMAINS ───────────────────────────────────── */
.uz-fp-mock-sub-wrap {
    background:#fff; border:1px solid #eef0f8; border-radius:20px;
    padding:24px; box-shadow:0 16px 48px rgba(15,23,42,.1);
}
.uz-fp-mock-sub-header {
    display:flex; align-items:center; gap:8px;
    font-size:.88rem; font-weight:700; color:#0f172a; margin-bottom:18px;
}
.uz-fp-mock-sub-count {
    margin-left:auto; background:#f0fdf4; border:1px solid #bbf7d0;
    border-radius:50px; padding:3px 10px; font-size:.72rem; font-weight:700; color:#16a34a;
}
.uz-fp-mock-sub-row {
    display:flex; align-items:center; gap:12px;
    padding:12px 14px; border:1px solid #f1f5f9; border-radius:12px;
    margin-bottom:8px; transition:border-color .2s, background .2s;
}
.uz-fp-mock-sub-row:hover { border-color:#e0e7ff; background:#f9f8ff; }
.uz-fp-mock-sub-avatar {
    width:34px; height:34px; border-radius:9px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    font-size:.72rem; font-weight:800; color:#fff;
}
.uz-fp-mock-sub-info { flex:1; min-width:0; }
.uz-fp-mock-sub-name { font-size:.85rem; font-weight:700; color:#0f172a; }
.uz-fp-mock-sub-url  { font-size:.72rem; color:#94a3b8; }
.uz-fp-mock-sub-badge {
    font-size:.68rem; font-weight:700; padding:3px 9px; border-radius:50px;
    background:rgba(16,185,129,.1); color:#10b981; border:1px solid rgba(16,185,129,.2); flex-shrink:0;
}
.uz-fp-mock-sub-add {
    display:flex; align-items:center; gap:8px;
    padding:10px 14px; border:1.5px dashed #e2e8f0; border-radius:12px;
    font-size:.8rem; color:#94a3b8; cursor:pointer; transition:border-color .2s, color .2s;
}
.uz-fp-mock-sub-add:hover { border-color:#c7d2fe; color:#6366f1; }

/* ── MOCK 6: API ──────────────────────────────────────────── */
.uz-fp-mock-api {
    background:rgba(15,12,41,.97); border:1px solid rgba(255,255,255,.1);
    border-radius:18px; overflow:hidden; box-shadow:0 28px 70px rgba(0,0,0,.35);
}
.uz-fp-mock-api-tabs {
    display:flex; background:rgba(255,255,255,.04);
    border-bottom:1px solid rgba(255,255,255,.07); padding:0 16px;
}
.uz-fp-mock-api-tab {
    padding:10px 16px; font-size:.74rem; font-weight:600;
    color:rgba(255,255,255,.3); border-bottom:2px solid transparent; cursor:pointer;
}
.uz-fp-mock-api-tab.active { color:#a5b4fc; border-bottom-color:#6366f1; }
.uz-fp-mock-code {
    padding:18px 20px; font-size:.74rem; font-family:'Courier New',monospace; line-height:1.65;
}
.uz-fp-code-kw  { color:#c084fc; }
.uz-fp-code-str { color:#86efac; }
.uz-fp-code-key { color:#93c5fd; }
.uz-fp-code-num { color:#fbbf24; }
.uz-fp-code-cm  { color:rgba(255,255,255,.28); }
.uz-fp-mock-api-resp { padding:12px 20px 20px; border-top:1px solid rgba(255,255,255,.07); }
.uz-fp-mock-api-resp-head {
    display:flex; align-items:center; gap:8px;
    font-size:.72rem; color:rgba(255,255,255,.25); margin-bottom:10px;
}
.uz-fp-mock-api-status {
    background:rgba(16,185,129,.15); border:1px solid rgba(16,185,129,.25);
    border-radius:6px; padding:2px 9px; font-size:.72rem; font-weight:700; color:#6ee7b7;
}

/* ── INTEGRATION PILLS ────────────────────────────────────── */
.uz-fp-int-strip { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.uz-fp-int-pill {
    display:inline-flex; align-items:center; gap:6px;
    background:#f8f9ff; border:1.5px solid #eef0f8; border-radius:50px;
    padding:7px 14px; font-size:.78rem; font-weight:700; color:#374151;
    transition:border-color .2s, background .2s, color .2s;
}
.uz-fp-int-pill:hover { background:#eef0ff; border-color:#c7d2fe; color:#6366f1; }

/* ── FEATURE GRID SECTION ─────────────────────────────────── */
.uz-fp-grid-section { background:#fff; padding:96px 0; }
.uz-fp-grid-card {
    background:#f8f9ff; border:1.5px solid #eef0f8; border-radius:18px;
    padding:28px 24px; height:100%;
    transition:transform .22s, box-shadow .22s, border-color .22s;
}
.uz-fp-grid-card:hover {
    transform:translateY(-4px);
    box-shadow:0 14px 36px rgba(15,23,42,.09); border-color:#c7d2fe;
}
.uz-fp-grid-icon {
    width:52px; height:52px; border-radius:15px; margin-bottom:16px;
    display:flex; align-items:center; justify-content:center; font-size:1.3rem;
}
.uz-fp-grid-title {
    font-family:'Poppins',sans-serif; font-size:.97rem;
    font-weight:800; color:#0f172a; margin-bottom:8px;
}
.uz-fp-grid-desc { font-size:.855rem; color:#64748b; line-height:1.7; margin:0; }

/* ── CTA SECTION ──────────────────────────────────────────── */
.uz-fp-cta-outer { padding:72px 0; background:#f8f9ff; }
.uz-fp-cta {
    background:linear-gradient(135deg,#0f0c29 0%,#1a1a4e 50%,#24243e 100%);
    border-radius:24px; padding:76px 52px; text-align:center;
    position:relative; overflow:hidden;
}
.uz-fp-cta::before {
    content:''; position:absolute; width:500px; height:500px; border-radius:50%;
    background:radial-gradient(circle,rgba(99,102,241,.22) 0%,transparent 70%);
    top:-160px; right:-100px; pointer-events:none;
}
.uz-fp-cta::after {
    content:''; position:absolute; width:300px; height:300px; border-radius:50%;
    background:radial-gradient(circle,rgba(56,189,248,.12) 0%,transparent 70%);
    bottom:-80px; left:-60px; pointer-events:none;
}
.uz-fp-cta-h2 {
    font-family:'Poppins',sans-serif;
    font-size:clamp(1.8rem,3.4vw,2.6rem); font-weight:800; color:#fff; margin-bottom:14px;
    position:relative; z-index:1;
}
.uz-fp-cta-sub {
    color:rgba(255,255,255,.52); font-size:.97rem; max-width:520px;
    margin:0 auto 28px; line-height:1.72; position:relative; z-index:1;
}
.uz-fp-cta-checks {
    display:flex; flex-wrap:wrap; justify-content:center; gap:14px 26px;
    margin:0 auto 36px; max-width:560px; position:relative; z-index:1;
}
.uz-fp-cta-check {
    display:flex; align-items:center; gap:7px;
    font-size:.84rem; color:rgba(255,255,255,.65);
}
.uz-fp-cta-check i { color:#6ee7b7; font-size:.85rem; }

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width:991.98px) {
    .uz-fp-section { padding:68px 0; }
    .uz-fp-cta { padding:52px 28px; }
    .uz-fp-grid-section { padding:64px 0; }
    .uz-fp-float-badge { display:none; }
    .uz-fp-mock-wrap { padding-bottom:0; }
}
@media (max-width:767.98px) {
    .uz-fp-hero { padding:110px 0 68px; }
    .uz-fp-section { padding:52px 0; }
}