/* ════════════════════════════════════════════════════
   NextInRaushan Pro v5.1 — New Features CSS
   Google Reviews · Before/After · Client Portal
   Referral · Dark Mode · Extras
════════════════════════════════════════════════════ */

/* ── Google Reviews ── */
.nir-greview-wrap { padding: 1rem 0; }
.nir-greview-badge-row { margin-bottom: 2rem; display: flex; justify-content: center; }
.nir-gplace-badge {
    display: flex; align-items: center; gap: 1.25rem;
    background: #fff; border: 1px solid #e5e7eb;
    border-radius: 16px; padding: 1.25rem 2rem;
    box-shadow: 0 4px 24px rgba(0,0,0,.07);
    flex-wrap: wrap; gap: 1rem;
}
.nir-gpb-logo {
    width: 48px; height: 48px; border-radius: 50%;
    background: #4285f4; color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem; font-weight: 800; flex-shrink: 0;
}
.nir-gpb-info strong { display: block; font-size: 1rem; }
.nir-gpb-stars { color: #fbbc04; font-size: 1rem; }
.nir-gpb-stars span { color: #1a1a2e; font-weight: 700; }
.nir-gpb-info small { color: #6b7280; font-size: .8rem; }

.nir-greview-grid { display: grid; gap: 1.25rem; }
.nir-greview-cols-3 { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.nir-greview-cols-2 { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }

.nir-greview-card {
    background: #fff; border-radius: 14px; padding: 1.5rem;
    box-shadow: 0 2px 16px rgba(0,0,0,.07);
    border: 1px solid #f0f0f0;
    transition: transform .25s, box-shadow .25s;
}
.nir-greview-card:hover { transform: translateY(-4px); box-shadow: 0 8px 32px rgba(0,0,0,.12); }
.nir-gr-header { display: flex; align-items: center; gap: .75rem; margin-bottom: .85rem; }
.nir-gr-avatar {
    width: 42px; height: 42px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem; font-weight: 700; color: #fff; flex-shrink: 0;
}
.nir-gr-meta { flex: 1; }
.nir-gr-meta strong { display: block; font-size: .9rem; }
.nir-gr-date { font-size: .75rem; color: #9ca3af; }
.nir-gr-glogo {
    width: 28px; height: 28px; border-radius: 50%;
    background: #4285f4; color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: .78rem; font-weight: 800; margin-left: auto; flex-shrink: 0;
}
.nir-gr-stars { color: #fbbc04; font-size: 1rem; margin-bottom: .65rem; letter-spacing: .05em; }
.nir-gr-text { font-size: .88rem; color: #374151; line-height: 1.65; margin-bottom: .75rem; font-style: italic; }
.nir-gr-service-tag {
    display: inline-block; background: #ede9fe; color: #6c63ff;
    font-size: .72rem; font-weight: 600; padding: .2rem .6rem;
    border-radius: 20px;
}
.nir-greview-footer { text-align: center; margin-top: 2rem; }

/* ── Before / After Slider ── */
.nir-ba-wrap { padding: 1rem 0; }
.nir-ba-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 2rem; padding: 2rem 0; }
.nir-ba-card { border-radius: 16px; overflow: hidden; box-shadow: 0 4px 32px rgba(0,0,0,.1); background: #fff; }
.nir-ba-label-row {
    display: flex; justify-content: space-between; align-items: center;
    padding: .85rem 1.25rem; background: #f9fafb; border-bottom: 1px solid #e5e7eb;
}
.nir-ba-client { font-weight: 700; font-size: .95rem; }
.nir-ba-niche { font-size: .8rem; background: #ede9fe; color: #6c63ff; padding: .2rem .65rem; border-radius: 20px; font-weight: 600; }

.nir-ba-slider {
    position: relative; height: 220px; overflow: hidden;
    cursor: col-resize; user-select: none; background: #f3f4f6;
}
.nir-ba-before,
.nir-ba-after {
    position: absolute; top: 0; bottom: 0; left: 0;
    overflow: hidden; width: 100%;
}
.nir-ba-after { left: auto; right: 0; }

/* Mock website designs */
.nir-ba-mock {
    width: 100%; height: 100%;
    display: flex; flex-direction: column;
    font-size: .7rem;
}
.nir-bam-bar {
    background: #e5e7eb; padding: .3rem .5rem;
    display: flex; align-items: center; gap: .35rem; height: 26px;
}
.nir-bam-dots { display: flex; gap: 3px; }
.nir-bam-dots span { width: 7px; height: 7px; border-radius: 50%; background: #ccc; }
.nir-bam-new-dots span:nth-child(1) { background: #ef4444; }
.nir-bam-new-dots span:nth-child(2) { background: #f59e0b; }
.nir-bam-new-dots span:nth-child(3) { background: #10b981; }
.nir-bam-url { font-size: .6rem; color: #6b7280; background: #fff; padding: .1rem .35rem; border-radius: 3px; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nir-bam-url-new { color: #1a1a2e; font-weight: 600; }
.nir-bam-body { flex: 1; display: flex; flex-direction: column; background: #f8f9fa; }
.nir-bam-nav-old { height: 22px; background: var(--ac, #888); opacity: .6; }
.nir-bam-hero-old {
    flex: 1; background: var(--ac, #888); opacity: .5;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
}
.nir-bam-title-old { color: #333; font-weight: 700; font-size: .75rem; }
.nir-bam-sub-old { color: #666; font-size: .6rem; }
.nir-bam-blocks-old { display: flex; gap: 4px; padding: 8px; }
.nir-bam-block { flex: 1; height: 20px; background: #ddd; border-radius: 2px; }

/* New website mock */
.nir-bam-body-new { background: #fff; }
.nir-bam-nav-new {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 .6rem; height: 26px; background: #fff;
    border-bottom: 1px solid #f0f0f0; font-size: .65rem; font-weight: 700;
}
.nir-bam-nav-links { display: flex; align-items: center; gap: .35rem; }
.nir-bam-nav-links span { width: 20px; height: 4px; background: #e5e7eb; border-radius: 2px; }
.nir-bam-wa-btn {
    background: #25d366; color: #fff; width: 18px; height: 18px;
    border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .6rem;
}
.nir-bam-hero-new {
    flex: 1; display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 4px; padding: .5rem;
}
.nir-bam-title-new { color: #fff; font-weight: 800; font-size: .72rem; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.3); }
.nir-bam-cta-new {
    background: rgba(255,255,255,.25); color: #fff; border: 1px solid rgba(255,255,255,.5);
    padding: .15rem .5rem; border-radius: 3px; font-size: .6rem; font-weight: 600;
}
.nir-bam-features-new { display: flex; gap: 3px; padding: .35rem .5rem; flex-wrap: wrap; }
.nir-bam-feat { font-size: .58rem; color: #374151; background: #f3f4f6; padding: .1rem .3rem; border-radius: 2px; }

.nir-ba-handle {
    position: absolute; top: 0; bottom: 0; width: 3px;
    background: #fff; box-shadow: 0 0 0 2px rgba(0,0,0,.15);
    transform: translateX(-50%); display: flex; flex-direction: column;
    align-items: center; justify-content: center; z-index: 10; gap: 0;
}
.nir-ba-line { flex: 1; width: 2px; background: rgba(255,255,255,.8); }
.nir-ba-btn {
    width: 36px; height: 36px; border-radius: 50%;
    background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.2);
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; color: #1a1a2e; flex-shrink: 0;
    cursor: col-resize; user-select: none;
}
.nir-ba-tag {
    position: absolute; bottom: 8px; font-size: .7rem; font-weight: 700;
    padding: .2rem .6rem; border-radius: 20px;
}
.nir-ba-before-tag { left: 8px; background: #fee2e2; color: #b91c1c; }
.nir-ba-after-tag { right: 8px; background: #dcfce7; color: #15803d; }

.nir-ba-results {
    display: flex; justify-content: space-around; padding: 1rem;
    border-top: 1px solid #f0f0f0;
}
.nir-ba-result { text-align: center; }
.nir-bar-emoji { font-size: 1.2rem; display: block; margin-bottom: .2rem; }
.nir-ba-result strong { display: block; font-size: 1rem; font-weight: 800; color: #6c63ff; }
.nir-ba-result small { font-size: .7rem; color: #6b7280; }

/* ── Client Portal ── */
.nir-portal-wrap { max-width: 800px; margin: 2rem auto; padding: 0 1rem; }
.nir-portal-login-box {
    background: #fff; border-radius: 20px; padding: 3rem 2.5rem;
    box-shadow: 0 8px 48px rgba(0,0,0,.1); text-align: center;
    max-width: 480px; margin: 0 auto;
}
.nir-portal-icon { font-size: 3.5rem; margin-bottom: 1rem; }
.nir-portal-login-box h2 { margin-bottom: .5rem; }
.nir-portal-login-box > p { color: #6b7280; margin-bottom: 2rem; }
.nir-portal-form { text-align: left; }
.nir-portal-demo-hint {
    margin-top: 1.5rem; padding: .75rem 1rem;
    background: #f9f7ff; border: 1px dashed #c4b5fd;
    border-radius: 8px; font-size: .8rem; color: #6b7280; text-align: center;
}
.nir-portal-demo-hint code { background: #ede9fe; color: #6c63ff; padding: .1rem .3rem; border-radius: 3px; }

.nir-portal-hd {
    display: flex; justify-content: space-between; align-items: flex-start;
    margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem;
}
.nir-portal-card {
    background: #fff; border-radius: 14px; padding: 1.5rem;
    box-shadow: 0 4px 24px rgba(0,0,0,.07); margin-bottom: 1.25rem;
}
.nir-portal-card h3 { margin-bottom: 1.25rem; font-size: 1rem; }
.nir-portal-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }

/* Order Timeline */
.nir-ord-timeline { display: flex; align-items: flex-start; gap: 0; overflow-x: auto; padding-bottom: .5rem; }
.nir-tl-item { display: flex; flex-direction: column; align-items: center; flex: 1; min-width: 80px; text-align: center; position: relative; }
.nir-tl-item:not(:last-child)::after {
    content: ''; position: absolute; top: 12px; left: 50%; width: 100%;
    height: 2px; background: #e5e7eb; z-index: 0;
}
.nir-tl-item.done::after { background: #10b981; }
.nir-tl-item.active::after { background: linear-gradient(90deg, #10b981, #e5e7eb); }
.nir-tl-dot { font-size: 1.3rem; margin-bottom: .4rem; position: relative; z-index: 1; }
.nir-tl-label { font-size: .68rem; color: #6b7280; font-weight: 500; }
.nir-tl-item.done .nir-tl-label { color: #10b981; font-weight: 600; }
.nir-tl-item.active .nir-tl-label { color: #6c63ff; font-weight: 700; }

.nir-ord-dl-row { display: flex; justify-content: space-between; padding: .55rem 0; border-bottom: 1px solid #f3f4f6; font-size: .88rem; }
.nir-ord-dl-row span { color: #6b7280; }
.nir-ord-file {
    display: flex; align-items: center; gap: .6rem; padding: .6rem;
    border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: .5rem;
    font-size: .85rem; color: #374151; transition: background .2s;
}
.nir-ord-file:hover { background: #f9f7ff; border-color: #c4b5fd; }
.nir-ord-file span:last-child { margin-left: auto; }

/* ── Referral Program ── */
.nir-referral-wrap { max-width: 800px; margin: 0 auto; padding: 0 1rem; }
.nir-ref-hero {
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    color: #fff; border-radius: 20px; padding: 3rem 2rem;
    text-align: center; margin-bottom: 2rem;
}
.nir-ref-hero-emoji { font-size: 3.5rem; margin-bottom: 1rem; }
.nir-ref-hero h2 { color: #fff; margin-bottom: .75rem; }
.nir-ref-hero p { color: rgba(255,255,255,.8); margin-bottom: 2rem; }
.nir-ref-stats-row { display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap; }
.nir-ref-stat strong { display: block; font-size: 2rem; font-weight: 800; color: #a78bfa; }
.nir-ref-stat span { font-size: .82rem; color: rgba(255,255,255,.6); }

.nir-ref-steps {
    display: flex; align-items: center; gap: .75rem; margin-bottom: 2rem;
    background: #fff; border-radius: 14px; padding: 1.5rem;
    box-shadow: 0 4px 24px rgba(0,0,0,.07); flex-wrap: wrap;
}
.nir-ref-step { display: flex; align-items: flex-start; gap: .75rem; flex: 1; min-width: 160px; }
.nir-ref-step-num {
    width: 36px; height: 36px; border-radius: 50%;
    background: linear-gradient(135deg, #6c63ff, #a855f7);
    color: #fff; display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 1rem; flex-shrink: 0;
}
.nir-ref-step h4 { font-size: .9rem; margin-bottom: .2rem; }
.nir-ref-step p { font-size: .8rem; color: #6b7280; margin: 0; }
.nir-ref-arrow { font-size: 1.5rem; color: #c4b5fd; flex-shrink: 0; }

.nir-ref-form-box {
    background: #fff; border-radius: 14px; padding: 2rem;
    box-shadow: 0 4px 24px rgba(0,0,0,.07); margin-bottom: 1.5rem;
}
.nir-ref-form-box h3 { margin-bottom: 1.25rem; }
.nir-ref-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.25rem; }

.nir-ref-success-box {
    background: #fff; border-radius: 14px; padding: 3rem 2rem;
    box-shadow: 0 4px 24px rgba(0,0,0,.07); text-align: center; margin-bottom: 1.5rem;
}
.nir-ref-success-icon { font-size: 4rem; margin-bottom: 1rem; }
.nir-ref-code-display {
    display: inline-block; background: #ede9fe; color: #6c63ff;
    font-family: monospace; font-size: 1.1rem; padding: .35rem 1rem;
    border-radius: 8px; margin: .25rem 0;
}

.nir-ref-tc {
    background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 12px;
    padding: 1.5rem; font-size: .85rem;
}
.nir-ref-tc h4 { margin-bottom: .75rem; }
.nir-ref-tc li { padding: .3rem 0; color: #374151; }

/* ── Dark Mode Toggle ── */
.nir-dark-toggle {
    position: fixed; top: 50%; right: 16px; transform: translateY(-50%);
    z-index: 9995; width: 40px; height: 40px; border-radius: 50%;
    background: #fff; border: 1px solid #e5e7eb;
    box-shadow: 0 2px 12px rgba(0,0,0,.12);
    cursor: pointer; font-size: 1.1rem;
    display: flex; align-items: center; justify-content: center;
    transition: all .25s;
}
.nir-dark-toggle:hover { transform: translateY(-50%) scale(1.1); }

/* Dark Mode Styles */
body.nir-dark {
    background: #0f0f1a !important;
    color: #e2e8f0 !important;
}
body.nir-dark .nir-header { background: rgba(15,15,26,.96) !important; border-color: #2d2d4e !important; }
body.nir-dark .nir-section { background: #0f0f1a !important; }
body.nir-dark section[style*="background:#f9fafb"] { background: #161625 !important; }
body.nir-dark .nir-service-card,
body.nir-dark .nir-pricing-card,
body.nir-dark .nir-testi-card,
body.nir-dark .nir-blog-card,
body.nir-dark .nir-port-card,
body.nir-dark .nir-faq-item { background: #1a1a2e !important; border-color: #2d2d4e !important; }
body.nir-dark .nir-trust-bar { background: #161625 !important; border-color: #2d2d4e !important; }
body.nir-dark p, body.nir-dark .nir-service-card p { color: #94a3b8 !important; }
body.nir-dark h1, body.nir-dark h2, body.nir-dark h3 { color: #f1f5f9 !important; }
body.nir-dark .nir-faq-q { background: #1a1a2e !important; color: #f1f5f9 !important; }
body.nir-dark .nir-footer { background: #0a0a14 !important; }
body.nir-dark .nir-table { background: #1a1a2e !important; }
body.nir-dark .nir-table th { background: #161625 !important; }
body.nir-dark .nir-greview-card { background: #1a1a2e !important; border-color: #2d2d4e !important; }
body.nir-dark .nir-greview-card .nir-gr-text { color: #94a3b8 !important; }
body.nir-dark .nir-portal-card,
body.nir-dark .nir-portal-login-box,
body.nir-dark .nir-ref-form-box,
body.nir-dark .nir-ref-steps { background: #1a1a2e !important; }
body.nir-dark input, body.nir-dark select, body.nir-dark textarea {
    background: #0f0f1a !important; color: #e2e8f0 !important; border-color: #2d2d4e !important;
}

/* ── Live Visitor Counter ── */
.nir-live-badge {
    position: fixed; bottom: 100px; left: 20px;
    background: #fff; border-radius: 24px; padding: .5rem 1rem;
    box-shadow: 0 4px 20px rgba(0,0,0,.12); z-index: 9980;
    display: flex; align-items: center; gap: .5rem;
    font-size: .8rem; font-weight: 500; color: #374151;
    animation: nir-notif-slide .5s ease;
}
.nir-live-dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: #10b981; animation: nir-live-pulse 2s infinite;
}
@keyframes nir-live-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .5; transform: scale(1.3); }
}

/* ── Comparison Table ── */
.nir-comparison-wrap { max-width: 900px; margin: 0 auto; padding: 1rem; }
.nir-cmp-table-wrap { overflow-x: auto; border-radius: 14px; box-shadow: 0 4px 24px rgba(0,0,0,.08); }
.nir-cmp-table { width: 100%; border-collapse: collapse; background: #fff; }
.nir-cmp-table thead th {
    padding: 1rem 1.25rem; font-size: .85rem; font-weight: 700;
    text-align: center; border-bottom: 2px solid #e5e7eb;
}
.nir-cmp-table th:first-child { text-align: left; }
.nir-cmp-us { background: #ede9fe; color: #6c63ff !important; }
.nir-cmp-them { background: #f9fafb; color: #6b7280; }
.nir-cmp-table tbody tr:nth-child(even) td { background: #fafafa; }
.nir-cmp-table tbody tr:hover td { background: #f5f3ff; }
.nir-cmp-table td {
    padding: .85rem 1.25rem; font-size: .88rem;
    border-bottom: 1px solid #f0f0f0; text-align: center; vertical-align: middle;
}
.nir-cmp-table td:first-child { text-align: left; font-weight: 500; }
.nir-cmp-us { background: rgba(108,99,255,.06) !important; }
.nir-cmp-us strong { color: #6c63ff; font-weight: 700; font-size: .9rem; }
.nir-cmp-them-val { color: #6b7280; }

/* ── Instagram Grid ── */
.nir-insta-wrap { max-width: 900px; margin: 0 auto; }
.nir-insta-header {
    display: flex; align-items: center; gap: 1rem;
    background: #fff; border-radius: 14px; padding: 1.25rem 1.5rem;
    box-shadow: 0 2px 16px rgba(0,0,0,.07); margin-bottom: 1.5rem; flex-wrap: wrap;
}
.nir-insta-logo { font-size: 2rem; }
.nir-insta-header strong { display: block; font-size: 1rem; }
.nir-insta-header span { font-size: .82rem; color: #6b7280; }
.nir-insta-header a { margin-left: auto; }
.nir-insta-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; }
.nir-insta-post { position: relative; aspect-ratio: 1; border-radius: 8px; overflow: hidden; }
.nir-insta-thumb {
    width: 100%; height: 100%;
    background: linear-gradient(135deg, #6c63ff, #a855f7);
    display: flex; align-items: center; justify-content: center;
    font-size: 2.5rem; transition: transform .25s;
}
.nir-insta-post:hover .nir-insta-thumb { transform: scale(1.05); }
.nir-insta-hover {
    position: absolute; inset: 0;
    background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: .88rem; font-weight: 600;
    opacity: 0; transition: opacity .25s;
}
.nir-insta-post:hover .nir-insta-hover { opacity: 1; }

/* ── Trust Badges ── */
.nir-trust-badges-row {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 1.25rem;
    padding: 2rem 1rem;
}
.nir-trust-badge-item {
    display: flex; align-items: center; gap: .75rem;
    background: #fff; border: 1px solid #e5e7eb; border-radius: 12px;
    padding: .85rem 1.25rem; transition: all .25s;
}
.nir-trust-badge-item:hover { border-color: #6c63ff; box-shadow: 0 4px 16px rgba(108,99,255,.15); }
.nir-tbadge-icon { font-size: 1.6rem; flex-shrink: 0; }
.nir-trust-badge-item strong { display: block; font-size: .88rem; }
.nir-trust-badge-item small { color: #6b7280; font-size: .75rem; }

/* ── Responsive ── */
@media (max-width: 768px) {
    .nir-portal-2col,
    .nir-ref-form-grid { grid-template-columns: 1fr; }
    .nir-ref-form-grid .nir-form-group:last-child { grid-column: 1; }
    .nir-ba-grid { grid-template-columns: 1fr; }
    .nir-ref-steps { flex-direction: column; }
    .nir-ref-arrow { transform: rotate(90deg); }
    .nir-insta-grid { grid-template-columns: repeat(2, 1fr); }
    .nir-live-badge { display: none; }
    .nir-dark-toggle { display: none; }
}
@media (max-width: 480px) {
    .nir-ref-steps { padding: 1rem; }
    .nir-portal-login-box { padding: 2rem 1.5rem; }
}

/* ═══════════════════════════════════════════════════════
   v5.2 ENHANCEMENTS CSS
   Sticky Bar · Exit Popup · Notifications · Seasonal
   How It Works Video · Video Testimonials · Niche Mockups
   Audit · Money Back · Maintenance · City Pages
═══════════════════════════════════════════════════════ */

/* ── Seasonal Top Banner ── */
.nir-seasonal-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;background:linear-gradient(90deg,#7c5cfc,#ec4899);color:#fff;padding:.55rem 1.25rem;font-size:.84rem;font-weight:600;position:relative;z-index:9999;text-align:center}
.nir-seasonal-cta{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);border-radius:20px;padding:.25rem .85rem;color:#fff;text-decoration:none;font-size:.78rem;font-weight:700;white-space:nowrap;transition:background .2s}
.nir-seasonal-cta:hover{background:rgba(255,255,255,.35);color:#fff}
.nir-seasonal-close{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;font-size:1rem;margin-left:.5rem;padding:.2rem;line-height:1;transition:color .2s}
.nir-seasonal-close:hover{color:#fff}

/* ── Sticky Mobile Bottom Bar ── */
.nir-sticky-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9990;background:#fff;border-top:1px solid rgba(0,0,0,.08);padding:.4rem .75rem;gap:.4rem;box-shadow:0 -4px 20px rgba(0,0,0,.1)}
@media(max-width:768px){.nir-sticky-bar{display:flex}}
.nir-sb-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;border-radius:10px;padding:.5rem .25rem;text-decoration:none;font-size:.65rem;font-weight:700;transition:all .2s;border:none;cursor:pointer}
.nir-sb-btn svg{width:20px;height:20px;flex-shrink:0}
.nir-sb-call{background:#f3f4f6;color:#374151}.nir-sb-call svg{stroke:#374151}
.nir-sb-call:hover{background:#e5e7eb}
.nir-sb-wa{background:#25d366;color:#fff}.nir-sb-wa svg{fill:#fff}
.nir-sb-wa:hover{background:#1da851;color:#fff}
.nir-sb-quote{background:#7c5cfc;color:#fff}.nir-sb-quote svg{stroke:#fff}
.nir-sb-quote:hover{background:#6d4dfc;color:#fff}

/* ── Exit Intent Popup ── */
.nir-exit-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99999;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(4px)}
.nir-exit-box{background:#fff;border-radius:20px;padding:2.5rem 2rem;max-width:440px;width:100%;text-align:center;position:relative;animation:nirExitIn .35s cubic-bezier(.22,1,.36,1)}
@keyframes nirExitIn{from{opacity:0;transform:scale(.88) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
.nir-exit-close{position:absolute;top:.85rem;right:.85rem;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#9ca3af;transition:color .2s}.nir-exit-close:hover{color:#374151}
.nir-exit-emoji{font-size:3rem;margin-bottom:.75rem}
.nir-exit-title{font-size:1.5rem;font-weight:800;color:#1a1a2e;margin-bottom:.5rem}
.nir-exit-sub{color:#6b7280;font-size:.92rem;margin-bottom:1.25rem;line-height:1.55}
.nir-exit-badges{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}
.nir-exit-badges span{background:#f3f4f6;border-radius:20px;padding:.3rem .75rem;font-size:.74rem;color:#374151;font-weight:600}
.nir-exit-wa{display:flex;align-items:center;justify-content:center;gap:.6rem;background:#25d366;color:#fff;border-radius:12px;padding:1rem;text-decoration:none;font-weight:700;font-size:.92rem;transition:all .2s;width:100%;margin-bottom:.75rem}
.nir-exit-wa:hover{background:#1da851;color:#fff}
.nir-exit-skip{background:none;border:none;color:#9ca3af;font-size:.82rem;cursor:pointer;padding:.5rem;width:100%;font-family:inherit;transition:color .2s}.nir-exit-skip:hover{color:#374151}

/* ── Live Order Notification Toast ── */
.nir-notif-toast{position:fixed;bottom:5.5rem;left:1rem;z-index:9980;background:#fff;border-radius:14px;padding:.85rem 1.1rem;box-shadow:0 8px 32px rgba(0,0,0,.15);display:flex;gap:.75rem;align-items:center;max-width:280px;border:1px solid rgba(0,0,0,.06)}
@media(max-width:768px){.nir-notif-toast{bottom:6rem}}
.nir-notif-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#7c5cfc,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.9rem;flex-shrink:0}
.nir-notif-name{font-weight:700;font-size:.82rem;color:#1a1a2e;margin-bottom:.1rem}
.nir-notif-text{font-size:.78rem;color:#374151;margin-bottom:.1rem}
.nir-notif-time{font-size:.68rem;color:#9ca3af}
.nir-notif-in{animation:nirNotifIn .4s cubic-bezier(.22,1,.36,1)}
.nir-notif-out{animation:nirNotifOut .5s ease forwards}
@keyframes nirNotifIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
@keyframes nirNotifOut{to{opacity:0;transform:translateX(-20px)}}

/* ── How It Works Video Animation ── */
.nir-hiw-video{display:flex;justify-content:center;padding:1rem 0 2rem}
.nir-hiw-scene{display:flex;flex-direction:column;align-items:center;gap:1.75rem;width:100%;max-width:580px}
.nir-hiw-browser{background:#1a1a2e;border-radius:14px;overflow:hidden;width:100%;box-shadow:0 24px 64px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.08)}
.nir-hiw-bbar{background:#111118;padding:.55rem .85rem;display:flex;align-items:center;gap:.35rem}
.nir-hiw-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.nir-hiw-burl{font-size:.65rem;color:#6b6b8a;margin-left:.5rem;background:rgba(255,255,255,.04);padding:.15rem .55rem;border-radius:4px;flex:1}
.nir-hiw-canvas{min-height:220px;position:relative;overflow:hidden}
.nir-hiw-layer{width:100%;flex-direction:column;padding:1.25rem 1.5rem}
.nir-hiw-blank{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;color:#4b4b6a}
.nir-hiw-cursor{font-size:2rem;animation:nirCursorBlink 1s infinite}
@keyframes nirCursorBlink{0%,100%{opacity:1}50%{opacity:.3}}
.nir-hiw-building{width:100%}
.nir-hiw-build-in{animation:nirBuildIn .6s cubic-bezier(.22,1,.36,1)}
@keyframes nirBuildIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.nir-hiw-navbar{background:rgba(255,255,255,.05);border-radius:8px;padding:.5rem .85rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}
.nir-hiw-logo-mock{font-size:.75rem;font-weight:800;color:#f8f8ff}
.nir-hiw-nav-links{display:flex;gap:.4rem}
.nir-hiw-nav-links span{width:28px;height:6px;border-radius:3px;background:rgba(255,255,255,.15)}
.nir-hiw-herosect{background:linear-gradient(135deg,#7c5cfc,#ec4899);border-radius:10px;padding:1.1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}
.nir-hiw-hero-txt{flex:1}
.nir-hiw-hero-img{font-size:2rem}
.nir-hiw-line{height:8px;border-radius:4px;background:rgba(255,255,255,.35);margin-bottom:6px}
.nir-hiw-fakebtn{display:inline-block;background:#fff;color:#7c5cfc;border-radius:6px;padding:.25rem .65rem;font-size:.68rem;font-weight:700}
.nir-hiw-cards-row{display:flex;gap:.5rem;margin-bottom:.65rem}
.nir-hiw-card-mock{flex:1;background:rgba(255,255,255,.05);border-radius:8px;padding:.65rem .5rem;text-align:center;font-size:1.2rem;border:1px solid rgba(255,255,255,.08)}
.nir-hiw-mobile-wrap{display:flex;justify-content:center}
.nir-hiw-mobile-frame{background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:.5rem 1.25rem;font-size:.8rem;color:#c4c4d8;display:inline-flex;align-items:center;gap:.4rem}
.nir-hiw-done{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;text-align:center;animation:nirDoneIn .6s cubic-bezier(.22,1,.36,1)}
@keyframes nirDoneIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
.nir-hiw-done-icon{font-size:3rem;margin-bottom:.75rem;animation:nirRocket .8s infinite alternate}
@keyframes nirRocket{from{transform:translateY(0)}to{transform:translateY(-8px)}}
.nir-hiw-done-title{font-size:1.4rem;font-weight:800;color:#f8f8ff;margin-bottom:.3rem}
.nir-hiw-done-url{font-size:.82rem;color:#10b981;margin-bottom:.4rem}
.nir-hiw-confetti-row{font-size:1.5rem;letter-spacing:.25rem}
.nir-hiw-steps{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}
.nir-hiw-step{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#4b4b6a;transition:color .35s;padding:.35rem .65rem;border-radius:20px;border:1px solid rgba(255,255,255,.06)}
.nir-hiw-step.active{color:#f8f8ff;border-color:rgba(124,92,252,.4);background:rgba(124,92,252,.12)}
.nir-hiw-step-num{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;flex-shrink:0}
.nir-hiw-step.active .nir-hiw-step-num{background:#7c5cfc;color:#fff}

/* ── Video Testimonial Cards ── */
.nir-vtc-wrap{width:100%}
.nir-vtc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}
.nir-vtc-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.07);border:1px solid #f3f4f6;transition:all .3s}
.nir-vtc-card:hover{transform:translateY(-5px);box-shadow:0 12px 36px rgba(0,0,0,.12)}
.nir-vtc-play-area{position:relative;padding:1.75rem 1.25rem 1.25rem;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,rgba(0,0,0,.04),rgba(0,0,0,.01));overflow:hidden}
.nir-vtc-avatar-ring{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 0 0 4px rgba(255,255,255,.8),0 0 0 8px rgba(108,99,255,.15);position:relative;z-index:2}
.nir-vtc-emoji{font-size:1.8rem}
.nir-vtc-ripple{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;background:var(--vtc-color,#7c5cfc);opacity:.12;animation:nirRipple 2s infinite}
@keyframes nirRipple{0%{transform:translateX(-50%) scale(1);opacity:.15}100%{transform:translateX(-50%) scale(2.5);opacity:0}}
.nir-vtc-result-badge{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-radius:20px;padding:.25rem .85rem;font-size:.72rem;font-weight:800;margin-bottom:.75rem;position:relative;z-index:2}
.nir-vtc-bars{width:100%;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:2}
.nir-vtc-bar-wrap{display:flex;align-items:center;gap:.5rem;font-size:.68rem}
.nir-vtc-bar-label{width:34px;color:#9ca3af;font-weight:600;flex-shrink:0}
.nir-vtc-bar-track{flex:1;height:7px;background:#f3f4f6;border-radius:10px;overflow:hidden}
.nir-vtc-bar-fill{height:100%;border-radius:10px;transition:width 1.2s cubic-bezier(.22,1,.36,1)}
.nir-vtc-bar-val{font-size:.65rem;color:#374151;font-weight:700;white-space:nowrap}
.nir-vtc-body{padding:1.1rem 1.25rem 1.25rem}
.nir-vtc-stars{color:#f59e0b;font-size:1rem;margin-bottom:.5rem}
.nir-vtc-quote{font-size:.84rem;color:#374151;line-height:1.55;margin-bottom:.85rem;font-style:italic}
.nir-vtc-author{display:flex;align-items:center;gap:.65rem}
.nir-vtc-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.8rem;flex-shrink:0}
.nir-vtc-author strong{display:block;font-size:.82rem;color:#1a1a2e}
.nir-vtc-author span{display:block;font-size:.7rem;color:#9ca3af}

/* ── Niche Template Mockups ── */
.nir-niche-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem}
.nir-niche-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.07);border:1px solid #f3f4f6;transition:all .3s;position:relative}
.nir-niche-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,.12)}
.nir-niche-tag{position:absolute;top:.85rem;left:.85rem;z-index:10;background:linear-gradient(135deg,#7c5cfc,#ec4899);color:#fff;border-radius:20px;padding:.2rem .65rem;font-size:.68rem;font-weight:800}
.nir-niche-mockup{position:relative;overflow:hidden;border-bottom:1px solid #f3f4f6}
.nir-nm-bar{background:#f3f4f6;padding:.45rem .75rem;display:flex;align-items:center;gap:.3rem}
.nir-nm-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.nir-nm-url{font-size:.6rem;color:#9ca3af;margin-left:.35rem;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nir-nm-hero{padding:1.25rem 1.1rem 1rem;transition:background .4s}
.nir-nm-logo{font-size:.72rem;font-weight:800;color:rgba(255,255,255,.85);margin-bottom:.75rem;display:flex;align-items:center;gap:.3rem}
.nir-nm-logo span{font-size:.7rem}
.nir-nm-title{font-size:.95rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:.3rem}
.nir-nm-sub{font-size:.62rem;color:rgba(255,255,255,.7);margin-bottom:.65rem}
.nir-nm-btns{display:flex;gap:.35rem}
.nir-nm-btn-w{background:#fff;color:#1a1a2e;border-radius:4px;padding:.2rem .5rem;font-size:.6rem;font-weight:700}
.nir-nm-btn-wa{background:#25d366;color:#fff;border-radius:4px;padding:.2rem .5rem;font-size:.6rem;font-weight:700}
.nir-nm-content{padding:.75rem 1.1rem .65rem;background:#fafafa;min-height:72px}
.nir-nm-content-title{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}
.nir-nm-items{display:flex;flex-direction:column;gap:.2rem}
.nir-nm-item{font-size:.68rem;color:#374151;padding:.18rem 0;border-bottom:1px solid #f0f0f0}
.nir-nm-item:last-child{border:none}
.nir-nm-mobile-badge{background:#f3f4f6;padding:.35rem .75rem;font-size:.65rem;color:#6b7280;font-weight:600;text-align:center}
.nir-nm-overlay{position:absolute;inset:0;background:rgba(10,10,15,.75);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s;backdrop-filter:blur(3px)}
.nir-niche-card:hover .nir-nm-overlay{opacity:1}
.nir-nm-wa-btn{display:flex;align-items:center;gap:.5rem;background:#7c5cfc;color:#fff;border-radius:10px;padding:.75rem 1.25rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s;border:none;cursor:pointer}
.nir-nm-wa-btn:hover{background:#6344e0;color:#fff;transform:scale(1.04)}
.nir-niche-body{padding:1.1rem 1.25rem 1.25rem}
.nir-niche-meta{display:flex;gap:.5rem;margin-bottom:.6rem}
.nir-niche-tech,.nir-niche-delivery{font-size:.68rem;background:#f3f4f6;border-radius:20px;padding:.2rem .65rem;color:#6b7280;font-weight:600}
.nir-niche-title{font-size:1rem;font-weight:800;color:#1a1a2e;margin-bottom:.35rem}
.nir-niche-desc{font-size:.8rem;color:#6b7280;line-height:1.5;margin-bottom:.75rem}
.nir-niche-feats{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.85rem}
.nir-niche-feat{font-size:.68rem;background:#f3f4f6;color:#374151;border-radius:20px;padding:.18rem .55rem;font-weight:500}
.nir-niche-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.nir-niche-price{font-size:1.15rem;font-weight:800;color:#1a1a2e}
.nir-niche-price span{font-size:.7rem;color:#9ca3af;font-weight:500}

/* ── Template Filter Tabs ── */
.nir-tpl-nav{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}
.nir-tpl-tab{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.75);border-radius:20px;padding:.4rem .9rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}
.nir-tpl-tab:hover{background:rgba(255,255,255,.18);color:#fff}
.nir-tpl-tab.active{background:#7c5cfc;border-color:#7c5cfc;color:#fff}

/* ── Free Audit Box ── */
.nir-audit-box{background:#fff;border-radius:18px;border:2px solid #e5e7eb;padding:2rem;max-width:720px;margin:0 auto}
.nir-audit-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.nir-audit-icon{font-size:2.5rem;flex-shrink:0}
.nir-audit-title{font-size:1.2rem;font-weight:800;color:#1a1a2e;margin-bottom:.25rem}
.nir-audit-pain{font-size:.82rem;color:#ef4444;font-weight:500}
.nir-audit-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.nir-audit-field label{display:block;font-size:.78rem;font-weight:600;color:#6b7280;margin-bottom:.35rem}
.nir-audit-inp{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.88rem;font-family:inherit;outline:none;transition:border-color .2s;background:#fff;color:#1a1a2e}
.nir-audit-inp:focus{border-color:#7c5cfc}
.nir-audit-submit{width:100%;background:linear-gradient(135deg,#7c5cfc,#ec4899);color:#fff;border:none;border-radius:12px;padding:1rem;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .25s;margin-top:.5rem}
.nir-audit-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,92,252,.3)}
.nir-audit-note{text-align:center;font-size:.75rem;color:#9ca3af;margin-top:.65rem}

/* ── Money Back ── */
.nir-mb-wrap{display:flex;align-items:flex-start;gap:2rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:20px;padding:2.5rem;max-width:800px;margin:0 auto}
.nir-mb-shield{font-size:4rem;flex-shrink:0;line-height:1}
.nir-mb-title{font-size:1.4rem;font-weight:800;color:#14532d;margin-bottom:.5rem}
.nir-mb-sub{color:#166534;font-size:.92rem;line-height:1.55;margin-bottom:1.25rem}
.nir-mb-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}
.nir-mb-item{display:flex;align-items:flex-start;gap:.6rem;font-size:.82rem;color:#166534}
.nir-mb-item span{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}
.nir-mb-item strong{display:block;font-weight:700;color:#14532d;font-size:.85rem}
.nir-mb-item small{color:#166534;font-size:.75rem}

/* ── Maintenance Plans ── */
.nir-maint-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-top:2rem}
.nir-maint-card{background:#fff;border:2px solid #e5e7eb;border-radius:18px;padding:1.75rem 1.5rem;transition:all .3s;position:relative}
.nir-maint-card:hover{border-color:#7c5cfc;transform:translateY(-4px);box-shadow:0 12px 32px rgba(108,99,255,.1)}
.nir-maint-popular{border-color:#7c5cfc;background:linear-gradient(135deg,#faf7ff,#f5f0ff)}
.nir-maint-price{font-size:2rem;font-weight:800;color:#1a1a2e;margin-bottom:.2rem}
.nir-maint-price span{font-size:.8rem;color:#9ca3af;font-weight:500}
.nir-maint-name{font-size:.85rem;font-weight:700;color:#7c5cfc;margin-bottom:1.1rem;text-transform:uppercase;letter-spacing:.06em}
.nir-maint-list{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.45rem}
.nir-maint-list li{font-size:.82rem;color:#374151;padding:.25rem 0;border-bottom:1px solid #f3f4f6}
.nir-maint-list li:last-child{border:none}

/* ── City Page ── */
.nir-city-page{}
.nir-city-hero{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:4rem 0 3rem;text-align:center}
.nir-city-hero h1{font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800;color:#fff;margin-bottom:.75rem}
.nir-city-hero p{color:rgba(255,255,255,.75);max-width:600px;margin:0 auto 2rem;font-size:1rem;line-height:1.6}
.nir-city-hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* ── Responsive ── */
@media(max-width:768px){
	.nir-vtc-grid{grid-template-columns:1fr}
	.nir-niche-grid{grid-template-columns:1fr}
	.nir-audit-row{grid-template-columns:1fr}
	.nir-mb-wrap{flex-direction:column;gap:1rem}
	.nir-mb-grid{grid-template-columns:1fr}
	.nir-maint-grid{grid-template-columns:1fr}
	.nir-hiw-steps{gap:.3rem}
	.nir-tpl-nav{gap:.3rem}
	.nir-city-hero-actions{flex-direction:column;align-items:center}
}
@media(max-width:480px){
	.nir-audit-box{padding:1.25rem}
	.nir-exit-box{padding:2rem 1.25rem}
	.nir-tpl-tab{font-size:.72rem;padding:.3rem .65rem}
}