@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Syne:wght@400;600;700;800&display=swap');

        :root {
            --vp-orange: #FF5500;
            --vp-dark: #0A0A0A;
            --vp-dark2: #111111;
            --vp-card: #1A1A1A;
            --vp-border: rgba(255, 255, 255, 0.09);
            --vp-white: #FFFFFF;
            --vp-gray: #888888;
            --vp-light: #F4F4F4;
            --vp-radius: 12px;
            --vp-head: 'Syne', sans-serif;
            --vp-body: 'Poppins', sans-serif;
            --vp-ease: cubic-bezier(.4, 0, .2, 1);
        }

        html { scroll-behavior: smooth; }

        .top-header { margin-top:5px; color:#fff; font-size:13px; padding:8px 0; position:relative; z-index:9999; }
        .top-header-inner { display:flex; justify-content:space-between; align-items:center; }
        .top-left { display:flex; gap:20px; flex-wrap:wrap; }
        .top-header i { color:#ff4d4d; margin-right:5px; }
        .top-right { display:flex; gap:12px; }
        .top-right a { color:#ccc; transition:.3s; }
        .top-right a:hover { color:#ff4d4d; }

        .vp-page *, .vp-page *::before, .vp-page *::after { box-sizing: border-box; }
        .vp-page { font-family: var(--vp-body); }
        .vp-page a { text-decoration: none; }
        .vp-page ul { list-style: none; padding: 0; margin: 0; }
        .vp-page img { display: block; max-width: 100%; }
        .vp-wrap { 
            max-width: 1160px; margin: 0 auto; padding: 0 28px; 

        }

        /* HERO */
        .vp-hero { position: relative; background: #0A0A0A; padding: 110px 0 80px; overflow: hidden; }
        
        .vp-hero::before { content:''; position:absolute; inset:0; background-image: repeating-linear-gradient(-45deg, transparent, transparent 46px, rgba(255,255,255,.04) 46px, rgba(255,255,255,.04) 47px); pointer-events:none; z-index:0; }
        .vp-hero::after { content:''; position:absolute; bottom:-140px; right:-120px; width:600px; height:600px; background: radial-gradient(circle, rgba(255,90,20,.6) 0%, rgba(255,90,20,.22) 30%, rgba(255,90,20,.06) 55%, transparent 70%); pointer-events:none; z-index:0; }
        .vp-hero__inner { position: relative; z-index: 1; max-width: 1200px; }
        .vp-hero__title { font-family: var(--vp-head); font-size: clamp(35px,4vw,88px); font-weight:800; line-height:1.05; letter-spacing:-.02em; margin:0 0 20px; color:#fff; text-transform:uppercase; }
        .vp-hero__title span { color: #FF5500; }
        .vp-hero__desc { margin:0 0 36px; max-width:100%; font-size:17px; font-weight:400; line-height:1.8; color: rgba(255,255,255,.5); }
        .vp-hero__btns { display:flex; gap:14px; flex-wrap:wrap; }
        .vp-hero .vp-btn { display:inline-flex; align-items:center; gap:10px; padding:7px 12px 9px 18px; border-radius:50px; font-size:13.5px; font-weight:500; cursor:pointer; color:#000; background:#fff; border:1.5px solid #FF5500; transition:border-color .22s,color .22s,background .22s; white-space:nowrap; line-height:1; }
        .vp-hero .vp-btn:hover { background:#fff1ea; border-color:#FF5500; color:#fff; }
        .vp-hero-btn__icon { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; flex-shrink:0; transition:background .22s; }
        .vp-hero .vp-btn:hover .vp-hero-btn__icon { background: rgba(255,255,255,.2); }
        .vp-hero-btn__icon svg { width:13px; height:13px; stroke:#0a0a0a; transition:stroke .22s; }
        .vp-hero .vp-btn:hover .vp-hero-btn__icon svg { stroke:#fff; }

        .vp-btn { display:inline-flex; align-items:center; gap:8px; padding:11px 24px; border-radius:50px; font-size:13px; font-weight:600; cursor:pointer; border:none; transition:all .25s var(--vp-ease); white-space:nowrap; line-height:1; }
        .vp-btn svg { width:14px; height:14px; flex-shrink:0; }
        .vp-btn--primary { 
            margin-top: 21px;
            background: var(--vp-orange); 
            color:#fff; 
        }
        .vp-btn--primary:hover { background:#ff8550; transform:translateY(-1px); box-shadow:0 6px 20px rgba(255,107,53,.4); color:#fff; }
        .vp-btn--outline { background:transparent; color:var(--vp-white); border:1.5px solid rgba(255,255,255,.25); }
        .vp-btn--outline:hover { border-color:var(--vp-orange); color:var(--vp-orange); }
        .vp-btn--ghost { background:transparent; color:var(--vp-dark); border:1.5px solid rgba(0,0,0,.18); }
        .vp-btn--ghost:hover { border-color:var(--vp-orange); color:var(--vp-orange); }
        .vp-btn--full { width:100%; justify-content:center; }
        .vp-btn--lg { padding:14px 32px; font-size:15px; }

        /* COUNTERS */
        .vp-counters { background:#fff; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; }
        .vp-counters__grid { display:grid; grid-template-columns: repeat(4,1fr); gap:0; }
        .vp-counter { padding:52px 32px; text-align:left; }
        .vp-counter__num { display:block; font-size:clamp(56px,5vw,88px); font-weight:900; color:#FF5500; line-height:1; margin-bottom:14px; letter-spacing:-.01em; text-align:center; }
        .vp-counter__label { display:block; font-size:16px; color:#888; font-weight:400; text-align:center; }

        /* SECTION COMMONS */
        .vp-sec { padding: 40px 0 !important; }
        .vp-sec--dark { background: var(--vp-dark); }
        .vp-sec--light { background:#fff; }
        .vp-sec--gray { background:#F7F7F7; }
        .vp-sec__pill { display:inline-flex; align-items:center; gap:6px; border:1px solid rgb(17 17 17); border-radius:50px; padding:4px 14px; margin-bottom:14px; }
        .vp-sec__pill span { font-size:11px; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:.08em; }
        .vp-sec__pills { color:#000; display:inline-flex; align-items:center; gap:6px; border:1px solid rgb(17 17 17); border-radius:50px; padding:4px 14px; margin-bottom:14px; }
        .vp-sec__pills span { font-size:11px; font-weight:700; color:#111; text-transform:uppercase; letter-spacing:.08em; }
        .vp-sec__title { font-family: var(--vp-head); font-size:clamp(28px,4vw,52px); font-weight:800; letter-spacing:-.025em; line-height:1.05; margin:0 0 12px; text-align:center; text-transform:uppercase; color:#fff; }
        .vp-sec__title--left { text-align:left; }
        .vp-sec__sub { font-size:16px; color:#777; text-align:center; line-height:1.65; max-width:580px; margin:0 auto 52px; }
        .vp-sec__sub--light { color: rgba(255,255,255,.5); }

        /* RICH CONTENT */
        .vp-rich-sec { padding: 80px 0; }
        .vp-rich-sec--dark { background: #0f0b08; }
        .vp-rich-sec--light { background: #ffffff; }
        .vp-rich-sec--gray { background: #F7F7F7; }
        .vp-rich-content { max-width: 860px; margin: 0 auto; }
        .vp-rich-sec--light .vp-rich-content, .vp-rich-sec--light .vp-rich-content p, .vp-rich-sec--light .vp-rich-content li { color:#555; }
        .vp-rich-sec--light .vp-rich-content h1, .vp-rich-sec--light .vp-rich-content h2, .vp-rich-sec--light .vp-rich-content h3 { color:#111; }
        .vp-rich-content p { font-size:16px; line-height:1.8; margin-bottom:16px; }
        .vp-rich-content h2 { font-family: var(--vp-head); font-size:clamp(22px,3vw,36px); font-weight:800; letter-spacing:-.02em; margin:32px 0 12px; text-transform:uppercase; }

        /* PRICING */
        .vp-pricing { background: #0f0b08; position:relative; overflow:hidden; }
        .vp-pricing .vp-sec__pill { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); }
        .vp-pricing .vp-sec__pill span { color: rgba(255,255,255,.8); }
        .vp-pricing .vp-sec__title { color:#fff; }
        .vp-pricing .vp-sec__sub { color: rgba(255,255,255,.5); }
        .vp-pricing__grid { display:grid; grid-template-columns: repeat(3,1fr); gap:20px; align-items:stretch; position:relative; z-index:1; }
        .vp-plan { background:#fff; border:1px solid rgba(255,255,255,.15); border-radius:20px; padding:32px 28px 28px; transition:all .28s var(--vp-ease); display:flex; flex-direction:column; }
        .vp-plan:hover { border-color: rgba(255,255,255,.3); transform: translateY(-4px); box-shadow:0 16px 48px rgba(0,0,0,.5); }
        .vp-plan--feat { background:#FFF8EE; border:1.5px solid rgba(255,160,60,.35); box-shadow:0 8px 40px rgba(255,107,53,.15); }
        .vp-plan__name { font-family: var(--vp-head); font-size:25px; font-weight:700; color:#111; margin:0 0 20px; letter-spacing:-.02em; }
        .vp-plan__divider { height:1px; background:rgba(0,0,0,.1); border:none; margin:0 0 22px; }
        .vp-plan__features { display:flex; flex-direction:column; gap:14px; flex:1; margin-bottom:28px; }
        .vp-plan__feat { display:flex; align-items:flex-start; gap:12px; font-size:14px; color:#555; line-height:1.5; }
        .vp-plan__chk { width:18px; height:18px; min-width:18px; flex-shrink:0; margin-top:1px; color: var(--vp-orange); }
        .vp-plan__btn { display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; width:100% !important; padding:14px 24px !important; border-radius:50px !important; font-size:14px !important; font-weight:600 !important; margin-top:30px; }
        .vp-pricing .vp-plan:not(.vp-plan--feat) .vp-plan__btn { background:transparent !important; color:#111 !important; border:1.5px solid rgba(0,0,0,.25) !important; }
        .vp-pricing .vp-plan--feat .vp-plan__btn { background: var(--vp-orange) !important; color:#fff !important; border:none !important; box-shadow:0 4px 20px rgba(255,107,53,.4) !important; }

        /* WHAT'S INCLUDED */
        .vp-included { background:#fff; }
        .vp-included .vp-sec__title { color:#111; font-size:clamp(32px,5vw,64px); letter-spacing:-.03em; margin-bottom:16px; }
        .vp-included .vp-sec__sub { color:#777; font-size:16px; margin-bottom:48px; }
        .vp-included__grid { display:grid; grid-template-columns: repeat(3,1fr); gap:18px; }
        .vp-inc-card { background:#fff; border:1px solid #e8e8e8; border-radius:18px; padding:26px 24px 22px; display:flex; flex-direction:column; min-height:260px; }
        .vp-inc-card__tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
        .vp-tag { display:inline-block; font-size:16px; font-weight:700; padding:5px 13px; border-radius:50px; line-height:1; }
        .vp-inc-card__title { font-size:15px; color:#8f918f; margin:0 0 10px; line-height:1.25; }
        .vp-inc-card__meta { font-size:13px; color:#888; line-height:1.5; margin-bottom:12px; display:flex; flex-wrap:wrap; gap:4px; }
        .vp-inc-card__desc { font-size:13px; color:#666; line-height:1.65; flex:1; margin-bottom:22px; }
        .vp-inc-card__footer { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #f0f0f0; padding-top:16px; margin-top:auto; }
        .vp-inc-card__link { font-size:14px; font-weight:700; color:#111; }
        .vp-inc-card__arrow { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; border:1.5px solid #e0e0e0; }
        .vp-inc-card__arrow svg { width:14px; height:14px; stroke:#444; fill:none; }

       

 /* TESTIMONIALS */
        .vp-testi { background:#0f0b08; }
        .vp-testi__grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:20px; align-items:stretch; }
        .vp-testi-card { background:#161210; border:1px solid rgba(255,255,255,.07); border-radius:16px; padding:26px 24px 22px; display:flex; flex-direction:column; height:332px; }
        .vp-testi-card__text { flex:1; overflow-y:auto; max-height:200px; margin-bottom:20px; }
        .vp-testi-card__text, .vp-testi-card__text * { font-size:13.5px !important; color: rgba(255,255,255,.55) !important; line-height:1.75 !important; }

      
        /* BLOGS */
        .vp-blogs { background:#F7F7F7; }
        .vp-blogs__grid { display:grid; grid-template-columns: repeat(3,1fr); gap:22px; }
        .vp-blog-card { background:#fff; border-radius: var(--vp-radius); overflow:hidden; border:1px solid #eee; display:flex; flex-direction:column; height:100%; }
        .vp-blog-card__img { height:200px; overflow:hidden; background:#e5e5e5; position:relative; flex-shrink:0; }
        .vp-blog-card__img img { width:100%; height:100%; object-fit:cover; }
        .vp-blog-card__body { padding:20px; flex:1; display:flex; flex-direction:column; gap:7px; }
        .vp-blog-card__date { font-size:11px; color: var(--vp-orange); font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
        .vp-blog-card__title { font-family: var(--vp-head); font-size:17px; font-weight:700; color:#111; line-height:1.4; }
        .vp-blog-card__desc { font-size:14px; color:#777; line-height:1.6; }

        /* FAQs */
        .vp-faqs { background:#fff; }
        .vp-faqs__inner { display:grid; grid-template-columns: 340px 1fr; gap:64px; align-items:start; }
        .vp-faqs__left-pill { display:inline-flex; align-items:center; gap:6px; background:#f4f4f4; border:1px solid #e8e8e8; border-radius:50px; padding:5px 14px; margin-bottom:20px; }
        .vp-faqs__left-pill span { font-size:11px; font-weight:700; color:#555; text-transform:uppercase; letter-spacing:.08em; }
        .vp-faqs .vp-faqs__title { font-family: var(--vp-head); font-size:clamp(24px,4vw,42px); font-weight:800; letter-spacing:-.025em; line-height:1.1; color:#111; text-transform:uppercase; margin:0 0 14px; }
        .vp-faqs__sub { font-size:16px; color:#888; line-height:1.75; max-width:280px; }
        .vp-faq { border-bottom:1px solid #EBEBEB; }
        .vp-faq:first-child { border-top:1px solid #EBEBEB; }
        .vp-faq__q { width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 0; background:none; border:none; cursor:pointer; font-size:19.5px; font-weight:500; color:#111; text-align:left; }
        .vp-faq__q h3 { font-size:19.5px; font-weight:500; color:#111; margin:0; line-height:1.4; flex:1; }
        .vp-faq--open .vp-faq__q h3 { font-weight:600; }
        .vp-faq__ico-wrap { width:28px; height:28px; min-width:28px; border-radius:50%; border:1.5px solid #e0e0e0; display:flex; align-items:center; justify-content:center; flex-shrink:0; background:#fff; }
        .vp-faq--open .vp-faq__ico-wrap { background:#111; border-color:#111; }
        .vp-faq__ico { width:14px; height:14px; color:#999; transition: transform .25s var(--vp-ease), color .2s; }
        .vp-faq--open .vp-faq__ico { transform: rotate(90deg); color:#fff; }
        .vp-faq__a-body { padding: 0 40px 18px 0; font-size:13px; color:#666; line-height:1.75; }
        .vp-faq__a-body h4 { font-size:15px; font-weight:400; color:#666; line-height:1.75; margin:0; }

        /* CLIENT LOGOS */
        .vp-logos { background:#fff; padding:48px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden; }
        .vp-logos__label { text-align:center; font-size:11px; color:#bbb; font-weight:600; text-transform:uppercase; letter-spacing:.1em; margin-bottom:28px; }
        .vp-logos__track-wrap { overflow:hidden; width:100%; position:relative; }
        .vp-logos__track { display:flex; align-items:center; gap:60px; width:max-content; animation: vpLogoScroll 22s linear infinite; }
        .vp-logos__item { min-width:100px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
        .vp-logos__item img { height:36px; width:auto; object-fit:contain; filter: grayscale(1) opacity(.45); }
        @keyframes vpLogoScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

        /* CTA */
        .vp-cta { position:relative; background: var(--vp-dark); padding:80px 0; overflow:hidden; text-align:center; }
        .vp-cta__inner { position:relative; z-index:1; max-width:680px; margin:0 auto; 
            text-align: center;
        }
        .vp-cta__eyebrow { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:50px; padding:6px 16px; font-size:11px; font-weight:700; color:rgba(255,255,255,.85); text-transform:uppercase; letter-spacing:.1em; margin-bottom:22px; }
        .vp-cta__title { font-family: var(--vp-head); font-size:clamp(32px,5vw,54px); font-weight:800; color:#fff; line-height:1.08; letter-spacing:-.025em; margin:0 0 16px; text-transform:uppercase; }
        .vp-cta__title strong { color: var(--vp-orange); font-weight:800; }
        .vp-cta__desc { font-size:16px; color: rgba(255,255,255,.5); line-height:1.7; margin-bottom:32px; }

        .vp-fade { opacity:1; }
        #text-primary { color:#FF5500; }
        #text-danger { color:#ffffff; }

        @media (max-width:1024px) {
            .vp-pricing__grid, .vp-included__grid, .vp-why__grid, .vp-testi__grid, .vp-blogs__grid { grid-template-columns: repeat(2,1fr); }
            .vp-faqs__inner { grid-template-columns: 1fr; gap:24px; }
        }
        @media (max-width:768px) {
            .vp-hero { padding:70px 0 60px; }
            .vp-sec, .vp-rich-sec { padding:60px 0; }
            .vp-counters__grid { grid-template-columns: repeat(2,1fr); }
            .vp-pricing__grid, .vp-why__grid, .vp-testi__grid, .vp-blogs__grid { grid-template-columns: 1fr; }
            .vp-faqs__inner { grid-template-columns: 1fr; gap:24px; }
            .vp-sec__title--left { text-align:center; }
            .vp-faqs__sub { text-align:center; max-width:100%; }
        }
        
        .vp-hero__grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 48px;
    align-items: start;
}

@media (max-width: 900px) {
    .vp-hero__grid {
        grid-template-columns: 1fr;
    }
}

/* Tags row (from before) */
.vp-hero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}
.vp-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;
    color: #d4d4d4;
    font-size: 13px;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.03);
    transition: all 0.2s ease;
}
.vp-tag:hover {
    border-color: rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}
.vp-tag span { color: #f0a500; font-weight: 600; }

/* Audit form card */
.vp-audit-card {
    background: #ffffff;
    border: 3px solid #ff5500;
    border-radius: 16px;
    padding: 28px;
    scroll-margin-top: 100px;
}

.vp-audit-card__title {
    color: #ff5708;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px 0;
}

.vp-audit-card__desc {
    color: #9a9a9a;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 24px 0;
}

.vp-audit-form {
    display: flex;
    flex-direction: column;
}

.vp-audit-label {
    color: #ffffff;
    font-size: 11px;
  
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 8px;
    margin-top: 16px;
}

.vp-audit-label:first-of-type {
    margin-top: 0;
}

.vp-audit-input {
    /*background: #0d0d0d;*/
    border: 1.5px solid rgb(10 10 10);
    border-radius: 8px;
    padding: 13px 14px;
    /*color: #fff;*/
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s ease;
}

.vp-audit-input::placeholder {
    color: #5a5a5a;
}

.vp-audit-input:focus {
    border-color: #f0a500;
}

.vp-audit-submit {
    margin-top: 24px;
    background: #ff5500;
    color: white;
    font-weight: 700;
    font-size: 15px;
    padding: 15px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.vp-audit-submit:hover {
    background: #ff9d00;
}

.vp-related {
    padding: 60px 0;
    background: #0a0a0a;
}

/* Header row: badge + tag */
.vp-related__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.vp-related__badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.vp-related__num {
    background: rgba(255, 255, 255, 0.08);
    color: #ccc;
    font-family: monospace;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 4px;
}

.vp-related__label {
    color: #999;
    font-family: monospace;
    font-size: 12px;
    letter-spacing: 1px;
}

.vp-related__tag {
    background: rgba(240, 165, 0, 0.12);
    border: 1px solid rgba(240, 165, 0, 0.4);
    color: #f0a500;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 999px;
}

/* Outer card */
.vp-related__card {
    background: #141414;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 32px;
}

.vp-related__eyebrow {
    color: #f0a500;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
}

.vp-related__title {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 24px 0;
}

/* Grid of items */
.vp-related__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

@media (max-width: 900px) {
    .vp-related__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .vp-related__grid {
        grid-template-columns: 1fr;
    }
    .vp-related__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

.vp-related__item {
    display: block;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 18px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.vp-related__item:hover {
    border-color: rgba(240, 165, 0, 0.4);
    background: #1f1f1f;
}

.vp-related__type {
    color: #ff5500;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}

.vp-related__type--parent {
    color: #ff5500;
}

.vp-related__type--pricing {
    color: #ff5500;
}

.vp-related__name {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
}

.vp-related__desc {
    color: #c2c2c2;
    font-size: 13px;
    line-height: 1.4;
}

.vp-presence {
    background: #ffffff;
    padding: 50px 0;
}

.vp-presence__title {
    color: #111;
    font-size: 26px;
    font-weight: 800;
    margin: 0 0 24px 0;
}

.vp-presence__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 700px) {
    .vp-presence__grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }
}

.vp-presence__col {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vp-presence__col li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 14px;
    font-size: 15px;
}

.vp-presence__col li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #555;
}

.vp-presence__col a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease;
}

.vp-presence__col a:hover {
    color: #f0a500;
    text-decoration: underline;
}

.whatsapp-float,
.call-float,
.email-float {
    position: fixed;
    right: 20px;
    z-index: 999;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.whatsapp-float.show,
.call-float.show,
.email-float.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.whatsapp-float { bottom: 90px; background: #25D366; }
.call-float { bottom: 160px; background: #2b7cff; }
.email-float { bottom: 230px; background: #ff5500; }

.vp-recognition__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.vp-recognition__list li {
    position: relative;
    padding-left: 30px;
    font-size: 15px;
    color: #333;
    line-height: 1.6;
}
.vp-recognition__list li::before {
    content: "\f14a"; /* fa-square-check */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 1px;
    color: var(--vp-orange);
    font-size: 16px;
}
.vp-recognition__list a {
    color: #ff5500;
    text-decoration: none;
    font-weight: 600;
}
.vp-recognition__list a:hover {
    text-decoration: underline;
}
.vp-whoitsfor__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
}
.vp-whoitsfor__card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 32px;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}
.vp-whoitsfor__icon {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    background: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff5500;
    font-size: 13px;
}
.vp-whoitsfor__content h4 {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin: 0 0 8px;
}
.vp-whoitsfor__content p {
    font-size: 14px;
    color: #777;
    line-height: 1.65;
    margin: 0;
}

@media (max-width: 768px) {
    .vp-whoitsfor__grid { grid-template-columns: 1fr; }
}
.vp-howworks { background:#0a0a0a; padding:0 0 80px; }
.vp-howworks__eyebrow { color:var(--vp-orange); font-size:13px; font-weight:700; letter-spacing:2px; margin:0 0 24px; padding-top:40px; }
.vp-howworks__steps { display:flex; align-items:flex-start; justify-content:center; gap:0; }
.vp-howworks__step { display:flex; flex-direction:column; align-items:center; cursor:pointer; width:180px; }
.vp-howworks__circle { width:56px; height:56px; border-radius:50%; background:#222; color:#888; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:18px; margin-bottom:14px; transition:all .25s ease; }
.vp-howworks__step--active .vp-howworks__circle { background:var(--vp-orange); color:#fff; }
.vp-howworks__label { font-size:12px; font-weight:700; letter-spacing:.5px; color:#666; text-align:center; line-height:1.5; }
.vp-howworks__step--active .vp-howworks__label { color:var(--vp-orange); }
.vp-howworks__line { width:120px; height:1px; background:#333; margin-top:28px; }

.vp-howworks__panel { display:none; position:relative; background:#111; border-left:3px solid var(--vp-orange); border-radius:4px; padding:56px 60px; overflow:hidden; }
.vp-howworks__panel--active { display:block; }
.vp-howworks__tag { display:inline-block; border:1px solid var(--vp-orange); color:var(--vp-orange); font-size:11px; font-weight:700; letter-spacing:1px; padding:4px 12px; border-radius:4px; margin-bottom:18px; }
.vp-howworks__title { font-family:var(--vp-head); font-size:36px; font-weight:800; color:#fff; margin:0 0 18px; }
.vp-howworks__desc { color:#999; font-size:16px; line-height:1.8; max-width:900px; margin:0 0 28px; }
.vp-howworks__list { list-style:none; margin:0 0 32px; padding:0; display:flex; flex-direction:column; gap:14px; }
.vp-howworks__list li { display:flex; gap:20px; font-size:15px; color:#fff; align-items:baseline; }
.vp-howworks__list li::before { content:"✓"; color:var(--vp-orange); font-weight:700; margin-right:-8px; }
.vp-howworks__list li span { font-weight:700; min-width:180px; }
.vp-howworks__list li em { color:#999; font-style:normal; }
.vp-howworks__bignum { position:absolute; right:20px; bottom:-20px; font-size:140px; font-weight:900; color:rgba(255,255,255,.04); font-family:var(--vp-head); line-height:1; pointer-events:none; }

@media (max-width:768px) {
    .vp-howworks__steps {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 16px;
        justify-items: center;
    }
    .vp-howworks__step {
        width: 100%;
    }
    .vp-howworks__line { display:none; }
    .vp-howworks__panel { padding:36px 24px; }
    .vp-howworks__list li { flex-direction:column; gap:2px; }
}

    .vp-problems { background: var(--vp-dark); padding: 80px 0; position: relative; overflow: hidden; }
    .vp-problems__head { max-width: 720px; margin: 0 0 40px; }
    .vp-problems__title {
  font-family: var(--vp-head);
  font-size: clamp(28px, 3.6vw, 46px);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.15;
  margin: 0 0 12px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;   /* ← ye line add karo */
}
.vp-problems__title span {
  color: var(--vp-orange);
}
    .vp-problems__sub { font-size: 16px; color: rgba(255,255,255,.5); margin: 0; }

    .vp-problems__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 20px; }
    .vp-problem-card { background: var(--vp-card); border: 1px solid var(--vp-border); border-radius: var(--vp-radius); padding: 26px 26px; display: flex; gap: 16px; align-items: flex-start; transition: border-color .25s var(--vp-ease), transform .25s var(--vp-ease); }
    .vp-problem-card:hover { border-color: rgba(255,85,0,.35); transform: translateY(-2px); }
    .vp-problem-card__icon { flex: none; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,60,60,.12); border: 1px solid rgba(255,60,60,.3); color: #ff4d4d; display: flex; align-items: center; justify-content: center; font-size: 14px; }
    .vp-problem-card h3 { font-family: var(--vp-head); font-size: 17px; font-weight: 700; color: #fff; margin: 0 0 6px; letter-spacing: -.01em; line-height: 1.2; }
    .vp-problem-card p { font-size: 13.5px; color: rgba(255,255,255,.5); line-height: 1.6; margin: 0; }

    .vp-problems__cta { background: linear-gradient(90deg, rgba(255,85,0,.1), rgba(255,85,0,.02)); border: 1px solid rgba(255,85,0,.35); border-radius: var(--vp-radius); padding: 22px 26px; text-align: center; color: rgba(255,255,255,.75); font-size: 15px; }
    .vp-problems__cta strong { color: var(--vp-orange); }

    @media (max-width: 700px) {
        .vp-problems__grid { grid-template-columns: 1fr; }
    }
     .vp-insight-banner {
        position: relative;
        background: #ff5500;
        border-radius: 14px;
        border-left: 6px solid var(--vp-orange);
        overflow: hidden;
        padding: 26px 32px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
    }

    .vp-insight-banner::before {
        content: '';
        position: absolute;
        inset: 0;
        background-image: repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 2px, transparent 2px 40px);
        pointer-events: none;
    }

    .vp-insight-banner::after {
        content: '';
        position: absolute;
        top: -40px;
        left: 40px;
        width: 140px;
        height: 140px;
        background: #25d366;
        clip-path: polygon(0 0, 100% 0, 0 100%);
        opacity: .9;
    }

    .vp-insight-banner__left {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        gap: 22px;
        flex: 1;
        min-width: 0;
    }

    .vp-insight-banner__photo {
        flex: none;
        width: 84px;
        height: 84px;
        border-radius: 50%;
        border: 3px solid rgba(255,255,255,.85);
        overflow: hidden;
        background: #ddd;
    }
    .vp-insight-banner__photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .vp-insight-banner__text h3 {
        font-family: var(--vp-head);
        font-size: 21px;
        font-weight: 700;
        color: #fff;
        margin: 0 0 8px;
        letter-spacing: -.01em;
        line-height: 1.2;
    }
    .vp-insight-banner__text p {
        font-size: 13.5px;
        color: rgba(255,255,255,.82);
        line-height: 1.55;
        margin: 0;
        max-width: 520px;
    }
    

    .vp-insight-banner__btn {
        position: relative;
        z-index: 1;
        flex: none;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        background: #fff;
        color: #0a3d91;
        font-size: 14px;
        font-weight: 600;
        padding: 12px 22px;
        border-radius: 50px;
        white-space: nowrap;
        transition: transform .2s ease, box-shadow .2s ease;
    }
    .vp-insight-banner__btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0,0,0,.25);
    }
    .vp-insight-banner__btn svg { width: 15px; height: 15px; }

    @media (max-width: 768px) {
        .vp-insight-banner { flex-direction: column; align-items: flex-start; padding: 28px 24px; }
        .vp-insight-banner__btn { width: 100%; justify-content: center; }
    }
    .vp-webdesign-content h1,
    .vp-webdesign-content h2 {
        font-family: var(--vp-head);
        font-weight: 800;
        color: #111;
        letter-spacing: -.02em;
        text-transform: uppercase;
    }
    .vp-webdesign-content h1 {
        font-size: clamp(26px, 3.2vw, 40px);
        line-height: 1.15;
        margin: 0 0 22px;
    }
    .vp-hero__btns {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 32px;
}

.vp-btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background: transparent;
    color: #fff;
    border: 1.5px solid #fff;
    border-radius: 999px;
    padding: 14px 10px 14px 24px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.25s ease;
}

.vp-btn:hover {
    background: #fff;
    color: #111;
}

.vp-btn__text {
    line-height: 1;
}

.vp-hero-btn__icon {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #fff;
    color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

.vp-hero-btn__icon svg {
    width: 13px;
    height: 13px;
}

.vp-btn:hover .vp-hero-btn__icon {
    background: #111;
    color: #fff;
}

@media (max-width: 576px) {
    .vp-hero__btns {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .vp-btn {
        width: 100%;
        justify-content: space-between;
    }
}
    .vp-webdesign-content h2 {
        font-size: clamp(20px, 2.4vw, 28px);
        line-height: 1.3;
        margin: 36px 0 16px;
        text-transform: none;
    }
    .vp-webdesign-content p {
        font-size: 16px;
        color: #666;
        line-height: 1.8;
        margin: 0 0 18px;
    }

    .vp-bottom-bar {
        position: fixed;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%) translateY(30px);
        z-index: 999;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px;
        border-radius: 50px;
        box-shadow: 0 8px 30px rgba(0,0,0,.18);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }
    .vp-bottom-bar.show {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
    .vp-bottom-bar__item {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        border-radius: 50px;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        white-space: nowrap;
        transition: transform .2s ease, box-shadow .2s ease;
    }
    .vp-bottom-bar__item:hover { transform: translateY(-2px); }
    .vp-bottom-bar__item i { font-size: 15px; }
    .vp-bottom-bar__item--call { background: #2b7cff; }
    .vp-bottom-bar__item--email { background: #1a1a1a; }
    .vp-bottom-bar__item--whatsapp { background: #25D366; }
    .vp-bottom-bar__chat {
        width: 46px; height: 46px; min-width: 46px;
        border-radius: 50%;
        background: var(--vp-orange);
        color: #fff;
        display: flex; align-items: center; justify-content: center;
        font-size: 18px;
    }
    
    .vp-interlink {
  background: #000;
  padding: 40px 24px;
}

.vp-interlink__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.vp-interlink__badge {
  background: #1a1a1a;
  color: #aaa;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  letter-spacing: .05em;
}

.vp-interlink__label {
  color: #999;
  font-size: 13px;
  letter-spacing: .1em;
  flex: 1;
}

.vp-interlink__tag {
  background: rgba(255, 122, 26, .15);
  color: var(--vp-orange, #ff7a1a);
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 20px;
}

.vp-interlink__box {
  background: #0d0d0d;
  border: 1px solid #1f1f1f;
  border-radius: 16px;
  padding: 28px;
}

.vp-interlink__eyebrow {
  color: var(--vp-orange, #ff7a1a);
  font-size: 13px;
  font-family: monospace;
  margin: 0 0 6px;
}

.vp-interlink__title {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 20px;
}

.vp-interlink__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.vp-interlink__card {
  background: #141414;
  border: 1px solid #232323;
  border-radius: 10px;
  padding: 13px;
  line-height: 26.2px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-decoration: none;
  transition: border-color .2s ease, transform .2s ease;
}

.vp-interlink__card:hover {
  border-color: var(--vp-orange, #ff7a1a);
  transform: translateY(-2px);
}

.vp-interlink__type {
  color: var(--vp-orange, #ff7a1a);
  font-size: 12px;
  font-family: monospace;
}

.vp-interlink__name {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.vp-interlink__desc {
  color: #888;
  font-size: 13px;
}

/* ══════════════ WHAT'S INCLUDED — SLIDER ══════════════ */
.vp-included__slider-wrap {
    position: relative;
}

/* Desktop/tablet: normal 3-col grid, slider off */
.vp-included__grid--slider {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.vp-included__nav-btn,
.vp-included__dots {
    display: none;
}

@media (max-width: 1024px) {
    .vp-included__grid--slider {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile only: horizontal slider */
@media (max-width: 768px) {
    .vp-included__grid--slider {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 18px;
        scroll-behavior: smooth;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-bottom: 4px;
    }
    .vp-included__grid--slider::-webkit-scrollbar {
        display: none;
    }
    .vp-included__grid--slider .vp-inc-card {
        flex: 0 0 85%;
        scroll-snap-align: start;
    }

    /* Arrows — card ke left-right edge par, vertically centered */
    .vp-included__nav-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid #e5e5e5;
        box-shadow: 0 2px 8px rgba(0,0,0,.12);
        z-index: 10;
        cursor: pointer;
        margin: 0;
    }
    .vp-included__nav-btn--prev {
        left: 6px;
    }
    .vp-included__nav-btn--next {
        right: 6px;
    }
    .vp-included__nav-btn:disabled {
        opacity: .35;
        cursor: default;
    }
    .vp-included__nav-btn svg {
        width: 16px;
        height: 16px;
    }

    .vp-included__dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 24px;
    }
    .vp-included__dots .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ddd;
        cursor: pointer;
        transition: background .2s ease, width .2s ease;
    }
    .vp-included__dots .dot.active {
        background: var(--vp-orange);
        width: 22px;
        border-radius: 4px;
    }
    
    @keyframes auditBlink {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 85, 0, 0);
    }

    50% {
        opacity: 0.5;
        transform: scale(1.02);
        box-shadow: 0 0 0 10px rgba(255, 85, 0, 0.25);
    }
}
    /*//Editor*/
    
    .vp-editor-content p {
    margin: 0 0 8px 0 !important;
    line-height: 1.1 !important;
    
}

.vp-editor-content p:last-child {
    margin-bottom: 0 !important;
}

.vp-editor-content p:empty,
.vp-editor-content p:has(> br:only-child) {
    display: none !important;
}

.vp-editor-content h1,
.vp-editor-content h2,
.vp-editor-content h3,
.vp-editor-content h4 {
    margin: 0 0 10px 0 !important;
}

.vp-editor-content ul,
.vp-editor-content ol {
    margin: 0 0 8px 0 !important;
}/* ══════════════ EDITOR CONTENT ══════════════ */
.vp-editor-content {
    line-height: 1.6;
    font-size: 16px;
}
.vp-editor-content p {
    margin: 0 0 10px 0 !important;
}
.vp-editor-content p:last-child {
    margin-bottom: 0 !important;
}
.vp-editor-content h1,
.vp-editor-content h2,
.vp-editor-content h3,
.vp-editor-content h4 {
    margin: 0 0 10px 0 !important;
}
.vp-editor-content ul,
.vp-editor-content ol {
    margin: 0 0 8px 0 !important;
    padding-left: 20px;
}

/* ══════════════ WHO'S IT FOR — content fix ══════════════ */
.vp-whoitsfor__content h3 {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin: 0 0 8px;
}
.vp-whoitsfor__content p {
    font-size: 14px;
    color: #777;
    line-height: 1.65;
    margin: 0;
}

/* ══════════════ CUSTOM SECTION PADDING ══════════════ */
.vp-custom-sec {
    padding: 40px 0 !important;
}

/* ══════════════ AUDIT CARD ATTENTION BLINK ══════════════ */
@keyframes vpAttentionBlink {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 85, 0, 0); border-color: #ff5500; }
    25% { box-shadow: 0 0 0 8px rgba(255, 85, 0, 0.25); border-color: #ff8550; }
    50% { box-shadow: 0 0 0 0 rgba(255, 85, 0, 0); border-color: #ff5500; }
    75% { box-shadow: 0 0 0 8px rgba(255, 85, 0, 0.25); border-color: #ff8550; }
}
.vp-audit-card--attention {
    animation: vpAttentionBlink 0.5s ease-in-out 2;
}

#vpAuditCard.form-blink {
    animation: formBlink 0.5s ease-in-out 4;
}

@keyframes formBlink {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.4;
        transform: scale(1.02);
    }
}

/* ══════════════ MOBILE OVERRIDES — SAB EK HI JAGAH ══════════════ */
@media (max-width: 767px) {
    .vp-editor-content {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    .vp-editor-content p {
        margin: 0 0 8px 0 !important;
    }
    .vp-custom-sec {
        padding: 20px 0 !important;
    }
}