HomePG

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kamrion Ventures | Navigate Your Next Growth Curve</title>
<meta name="description" content="Kamrion Ventures is a Gurugram-based BPO &amp; KPO company delivering contact center operations, back-office processing, KPO analytics, and AI-powered voice agents for global enterprises.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&amp;family=Inter:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
  :root{
    --ink:#0B1F3A;        /* deep corporate navy */
    --ink-2:#14295A;
    --accent:#0098D8;     /* infosys-esque cyan-blue */
    --accent-deep:#005EB8;
    --paper:#FFFFFF;
    --paper-2:#F4F6F9;
    --line:#E2E6ED;
    --slate:#5B6472;
    --slate-lt:#8992A0;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;}
  h1,h2,h3,h4{font-family:'Poppins',system-ui,sans-serif;margin:0;}
  a{text-decoration:none;color:inherit;}
  .wrap{max-width:1240px;margin:0 auto;padding:0 24px;}
  img{max-width:100%;display:block;}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);}
  .eyebrow::before{content:"";width:18px;height:2px;background:var(--accent);display:inline-block;}
  .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:13px 28px;border-radius:999px;transition:.25s;}
  .btn-primary{background:var(--ink);color:#fff;}
  .btn-primary:hover{background:var(--accent-deep);}
  .btn-outline{border:1.5px solid var(--ink);color:var(--ink);}
  .btn-outline:hover{border-color:var(--accent-deep);color:var(--accent-deep);}
  .btn-ghost{color:var(--accent-deep);font-weight:700;font-size:13px;letter-spacing:.02em;}
  .btn-ghost i{transition:transform .2s;}
  .btn-ghost:hover i{transform:translateX(4px);}
 
  /* ---------- Top utility bar ---------- */
  .utility{background:var(--ink);color:#B9C3D6;font-size:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);}
  .utility .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
  .utility a{color:#B9C3D6;}
  .utility a:hover{color:#fff;}
  .utility .tag{font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:10px;color:var(--accent);}
  .utility .links{display:flex;gap:24px;}
 
  /* ---------- Nav ---------- */
  header.site{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 20px rgba(11,31,58,.04);}
  .navrow{height:76px;display:flex;align-items:center;justify-content:space-between;}
  .logo-mark{display:flex;align-items:center;gap:12px;}
  .logo-mark svg.brand-logo{height:52px;width:auto;}
  nav.primary{display:flex;align-items:center;gap:34px;}
  nav.primary a{font-size:13.5px;font-weight:600;color:var(--ink);position:relative;padding:6px 0;}
  nav.primary a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent);transition:.2s;}
  nav.primary a:hover::after{width:100%;}
  .nav-cta{display:flex;align-items:center;gap:14px;}
  @media (max-width:960px){ nav.primary{display:none;} }
 
  /* ---------- Mobile nav ---------- */
  .mobile-nav-toggle{display:none;width:40px;height:40px;border-radius:8px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);align-items:center;justify-content:center;font-size:16px;cursor:pointer;}
  @media (max-width:960px){
    .mobile-nav-toggle{display:flex;}
    #ctaDesktop{display:none;}
  }
  .mobile-nav-scrim{position:fixed;inset:0;background:rgba(7,19,42,.45);z-index:300;opacity:0;pointer-events:none;transition:opacity .25s;}
  .mobile-nav-scrim.open{opacity:1;pointer-events:auto;}
  .mobile-nav-panel{position:fixed;top:0;right:0;height:100%;width:320px;max-width:86vw;background:#fff;z-index:301;box-shadow:-18px 0 40px rgba(7,19,42,.25);transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;padding:8px 22px 22px;}
  .mobile-nav-panel.open{transform:translateX(0);}
  .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-weight:700;margin-bottom:8px;}
  .mobile-nav-panel a{padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:600;color:var(--ink);}
  .mobile-nav-panel a:last-child{border-bottom:none;}
 
  /* ---------- Reduced motion ---------- */
  @media (prefers-reduced-motion: reduce){
    .stat-strip .track{animation:none;}
    .waveform span{animation:none;height:40px;}
    html{scroll-behavior:auto;}
  }
 
  /* ---------- Ask AI ---------- */
  .ask-ai-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--ink);color:var(--ink);font-family:inherit;font-weight:700;font-size:13px;padding:10px 18px;border-radius:22px;cursor:pointer;transition:.2s;}
  .ask-ai-btn i{color:var(--accent-deep);}
  .ask-ai-btn:hover{border-color:var(--accent-deep);color:var(--accent-deep);}
  .ask-ai-scrim{position:fixed;inset:0;background:rgba(7,19,42,.45);z-index:200;opacity:0;pointer-events:none;transition:opacity .25s;}
  .ask-ai-scrim.open{opacity:1;pointer-events:auto;}
  .ask-ai-panel{position:fixed;top:0;right:0;height:100%;width:400px;max-width:92vw;background:#fff;z-index:201;box-shadow:-18px 0 40px rgba(7,19,42,.25);transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;}
  .ask-ai-panel.open{transform:translateX(0);}
  .ask-ai-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line);}
  .ask-ai-head h4{font-size:15px;display:flex;align-items:center;gap:8px;color:var(--ink);}
  .ask-ai-head h4 i{color:var(--accent-deep);}
  .ask-ai-close{border:none;background:none;font-size:17px;color:var(--slate);cursor:pointer;}
  .ask-ai-body{flex:1;overflow-y:auto;padding:22px;font-size:13.5px;color:var(--slate);}
  .ask-ai-empty{border:1px solid var(--line);background:var(--paper-2);border-radius:10px;padding:18px;margin-bottom:16px;}
  .ask-ai-empty p{margin:0 0 8px;line-height:1.6;}
  .ask-ai-suggest{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
  .ask-ai-suggest button{text-align:left;border:1px solid var(--line);background:#fff;padding:11px 14px;border-radius:8px;font-size:13px;color:var(--ink);cursor:pointer;font-family:inherit;transition:.15s;}
  .ask-ai-suggest button:hover{border-color:var(--accent);color:var(--accent-deep);}
  .ask-ai-disclaimer{font-size:11px;color:var(--slate-lt);line-height:1.6;margin-top:20px;}
  .ask-ai-foot{border-top:1px solid var(--line);padding:16px 22px;}
  .ask-ai-inputrow{display:flex;gap:8px;border:1px solid var(--line);border-radius:24px;padding:6px 6px 6px 16px;}
  .ask-ai-inputrow input{flex:1;border:none;outline:none;font-size:13.5px;font-family:inherit;background:transparent;}
  .ask-ai-inputrow button{width:34px;height:34px;border-radius:50%;border:none;background:var(--ink);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;}
  .ask-ai-inputrow button:hover{background:var(--accent-deep);}
 
  /* ---------- Hero ---------- */
  .hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:88px 0 0;min-height:640px;display:flex;flex-direction:column;justify-content:center;}
  .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
  .hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(7,18,38,.96) 30%,rgba(7,18,38,.85) 60%,rgba(7,18,38,.7) 100%);}
  .hero .wrap{position:relative;z-index:2;padding:64px 24px;width:100%;}
  .hero-content{max-width:640px;}
  .hero h1{font-size:clamp(32px,4.4vw,58px);line-height:1.08;font-weight:700;letter-spacing:-.01em;margin:22px 0 22px;color:#FFFFFF !important;}
  .hero h1 em{font-style:normal;color:var(--accent);}
  .hero p.lede{font-size:16.5px;line-height:1.7;color:#E2E8F0;max-width:520px;margin-bottom:34px;}
  .hero .cta-row{display:flex;gap:16px;flex-wrap:wrap;}
  .hero .btn-outline{border-color:rgba(255,255,255,.4);color:#fff;}
  .hero .btn-outline:hover{border-color:var(--accent);color:var(--accent);}
 
  /* floating stat badge over the video */
  .hero-badge{position:absolute;right:24px;bottom:0;transform:translateY(50%);background:#fff;color:var(--ink);padding:20px 24px;border-radius:6px;box-shadow:0 20px 40px rgba(0,0,0,.3);max-width:230px;z-index:3;}
  .hero-badge b{display:block;font-family:'Poppins';font-size:26px;color:var(--accent-deep);font-weight:700;}
  .hero-badge span{font-size:12px;color:var(--slate);font-weight:600;line-height:1.4;}
  @media (max-width:700px){ .hero-badge{position:static;transform:none;margin-top:28px;} }
 
  /* ---------- Stat strip ---------- */
  .stat-strip{background:#08152B;border-top:1px solid rgba(255,255,255,.08);overflow:hidden;}
  .stat-strip .track{display:flex;gap:0;width:max-content;animation:marquee 32s linear infinite;}
  .stat-strip:hover .track{animation-play-state:paused;}
  @keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
  .stat-strip .item{display:flex;align-items:baseline;gap:10px;padding:18px 34px;border-right:1px solid rgba(255,255,255,.08);white-space:nowrap;}
  .stat-strip .item b{font-family:'Poppins';font-size:20px;color:var(--accent);font-weight:700;}
  .stat-strip .item span{font-size:12px;color:#9AA5BA;font-weight:600;text-transform:uppercase;letter-spacing:.06em;}
 
  /* ---------- section shell ---------- */
  section{padding:88px 0;}
  .section-head{max-width:680px;margin-bottom:52px;}
  .section-head h2{font-size:clamp(26px,3vw,38px);font-weight:700;letter-spacing:-.01em;margin:14px 0 14px;color:var(--ink);}
  .section-head p{color:var(--slate);font-size:15.5px;line-height:1.7;}
  .bg-2{background:var(--paper-2);}
  .bg-dark{background:var(--ink);color:#fff;}
  .bg-dark .section-head p{color:#B7C0D4;}
 
  /* horizontal story strip */
  .story-strip{display:flex;gap:20px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;}
  .story-card{flex:0 0 300px;border:1px solid var(--line);padding:26px;background:#fff;transition:.25s;}
  .story-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 18px 34px rgba(11,31,58,.08);}
  .story-card .num{font-family:'Poppins';font-size:12px;font-weight:700;color:var(--slate-lt);letter-spacing:.08em;}
  .story-card h3{font-size:17px;margin:14px 0 10px;line-height:1.35;}
  .story-card p{font-size:13.5px;color:var(--slate);line-height:1.6;margin-bottom:16px;}
 
  /* services grid */
  .grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);}
  .g4{grid-template-columns:repeat(4,1fr);}
  .g3{grid-template-columns:repeat(3,1fr);}
  @media (max-width:900px){.g4{grid-template-columns:repeat(2,1fr);} .g3{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.g4,.g3{grid-template-columns:1fr;}}
  .cell{background:#fff;padding:34px 28px;transition:.2s;}
  .cell:hover{background:var(--paper-2);}
  .cell .ic{width:38px;height:38px;border:1.5px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-deep);font-size:15px;margin-bottom:20px;}
  .cell h3{font-size:15.5px;font-weight:700;margin-bottom:10px;line-height:1.35;}
  .cell p{font-size:13.5px;color:var(--slate);line-height:1.65;}
  .bg-dark .grid{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.08);}
  .bg-dark .cell{background:var(--ink-2);}
  .bg-dark .cell:hover{background:#182E58;}
  .bg-dark .cell p{color:#AEB7CB;}
  .bg-dark .cell h3{color:#fff;}
 
  /* feature split (AI section) */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
  @media (max-width:900px){.split{grid-template-columns:1fr;}}
  .feat-item{display:flex;gap:16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);}
  .feat-item:last-child{border-bottom:1px solid rgba(255,255,255,.1);}
  .feat-item .ico{width:40px;height:40px;flex:none;border-radius:50%;background:rgba(0,152,216,.14);border:1px solid rgba(0,152,216,.4);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:15px;}
  .feat-item h4{font-size:15px;color:#fff;margin-bottom:4px;}
  .feat-item p{font-size:13.5px;color:#AEB7CB;line-height:1.6;}
 
  /* chip visual for AI panel */
  .chip-panel{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);padding:34px;position:relative;}
  .chip-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
  .chip{border:1px solid rgba(0,152,216,.4);color:var(--accent);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:8px 14px;border-radius:20px;background:rgba(0,152,216,.08);}
  .waveform{display:flex;align-items:end;gap:4px;height:70px;margin:22px 0;}
  .waveform span{width:5px;background:linear-gradient(180deg,var(--accent),var(--accent-deep));border-radius:2px;animation:wave 1.6s ease-in-out infinite;}
  @keyframes wave{0%,100%{height:14px;}50%{height:var(--h,50px);}}
 
  /* value pillars + visual banner */
  .value-section{padding:88px 0 0;text-align:center;}
  .value-head .eyebrow{justify-content:center;}
  .value-head h2{font-size:clamp(26px,3.4vw,42px);font-weight:600;line-height:1.3;color:var(--ink);max-width:920px;margin:16px auto 0;letter-spacing:-.01em;}
  .value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:60px;text-align:left;}
  @media (max-width:900px){.value-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.value-grid{grid-template-columns:1fr;text-align:center;}}
  .value-col h4{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:14px;}
  .value-col p{font-size:14.5px;color:var(--slate);line-height:1.7;}
  .value-banner{position:relative;margin-top:64px;height:460px;overflow:hidden;}
  .value-banner img{width:100%;height:100%;object-fit:cover;display:block;}
  .value-banner .banner-cta{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);z-index:2;}
  .banner-cta-btn{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.94);color:var(--ink);font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;padding:16px 30px;border-radius:999px;border:1px solid rgba(11,31,58,.15);box-shadow:0 12px 30px rgba(11,31,58,.2);transition:.2s;}
  .banner-cta-btn:hover{background:#fff;box-shadow:0 16px 38px rgba(11,31,58,.28);}
  @media (max-width:700px){.value-banner{height:320px;}}
 
  /* photo showcase */
  .photo-showcase{padding:88px 0;}
  .showcase-head{max-width:840px;margin:0 auto 56px;text-align:center;}
  .showcase-head h2{font-size:clamp(24px,3.2vw,38px);font-weight:600;line-height:1.35;color:var(--ink);letter-spacing:-.01em;}
  .photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  @media (max-width:1000px){.photo-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.photo-grid{grid-template-columns:1fr;}}
  .photo-card{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:.74;box-shadow:0 16px 34px rgba(11,31,58,.14);}
  .photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
  .photo-card:hover img{transform:scale(1.06);}
  .photo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,18,38,0) 42%,rgba(7,18,38,.88) 100%);pointer-events:none;}
  .photo-card .cap{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;font-size:15.5px;font-weight:600;line-height:1.4;z-index:2;}
 
  /* industries */
  .industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  @media (max-width:1000px){.industry-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.industry-grid{grid-template-columns:1fr;}}
  .industry-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px 26px;transition:.25s;overflow:hidden;}
  .industry-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-deep));transition:.3s;}
  .industry-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 20px 40px rgba(11,31,58,.1);}
  .industry-card:hover::before{width:100%;}
  .industry-card .idx-badge{position:absolute;top:22px;right:24px;font-family:'Poppins';font-size:11px;font-weight:700;color:var(--slate-lt);letter-spacing:.05em;}
  .industry-card .ic-lg{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,rgba(0,152,216,.14),rgba(0,94,184,.14));display:flex;align-items:center;justify-content:center;color:var(--accent-deep);font-size:21px;margin-bottom:22px;transition:.25s;}
  .industry-card:hover .ic-lg{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;}
  .industry-card h3{font-size:16px;font-weight:700;margin-bottom:10px;line-height:1.35;}
  .industry-card p{font-size:13px;color:var(--slate);line-height:1.65;margin-bottom:16px;}
  .industry-card .go{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--accent-deep);}
  .industry-card .go i{font-size:11px;transition:.2s;}
  .industry-card:hover .go i{transform:translateX(4px);}
 
  /* about section */
  .about-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;}
  @media (max-width:900px){.about-split{grid-template-columns:1fr;}}
  .about-photo-wrap{border-radius:6px;overflow:hidden;box-shadow:0 24px 50px rgba(11,31,58,.14);}
  .about-photo{width:100%;height:420px;object-fit:cover;display:block;}
 
  /* closing cta banner */
  .cta-banner{background:linear-gradient(120deg,var(--ink) 0%,var(--ink-2) 100%);color:#fff;padding:64px 0;text-align:center;}
  .cta-banner h2{color:#fff;font-size:clamp(24px,3vw,34px);margin-bottom:16px;}
  .cta-banner p{color:#B7C0D4;font-size:15.5px;max-width:560px;margin:0 auto 28px;line-height:1.7;}
 
  /* stat blocks */
  .statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);margin-top:56px;}
  @media (max-width:700px){.statgrid{grid-template-columns:repeat(2,1fr);}}
  .statgrid .s{background:var(--ink);padding:34px 20px;text-align:center;}
  .statgrid .s b{display:block;font-family:'Poppins';font-size:34px;color:var(--accent);font-weight:700;}
  .statgrid .s span{font-size:11.5px;color:#9AA5BA;text-transform:uppercase;letter-spacing:.08em;font-weight:700;}
 
  /* contact */
  .contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:1px;background:var(--line);border:1px solid var(--line);}
  @media (max-width:900px){.contact-grid{grid-template-columns:1fr;}}
  .c-panel{background:var(--ink);color:#fff;padding:48px;}
  .c-panel h3{font-size:22px;margin-bottom:30px;color:#FFFFFF !important;}
  .c-row{display:flex;gap:16px;margin-bottom:26px;}
  .c-row .ico{width:38px;height:38px;flex:none;border:1px solid rgba(0,152,216,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);}
  .c-row .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8FA0C4;font-weight:700;margin-bottom:3px;}
  .c-row .val{font-size:14.5px;font-weight:600;color:#FFFFFF;}
  .quote{border-top:1px solid rgba(255,255,255,.14);margin-top:20px;padding-top:20px;font-style:italic;color:#C4CCDC;font-size:14px;}
  .c-form{background:#fff;padding:48px;}
  .field{margin-bottom:20px;}
  .field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin-bottom:8px;}
  .field input,.field textarea{width:100%;border:1px solid var(--line);padding:13px 14px;font-size:14px;font-family:inherit;border-radius:2px;background:var(--paper-2);}
  .field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);background:#fff;}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  @media (max-width:560px){.row2{grid-template-columns:1fr;}}
 
  /* footer */
  footer{background:#07132A;color:#C4CCDC;padding-top:72px;}
  .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);}
  @media (max-width:800px){.foot-grid{grid-template-columns:1fr 1fr;}}
  footer h4{color:#FFFFFF !important;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;}
  footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;font-size:13.5px;}
  footer ul a{color:#C4CCDC;}
  footer ul a:hover{color:#fff;}
  .foot-bottom{display:flex;justify-content:space-between;align-items:center;padding:26px 0;font-size:12.5px;flex-wrap:wrap;gap:12px;color:#94A3B8;}
  .foot-bottom a{color:#94A3B8;}
  .foot-bottom a:hover{color:#fff;}
  .soc{display:flex;gap:10px;}
  .soc a{width:34px;height:34px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#C4CCDC;transition:.2s;}
  .soc a:hover{background:var(--accent);border-color:var(--accent);color:#fff;}
</style>


 
<!-- UTILITY BAR -->
<div class="utility">
  <div class="wrap">
    <span class="tag"><i class="fa-solid fa-bolt"></i>&nbsp; Capital · Vision · Growth</span>
    <div class="links">
      <a href="tel:8882806864"><i class="fa-solid fa-phone"></i>&nbsp; 888-280-6864</a>
      <a href="mailto:contact@kamrionventures.com"><i class="fa-solid fa-envelope"></i>&nbsp; contact@kamrionventures.com</a>
    </div>
  </div>
</div>
 
<!-- NAV -->
<header class="site">
  <div class="wrap navrow">
    <a href="#home" class="logo-mark">
      <svg class="brand-logo" viewBox="0 0 340 100" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M25 18V78M25 48L57 18M37 40L64 78" stroke="#00112c" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M52 34L76 78L102 18" stroke="#00a3e0" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path>
        <rect x="90" y="30" width="7" height="17" fill="#00a3e0" rx="1.5"></rect>
        <rect x="101" y="21" width="7" height="26" fill="#0066ff" rx="1.5"></rect>
        <rect x="112" y="12" width="7" height="35" fill="#00a3e0" rx="1.5"></rect>
        <path d="M20 72 C 52 62, 84 40, 124 18" stroke="#00a3e0" stroke-width="4" fill="none" stroke-linecap="round"></path>
        <path d="M117 15 L129 15 L124 27 Z" fill="#0066ff"></path>
        <text x="142" y="47" font-family="'Poppins',system-ui,sans-serif" font-weight="800" font-size="30" fill="#00112c" letter-spacing="1">KAMRION</text>
        <text x="143" y="69" font-family="system-ui,sans-serif" font-weight="800" font-size="16" fill="#0066ff" letter-spacing="6">VENTURES</text>
        <text x="143" y="86" font-family="system-ui,sans-serif" font-weight="700" font-size="10" fill="#64748b" letter-spacing="2.5">CAPITAL. VISION. GROWTH.</text>
      </svg>
    </a>
    <nav class="primary">
      <a href="#services">Services</a>
      <a href="#ai-solutions">AI &amp; Bots</a>
      <a href="#industries">Industries</a>
      <a href="#why-us">Why Us</a>
      <a href="#about">About</a>
      <a href="#contact">Contact</a>
    </nav>
    <div class="nav-cta">
      <button type="button" class="ask-ai-btn" id="askAiOpen">
        <i class="fa-solid fa-wand-magic-sparkles"></i> Ask AI
      </button>
      <a href="#contact" class="btn btn-primary" id="ctaDesktop">Book a Consultation</a>
      <button type="button" class="mobile-nav-toggle" id="mobileNavToggle" aria-label="Open menu" aria-expanded="false" aria-controls="mobileNavPanel">
        <i class="fa-solid fa-bars"></i>
      </button>
    </div>
  </div>
</header>
 
<!-- MOBILE NAV -->
<div class="mobile-nav-scrim" id="mobileNavScrim"></div>
<nav class="mobile-nav-panel" id="mobileNavPanel" role="dialog" aria-modal="true" aria-label="Site navigation">
  <div class="mobile-nav-head">
    <span>Menu</span>
    <button type="button" class="ask-ai-close" id="mobileNavClose" aria-label="Close menu"><i class="fa-solid fa-xmark"></i></button>
  </div>
  <a href="#services">Services</a>
  <a href="#ai-solutions">AI &amp; Bots</a>
  <a href="#industries">Industries</a>
  <a href="#why-us">Why Us</a>
  <a href="#about">About</a>
  <a href="#contact">Contact</a>
  <a href="#contact" class="btn btn-primary" style="justify-content:center;margin-top:8px;">Book a Consultation</a>
</nav>
 
<!-- HERO -->
<section id="home" class="hero" style="padding-top:88px;">
  <video class="hero-video" autoplay="" muted="" loop="" playsinline="" poster="https://images.unsplash.com/photo-1521737604893-d14cc237f11d?q=80&amp;w=1920&amp;auto=format&amp;fit=crop">
    <source src="https://assets.mixkit.co/videos/4108/4108-720.mp4" type="video/mp4">
  </video>
  <div class="hero-overlay"></div>
  <div class="wrap">
    <div class="hero-content">
      <span class="eyebrow" style="color:var(--accent);">Digital-Led BPO &amp; KPO Transformation</span>
      <h1 style="color:#ffffff !important;">Navigate your next<br><em style="color:var(--accent);">growth curve</em></h1>
      <p class="lede">Kamrion Ventures enables global enterprises to scale faster through domain-driven BPO operations, high-value KPO research, and autonomous AI calling bots — built for continuous delivery, anywhere.</p>
      <div class="cta-row">
        <a href="#contact" class="btn btn-primary">Schedule a Consultation <i class="fa-solid fa-arrow-right"></i></a>
        <a href="#services" class="btn btn-outline">Our Capabilities</a>
      </div>
    </div>
  </div>
</section>
 
<!-- STATS MARQUEE -->
<div class="stat-strip">
  <div class="track">
    <div class="item"><b>15+</b><span>Years Expertise</span></div>
    <div class="item"><b>98%</b><span>Client Retention</span></div>
    <div class="item"><b>40%</b><span>Cost Reduction</span></div>
    <div class="item"><b>30%</b><span>Efficiency Boost</span></div>
    <div class="item"><b>50+</b><span>Domestic Deliveries</span></div>
    <div class="item"><b>20+</b><span>Global Accounts</span></div>
    <div class="item"><b>200+</b><span>Domain Specialists</span></div>
    <div class="item"><b>7+</b><span>Years Expertise</span></div>
    <div class="item"><b>98%</b><span>Client Retention</span></div>
    <div class="item"><b>40%</b><span>Cost Reduction</span></div>
    <div class="item"><b>30%</b><span>Efficiency Boost</span></div>
    <div class="item"><b>50+</b><span>Domestic Deliveries</span></div>
    <div class="item"><b>20+</b><span>Global Accounts</span></div>
    <div class="item"><b>200+</b><span>Domain Specialists</span></div>
  </div>
</div>
 
<!-- TOP HIGHLIGHTS STORY STRIP -->
<section>
  <div class="wrap">
    <div class="section-head">
      <span class="eyebrow">Latest Capability Highlights</span>
      <h2>Where operations meet intelligence</h2>
      <p>A quick look at how Kamrion is shaping outcomes for clients this quarter.</p>
    </div>
    <div class="story-strip">
      <div class="story-card">
        <span class="num">01</span>
        <h3>AI Voice Agents Now Live Across 3 Accounts</h3>
        <p>Human-like conversational bots are handling first-line inbound queries with live specialist escalation.</p>
        <a href="#ai-solutions" class="btn-ghost">Know More <i class="fa-solid fa-arrow-right"></i></a>
      </div>
      <div class="story-card">
        <span class="num">02</span>
        <h3>KPO Desk Expands into Equity Research</h3>
        <p>New valuation modeling and business intelligence pod added to support financial services clients.</p>
        <a href="#services" class="btn-ghost">Know More <i class="fa-solid fa-arrow-right"></i></a>
      </div>
      <div class="story-card">
        <span class="num">03</span>
        <h3>24/7 Delivery Model Reaches Full Coverage</h3>
        <p>Cross-border shift structuring now guarantees continuous coverage across all serviced time zones.</p>
        <a href="#why-us" class="btn-ghost">Know More <i class="fa-solid fa-arrow-right"></i></a>
      </div>
      <div class="story-card">
        <span class="num">04</span>
        <h3>Healthcare Vertical Onboards New Governance Lead</h3>
        <p>Dedicated account governance strengthens compliance posture for regulated healthcare engagements.</p>
        <a href="#industries" class="btn-ghost">Know More <i class="fa-solid fa-arrow-right"></i></a>
      </div>
    </div>
  </div>
</section>
 
<!-- SERVICES -->
<section id="services" class="bg-2">
  <div class="wrap">
    <div class="section-head">
      <span class="eyebrow">What We Do</span>
      <h2>End-to-end BPO &amp; KPO capabilities</h2>
      <p>Integrating industry domain expertise with process automation to transform front and back-office operations.</p>
    </div>
    <div class="grid g4">
      <div class="cell"><div class="ic"><i class="fa-solid fa-headset"></i></div><h3>Inbound &amp; Outbound Calling</h3><p>Multilingual contact center operations, telesales, lead acquisition, and tier-1 technical support.</p></div>
      <div class="cell"><div class="ic"><i class="fa-solid fa-comments"></i></div><h3>Omnichannel CX Solutions</h3><p>Unified voice, live chat, email ticketing, and social triage for seamless customer journeys.</p></div>
      <div class="cell"><div class="ic"><i class="fa-solid fa-file-contract"></i></div><h3>Back-Office Triage</h3><p>Complex transaction processing, document indexing, claims adjudication, and workflow optimization.</p></div>
      <div class="cell"><div class="ic"><i class="fa-solid fa-chart-line"></i></div><h3>KPO &amp; Financial Analytics</h3><p>High-value knowledge process outsourcing including valuation modeling and equity research.</p></div>
      <div class="cell"><div class="ic"><i class="fa-solid fa-database"></i></div><h3>Enterprise Data Governance</h3><p>End-to-end data collection, validation, cleansing, and enrichment with strict compliance protocols.</p></div>
      <div class="cell"><div class="ic"><i class="fa-solid fa-user-gear"></i></div><h3>RPO &amp; HR Services</h3><p>Recruitment process outsourcing covering candidate screening, onboarding, and payroll.</p></div>
      <div class="cell"><div class="ic"><i class="fa-solid fa-magnifying-glass-chart"></i></div><h3>Market Intelligence</h3><p>Primary research, competitive benchmarking, sentiment analytics, and custom industry reports.</p></div>
      <div class="cell"><div class="ic"><i class="fa-solid fa-earth-americas"></i></div><h3>Global Delivery Operations</h3><p>Cross-border offshore delivery models structured for continuous 24/7 business continuity.</p></div>
    </div>
  </div>
</section>
 
<!-- AI SOLUTIONS -->
<section id="ai-solutions" class="bg-dark">
  <div class="wrap">
    <div class="split">
      <div>
        <span class="eyebrow" style="color:var(--accent);">AI-Powered Automation</span>
        <h2 style="color:#fff;margin:16px 0 18px;font-size:clamp(26px,3vw,38px);">Autonomous AI voice agents &amp; conversational bots</h2>
        <p style="color:#B7C0D4;font-size:15.5px;line-height:1.7;margin-bottom:8px;">Elevate operational throughput by combining hyper-realistic AI calling agents with live specialist escalation — automating high-volume outbound campaigns and inbound queries at scale.</p>
        <div class="feat-item">
          <div class="ico"><i class="fa-solid fa-robot"></i></div>
          <div><h4>Human-Like AI Voice Agents</h4><p>Natural conversational flow, dynamic scheduling, and real-time CRM data binding.</p></div>
        </div>
        <div class="feat-item">
          <div class="ico"><i class="fa-solid fa-comment-dots"></i></div>
          <div><h4>Omnichannel Chatbots</h4><p>Automated triage for web and WhatsApp with smart live-agent handoff protocols.</p></div>
        </div>
        <div class="feat-item">
          <div class="ico"><i class="fa-solid fa-microchip"></i></div>
          <div><h4>Hybrid Cost Optimization</h4><p>Blend AI-first triage with human specialists to cut per-interaction cost without sacrificing quality.</p></div>
        </div>
        <a href="#contact" class="btn btn-primary" style="margin-top:26px;background:var(--accent);">Partner With Us <i class="fa-solid fa-arrow-right"></i></a>
      </div>
      <div class="chip-panel">
        <div class="chip-row">
          <span class="chip">Voice AI</span><span class="chip">CRM Sync</span><span class="chip">Live Escalation</span>
        </div>
        <div class="waveform">
          <span style="--h:34px;animation-delay:0s"></span><span style="--h:58px;animation-delay:.1s"></span>
          <span style="--h:42px;animation-delay:.2s"></span><span style="--h:66px;animation-delay:.3s"></span>
          <span style="--h:30px;animation-delay:.4s"></span><span style="--h:52px;animation-delay:.5s"></span>
          <span style="--h:60px;animation-delay:.6s"></span><span style="--h:38px;animation-delay:.7s"></span>
          <span style="--h:48px;animation-delay:.8s"></span><span style="--h:56px;animation-delay:.9s"></span>
        </div>
        <p style="color:#8FA0C4;font-size:13px;line-height:1.7;">Real-time transcription and intent detection route conversations to the right resource — bot or human — the moment intent is confirmed.</p>
        <div class="chip-row" style="margin-top:18px;">
          <span class="chip">WhatsApp</span><span class="chip">Web Chat</span><span class="chip">Outbound Campaigns</span>
        </div>
      </div>
    </div>
  </div>
</section>
  
<!-- PHOTO SHOWCASE -->
<section class="photo-showcase">
  <div class="wrap">
    <div class="showcase-head">
      <h2>We have the expertise and scale to deliver outstanding experiences anywhere, seamlessly integrating the front and back office as one.</h2>
    </div>
    <div class="photo-grid">
      <div class="photo-card">
        <img src="https://images.unsplash.com/photo-1553775282-20af80779df7?q=80&amp;w=800&amp;auto=format&amp;fit=crop" alt="Headset beside a laptop at a customer support desk" loading="lazy">
        <span class="cap">Customer experience and support</span>
      </div>
      <div class="photo-card">
        <img src="https://images.unsplash.com/photo-1560264280-88b68371db39?q=80&amp;w=800&amp;auto=format&amp;fit=crop" alt="Team working at desks in an open office" loading="lazy">
        <span class="cap">Revenue-as-a-service (RaaS)</span>
      </div>
      <div class="photo-card">
        <img src="https://images.unsplash.com/photo-1487274910620-1add53247020?q=80&amp;w=800&amp;auto=format&amp;fit=crop" alt="Passport and identity documents on a clipboard" loading="lazy">
        <span class="cap">Trust and safety</span>
      </div>
      <div class="photo-card">
        <img src="https://images.unsplash.com/photo-1653330963134-329a61aedc68?q=80&amp;w=800&amp;auto=format&amp;fit=crop" alt="Person holding a credit card and a phone" loading="lazy">
        <span class="cap">Collection services</span>
      </div>
    </div>
  </div>
</section>
 
<!-- INDUSTRIES -->
<section id="industries" class="bg-2">
  <div class="wrap">
    <div class="section-head">
      <span class="eyebrow">Industries We Serve</span>
      <h2>Domain expertise across key sectors</h2>
      <p>Tailored operational models built for complex, highly regulated verticals.</p>
    </div>
    <div class="industry-grid">
      <div class="industry-card">
        <span class="idx-badge">01</span>
        <div class="ic-lg"><i class="fa-solid fa-building-columns"></i></div>
        <h3>Banking &amp; Finance</h3>
        <p>Loan processing, KYC/AML support, and customer servicing for regulated financial institutions.</p>
        <a href="#contact" class="go">Explore <i class="fa-solid fa-arrow-right"></i></a>
      </div>
      <div class="industry-card">
        <span class="idx-badge">02</span>
        <div class="ic-lg"><i class="fa-solid fa-heart-pulse"></i></div>
        <h3>Healthcare &amp; Insurance</h3>
        <p>Claims adjudication, patient support lines, and compliance-first back-office processing.</p>
        <a href="#contact" class="go">Explore <i class="fa-solid fa-arrow-right"></i></a>
      </div>
      <div class="industry-card">
        <span class="idx-badge">03</span>
        <div class="ic-lg"><i class="fa-solid fa-cart-shopping"></i></div>
        <h3>E-Commerce &amp; Retail</h3>
        <p>Order support, returns management, and always-on customer experience at seasonal scale.</p>
        <a href="#contact" class="go">Explore <i class="fa-solid fa-arrow-right"></i></a>
      </div>
      <div class="industry-card">
        <span class="idx-badge">04</span>
        <div class="ic-lg"><i class="fa-solid fa-bolt"></i></div>
        <h3>Energy &amp; Utilities</h3>
        <p>Billing support, outage response coordination, and field-service dispatch operations.</p>
        <a href="#contact" class="go">Explore <i class="fa-solid fa-arrow-right"></i></a>
      </div>
      <div class="industry-card">
        <span class="idx-badge">05</span>
        <div class="ic-lg"><i class="fa-solid fa-truck-fast"></i></div>
        <h3>Logistics &amp; Supply Chain</h3>
        <p>Shipment tracking support, carrier coordination, and exception-handling desks.</p>
        <a href="#contact" class="go">Explore <i class="fa-solid fa-arrow-right"></i></a>
      </div>
      <div class="industry-card">
        <span class="idx-badge">06</span>
        <div class="ic-lg"><i class="fa-solid fa-graduation-cap"></i></div>
        <h3>Education &amp; EdTech</h3>
        <p>Admissions counseling, student helpdesks, and enrollment lifecycle management.</p>
        <a href="#contact" class="go">Explore <i class="fa-solid fa-arrow-right"></i></a>
      </div>
      <div class="industry-card">
        <span class="idx-badge">07</span>
        <div class="ic-lg"><i class="fa-solid fa-plane"></i></div>
        <h3>Travel &amp; Hospitality</h3>
        <p>Reservation support, itinerary changes, and guest experience management around the clock.</p>
        <a href="#contact" class="go">Explore <i class="fa-solid fa-arrow-right"></i></a>
      </div>
      <div class="industry-card">
        <span class="idx-badge">08</span>
        <div class="ic-lg"><i class="fa-solid fa-building"></i></div>
        <h3>Real Estate &amp; Property</h3>
        <p>Lead qualification, tenant support desks, and documentation processing for property portfolios.</p>
        <a href="#contact" class="go">Explore <i class="fa-solid fa-arrow-right"></i></a>
      </div>
    </div>
  </div>
</section>
 
<!-- VALUE PILLARS + VISUAL BANNER -->
<section class="value-section">
  <div class="wrap">
    <div class="value-head">
      <span class="eyebrow">How We Deliver Value</span>
      <h2>Industry expertise, people, process, and technology, orchestrated as one.</h2>
    </div>
    <div class="value-grid">
      <div class="value-col">
        <h4>People and Empathy</h4>
        <p>A globally distributed delivery network powered by domain-trained, emotionally intelligent specialists.</p>
      </div>
      <div class="value-col">
        <h4>Advanced Technology</h4>
        <p>An AI-enabled suite of voice agents and automation tools that augments live experts and streamlines operations.</p>
      </div>
      <div class="value-col">
        <h4>Process Excellence</h4>
        <p>The highest operational standards, built on rigorous QA practices and proven delivery methodologies.</p>
      </div>
      <div class="value-col">
        <h4>Deep Expertise</h4>
        <p>Deep vertical and horizontal expertise, with long-standing client partnerships built on consistent results.</p>
      </div>
    </div>
  </div>
  <div class="value-banner">
    <img src="https://images.unsplash.com/photo-1611948983382-631eaeec6069?q=80&amp;w=1920&amp;auto=format&amp;fit=crop" alt="Abstract silver metallic surface representing seamless integration">
    <div class="banner-cta">
      <a href="#contact" class="banner-cta-btn">Talk to an Expert Today</a>
    </div>
  </div>
</section>
 
<!-- ABOUT -->
<section id="about">
  <div class="wrap about-split">
    <div class="about-photo-wrap">
      <img class="about-photo" src="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?q=80&amp;w=1200&amp;auto=format&amp;fit=crop" alt="Kamrion Ventures leadership meeting with a client" loading="lazy">
    </div>
    <div>
      <span class="eyebrow">About Kamrion Ventures</span>
      <h2 style="margin:16px 0 18px;font-size:clamp(26px,3vw,38px);">Built on capital discipline, run on operational excellence</h2>
      <p style="color:var(--slate);font-size:15.5px;line-height:1.75;margin-bottom:16px;">Headquartered in Gurugram, Kamrion Ventures partners with global enterprises to run their most demanding BPO and KPO functions — pairing trained domain specialists with AI-first tooling so every engagement scales without losing quality.</p>
      <p style="color:var(--slate);font-size:15.5px;line-height:1.75;margin-bottom:28px;">From first pilot to enterprise-wide rollout, our teams work as an extension of yours, with transparent reporting and a single point of accountability throughout.</p>
      <a href="#contact" class="btn btn-outline">Talk to Our Team <i class="fa-solid fa-arrow-right"></i></a>
    </div>
  </div>
</section>
 
<!-- WHY US -->
<section id="why-us" class="bg-dark">
  <div class="wrap">
    <div class="section-head">
      <h2 style="color:#fff;">The Kamrion difference</h2>
      <p>Combining human talent with digital technology to co-create business transformation.</p>
    </div>
    <div class="grid g3">
      <div class="cell"><div class="ic"><i class="fa-solid fa-ribbon"></i></div><h3>Quality-First Approach</h3><p>Rigorous QA processes ensure every deliverable meets strict global standards.</p></div>
      <div class="cell"><div class="ic"><i class="fa-solid fa-arrow-trend-up"></i></div><h3>Scalable Operations</h3><p>From pilot deployments to enterprise-scale seats, we expand with your pace.</p></div>
      <div class="cell"><div class="ic"><i class="fa-regular fa-clock"></i></div><h3>24/7 Service Capability</h3><p>Continuous service delivery across time zones for total business continuity.</p></div>
      <div class="cell"><div class="ic"><i class="fa-solid fa-shield-halved"></i></div><h3>Data Security &amp; Compliance</h3><p>Strict adherence to regulatory data privacy and security frameworks.</p></div>
      <div class="cell"><div class="ic"><i class="fa-regular fa-user"></i></div><h3>Dedicated Account Governance</h3><p>Single point of contact committing to client alignment and proactive reporting.</p></div>
      <div class="cell"><div class="ic"><i class="fa-solid fa-globe"></i></div><h3>Global &amp; Domestic Depth</h3><p>Proven track record across Indian domestic campaigns and complex global KPO.</p></div>
    </div>
    <div class="statgrid">
      <div class="s"><b>40%</b><span>Cost Reduction</span></div>
      <div class="s"><b>98%</b><span>CSAT Score</span></div>
      <div class="s"><b>30%</b><span>Efficiency Boost</span></div>
      <div class="s"><b>24/7</b><span>Active Operations</span></div>
    </div>
  </div>
</section>
 
<!-- CLOSING CTA BANNER -->
<section class="cta-banner">
  <div class="wrap">
    <h2>Ready to build your growth curve with Kamrion?</h2>
    <p>Tell us about your process and our team will put together a proposal tailored to your operation.</p>
    <a href="#contact" class="btn btn-primary" style="background:var(--accent);">Book a Consultation <i class="fa-solid fa-arrow-right"></i></a>
  </div>
</section>
 
<!-- CONTACT -->
<section id="contact" class="bg-2">
  <div class="wrap">
    <div class="section-head">
      <span class="eyebrow">Get In Touch</span>
      <h2>Ready to transform your operations?</h2>
      <p>Submit your requirements and our solution architects will deliver a customized proposal within 24 hours.</p>
    </div>
    <div class="contact-grid">
      <div class="c-panel">
        <h3 style="color: #ffffff !important;">Contact Details</h3>
        <div class="c-row"><div class="ico"><i class="fa-solid fa-phone"></i></div><div><div class="lbl">Phone</div><a class="val" href="tel:8882806864">888-280-6864</a></div></div>
        <div class="c-row"><div class="ico"><i class="fa-solid fa-envelope"></i></div><div><div class="lbl">Email</div><a class="val" href="mailto:contact@kamrionventures.com">contact@kamrionventures.com</a></div></div>
        <div class="c-row"><div class="ico"><i class="fa-solid fa-location-dot"></i></div><div><div class="lbl">Location</div><div class="val">Udyog Vihar Phase-4, Gurugram, Haryana, India</div></div></div>
        <div class="quote">“Capital. Vision. Growth.”<br><span style="color:var(--accent);font-style:normal;font-weight:700;">— Kamrion Ventures</span></div>
      </div>
      <div class="c-form">
        <form action="mailto:contact@kamrionventures.com" method="post" enctype="text/plain">
          <div class="row2">
            <div class="field"><label for="cf-name">Your Name *</label><input id="cf-name" type="text" name="Name" placeholder="John Smith" required=""></div>
            <div class="field"><label for="cf-email">Email Address *</label><input id="cf-email" type="email" name="Email" placeholder="john@company.com" required=""></div>
          </div>
          <div class="row2">
            <div class="field"><label for="cf-company">Company Name</label><input id="cf-company" type="text" name="Company" placeholder="Your Company"></div>
            <div class="field"><label for="cf-service">Service Interested In</label><input id="cf-service" type="text" name="Service" placeholder="e.g. AI Calling Bots"></div>
          </div>
          <div class="field"><label for="cf-reqs">Your Requirements *</label><textarea id="cf-reqs" rows="4" name="Requirements" placeholder="Tell us about your project requirements..." required=""></textarea></div>
          <button type="submit" class="btn btn-primary" style="width:100%;justify-content:center;">Submit Request <i class="fa-solid fa-paper-plane"></i></button>
        </form>
      </div>
    </div>
  </div>
</section>
 
<!-- FOOTER -->
<footer>
  <div class="wrap">
    <div class="foot-grid">
      <div>
        <div class="logo-mark" style="margin-bottom:18px;">
          <svg class="brand-logo" viewBox="0 0 340 100" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M25 18V78M25 48L57 18M37 40L64 78" stroke="#ffffff" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M52 34L76 78L102 18" stroke="#00d2ff" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path>
            <rect x="90" y="30" width="7" height="17" fill="#00d2ff" rx="1.5"></rect>
            <rect x="101" y="21" width="7" height="26" fill="#0066ff" rx="1.5"></rect>
            <rect x="112" y="12" width="7" height="35" fill="#00d2ff" rx="1.5"></rect>
            <path d="M20 72 C 52 62, 84 40, 124 18" stroke="#00d2ff" stroke-width="4" fill="none" stroke-linecap="round"></path>
            <path d="M117 15 L129 15 L124 27 Z" fill="#00d2ff"></path>
            <text x="142" y="47" font-family="'Poppins',system-ui,sans-serif" font-weight="800" font-size="30" fill="#ffffff" letter-spacing="1">KAMRION</text>
            <text x="143" y="69" font-family="system-ui,sans-serif" font-weight="800" font-size="16" fill="#00d2ff" letter-spacing="6">VENTURES</text>
            <text x="143" y="86" font-family="system-ui,sans-serif" font-weight="700" font-size="10" fill="#94a3b8" letter-spacing="2.5">CAPITAL. VISION. GROWTH.</text>
          </svg>
        </div>
        <p style="font-size:13.5px;line-height:1.7;max-width:340px;margin-bottom:20px;color:#C4CCDC;">A premier BPO and KPO company delivering digital process transformation and AI automation for global enterprises.</p>
        <div class="soc">
          <a href="#" aria-label="Google" rel="noopener noreferrer"><i class="fa-brands fa-google"></i></a>
          <a href="#" aria-label="Instagram" rel="noopener noreferrer"><i class="fa-brands fa-instagram"></i></a>
          <a href="#" aria-label="LinkedIn" rel="noopener noreferrer"><i class="fa-brands fa-linkedin-in"></i></a>
        </div>
      </div>
      <div>
        <h4 style="color: #ffffff !important;">Services</h4>
        <ul>
          <li><a href="#services">Inbound &amp; Outbound</a></li>
          <li><a href="#ai-solutions">AI Calling Agents</a></li>
          <li><a href="#services">Omnichannel CX</a></li>
          <li><a href="#services">Back-Office Processing</a></li>
          <li><a href="#services">KPO &amp; Analytics</a></li>
          <li><a href="#services">RPO &amp; HR Services</a></li>
        </ul>
      </div>
      <div>
        <h4 style="color: #ffffff !important;">Industries</h4>
        <ul>
          <li><a href="#industries">Banking &amp; Finance</a></li>
          <li><a href="#industries">Healthcare</a></li>
          <li><a href="#industries">E-Commerce &amp; Retail</a></li>
          <li><a href="#industries">Energy &amp; Utilities</a></li>
          <li><a href="#industries">Logistics</a></li>
          <li><a href="#industries">Travel &amp; Hospitality</a></li>
        </ul>
      </div>
      <div>
        <h4 style="color: #ffffff !important;">Company</h4>
        <ul>
          <li><a href="#about">About Us</a></li>
          <li><a href="#why-us">Why Choose Us</a></li>
          <li><a href="#ai-solutions">AI &amp; Automation</a></li>
          <li><a href="#industries">Sectors We Serve</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </div>
    </div>
    <div class="foot-bottom">
      <p>© 2026 Kamrion Ventures. All rights reserved. | Udyog Vihar Phase-4, Gurugram</p>
      <div style="display:flex;gap:24px;">
        <a href="#home">Privacy Policy</a>
        <a href="#home">Terms of Service</a>
      </div>
    </div>
  </div>
</footer>
 
<!-- ASK AI PANEL -->
<div class="ask-ai-scrim" id="askAiScrim"></div>
<aside class="ask-ai-panel" id="askAiPanel" role="dialog" aria-modal="true" aria-label="Ask AI assistant">
  <div class="ask-ai-head">
    <h4><i class="fa-solid fa-wand-magic-sparkles"></i> Ask AI</h4>
    <button class="ask-ai-close" id="askAiClose" aria-label="Close"><i class="fa-solid fa-xmark"></i></button>
  </div>
  <div class="ask-ai-body" id="askAiBody">
    <div class="ask-ai-empty" id="askAiEmpty">
      <p><strong>Ask about Kamrion Ventures</strong></p>
      <p>Get quick answers on our services, industries we serve, or how to get a proposal — sourced from this site.</p>
      <div class="ask-ai-suggest">
        <button type="button" data-q="What BPO services does Kamrion offer?">What BPO services does Kamrion offer?</button>
        <button type="button" data-q="How do the AI voice agents work?">How do the AI voice agents work?</button>
        <button type="button" data-q="Which industries do you specialize in?">Which industries do you specialize in?</button>
        <button type="button" data-q="How fast can I get a proposal?">How fast can I get a proposal?</button>
      </div>
    </div>
    <div id="askAiThread"></div>
    <p class="ask-ai-disclaimer">This is an AI-enabled assistant. Input queries may be stored to improve responses and are not used to identify you. Avoid sharing personal information. By using this chat you agree to our Privacy Policy.</p>
  </div>
  <div class="ask-ai-foot">
    <div class="ask-ai-inputrow">
      <input type="text" id="askAiInput" placeholder="Ask a question about Kamrion Ventures…">
      <button type="button" id="askAiSend" aria-label="Send"><i class="fa-solid fa-arrow-up"></i></button>
    </div>
  </div>
</aside>
 
<style>
  .ai-msg{margin-bottom:16px;}
  .ai-msg.user{text-align:right;}
  .ai-msg .bubble{display:inline-block;text-align:left;padding:11px 15px;border-radius:12px;font-size:13.5px;line-height:1.6;max-width:88%;}
  .ai-msg.user .bubble{background:var(--ink);color:#fff;border-bottom-right-radius:2px;}
  .ai-msg.bot .bubble{background:var(--paper-2);color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:2px;}
  .ai-msg.bot .bubble.loading{color:var(--slate-lt);font-style:italic;}
  .ai-typing span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--slate-lt);margin-right:3px;animation:aiTyping 1s infinite ease-in-out;}
  .ai-typing span:nth-child(2){animation-delay:.15s;}
  .ai-typing span:nth-child(3){animation-delay:.3s;}
  @keyframes aiTyping{0%,80%,100%{opacity:.25;}40%{opacity:1;}}
</style>
 
<script>
(function(){
  var openBtn = document.getElementById('askAiOpen');
  var closeBtn = document.getElementById('askAiClose');
  var scrim = document.getElementById('askAiScrim');
  var panel = document.getElementById('askAiPanel');
  var body = document.getElementById('askAiBody');
  var emptyState = document.getElementById('askAiEmpty');
  var thread = document.getElementById('askAiThread');
  var input = document.getElementById('askAiInput');
  var sendBtn = document.getElementById('askAiSend');
 
  function openAi(){
    panel.classList.add('open'); scrim.classList.add('open');
    panel.dataset.lastFocus = 'askAiOpen';
    input.focus();
  }
  function closeAi(){
    panel.classList.remove('open'); scrim.classList.remove('open');
    openBtn.focus();
  }
  openBtn.addEventListener('click', openAi);
  closeBtn.addEventListener('click', closeAi);
  scrim.addEventListener('click', closeAi);
  document.addEventListener('keydown', function(e){
    if(e.key === 'Escape' && panel.classList.contains('open')) closeAi();
  });
 
  var mNavToggle = document.getElementById('mobileNavToggle');
  var mNavPanel = document.getElementById('mobileNavPanel');
  var mNavScrim = document.getElementById('mobileNavScrim');
  var mNavClose = document.getElementById('mobileNavClose');
  function openMNav(){
    mNavPanel.classList.add('open'); mNavScrim.classList.add('open');
    mNavToggle.setAttribute('aria-expanded','true');
  }
  function closeMNav(){
    mNavPanel.classList.remove('open'); mNavScrim.classList.remove('open');
    mNavToggle.setAttribute('aria-expanded','false'); mNavToggle.focus();
  }
  mNavToggle.addEventListener('click', openMNav);
  mNavClose.addEventListener('click', closeMNav);
  mNavScrim.addEventListener('click', closeMNav);
  mNavPanel.querySelectorAll('a').forEach(function(a){ a.addEventListener('click', closeMNav); });
  document.addEventListener('keydown', function(e){
    if(e.key === 'Escape' && mNavPanel.classList.contains('open')) closeMNav();
  });
 
  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
  var heroVideo = document.querySelector('.hero-video');
  if(heroVideo && reduceMotion.matches){ heroVideo.removeAttribute('autoplay'); heroVideo.pause(); }
 
  var KAMRION_CONTEXT = [
    "You are the 'Ask AI' assistant embedded on the Kamrion Ventures website.",
    "Kamrion Ventures is a BPO (Business Process Outsourcing) and KPO (Knowledge Process Outsourcing) company headquartered at Udyog Vihar Phase-4, Gurugram, Haryana, India.",
    "Tagline: Capital. Vision. Growth.",
    "Contact: phone 888-280-6864, email contact@kamrionventures.com.",
    "Services: Inbound & Outbound Calling (multilingual contact center, telesales, tier-1 tech support), Omnichannel CX (voice, live chat, email, social), Back-Office Triage (transaction processing, document indexing, claims), KPO & Financial Analytics (valuation modeling, equity research, BI), Enterprise Data Governance, RPO & HR Services, Market Intelligence, Global Delivery Operations (24/7 cross-border).",
    "AI & Bots: human-like AI voice agents with CRM integration and live specialist escalation, omnichannel chatbots for web and WhatsApp, hybrid cost optimization blending AI triage with human agents.",
    "Industries served: Banking & Finance, Healthcare & Insurance, E-Commerce & Retail, Energy & Utilities, Logistics & Supply Chain, Education & EdTech, Travel & Hospitality, Real Estate & Property.",
    "Why Kamrion: quality-first QA, scalable operations, 24/7 delivery, data security & compliance, dedicated account governance, global + domestic delivery depth. Stats: 40% average cost reduction, 98% CSAT, 30% efficiency boost, 24/7 operations, 7+ years expertise, 200+ domain specialists.",
    "Answer only using the information above. Keep answers short (2-4 sentences), friendly, and professional. If asked something unrelated to Kamrion Ventures or not covered above, politely redirect the person to contact the team at contact@kamrionventures.com or 888-280-6864.",
    "Do not invent pricing, contract terms, or client names that aren't mentioned above."
  ].join(" ");
 
  var history = [];
 
  function addMessage(role, text){
    var row = document.createElement('div');
    row.className = 'ai-msg ' + role;
    var bubble = document.createElement('div');
    bubble.className = 'bubble';
    bubble.textContent = text;
    row.appendChild(bubble);
    thread.appendChild(row);
    body.scrollTop = body.scrollHeight;
    return bubble;
  }
 
  function addLoading(){
    var row = document.createElement('div');
    row.className = 'ai-msg bot';
    row.id = 'askAiLoadingRow';
    var bubble = document.createElement('div');
    bubble.className = 'bubble loading';
    bubble.innerHTML = '<span class="ai-typing"><span></span><span></span><span></span></span>';
    row.appendChild(bubble);
    thread.appendChild(row);
    body.scrollTop = body.scrollHeight;
  }
 
  function removeLoading(){
    var row = document.getElementById('askAiLoadingRow');
    if(row) row.remove();
  }
 
  async function askQuestion(question){
    if(!question || !question.trim()) return;
    emptyState.style.display = 'none';
    addMessage('user', question);
    history.push({ role: 'user', content: question });
    addLoading();
    sendBtn.disabled = true;
 
    try {
      var response = await fetch('https://api.anthropic.com/v1/messages', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          model: 'claude-sonnet-4-6',
          max_tokens: 1000,
          system: KAMRION_CONTEXT,
          messages: history
        })
      });
      var data = await response.json();
      removeLoading();
 
      var textBlocks = (data.content || []).filter(function(b){ return b.type === 'text'; }).map(function(b){ return b.text; });
      var answer = textBlocks.join('\n').trim() || "Sorry, I couldn't find that. Please reach us at contact@kamrionventures.com or 888-280-6864.";
      addMessage('bot', answer);
      history.push({ role: 'assistant', content: answer });
    } catch (err) {
      removeLoading();
      addMessage('bot', "I'm having trouble connecting right now. Please reach us directly at contact@kamrionventures.com or 888-280-6864.");
      console.error('Ask AI error:', err);
    } finally {
      sendBtn.disabled = false;
    }
  }
 
  sendBtn.addEventListener('click', function(){
    var q = input.value;
    input.value = '';
    askQuestion(q);
  });
  input.addEventListener('keydown', function(e){
    if(e.key === 'Enter'){
      var q = input.value;
      input.value = '';
      askQuestion(q);
    }
  });
  emptyState.querySelectorAll('.ask-ai-suggest button').forEach(function(btn){
    btn.addEventListener('click', function(){ askQuestion(btn.getAttribute('data-q')); });
  });
})();
</script>