{"id":144,"date":"2026-05-22T02:24:33","date_gmt":"2026-05-22T02:24:33","guid":{"rendered":"https:\/\/sainosure.com\/natfirst\/?page_id=144"},"modified":"2026-07-06T13:59:44","modified_gmt":"2026-07-06T08:29:44","slug":"intelliserv","status":"publish","type":"page","link":"https:\/\/sainosure.com\/natfirst\/intelliserv\/","title":{"rendered":"Intelliserv"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nPlatform \u2014 IntelliServ | NatFirst<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\/* v2 - blue enriched, hero font updated 2026-06-20 *\/\r\n:root {\r\n --navy-deep: #020b1a;\r\n --navy-mid: #041229;\r\n --navy-card: #071a36;\r\n --navy-light: #0a2247;\r\n --blue-primary: #00AADD;\r\n --blue-bright: #00AADD;\r\n --blue-glow: #00AADD;\r\n --blue-electric: #00AADD;\r\n --blue-accent: #00AADD;\r\n --blue-pale: #66D9FF;\r\n --amber-warm: #f59e0b;\r\n --red-alert: #f59e0b;\r\n --purple-soft: #8b5cf6;\r\n --teal-soft: #00AADD;\r\n --green-soft: #10b981;\r\n --white: #ffffff;\r\n --white-90: rgba(255,255,255,0.9);\r\n --white-70: rgba(255,255,255,0.7);\r\n --white-50: rgba(255,255,255,0.5);\r\n --white-20: rgba(255,255,255,0.2);\r\n --white-10: rgba(255,255,255,0.1);\r\n --white-05: rgba(255,255,255,0.05);\r\n --text-dark: #0b1e3d;\r\n --text-mid: #2c3e5a;\r\n --text-muted: #6b7a99;\r\n --light-bg: #f5f8ff;\r\n --light-bg2: #eef3fc;\r\n --border-blue: rgba(0,170,221,0.25);\r\n --font: 'Poppins', sans-serif;\r\n --transition: 0.3s cubic-bezier(0.4,0,0.2,1);\r\n --radius-lg: 20px;\r\n --radius-md: 12px;\r\n --radius-sm: 8px;\r\n}\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:var(--font);font-size:15px;line-height:1.7;color:var(--text-dark);background:#fff;overflow-x:hidden}\r\nimg{max-width:100%;display:block}\r\na{text-decoration:none;color:inherit}\r\nul{list-style:none}\r\nh1,h2,h3,h4,h5{font-family:var(--font);font-weight:800;line-height:1.15}\r\n::-webkit-scrollbar{width:5px}\r\n::-webkit-scrollbar-track{background:#020b1a}\r\n::-webkit-scrollbar-thumb{background:rgba(0,170,221,0.45);border-radius:3px}\r\n\r\n\/* PAGE LOADER *\/\r\n#page-loader{position:fixed;inset:0;z-index:9999;background:#E3F2FF;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;transition:opacity 0.7s ease,visibility 0.7s ease}\r\n#page-loader.loaded{opacity:0;visibility:hidden;pointer-events:none}\r\n.nf-spinner-wrap{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center}\r\n.nf-ring-outer{position:absolute;width:150px;height:150px;border-radius:50%;border:3.5px solid transparent;border-top-color:#3CB8FF;border-right-color:#3CB8FF44;animation:nfSpin 1.1s linear infinite}\r\n.nf-ring-inner{position:absolute;width:114px;height:114px;border-radius:50%;border:2.5px solid transparent;border-bottom-color:#3CB8FF99;border-left-color:#3CB8FF33;animation:nfSpin 1.6s linear infinite reverse}\r\n.nf-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#3CB8FF;top:4px;left:calc(50% - 4px);box-shadow:0 0 8px #3CB8FFaa;animation:nfSpin 1.1s linear infinite;transform-origin:4px 71px}\r\n@keyframes nfSpin{to{transform:rotate(360deg)}}\r\n.nf-logo-wrap{position:relative;z-index:2;width:84px;height:84px;display:flex;align-items:center;justify-content:center;animation:nfBreathe 2.2s ease-in-out infinite}\r\n.nf-logo-wrap::before{content:'';position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.28) 0%,rgba(255,255,255,0.12) 42%,rgba(255,255,255,0.04) 62%,transparent 75%);filter:blur(8px)}\r\n.nf-logo{width:76px;height:76px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 0 10px rgba(255,255,255,0.18))}\r\n@keyframes nfBreathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:0.88}}\r\n\r\n\/* NAV *\/\r\n#main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(2,11,26,0.88);backdrop-filter:blur(18px) saturate(1.8);border-bottom:1px solid rgba(0,170,221,0.1);transition:background 0.3s,box-shadow 0.3s}\r\n#main-nav.scrolled{background:rgba(2,11,26,0.97);box-shadow:0 4px 30px rgba(0,0,0,0.4)}\r\n.nav-inner{max-width:1180px;margin:0 auto;padding:0 28px;height:70px;display:flex;align-items:center;gap:32px}\r\n.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}\r\n.nav-logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#00AADD,#007BB5);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff}\r\n.nav-brand{font-family:var(--font);font-weight:800;font-size:19px;color:#fff;letter-spacing:-0.02em}\r\n.nav-brand span{color:var(--blue-electric)}\r\n.nav-links{display:flex;align-items:center;gap:4px;flex:1}\r\n.nav-link{font-size:13.5px;font-weight:500;color:var(--white-70);padding:8px 14px;border-radius:8px;transition:color 0.2s,background 0.2s}\r\n.nav-link:hover{color:#fff;background:rgba(255,255,255,0.08)}\r\n.nav-link.active{color:var(--blue-electric);background:rgba(0,170,221,0.08)}\r\n.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}\r\n.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:50px;font-family:var(--font);font-weight:700;font-size:14px;cursor:pointer;border:none;transition:var(--transition);text-decoration:none;position:relative;overflow:hidden;letter-spacing:0.01em}\r\n.btn-primary{background:linear-gradient(135deg,#00AADD,#007BB5);color:#fff;box-shadow:0 4px 20px rgba(0,170,221,0.4)}\r\n.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,170,221,0.55)}\r\n.btn-outline{background:transparent;color:var(--blue-bright);border:2px solid rgba(0,170,221,0.55)}\r\n.btn-outline:hover{background:rgba(0,170,221,0.1);transform:translateY(-2px)}\r\n.btn::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent);transition:left 0.5s ease}\r\n.btn:hover::after{left:140%}\r\n.btn-sm{padding:9px 20px;font-size:13px}\r\n\r\n\/* LAYOUT *\/\r\n.container{max-width:1180px;margin:0 auto;padding:0 28px;width:100%}\r\nsection{padding:90px 0}\r\n\r\n\/* REVEAL *\/\r\n.reveal{opacity:0;transform:translateY(32px);transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1),transform 0.8s cubic-bezier(0.4,0,0.2,1)}\r\n.reveal.visible{opacity:1;transform:translateY(0)}\r\n.reveal-d1{transition-delay:0.1s}\r\n.reveal-d2{transition-delay:0.2s}\r\n.reveal-d3{transition-delay:0.3s}\r\n.reveal-d4{transition-delay:0.4s}\r\n.reveal-d5{transition-delay:0.5s}\r\n.reveal-left{opacity:0;transform:translateX(-36px);transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1),transform 0.8s cubic-bezier(0.4,0,0.2,1)}\r\n.reveal-right{opacity:0;transform:translateX(36px);transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1),transform 0.8s cubic-bezier(0.4,0,0.2,1)}\r\n.reveal-left.visible,.reveal-right.visible{opacity:1;transform:none}\r\n.reveal-scale{opacity:0;transform:scale(0.92);transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1),transform 0.8s cubic-bezier(0.4,0,0.2,1)}\r\n.reveal-scale.visible{opacity:1;transform:scale(1)}\r\n\r\n\/* PILLS *\/\r\n.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase}\r\n.pill-dark{background:rgba(0,170,221,0.12);color:var(--blue-electric);border:1px solid rgba(0,170,221,0.25)}\r\n.pill-light{background:rgba(0,170,221,0.08);color:var(--blue-primary);border:1px solid rgba(0,170,221,0.18)}\r\n.pill-amber{background:rgba(245,158,11,0.12);color:var(--amber-warm);border:1px solid rgba(245,158,11,0.25)}\r\n.pill-green{background:rgba(16,185,129,0.12);color:var(--green-soft);border:1px solid rgba(16,185,129,0.25)}\r\n.pill-purple{background:rgba(139,92,246,0.12);color:#a78bfa;border:1px solid rgba(139,92,246,0.25)}\r\n\r\n\/* TYPOGRAPHY *\/\r\n.section-eyebrow{margin-bottom:16px}\r\n.section-h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:800;color:var(--text-dark);line-height:1.08;letter-spacing:-0.03em;margin-bottom:16px}\r\n.section-h2-dark{color:#fff}\r\n.section-sub{font-size:16px;color:var(--text-muted);line-height:1.75;max-width:560px}\r\n.section-sub-dark{color:var(--white-70)}\r\n.section-header{text-align:center;max-width:700px;margin:0 auto 64px}\r\n.section-header .section-sub{margin:0 auto}\r\n.glow-sep{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,170,221,0.2) 30%,rgba(0,170,221,0.4) 50%,rgba(0,170,221,0.2) 70%,transparent 100%)}\r\n.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--blue-electric);flex-shrink:0;box-shadow:0 0 8px rgba(0,170,221,0.6);animation:pulseDot 2.2s ease-in-out infinite}\r\n@keyframes pulseDot{0%,100%{box-shadow:0 0 5px rgba(0,170,221,0.5)}50%{box-shadow:0 0 14px rgba(0,170,221,0.9)}}\r\n\r\n\/* =====================\r\n HERO\r\n===================== *\/\r\n#hero{background:linear-gradient(180deg,#f8faff 0%,#eef4ff 100%);min-height:500px;display:flex;align-items:center;position:relative;overflow:hidden;padding:136px 0 80px}\r\n.hero-canvas{position:absolute;inset:0;pointer-events:none}\r\n.hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px)}\r\n.hero-orb-1{width:500px;height:500px;right:-100px;top:-100px;background:radial-gradient(circle,rgba(64,184,255,0.14),transparent 65%);animation:orbDrift1 12s ease-in-out infinite}\r\n.hero-orb-2{width:400px;height:400px;left:-80px;bottom:-80px;background:radial-gradient(circle,rgba(64,184,255,0.098),transparent 65%);animation:orbDrift2 15s ease-in-out infinite}\r\n.hero-orb-3{display:none}\r\n@keyframes orbDrift1{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,20px)}}\r\n@keyframes orbDrift2{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-25px)}}\r\n.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}\r\n.hero-h1{font-size:clamp(27px,3.85vw,53px) !important;font-weight:800 !important;color:#000000 !important;line-height:1.08 !important;letter-spacing:-0.03em !important;margin-bottom:20px;max-width:860px}\r\n.hero-h1-line{display:block !important}\r\n.hero-h1 .brand-name{color:#0F2E73 !important;display:inline !important;font-weight:800 !important;letter-spacing:-0.03em !important;line-height:1.08 !important}\r\n.hero-h1 .brand-rest{color:#000000 !important;display:inline !important;font-weight:800 !important;letter-spacing:-0.03em !important;line-height:1.08 !important}\r\n.hero-h1 .accent{color:#0F2E73 !important}\r\n.hero-h1 .gradient-text{color:#0F2E73 !important}\r\n.hero-sub{font-size:17px;color:#2E4F6F;line-height:1.75;max-width:620px;margin-bottom:32px;font-weight:600}\r\n.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px;justify-content:center}\r\n.hero-metrics{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center}\r\n.hero-metric-item{display:flex;flex-direction:column}\r\n.hero-metric-num{font-size:22px;font-weight:800;color:#0F2E73;letter-spacing:-0.03em;line-height:1}\r\n.hero-metric-label{font-size:11px;color:#2E4F6F;font-weight:500;margin-top:3px;letter-spacing:0.04em}\r\n.hero-metric-sep{width:1px;height:36px;background:rgba(60,184,255,0.28)}\r\n\r\n\/* =====================\r\n BUILT ON TOP \u2014 ACCORDION STYLE\r\n===================== *\/\r\n#built-on-top{background:#ffffff;padding:96px 0;position:relative;overflow:hidden}\r\n#built-on-top::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,0.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.018) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}\r\n.bot-header{text-align:center;max-width:680px;margin:0 auto 52px}\r\n\r\n\/* Top tabs (replaces accordion) *\/\r\n.bot-tabs-wrap{max-width:920px;margin:0 auto}\r\n.bot-tabs{position:relative;display:flex;gap:4px;background:var(--light-bg);border:1px solid rgba(0,170,221,0.1);border-radius:16px;padding:6px;margin-bottom:24px}\r\n.bot-tab{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 14px;border:none;background:transparent;border-radius:12px;font-family:var(--font);cursor:pointer;transition:transform 0.2s}\r\n.bot-tab:hover{transform:translateY(-1px)}\r\n.bot-tab:focus-visible{outline:2px solid var(--blue-bright);outline-offset:2px}\r\n.bot-tab-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:box-shadow 0.3s}\r\n.bot-tab-dot.blue{background:var(--blue-primary)}\r\n.bot-tab-dot.green{background:var(--green-soft)}\r\n.bot-tab-dot.purple{background:var(--purple-soft)}\r\n.bot-tab.active .bot-tab-dot{box-shadow:0 0 0 4px rgba(0,170,221,0.13)}\r\n.bot-tab-label{font-size:13px;font-weight:700;color:var(--text-muted);letter-spacing:0.01em;line-height:1.3;text-align:center;transition:color 0.3s}\r\n.bot-tab.active .bot-tab-label{color:var(--text-dark)}\r\n.bot-tab-indicator{position:absolute;top:6px;left:6px;height:calc(100% - 12px);width:0;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(0,170,221,0.16);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),width 0.4s cubic-bezier(0.4,0,0.2,1);z-index:1}\r\n.bot-panels{position:relative}\r\n.bot-panel{display:none;background:#fff;border:1.5px solid rgba(0,170,221,0.12);border-radius:20px;padding:32px}\r\n.bot-panel.active{display:block;animation:botPanelIn 0.4s ease}\r\n@keyframes botPanelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}\r\n.bot-panel-head{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid rgba(0,170,221,0.1)}\r\n.bot-panel-heading{font-size:17.5px;font-weight:800;color:var(--text-dark);line-height:1.4;margin-top:14px;max-width:580px}\r\n.acc-label{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:20px;font-size:10.5px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;flex-shrink:0;white-space:nowrap;line-height:1}\r\n.acc-label.blue{background:rgba(0,170,221,0.1);color:var(--blue-primary);border:1px solid rgba(0,170,221,0.18)}\r\n.acc-label.green{background:rgba(16,185,129,0.1);color:var(--green-soft);border:1px solid rgba(16,185,129,0.18)}\r\n.acc-label.purple{background:rgba(139,92,246,0.1);color:var(--purple-soft);border:1px solid rgba(139,92,246,0.18)}\r\n.use-cases-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}\r\n.uc-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:var(--light-bg);border:1px solid rgba(0,170,221,0.08);border-radius:14px;transition:border-color 0.3s,transform 0.3s;cursor:default}\r\n.uc-item:hover{border-color:rgba(0,170,221,0.25);transform:translateX(4px)}\r\n.uc-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.uc-icon svg{width:16px;height:16px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}\r\n.uc-icon.blue{background:rgba(0,170,221,0.1);border:1px solid rgba(0,170,221,0.2)}\r\n.uc-icon.blue svg{stroke:#00AADD}\r\n.uc-icon.purple{background:rgba(139,92,246,0.08);border:1px solid rgba(139,92,246,0.2)}\r\n.uc-icon.purple svg{stroke:#a78bfa}\r\n.uc-icon.green{background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.2)}\r\n.uc-icon.green svg{stroke:#10b981}\r\n.uc-icon.amber{background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.2)}\r\n.uc-icon.amber svg{stroke:#f59e0b}\r\n.uc-text-h{font-size:13px;font-weight:700;color:var(--text-dark);margin-bottom:3px}\r\n.uc-text-p{font-size:12px;color:var(--text-muted);line-height:1.55}\r\n.acc-cta{display:flex;gap:12px;justify-content:flex-end}\r\n@media(max-width:680px){\r\n .bot-tabs{flex-direction:column;background:transparent;border:none;padding:0;gap:10px;margin-bottom:18px}\r\n .bot-tab{justify-content:flex-start;background:#fff;border:1.5px solid rgba(0,170,221,0.12);border-radius:14px;padding:14px 16px}\r\n .bot-tab.active{border-color:rgba(0,170,221,0.35);box-shadow:0 10px 26px rgba(0,170,221,0.12)}\r\n .bot-tab-indicator{display:none}\r\n .bot-panel{padding:22px 18px}\r\n}\r\n\r\n\/* =====================\r\n HOW IT WORKS \u2014 LIGHT\r\n===================== *\/\r\n#how-it-works{background:var(--light-bg);padding:96px 0;position:relative;overflow:hidden}\r\n#how-it-works::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}\r\n.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:16px}\r\n.step-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px 28px;position:relative;transition:border-color 0.3s,transform 0.3s,box-shadow 0.3s;overflow:hidden}\r\n.step-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,170,221,0.04) 0%,transparent 60%);opacity:0;transition:opacity 0.3s}\r\n.step-card:hover{border-color:#c7d6ee;transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,0.08)}\r\n.step-card:hover::before{opacity:1}\r\n.step-num{font-size:11px;font-weight:700;color:var(--blue-primary);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:8px}\r\n.step-num-circle{width:28px;height:28px;border-radius:50%;background:rgba(0,170,221,0.12);border:1px solid rgba(0,170,221,0.25);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--blue-primary)}\r\n.step-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}\r\n.step-icon svg{width:22px;height:22px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}\r\n.step-icon.blue{background:rgba(0,170,221,0.1);border:1.5px solid rgba(0,170,221,0.25)}\r\n.step-icon.blue svg{stroke:#00AADD}\r\n.step-icon.purple{background:rgba(139,92,246,0.1);border:1.5px solid rgba(139,92,246,0.25)}\r\n.step-icon.purple svg{stroke:#a78bfa}\r\n.step-icon.green{background:rgba(16,185,129,0.1);border:1.5px solid rgba(16,185,129,0.25)}\r\n.step-icon.green svg{stroke:#10b981}\r\n.step-icon.amber{background:rgba(245,158,11,0.1);border:1.5px solid rgba(245,158,11,0.25)}\r\n.step-icon.amber svg{stroke:#f59e0b}\r\n.step-h3{font-size:18px;font-weight:800;color:var(--text-dark);line-height:1.2;margin-bottom:12px}\r\n.step-p{font-size:14px;color:var(--text-muted);line-height:1.7}\r\n\r\n\/* =====================\r\n VALUE CARDS \u2014 DARK\r\n===================== *\/\r\n#value-created{background:var(--navy-deep);padding:96px 0;position:relative;overflow:hidden}\r\n.value-orb{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);pointer-events:none;top:-150px;right:-150px;background:radial-gradient(circle,rgba(139,92,246,0.12) 0%,transparent 70%)}\r\n.value-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\r\n.value-card{\r\n background:rgba(0,170,221,0.03);\r\n border:2px solid rgba(0,170,221,0.18);\r\n border-radius:20px;padding:30px 24px;\r\n transition:border-color 0.3s,transform 0.3s,box-shadow 0.3s;\r\n position:relative;overflow:hidden;\r\n box-shadow:0 0 0 0 rgba(0,170,221,0), inset 0 0 20px rgba(0,170,221,0.04);\r\n}\r\n.value-card::before{\r\n content:'';position:absolute;inset:0;border-radius:18px;\r\n background:linear-gradient(135deg,rgba(0,170,221,0.06) 0%,transparent 55%);\r\n pointer-events:none;\r\n}\r\n.value-card::after{\r\n content:'';position:absolute;bottom:0;left:0;right:0;height:3px;\r\n background:linear-gradient(90deg,transparent 0%,rgba(0,170,221,0.7) 50%,transparent 100%);\r\n border-radius:0 0 20px 20px;\r\n opacity:0.6;transition:opacity 0.3s;\r\n}\r\n.value-card:hover{\r\n border-color:rgba(0,170,221,0.45);\r\n transform:translateY(-6px);\r\n box-shadow:0 20px 48px rgba(0,0,0,0.5), 0 0 32px rgba(0,170,221,0.12), inset 0 0 24px rgba(0,170,221,0.06);\r\n}\r\n.value-card:hover::after{opacity:1}\r\n\/* Lucide-style icon containers for dark section *\/\r\n.value-icon{\r\n width:60px;height:60px;border-radius:16px;\r\n display:flex;align-items:center;justify-content:center;\r\n margin-bottom:22px;position:relative;z-index:1;\r\n}\r\n.value-icon svg{width:26px;height:26px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}\r\n.value-icon.blue{\r\n background:rgba(0,170,221,0.1);\r\n border:2px solid rgba(0,170,221,0.3);\r\n box-shadow:0 0 16px rgba(0,170,221,0.15);\r\n}\r\n.value-icon.blue svg{stroke:#00AADD}\r\n.value-icon.purple{\r\n background:rgba(139,92,246,0.12);\r\n border:2px solid rgba(139,92,246,0.3);\r\n box-shadow:0 0 16px rgba(139,92,246,0.15);\r\n}\r\n.value-icon.purple svg{stroke:#a78bfa}\r\n.value-icon.green{\r\n background:rgba(16,185,129,0.1);\r\n border:2px solid rgba(16,185,129,0.28);\r\n box-shadow:0 0 16px rgba(16,185,129,0.12);\r\n}\r\n.value-icon.green svg{stroke:#10b981}\r\n.value-icon.amber{\r\n background:rgba(245,158,11,0.1);\r\n border:2px solid rgba(245,158,11,0.28);\r\n box-shadow:0 0 16px rgba(245,158,11,0.12);\r\n}\r\n.value-icon.amber svg{stroke:#f59e0b}\r\n.value-h3{font-size:17px;font-weight:800;color:#fff;margin-bottom:10px;line-height:1.25;position:relative;z-index:1}\r\n.value-p{font-size:13.5px;color:var(--white-50);line-height:1.65;position:relative;z-index:1}\r\n\r\n\/* =====================\r\n STAT STRIP\r\n===================== *\/\r\n#stat-strip{background:linear-gradient(135deg,#f5f8ff,#eef3fc);padding:64px 0;border-top:1px solid rgba(0,170,221,0.08);border-bottom:1px solid rgba(0,170,221,0.08)}\r\n\r\n\/* =====================\r\n PRICING\r\n===================== *\/\r\n#pricing{background:#fff;padding:96px 0}\r\n.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:16px}\r\n.pricing-card{background:var(--light-bg);border:1px solid rgba(0,170,221,0.1);border-radius:24px;padding:32px 28px;position:relative;transition:border-color 0.3s,transform 0.3s,box-shadow 0.3s;overflow:hidden}\r\n.pricing-card:hover{border-color:rgba(0,170,221,0.25);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,170,221,0.08)}\r\n.pricing-card.featured{background:var(--navy-deep);border-color:rgba(0,170,221,0.25);box-shadow:0 20px 60px rgba(0,0,0,0.2)}\r\n.pricing-card.featured:hover{box-shadow:0 30px 80px rgba(0,170,221,0.15)}\r\n.pricing-featured-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#00AADD,#007BB5);color:#fff;font-size:10px;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:0.06em}\r\n.pricing-plan-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}\r\n.pricing-card.featured .pricing-plan-label{color:var(--white-50)}\r\n.pricing-price{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:var(--text-dark);letter-spacing:-0.04em;line-height:1;margin-bottom:4px}\r\n.pricing-card.featured .pricing-price{color:#fff}\r\n.pricing-price-sub{font-size:13px;color:var(--text-muted);margin-bottom:6px}\r\n.pricing-card.featured .pricing-price-sub{color:var(--white-50)}\r\n.pricing-annual{font-size:12px;color:var(--green-soft);font-weight:600;margin-bottom:24px}\r\n.pricing-divider{height:1px;background:rgba(0,170,221,0.1);margin:20px 0}\r\n.pricing-card.featured .pricing-divider{background:rgba(255,255,255,0.08)}\r\n.pricing-micro{font-size:11px;color:var(--text-muted);text-align:center;margin-top:10px}\r\n.pricing-card.featured .pricing-micro{color:rgba(255,255,255,0.3)}\r\n\r\n\/* =====================\r\n CONTACT\r\n===================== *\/\r\n#contact{background:linear-gradient(135deg,#f5f8ff,#eef3fc);padding:96px 0}\r\n.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}\r\n.contact-left h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--text-dark);line-height:1.08;letter-spacing:-0.03em;margin-bottom:16px}\r\n.contact-left p{font-size:15.5px;color:var(--text-muted);line-height:1.7;margin-bottom:28px}\r\n.contact-quick-items{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}\r\n.contact-quick-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-mid);font-weight:500}\r\n.contact-q-dot{width:6px;height:6px;border-radius:50%;background:var(--blue-electric)}\r\n.contact-form{background:#fff;border-radius:24px;padding:36px;border:1px solid rgba(0,170,221,0.1);box-shadow:0 20px 50px rgba(0,0,0,0.06)}\r\n.form-group{margin-bottom:18px}\r\n.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:7px}\r\n.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1.5px solid rgba(0,170,221,0.15);border-radius:10px;font-family:var(--font);font-size:14px;color:var(--text-dark);background:#fff;transition:border-color 0.2s,box-shadow 0.2s;outline:none;resize:vertical}\r\n.form-group input:focus,.form-group textarea:focus{border-color:var(--blue-bright);box-shadow:0 0 0 3px rgba(0,170,221,0.1)}\r\n.form-group textarea{min-height:110px}\r\n.form-checkbox{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:13px;color:var(--text-muted)}\r\n.form-checkbox input{width:16px;height:16px;accent-color:var(--blue-primary);cursor:pointer}\r\n.iserv-signup-card{max-width:440px;margin:0 auto;background:#fff;border-radius:24px;padding:40px 36px;border:1px solid rgba(0,170,221,0.1);box-shadow:0 20px 50px rgba(0,0,0,0.06);text-align:center}\r\n.iserv-signup-title{font-size:1.6rem;font-weight:800;color:var(--blue-primary);letter-spacing:-0.02em;margin-bottom:6px}\r\n.iserv-signup-sub{font-size:14px;color:var(--text-muted);margin-bottom:28px}\r\n.iserv-signup-card .form-group{text-align:left}\r\n.iserv-signup-card .form-group label{display:flex;align-items:center;gap:7px}\r\n.iserv-signup-card .form-group label svg{width:14px;height:14px;stroke:var(--text-muted);flex-shrink:0}\r\n.iserv-signup-card .req{color:#ef4444}\r\n.phone-row{display:flex;gap:8px}\r\n.phone-row .phone-code{flex:0 0 84px;padding:12px 10px;border:1.5px solid rgba(0,170,221,0.15);border-radius:10px;font-size:14px;color:var(--text-dark);background:#fff;outline:none}\r\n.phone-row input{flex:1}\r\n.iserv-signup-btn{width:100%;justify-content:center;margin-top:8px;gap:8px}\r\n.iserv-back-link{display:inline-block;margin-top:18px;font-size:13px;color:var(--blue-primary);text-decoration:none}\r\n.iserv-back-link:hover{text-decoration:underline}\r\n\r\n\/* =====================\r\n FOOTER\r\n===================== *\/\r\n#footer{background:var(--navy-deep);padding:56px 0 32px}\r\n.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}\r\n.footer-brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}\r\n.footer-logo-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#00AADD,#007BB5);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:#fff}\r\n.footer-brand-name{font-size:17px;font-weight:800;color:#fff}\r\n.footer-brand-name span{color:var(--blue-electric)}\r\n.footer-desc{font-size:13px;color:var(--white-50);line-height:1.65;max-width:260px;margin-bottom:20px}\r\n.footer-col-head{font-size:11px;font-weight:700;color:var(--white-70);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:16px}\r\n.footer-links{display:flex;flex-direction:column;gap:10px}\r\n.footer-link{font-size:13.5px;color:var(--white-50);transition:color 0.2s}\r\n.footer-link:hover{color:#fff}\r\n.footer-bottom{padding-top:32px;border-top:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:space-between}\r\n.footer-copy{font-size:12px;color:rgba(255,255,255,0.3)}\r\n.footer-bottom-links{display:flex;gap:20px}\r\n.footer-bottom-link{font-size:12px;color:rgba(255,255,255,0.3);transition:color 0.2s}\r\n.footer-bottom-link:hover{color:var(--white-70)}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:900px){\r\n .contact-grid,.footer-inner{grid-template-columns:1fr}\r\n .steps-grid,.value-cards,.pricing-grid{grid-template-columns:1fr 1fr !important}\r\n}\r\n@media(max-width:600px){\r\n .steps-grid,.value-cards,.pricing-grid{grid-template-columns:1fr !important}\r\n .nav-links{display:none}\r\n .acc-label{font-size:9.5px;padding:5px 10px}\r\n}\r\n<\/style>\r\n\r\n<!-- Mobile Responsive Layer -->\r\n<style id=\"nf-mobile-responsive\">\r\nhtml, body {overflow-x: hidden !important;max-width: 100% !important;}\r\nsection, .section, header, footer, nav {max-width: 100% !important;}\r\n#hero, #built-on-top, #how-it-works, #value-created, #stat-strip, #pricing, #contact {overflow-x: hidden !important;}\r\n.hero-orb-1, .hero-orb-2, .hero-orb-3 {pointer-events: none !important;}\r\n\r\n#nf-scroll-top {\r\n position: fixed;bottom: 28px;right: 24px;z-index: 9990;width: 46px;height: 46px;\r\n border-radius: 50%;background: linear-gradient(135deg, #00AADD, #007BB5);border: none;\r\n cursor: pointer;display: flex;align-items: center;justify-content: center;\r\n box-shadow: 0 4px 20px rgba(0,170,221,0.45);opacity: 0;pointer-events: none;\r\n transform: translateY(12px) scale(0.88);\r\n transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.175,0.885,0.32,1.275), box-shadow 0.3s ease;\r\n}\r\n#nf-scroll-top.visible {opacity: 1;pointer-events: auto;transform: translateY(0) scale(1);}\r\n#nf-scroll-top:hover {box-shadow: 0 8px 28px rgba(0,170,221,0.65);transform: translateY(-3px) scale(1.06);}\r\n#nf-scroll-top svg {width: 20px;height: 20px;stroke: #fff;fill: none;stroke-width: 2.5;stroke-linecap: round;stroke-linejoin: round;}\r\n\r\n@media (max-width: 960px) {\r\n .container {padding-left: 20px !important;padding-right: 20px !important;}\r\n section {padding: 64px 0 !important;}\r\n .nav-links, .nav-cta, .nav-actions {display: none !important;}\r\n .nav-inner {padding: 0 20px !important;height: 62px !important;}\r\n .steps-grid, .value-cards, .pricing-grid {grid-template-columns: 1fr 1fr !important;gap: 16px !important;}\r\n .contact-grid, .footer-inner {grid-template-columns: 1fr !important;gap: 28px !important;}\r\n .hero-orb-1 {width: 400px !important;height: 400px !important;}\r\n .hero-orb-2 {width: 320px !important;height: 320px !important;}\r\n .hero-h1 {font-size: 28px !important;line-height: 1.22 !important;}\r\n}\r\n\r\n@media (max-width: 600px) {\r\n html, body {overflow-x: hidden !important;}\r\n .container {padding-left: 16px !important;padding-right: 16px !important;}\r\n section {padding: 48px 0 !important;}\r\n #hero {padding-top: 96px !important;padding-bottom: 52px !important;}\r\n img {max-width: 100% !important;height: auto !important;}\r\n .nav-links, .nav-cta, .nav-actions {display: none !important;}\r\n .nav-inner {height: 58px !important;padding: 0 14px !important;}\r\n .steps-grid, .value-cards, .pricing-grid {grid-template-columns: 1fr !important;gap: 14px !important;}\r\n div[style*=\"display:grid\"], div[style*=\"display: grid\"] {display: grid !important;grid-template-columns: 1fr !important;gap: 16px !important;}\r\n .hero-ctas, .hero-metrics, .hero-eyebrow {flex-direction: column !important;align-items: center !important;gap: 12px !important;}\r\n .hero-metric-sep {width: 50px !important;height: 1px !important;}\r\n .hero-h1 {font-size: 17px !important;line-height: 1.3 !important;}\r\n .hero-sub {font-size: 14px !important;}\r\n .section-h2, .section-h2-dark, h2 {font-size: clamp(18px, 5.5vw, 26px) !important;font-weight:800 !important;letter-spacing:-0.03em !important;}\r\n .btn {width: 100% !important;max-width: 300px !important;justify-content: center !important;}\r\n .footer-bottom {flex-direction: column !important;text-align: center !important;gap: 10px !important;}\r\n .contact-form {padding: 20px 14px !important;}\r\n .hero-orb-1 {width: 300px !important;height: 300px !important;}\r\n .hero-orb-2 {width: 240px !important;height: 240px !important;}\r\n .hero-orb-3 {width: 160px !important;height: 160px !important;}\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n<body>\r\n\r\n<!-- PAGE LOADER -->\r\n<div id=\"page-loader\" role=\"status\" aria-label=\"Loading NatFirst, please wait\">\r\n <div class=\"nf-spinner-wrap\">\r\n <div class=\"nf-ring-outer\"><\/div>\r\n <div class=\"nf-ring-inner\"><\/div>\r\n <div class=\"nf-dot\"><\/div>\r\n <div class=\"nf-logo-wrap\">\r\n <img decoding=\"async\" class=\"nf-logo\"\r\n src=\"https:\/\/sainosure.com\/natfirst\/wp-content\/uploads\/2026\/05\/NatFirst-Brand-Logo.png\"\r\n alt=\"NatFirst\"\r\n onerror=\"this.style.display='none'\">\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- NAV -->\r\n\r\n<!-- HERO -->\r\n<section id=\"hero\">\r\n <div class=\"hero-canvas\">\r\n <div class=\"hero-orb hero-orb-1\"><\/div>\r\n <div class=\"hero-orb hero-orb-2\"><\/div>\r\n <\/div>\r\n <div class=\"container\">\r\n <div class=\"hero-inner\">\r\n <h1 class=\"hero-h1 reveal reveal-d1\">\r\n <span class=\"hero-h1-line\"><span class=\"brand-name\">IntelliServ<\/span><span class=\"brand-rest\"> - Enterprise<\/span><\/span><span class=\"hero-h1-line\"><span class=\"brand-rest\">product intelligence and<\/span><\/span><span class=\"hero-h1-line\"><span class=\"brand-rest\">attribute platform for commerce<\/span><\/span>\r\n <\/h1>\r\n <p class=\"hero-sub reveal reveal-d2\">\r\n Convert pack images into reliable product attributes that teams can export, integrate, and use across listings, search, filters, recommendations, and compliance workflows.\r\n <\/p>\r\n <div class=\"hero-ctas reveal reveal-d3\">\r\n <a href=\"#contact\" class=\"btn btn-primary\">Try IntelliServ for free<\/a>\r\n <a href=\"#pricing\" class=\"btn btn-outline\">Explore Pricing<\/a>\r\n <\/div>\r\n <div class=\"hero-metrics reveal reveal-d4\">\r\n <div class=\"hero-metric-item\">\r\n <span class=\"hero-metric-num\">200<span style=\"color:var(--blue-electric)\">+<\/span><\/span>\r\n <span class=\"hero-metric-label\">Attributes per category<\/span>\r\n <\/div>\r\n <div class=\"hero-metric-sep\"><\/div>\r\n <div class=\"hero-metric-item\">\r\n <span class=\"hero-metric-num\">95%<span style=\"color:var(--blue-electric)\">+<\/span><\/span>\r\n <span class=\"hero-metric-label\">Accuracy<\/span>\r\n <\/div>\r\n <div class=\"hero-metric-sep\"><\/div>\r\n <div class=\"hero-metric-item\">\r\n <span class=\"hero-metric-num\">70K<span style=\"color:var(--blue-electric)\">+<\/span><\/span>\r\n <span class=\"hero-metric-label\">Products Trained<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"glow-sep\"><\/div>\r\n\r\n<!-- =====================\r\n BUILT ON TOP \u2014 NOW DIRECTLY AFTER HERO, ACCORDION STYLE\r\n===================== -->\r\n<section id=\"built-on-top\">\r\n <div class=\"container\">\r\n <div class=\"bot-header reveal\">\r\n <h2 class=\"section-h2\">Built on top of reusable product intelligence.<\/h2>\r\n <p class=\"section-sub\" style=\"margin:0 auto\">The same structured attribute layer can power brand workflows, retail discovery, and enterprise-grade commerce infrastructure.<\/p>\r\n <\/div>\r\n\r\n <div class=\"bot-tabs-wrap reveal reveal-d1\">\r\n\r\n <div class=\"bot-tabs\" role=\"tablist\" aria-label=\"Who IntelliServ is built for\">\r\n <div class=\"bot-tab-indicator\"><\/div>\r\n <button class=\"bot-tab active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-tab=\"brands\">\r\n <span class=\"bot-tab-dot blue\"><\/span>\r\n <span class=\"bot-tab-label\">Brands<\/span>\r\n <\/button>\r\n <button class=\"bot-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-tab=\"retailers\">\r\n <span class=\"bot-tab-dot green\"><\/span>\r\n <span class=\"bot-tab-label\">Retailers & E-commerce<\/span>\r\n <\/button>\r\n <button class=\"bot-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-tab=\"enterprise\">\r\n <span class=\"bot-tab-dot purple\"><\/span>\r\n <span class=\"bot-tab-label\">Enterprise & Data Teams<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"bot-panels\">\r\n\r\n <!-- For Brands -->\r\n <div class=\"bot-panel active\" data-panel=\"brands\" role=\"tabpanel\">\r\n <div class=\"bot-panel-head\">\r\n <span class=\"acc-label blue\">For Brands<\/span>\r\n <h3 class=\"bot-panel-heading\">Turn your packs into cleaner listings, sharper positioning, and identify whitespaces for NPD.<\/h3>\r\n <\/div>\r\n <ul class=\"use-cases-list\">\r\n <li class=\"uc-item\">\r\n <div class=\"uc-icon blue\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"13\" x2=\"15\" y2=\"13\"\/><line x1=\"9\" y1=\"17\" x2=\"15\" y2=\"17\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"uc-text-h\">Claim every attribute you've earned<\/div>\r\n <div class=\"uc-text-p\">Surface every regulation-aligned attribute each SKU qualifies for. Stop leaving valid claims off your listings, and export the full set as CSV.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"uc-item\">\r\n <div class=\"uc-icon green\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"uc-text-h\">Know where you stand<\/div>\r\n <div class=\"uc-text-p\">Compare your claims, attributes, and nutritional profiles against competitors, across a database of 70,000+ existing products.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"uc-item\">\r\n <div class=\"uc-icon amber\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"uc-text-h\">Compare on your terms<\/div>\r\n <div class=\"uc-text-p\">Put any two SKUs side by side on attributes, nutrition, and health ratings, with you choosing the matchup, not the system.<\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"acc-cta\">\r\n <a href=\"https:\/\/sainosure.com\/natfirst\/intelliserv\/\" class=\"btn btn-outline btn-sm\">Explore Pricing<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- For Retailers -->\r\n <div class=\"bot-panel\" data-panel=\"retailers\" role=\"tabpanel\">\r\n <div class=\"bot-panel-head\">\r\n <span class=\"acc-label green\">For Retailers & E-commerce<\/span>\r\n <h3 class=\"bot-panel-heading\">Make high-intent shopping discoverable and easier to trust.<\/h3>\r\n <\/div>\r\n <ul class=\"use-cases-list\">\r\n <li class=\"uc-item\">\r\n <div class=\"uc-icon blue\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"uc-text-h\">Search and filters<\/div>\r\n <div class=\"uc-text-p\">Power intent search, faceted filters, and shelf eligibility with validated attribute data.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"uc-item\">\r\n <div class=\"uc-icon purple\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"uc-text-h\">Category curation<\/div>\r\n <div class=\"uc-text-p\">Build niche, diet-led, allergen-aware, and custom shelves using configurable attribution and taxonomy rules.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"uc-item\">\r\n <div class=\"uc-icon green\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"uc-text-h\">Recommendations and growth<\/div>\r\n <div class=\"uc-text-p\">Support AI discovery, smarter swaps, better recommendations, and sessions that drive trust and AOV.<\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"acc-cta\">\r\n <a href=\"https:\/\/sainosure.com\/natfirst\/contact-us\/#contact-main\" class=\"btn btn-outline btn-sm\">Try IntelliServ for free<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- For Enterprise -->\r\n <div class=\"bot-panel\" data-panel=\"enterprise\" role=\"tabpanel\">\r\n <div class=\"bot-panel-head\">\r\n <span class=\"acc-label purple\">For Enterprise & Data Teams<\/span>\r\n <h3 class=\"bot-panel-heading\">Extend IntelliServ into your own taxonomy, stack, and operating model.<\/h3>\r\n <\/div>\r\n <ul class=\"use-cases-list\">\r\n <li class=\"uc-item\">\r\n <div class=\"uc-icon blue\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"uc-text-h\">Custom schema<\/div>\r\n <div class=\"uc-text-p\">Define your own attributes, thresholds, and logic without forcing generic fields.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"uc-item\">\r\n <div class=\"uc-icon amber\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"uc-text-h\">API and integrations<\/div>\r\n <div class=\"uc-text-p\">Deliver product truth through API, custom integrations, or data workflows that plug into catalog and compliance systems.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"uc-item\">\r\n <div class=\"uc-icon green\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"uc-text-h\">Operational scale<\/div>\r\n <div class=\"uc-text-p\">Support large volumes with guided ingestion, managed capture, refresh workflows, and custom attribution pipelines.<\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"acc-cta\">\r\n <a href=\"#contact\" class=\"btn btn-outline btn-sm\">Contact us<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div><!-- \/bot-panels -->\r\n <\/div><!-- \/bot-tabs-wrap -->\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"glow-sep\"><\/div>\r\n\r\n<!-- HOW IT WORKS -->\r\n<section id=\"how-it-works\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <h2 class=\"section-h2\">One product intelligence platform for every commerce workflow.<\/h2>\r\n <p class=\"section-sub\">IntelliServ turns pack images into structured, validated attributes that brands and retailers can use across listings, search, filters, recommendations, and compliance.<\/p>\r\n <\/div>\r\n <div class=\"steps-grid\" style=\"grid-template-columns:repeat(4,1fr)\">\r\n <div class=\"step-card reveal reveal-d1\">\r\n <div class=\"step-num\"><div class=\"step-num-circle\">01<\/div> Ingest<\/div>\r\n <div class=\"step-icon blue\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"step-h3\">Source ingestion<\/h3>\r\n <p class=\"step-p\">Ingest existing e-commerce images or standardised capture to create a clean starting record.<\/p>\r\n <\/div>\r\n <div class=\"step-card reveal reveal-d2\">\r\n <div class=\"step-num\"><div class=\"step-num-circle\">02<\/div> Attribute<\/div>\r\n <div class=\"step-icon purple\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\"\/><path d=\"M4.93 4.93a10 10 0 0 0 0 14.14\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><path d=\"M8.46 8.46a5 5 0 0 0 0 7.07\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"step-h3\">Attribution<\/h3>\r\n <p class=\"step-p\">Extract structured attributes using domain-tuned models, standard libraries, and custom rules.<\/p>\r\n <\/div>\r\n <div class=\"step-card reveal reveal-d3\">\r\n <div class=\"step-num\"><div class=\"step-num-circle\">03<\/div> Validate<\/div>\r\n <div class=\"step-icon green\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"step-h3\">Evidence and validation<\/h3>\r\n <p class=\"step-p\">Make every output reviewable with traceable logic that teams can trust.<\/p>\r\n <\/div>\r\n <div class=\"step-card reveal reveal-d4\">\r\n <div class=\"step-num\"><div class=\"step-num-circle\">04<\/div> Deliver<\/div>\r\n <div class=\"step-icon amber\" style=\"background:rgba(245,158,11,0.1);border:1.5px solid rgba(245,158,11,0.25)\">\r\n <svg viewBox=\"0 0 24 24\" style=\"stroke:#f59e0b\"><path d=\"M22 2L11 13\"\/><path d=\"M22 2L15 22l-4-9-9-4 20-7z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"step-h3\">Workflow delivery<\/h3>\r\n <p class=\"step-p\">Export by CSV or connect by API so <strong style=\"color:var(--text-dark)\">structured intelligence<\/strong> flows into catalog, search, compliance and operational systems.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal\" style=\"text-align:center;margin-top:48px\">\r\n <a href=\"https:\/\/sainosure.com\/natfirst\/contact-us\/#contact-main\" class=\"btn btn-primary\">Try IntelliServ for free<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- VALUE CREATED -->\r\n<section id=\"value-created\">\r\n <div class=\"value-orb\"><\/div>\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <h2 class=\"section-h2 section-h2-dark\">When product attributes are structured, reliable, and reusable, the same data layer can power discovery, recommendations, trust, and smarter commercial decisions.<\/h2>\r\n <p class=\"section-sub section-sub-dark\" style=\"max-width:700px;margin:0 auto\"><\/p>\r\n <\/div>\r\n <div class=\"value-cards\" style=\"grid-template-columns:repeat(4,1fr)\">\r\n <div class=\"value-card reveal reveal-d1\">\r\n <div class=\"value-icon blue\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"value-h3\">Discovery<\/h3>\r\n <p class=\"value-p\">Make products easier to find through attribute-led search, filters, and shelf visibility.<\/p>\r\n <\/div>\r\n <div class=\"value-card reveal reveal-d2\">\r\n <div class=\"value-icon purple\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><polyline points=\"8 21 12 17 16 21\"\/><path d=\"M12 17V3\"\/><path d=\"M7 8h2M7 12h2M15 8h2M15 12h2\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"value-h3\">Recommendations<\/h3>\r\n <p class=\"value-p\">Give ranking engines and AI shopping systems the product signals they need to match intent better.<\/p>\r\n <\/div>\r\n <div class=\"value-card reveal reveal-d3\">\r\n <div class=\"value-icon green\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"value-h3\">Trust<\/h3>\r\n <p class=\"value-p\">Support ingredient-aware, constraint-led decisions with product data people can rely on.<\/p>\r\n <\/div>\r\n <div class=\"value-card reveal reveal-d4\">\r\n <div class=\"value-icon amber\">\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"value-h3\">Category intelligence<\/h3>\r\n <p class=\"value-p\">See where demand is shifting, where portfolios fall short, and where new opportunity is emerging.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal\" style=\"text-align:center;margin-top:48px\">\r\n <a href=\"https:\/\/sainosure.com\/natfirst\/contact-us\/#contact-main\" class=\"btn btn-primary\">Try IntelliServ for free<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- STAT + INTEGRATION STRIP -->\r\n<section id=\"stat-strip\">\r\n <div class=\"container\">\r\n <div class=\"reveal\" style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,170,221,0.1);border-radius:16px;overflow:hidden;margin-bottom:52px\">\r\n <div style=\"background:var(--light-bg2);padding:40px 32px;text-align:center\">\r\n <div style=\"font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;color:var(--text-dark);letter-spacing:-0.04em;line-height:1;margin-bottom:8px\"><span id=\"count-attrs\">0<\/span>+<\/div>\r\n <div style=\"font-size:14px;color:var(--text-muted);font-weight:500;max-width:240px;margin:0 auto\">Attributes per category<\/div>\r\n <\/div>\r\n <div style=\"background:var(--light-bg2);padding:40px 32px;text-align:center\">\r\n <div style=\"font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;color:var(--text-dark);letter-spacing:-0.04em;line-height:1;margin-bottom:8px\"><span id=\"count-acc\">0<\/span>%+<\/div>\r\n <div style=\"font-size:14px;color:var(--text-muted);font-weight:500;max-width:240px;margin:0 auto\">Accuracy<\/div>\r\n <\/div>\r\n <div style=\"background:var(--light-bg2);padding:40px 32px;text-align:center\">\r\n <div style=\"font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;color:var(--text-dark);letter-spacing:-0.04em;line-height:1;margin-bottom:8px\"><span id=\"count-prods\">0<\/span>K+<\/div>\r\n <div style=\"font-size:14px;color:var(--text-muted);font-weight:500;max-width:240px;margin:0 auto\">Products trained across 200+ categories<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal\" style=\"text-align:center;margin-bottom:24px\">\r\n <div style=\"font-size:30px;font-weight:800;color:var(--text-dark);letter-spacing:-0.02em\">Built for integration, not workflow disruption.<\/div>\r\n <\/div>\r\n <div class=\"reveal\" style=\"display:flex;justify-content:center;gap:40px;flex-wrap:wrap\">\r\n <div style=\"display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--text-mid)\"><span style=\"color:var(--green-soft)\">\u2713<\/span> API and CSV delivery<\/div>\r\n <div style=\"display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--text-mid)\"><span style=\"color:var(--green-soft)\">\u2713<\/span> Custom schemas supported<\/div>\r\n <div style=\"display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--text-mid)\"><span style=\"color:var(--green-soft)\">\u2713<\/span> Enterprise workflows supported<\/div>\r\n <div style=\"display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--text-mid)\"><span style=\"color:var(--green-soft)\">\u2713<\/span> Minimal operational lift<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PRICING -->\r\n<section id=\"pricing\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <h2 class=\"section-h2\">Pricing that scales with your catalog and workflow.<\/h2>\r\n <p class=\"section-sub\">Start with self-serve attribute extraction. Move to enterprise workflows when you need higher volume, custom attribution, or deeper integrations.<\/p>\r\n <\/div>\r\n <div class=\"reveal\" style=\"display:flex;align-items:center;justify-content:center;gap:14px;margin:28px 0 32px;\">\r\n <span id=\"pt-label-m\" style=\"font-size:14px;font-weight:700;color:var(--text-dark)\">Monthly<\/span>\r\n <button id=\"pricing-toggle\" type=\"button\" role=\"switch\" aria-checked=\"false\" onclick=\"togglePricingPeriod()\" style=\"width:48px;height:27px;border-radius:999px;background:rgba(0,170,221,0.15);border:1.5px solid rgba(0,170,221,0.3);position:relative;cursor:pointer;padding:0;flex-shrink:0\">\r\n <span id=\"pricing-toggle-knob\" style=\"position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--blue-primary);transition:left 0.2s\"><\/span>\r\n <\/button>\r\n <span id=\"pt-label-a\" style=\"font-size:14px;font-weight:700;color:var(--text-muted)\">Annual <span style=\"color:var(--green-soft);font-weight:700\">(save 40%)<\/span><\/span>\r\n <\/div>\r\n <div class=\"pricing-grid\" style=\"grid-template-columns:repeat(4,1fr)\">\r\n <div class=\"pricing-card reveal reveal-d1\">\r\n <div class=\"pricing-plan-label\">Starter<\/div>\r\n <div class=\"pricing-price price-monthly\" data-monthly=\"\u20b915,000\" data-annual=\"\u20b99,000\">\u20b915,000<\/div>\r\n <div class=\"pricing-price-sub price-sub\" data-monthly=\"\/ month \u00b7 For individuals getting started with small batches\" data-annual=\"\/ month, billed annually \u00b7 For individuals getting started with small batches\">\/ month \u00b7 For individuals getting started with small batches<\/div>\r\n <div class=\"pricing-annual price-note\" data-monthly=\"Annual intro: \u20b91,08,000 \/ year\" data-annual=\"Billed as \u20b91,08,000 \/ year\">Annual intro: \u20b91,08,000 \/ year<\/div>\r\n <div class=\"pricing-divider\"><\/div>\r\n <a href=\"#contact\" class=\"btn btn-outline\" style=\"width:100%;justify-content:center\">Start Free Trial<\/a>\r\n <div class=\"pricing-micro\">No credit card required \u00b7 Free trial included<\/div>\r\n <\/div>\r\n <div class=\"pricing-card featured reveal reveal-d2\">\r\n <span class=\"pricing-featured-badge\">Most popular<\/span>\r\n <div class=\"pricing-plan-label\">Team<\/div>\r\n <div class=\"pricing-price price-monthly\" style=\"color:#fff\" data-monthly=\"\u20b965,000\" data-annual=\"\u20b939,000\">\u20b965,000<\/div>\r\n <div class=\"pricing-price-sub price-sub\" data-monthly=\"\/ month \u00b7 For teams running ongoing monthly uploads\" data-annual=\"\/ month, billed annually \u00b7 For teams running ongoing monthly uploads\">\/ month \u00b7 For teams running ongoing monthly uploads<\/div>\r\n <div class=\"pricing-annual price-note\" data-monthly=\"Annual intro: \u20b94,68,000 \/ year\" data-annual=\"Billed as \u20b94,68,000 \/ year\">Annual intro: \u20b94,68,000 \/ year<\/div>\r\n <div class=\"pricing-divider\"><\/div>\r\n <a href=\"#contact\" class=\"btn btn-primary\" style=\"width:100%;justify-content:center\">Start Free Trial<\/a>\r\n <div class=\"pricing-micro\" style=\"color:rgba(255,255,255,0.3)\">No credit card required \u00b7 Free trial included<\/div>\r\n <\/div>\r\n <div class=\"pricing-card reveal reveal-d3\">\r\n <div class=\"pricing-plan-label\">Scale<\/div>\r\n <div class=\"pricing-price price-monthly\" data-monthly=\"\u20b91,20,000\" data-annual=\"\u20b972,000\">\u20b91,20,000<\/div>\r\n <div class=\"pricing-price-sub price-sub\" data-monthly=\"\/ month \u00b7 For larger catalogs and steady throughput\" data-annual=\"\/ month, billed annually \u00b7 For larger catalogs and steady throughput\">\/ month \u00b7 For larger catalogs and steady throughput<\/div>\r\n <div class=\"pricing-annual price-note\" data-monthly=\"Annual intro: \u20b98,64,000 \/ year\" data-annual=\"Billed as \u20b98,64,000 \/ year\">Annual intro: \u20b98,64,000 \/ year<\/div>\r\n <div class=\"pricing-divider\"><\/div>\r\n <a href=\"#contact\" class=\"btn btn-outline\" style=\"width:100%;justify-content:center\">Start Free Trial<\/a>\r\n <div class=\"pricing-micro\">No credit card required \u00b7 Free trial included<\/div>\r\n <\/div>\r\n <div class=\"pricing-card reveal reveal-d4\">\r\n <div class=\"pricing-plan-label\">Enterprise<\/div>\r\n <div class=\"pricing-price\" style=\"font-size:1.8rem\">Talk to sales<\/div>\r\n <div class=\"pricing-price-sub\">For large-scale needs and custom workflows<\/div>\r\n <div class=\"pricing-annual\">Custom pricing<\/div>\r\n <div class=\"pricing-divider\"><\/div>\r\n <a href=\"#contact\" class=\"btn btn-outline\" style=\"width:100%;justify-content:center\">Contact us<\/a>\r\n <div class=\"pricing-micro\">Dedicated support & SLA<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <!-- Comparison Table -->\r\n <div class=\"reveal\" style=\"margin-top:56px;overflow-x:auto\">\r\n <div style=\"font-size:14px;font-weight:800;color:var(--text-dark);margin-bottom:20px\">What's included<\/div>\r\n <table style=\"width:100%;border-collapse:collapse;font-size:13px\">\r\n <thead>\r\n <tr style=\"border-bottom:2px solid rgba(0,170,221,0.12)\">\r\n <th style=\"text-align:left;padding:12px 16px;color:var(--text-muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.08em\">Feature<\/th>\r\n <th style=\"text-align:center;padding:12px 16px;color:var(--text-muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.08em\">Starter<\/th>\r\n <th style=\"text-align:center;padding:12px 16px;color:var(--blue-primary);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.08em\">Team<\/th>\r\n <th style=\"text-align:center;padding:12px 16px;color:var(--text-muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.08em\">Scale<\/th>\r\n <th style=\"text-align:center;padding:12px 16px;color:var(--text-muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.08em\">Enterprise<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr style=\"border-bottom:1px solid rgba(0,170,221,0.07)\"><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">SKU runs \/ month<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-dark);font-weight:600\">100<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-dark);font-weight:600;background:rgba(0,170,221,0.04)\">500<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-dark);font-weight:600\">1,000<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-dark);font-weight:600\">Custom volume<\/td><\/tr>\r\n <tr style=\"border-bottom:1px solid rgba(0,170,221,0.07)\"><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">Users<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-dark);font-weight:600\">1 user<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-dark);font-weight:600;background:rgba(0,170,221,0.04)\">Multiple users<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-dark);font-weight:600\">Multiple users<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-dark);font-weight:600\">Custom<\/td><\/tr>\r\n <tr style=\"border-bottom:1px solid rgba(0,170,221,0.07)\"><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">Real-time processing + job status<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700;background:rgba(0,170,221,0.04)\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><\/tr>\r\n <tr style=\"border-bottom:1px solid rgba(0,170,221,0.07)\"><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">FSSAI-aligned outputs<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700;background:rgba(0,170,221,0.04)\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><\/tr>\r\n <tr style=\"border-bottom:1px solid rgba(0,170,221,0.07)\"><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">Indian ingredient taxonomy mapping<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700;background:rgba(0,170,221,0.04)\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><\/tr>\r\n <tr style=\"border-bottom:1px solid rgba(0,170,221,0.07)\"><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">Standard attribute extraction<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700;background:rgba(0,170,221,0.04)\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><\/tr>\r\n <tr style=\"border-bottom:1px solid rgba(0,170,221,0.07)\"><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">Batch uploads<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700;background:rgba(0,170,221,0.04)\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><\/tr>\r\n <tr style=\"border-bottom:1px solid rgba(0,170,221,0.07)\"><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">CSV export<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700;background:rgba(0,170,221,0.04)\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><\/tr>\r\n <tr style=\"border-bottom:1px solid rgba(0,170,221,0.07)\"><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">Higher throughput priority queue<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700;background:rgba(0,170,221,0.04)\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><\/tr>\r\n <tr style=\"border-bottom:1px solid rgba(0,170,221,0.07)\"><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">Priority support<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted);background:rgba(0,170,221,0.04)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><\/tr>\r\n <tr style=\"border-bottom:1px solid rgba(0,170,221,0.07)\"><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">Custom attributes<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted);background:rgba(0,170,221,0.04)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><\/tr>\r\n <tr style=\"border-bottom:1px solid rgba(0,170,221,0.07)\"><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">Custom extraction logic<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted);background:rgba(0,170,221,0.04)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><\/tr>\r\n <tr style=\"border-bottom:1px solid rgba(0,170,221,0.07)\"><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">Custom vision workflows<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted);background:rgba(0,170,221,0.04)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><\/tr>\r\n <tr><td style=\"padding:11px 16px;color:var(--text-mid);font-weight:500\">Custom integrations<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted);background:rgba(0,170,221,0.04)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--text-muted)\">\u2014<\/td><td style=\"text-align:center;padding:11px 16px;color:var(--green-soft);font-weight:700\">\u2713<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <div style=\"margin-top:16px;font-size:12px;color:var(--text-muted);line-height:1.7\">All prices excl. GST. Extra runs billed at \u20b9150 per run.<br><br>1 SKU run = 1 SKU processed into structured product data from provided inputs. Re-processing the same SKU with updated inputs counts as a new run.<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CONTACT \/ SIGN-UP -->\r\n<section id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"iserv-signup-card reveal\">\r\n <div id=\"iserv-signup-fields\">\r\n <h2 class=\"iserv-signup-title\">Try IntelliServ for free<\/h2>\r\n <p class=\"iserv-signup-sub\">Fill the form below to get access<\/p>\r\n <div class=\"form-group\">\r\n <label><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>Contact Name <span class=\"req\">*<\/span><\/label>\r\n <input type=\"text\" placeholder=\"Enter your full name\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"\/><path d=\"M5 21V7l7-4 7 4v14\"\/><path d=\"M9 9h1M14 9h1M9 13h1M14 13h1M9 17h1M14 17h1\"\/><\/svg>Company <span class=\"req\">*<\/span><\/label>\r\n <input type=\"text\" placeholder=\"Enter your company name\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-10 5L2 7\"\/><\/svg>Work Email <span class=\"req\">*<\/span><\/label>\r\n <input type=\"email\" placeholder=\"your@company.com\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>Phone Number<\/label>\r\n <div class=\"phone-row\">\r\n <select class=\"phone-code\"><option>IN +91<\/option><\/select>\r\n <input type=\"tel\" placeholder=\"Enter phone number\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>Industry <span class=\"req\">*<\/span><\/label>\r\n <input type=\"text\" placeholder=\"Enter your industry\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"\/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"\/><\/svg>Purpose <span class=\"req\">*<\/span><\/label>\r\n <textarea placeholder=\"Describe your use case\"><\/textarea>\r\n <\/div>\r\n <button type=\"button\" id=\"iserv-signup-btn\" class=\"btn btn-primary iserv-signup-btn\" onclick=\"submitIservSignup()\">Sign-up →<\/button>\r\n <a href=\"https:\/\/intelliserv.natfirst.com\/\" class=\"iserv-back-link\" target=\"_blank\" rel=\"noopener\">← Back to Sign In<\/a>\r\n <\/div>\r\n <div id=\"iserv-signup-success\" style=\"display:none;text-align:center;\">\r\n <div style=\"font-size:36px;margin-bottom:10px;\">\u2705<\/div>\r\n <h2 class=\"iserv-signup-title\" style=\"margin-bottom:10px;\">Request Submitted!<\/h2>\r\n <p class=\"iserv-signup-sub\" style=\"margin-bottom:22px;\">We will get back to you on your shared email in 2-3 business days<\/p>\r\n <a href=\"https:\/\/intelliserv.natfirst.com\/\" class=\"btn btn-primary iserv-signup-btn\" style=\"text-decoration:none;\" target=\"_blank\" rel=\"noopener\">← Back to Sign In<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n\r\n<script>\r\nfunction submitIservSignup() {\r\n const fields = document.getElementById('iserv-signup-fields');\r\n const success = document.getElementById('iserv-signup-success');\r\n if (fields) fields.style.display = 'none';\r\n if (success) success.style.display = 'block';\r\n}\r\nfunction togglePricingPeriod() {\r\n const btn = document.getElementById('pricing-toggle');\r\n const knob = document.getElementById('pricing-toggle-knob');\r\n const isAnnual = btn.getAttribute('aria-checked') === 'true';\r\n const next = !isAnnual;\r\n btn.setAttribute('aria-checked', next ? 'true' : 'false');\r\n knob.style.left = next ? '23px' : '2px';\r\n document.getElementById('pt-label-m').style.color = next ? 'var(--text-muted)' : 'var(--text-dark)';\r\n document.getElementById('pt-label-a').style.color = next ? 'var(--text-dark)' : 'var(--text-muted)';\r\n const mode = next ? 'annual' : 'monthly';\r\n document.querySelectorAll('.price-monthly').forEach(el => el.textContent = el.dataset[mode]);\r\n document.querySelectorAll('.price-sub').forEach(el => el.textContent = el.dataset[mode]);\r\n document.querySelectorAll('.price-note').forEach(el => el.textContent = el.dataset[mode]);\r\n}\r\n<\/script>\r\n\r\n<script>\r\n\/* PAGE LOADER *\/\r\nwindow.addEventListener('load', () => {\r\n setTimeout(() => {\r\n const loader = document.getElementById('page-loader');\r\n if (loader) loader.classList.add('loaded');\r\n }, 2200);\r\n});\r\n\r\n\/* NAV SCROLL *\/\r\nconst nav = document.getElementById('main-nav');\r\nif (nav) {\r\n window.addEventListener('scroll', () => {\r\n nav.classList.toggle('scrolled', window.scrollY > 40);\r\n });\r\n}\r\n\r\n\/* REVEAL ON SCROLL *\/\r\nconst revealEls = document.querySelectorAll('.reveal,.reveal-left,.reveal-right,.reveal-scale');\r\nconst observer = new IntersectionObserver((entries) => {\r\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\r\n}, { threshold: 0.12 });\r\nrevealEls.forEach(el => observer.observe(el));\r\n\r\n\/* STAT COUNTER *\/\r\nfunction animateCount(el, target, duration) {\r\n let start = null;\r\n const step = (ts) => {\r\n if (!start) start = ts;\r\n const progress = Math.min((ts - start) \/ duration, 1);\r\n const ease = 1 - Math.pow(1 - progress, 3);\r\n el.textContent = Math.floor(ease * target);\r\n if (progress < 1) requestAnimationFrame(step);\r\n else el.textContent = target;\r\n };\r\n requestAnimationFrame(step);\r\n}\r\nconst statObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n animateCount(document.getElementById('count-attrs'), 200, 1800);\r\n animateCount(document.getElementById('count-acc'), 95, 1800);\r\n animateCount(document.getElementById('count-prods'), 70, 1800);\r\n statObserver.disconnect();\r\n }\r\n });\r\n}, { threshold: 0.4 });\r\nconst stripEl = document.getElementById('stat-strip');\r\nif (stripEl) statObserver.observe(stripEl);\r\n\r\n\/* BUILT-ON-TOP TABS *\/\r\n(function(){\r\n const tabsWrap = document.querySelector('.bot-tabs');\r\n if (!tabsWrap) return;\r\n const tabs = Array.from(tabsWrap.querySelectorAll('.bot-tab'));\r\n const indicator = tabsWrap.querySelector('.bot-tab-indicator');\r\n const panels = Array.from(document.querySelectorAll('.bot-panel'));\r\n\r\n function moveIndicator(tab) {\r\n if (!indicator || !tab) return;\r\n indicator.style.width = tab.offsetWidth + 'px';\r\n indicator.style.transform = 'translateX(' + tab.offsetLeft + 'px)';\r\n }\r\n\r\n function activate(tabName) {\r\n const activeTab = tabs.find(t => t.dataset.tab === tabName);\r\n if (!activeTab) return;\r\n tabs.forEach(t => {\r\n const isActive = t === activeTab;\r\n t.classList.toggle('active', isActive);\r\n t.setAttribute('aria-selected', isActive ? 'true' : 'false');\r\n });\r\n panels.forEach(p => p.classList.toggle('active', p.dataset.panel === tabName));\r\n moveIndicator(activeTab);\r\n }\r\n\r\n tabs.forEach(tab => {\r\n tab.addEventListener('click', () => activate(tab.dataset.tab));\r\n });\r\n\r\n window.addEventListener('load', () => {\r\n const current = tabs.find(t => t.classList.contains('active')) || tabs[0];\r\n moveIndicator(current);\r\n });\r\n window.addEventListener('resize', () => {\r\n const current = tabs.find(t => t.classList.contains('active')) || tabs[0];\r\n moveIndicator(current);\r\n });\r\n\r\n \/\/ Position immediately so the indicator isn't stuck at width:0 before load fires\r\n const initial = tabs.find(t => t.classList.contains('active')) || tabs[0];\r\n moveIndicator(initial);\r\n})();\r\n<\/script>\r\n\r\n<script id=\"nf-scroll-top-js\">\r\n(function(){\r\n 'use strict';\r\n var btn = document.createElement('button');\r\n btn.id = 'nf-scroll-top';\r\n btn.setAttribute('aria-label', 'Back to top');\r\n btn.setAttribute('title', 'Back to top');\r\n btn.innerHTML = '<svg viewBox=\"0 0 24 24\"><polyline points=\"18 15 12 9 6 15\"><\/polyline><\/svg>';\r\n document.body.appendChild(btn);\r\n var ticking = false;\r\n window.addEventListener('scroll', function(){\r\n if (!ticking) {\r\n requestAnimationFrame(function(){\r\n btn.classList.toggle('visible', window.scrollY > 320);\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, {passive: true});\r\n btn.addEventListener('click', function(){\r\n window.scrollTo({top: 0, behavior: 'smooth'});\r\n });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Platform \u2014 IntelliServ | NatFirst IntelliServ – Enterpriseproduct intelligence andattribute platform for commerce Convert pack images into reliable product attributes that teams can export, integrate, and use across listings, search, filters, recommendations, and compliance workflows. Try IntelliServ for free Explore Pricing 200+ Attributes per category 95%+ Accuracy 70K+ Products Trained Built on top of reusable […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-144","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sainosure.com\/natfirst\/wp-json\/wp\/v2\/pages\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sainosure.com\/natfirst\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sainosure.com\/natfirst\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sainosure.com\/natfirst\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sainosure.com\/natfirst\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":95,"href":"https:\/\/sainosure.com\/natfirst\/wp-json\/wp\/v2\/pages\/144\/revisions"}],"predecessor-version":[{"id":1420,"href":"https:\/\/sainosure.com\/natfirst\/wp-json\/wp\/v2\/pages\/144\/revisions\/1420"}],"wp:attachment":[{"href":"https:\/\/sainosure.com\/natfirst\/wp-json\/wp\/v2\/media?parent=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}