{"id":96,"date":"2026-07-29T12:28:47","date_gmt":"2026-07-29T12:28:47","guid":{"rendered":"https:\/\/aditya.anjnis.com\/?page_id=96"},"modified":"2026-07-29T12:28:53","modified_gmt":"2026-07-29T12:28:53","slug":"elementor-96","status":"publish","type":"page","link":"https:\/\/aditya.anjnis.com\/index.php\/elementor-96\/","title":{"rendered":"Elementor #96"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nAutomateX \u2014 AI Automation Agency | Automate Your Business with AI<\/title>\r\n<meta name=\"description\" content=\"AutomateX builds AI-powered workflows, intelligent chatbots, AI agents and business automations that save hundreds of hours every month.\">\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=Inter:wght@400;500;600&family=Poppins:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ============================================================\r\n 01 \u00b7 TOKENS & RESET\r\n============================================================ *\/\r\n:root{\r\n --bg:#070312;\r\n --bg-2:#0C0620;\r\n --bg-3:#050210;\r\n --surface:rgba(255,255,255,.08);\r\n --surface-2:rgba(255,255,255,.04);\r\n --stroke:rgba(255,255,255,.12);\r\n --stroke-soft:rgba(255,255,255,.08);\r\n --text:#FFFFFF;\r\n --para:#E2E8F0;\r\n --dim:rgba(226,232,240,.6);\r\n --p1:#C026FF; --p2:#A855F7; --p3:#7C3AED; --p4:#6366F1; --p5:#4338CA;\r\n --grad:linear-gradient(135deg,var(--p1) 0%,var(--p2) 30%,var(--p3) 55%,var(--p4) 78%,var(--p5) 100%);\r\n --font-d:'Poppins',sans-serif;\r\n --font-b:'Inter',sans-serif;\r\n --ease:cubic-bezier(.22,1,.36,1);\r\n --glow:0 14px 44px rgba(168,85,247,.45);\r\n}\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\nhtml{scroll-behavior:smooth;scroll-padding-top:92px}\r\nbody{\r\n background:var(--bg);\r\n color:var(--text);\r\n font:400 16px\/1.6 var(--font-b);\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n}\r\nimg,svg{display:block}\r\na{color:inherit;text-decoration:none}\r\nul{list-style:none}\r\nbutton{font-family:inherit;cursor:pointer}\r\n::selection{background:rgba(168,85,247,.5);color:#fff}\r\nbody::-webkit-scrollbar{width:10px}\r\nbody::-webkit-scrollbar-track{background:var(--bg-2)}\r\nbody::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--p2),var(--p5));border-radius:99px}\r\na:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--p2);outline-offset:3px;border-radius:6px}\r\n\r\n\/* ============================================================\r\n 02 \u00b7 UTILITIES\r\n============================================================ *\/\r\n.container{max-width:1200px;margin:0 auto;padding:0 24px}\r\nsection{position:relative;padding:clamp(84px,10vw,140px) 0}\r\n.eyebrow{\r\n display:inline-flex;align-items:center;gap:12px;\r\n font:600 12px var(--font-b);letter-spacing:.24em;text-transform:uppercase;color:#C4B5FD;\r\n margin-bottom:20px;\r\n}\r\n.eyebrow::before{content:'';width:26px;height:2px;border-radius:2px;background:var(--grad)}\r\n.sec-title{font:700 clamp(2rem,4.2vw,3rem)\/1.15 var(--font-d);letter-spacing:-.015em}\r\n.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:44px;margin-bottom:clamp(44px,6vw,64px)}\r\n.sec-head .lead{max-width:400px;color:var(--para);font-size:16px;line-height:1.7;flex:none}\r\n.sec-head.center{flex-direction:column;align-items:center;text-align:center}\r\n.sec-head.center .lead{max-width:560px}\r\n.sec-head.center .eyebrow::after{content:'';width:26px;height:2px;border-radius:2px;background:var(--grad)}\r\n.grad-text{\r\n background:var(--grad);background-size:200% auto;\r\n -webkit-background-clip:text;background-clip:text;\r\n -webkit-text-fill-color:transparent;color:transparent;\r\n animation:gradMove 7s linear infinite alternate;\r\n}\r\n@keyframes gradMove{to{background-position:100% center}}\r\n.glass{\r\n background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04));\r\n border:1px solid var(--stroke);\r\n backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);\r\n}\r\n.glow-card{position:relative;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s}\r\n.glow-card::before{\r\n content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;\r\n background:var(--grad);pointer-events:none;opacity:0;transition:opacity .5s var(--ease);\r\n -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);\r\n -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;\r\n}\r\n.glow-card:hover{transform:translateY(-8px);box-shadow:0 26px 60px -22px rgba(124,58,237,.5)}\r\n.glow-card:hover::before{opacity:1}\r\n.btn{\r\n display:inline-flex;align-items:center;justify-content:center;gap:10px;\r\n font:600 15px\/1 var(--font-b);padding:17px 30px;border-radius:999px;border:0;\r\n position:relative;overflow:hidden;white-space:nowrap;\r\n transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .4s,border-color .4s,color .4s;\r\n}\r\n.btn svg{transition:transform .4s var(--ease)}\r\n.btn:hover svg{transform:translateX(4px)}\r\n.btn-white{background:#fff;color:#6D28D9;box-shadow:0 6px 24px rgba(124,58,237,.28)}\r\n.btn-white::after{\r\n content:'';position:absolute;inset:0;\r\n background:linear-gradient(105deg,transparent 40%,rgba(168,85,247,.22) 50%,transparent 60%);\r\n transform:translateX(-130%);transition:transform .8s var(--ease);\r\n}\r\n.btn-white:hover{transform:translateY(-3px);box-shadow:0 16px 48px rgba(168,85,247,.55)}\r\n.btn-white:hover::after{transform:translateX(130%)}\r\n.btn-ghost{background:var(--surface);color:#fff;border:1px solid var(--stroke);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}\r\n.btn-ghost:hover{transform:translateY(-3px);border-color:rgba(192,38,255,.65);box-shadow:0 12px 40px rgba(124,58,237,.35)}\r\n.btn-lg{padding:20px 38px;font-size:16px}\r\n.btn-sm{padding:13px 24px;font-size:14px}\r\n[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease) var(--rd,0ms),transform .9s var(--ease) var(--rd,0ms)}\r\n[data-reveal=\"left\"]{transform:translateX(-46px)}\r\n[data-reveal=\"right\"]{transform:translateX(46px)}\r\n[data-reveal=\"zoom\"]{transform:scale(.88)}\r\n[data-reveal].in{opacity:1;transform:none}\r\n\r\n\/* ============================================================\r\n 03 \u00b7 AMBIENT BACKGROUND & PROGRESS\r\n============================================================ *\/\r\n.bg-amb{\r\n position:fixed;inset:0;z-index:-1;overflow:hidden;\r\n background:\r\n radial-gradient(1200px 800px at 85% -10%,rgba(124,58,237,.16),transparent 60%),\r\n radial-gradient(1000px 700px at -10% 35%,rgba(67,56,202,.15),transparent 60%),\r\n var(--bg);\r\n}\r\n.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.32}\r\n.blob-1{width:580px;height:580px;background:var(--p3);top:-14%;left:52%;animation:drift1 26s ease-in-out infinite alternate}\r\n.blob-2{width:500px;height:500px;background:var(--p1);bottom:-22%;left:-12%;animation:drift2 32s ease-in-out infinite alternate}\r\n.blob-3{width:440px;height:440px;background:var(--p5);top:38%;right:-16%;animation:drift3 28s ease-in-out infinite alternate}\r\n@keyframes drift1{to{transform:translate(-120px,90px) scale(1.15)}}\r\n@keyframes drift2{to{transform:translate(140px,-70px) scale(1.1)}}\r\n@keyframes drift3{to{transform:translate(-90px,-110px) scale(.9)}}\r\n.progress{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--grad);transform-origin:0 50%;transform:scaleX(0);z-index:300}\r\n\r\n\/* ============================================================\r\n 04 \u00b7 NAVBAR\r\n============================================================ *\/\r\n.nav{position:fixed;top:0;left:0;right:0;z-index:200;border-bottom:1px solid transparent;transition:background .45s,border-color .45s,backdrop-filter .45s}\r\n.nav.scrolled{background:rgba(7,3,18,.74);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--stroke-soft)}\r\n.nav-inner{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px}\r\n.logo{display:flex;align-items:center;gap:11px;font:700 19px var(--font-d);letter-spacing:-.01em}\r\n.logo-mark{width:38px;height:38px;border-radius:11px;background:var(--grad);display:grid;place-items:center;box-shadow:0 6px 20px rgba(168,85,247,.5)}\r\n.logo-mark svg{width:20px;height:20px}\r\n.logo b{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\r\n.nav-links{display:flex;gap:34px}\r\n.nav-links a{position:relative;font:500 14px var(--font-b);color:rgba(255,255,255,.7);transition:color .35s;padding:6px 0}\r\n.nav-links a::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;border-radius:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}\r\n.nav-links a:hover,.nav-links a.active{color:#fff}\r\n.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}\r\n.nav-actions{display:flex;align-items:center;gap:14px}\r\n.burger{display:none;width:44px;height:44px;border-radius:12px;background:var(--surface);border:1px solid var(--stroke);position:relative;z-index:210}\r\n.burger span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:#fff;transition:.4s var(--ease)}\r\n.burger span:nth-child(1){top:17px}\r\n.burger span:nth-child(2){top:25px}\r\nbody.menu-open .burger span:nth-child(1){top:21px;rotate:45deg}\r\nbody.menu-open .burger span:nth-child(2){top:21px;rotate:-45deg}\r\n\r\n\/* ============================================================\r\n 05 \u00b7 MOBILE MENU\r\n============================================================ *\/\r\n.mobile-menu{\r\n position:fixed;inset:0;z-index:190;background:rgba(7,3,18,.96);\r\n backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);\r\n display:flex;flex-direction:column;justify-content:center;padding:100px 32px 48px;\r\n transform:translateY(-102%);transition:transform .6s var(--ease);\r\n}\r\nbody.menu-open .mobile-menu{transform:none}\r\nbody.menu-open{overflow:hidden}\r\n.mobile-menu a.m-link{font:600 clamp(26px,7vw,34px)\/1.5 var(--font-d);color:rgba(255,255,255,.85);padding:8px 0;opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease),transform .5s var(--ease),color .3s}\r\n.mobile-menu a.m-link:hover{color:var(--p1)}\r\nbody.menu-open .mobile-menu a.m-link{opacity:1;transform:none}\r\nbody.menu-open .mobile-menu a.m-link:nth-child(1){transition-delay:.08s}\r\nbody.menu-open .mobile-menu a.m-link:nth-child(2){transition-delay:.14s}\r\nbody.menu-open .mobile-menu a.m-link:nth-child(3){transition-delay:.2s}\r\nbody.menu-open .mobile-menu a.m-link:nth-child(4){transition-delay:.26s}\r\nbody.menu-open .mobile-menu a.m-link:nth-child(5){transition-delay:.32s}\r\nbody.menu-open .mobile-menu a.m-link:nth-child(6){transition-delay:.38s}\r\n.mobile-menu .btn{margin-top:30px;align-self:flex-start;opacity:0;transition:opacity .5s .45s}\r\nbody.menu-open .mobile-menu .btn{opacity:1}\r\n\r\n\/* ============================================================\r\n 06 \u00b7 HERO\r\n============================================================ *\/\r\n.hero{min-height:100svh;display:flex;align-items:center;padding:160px 0 100px;overflow:hidden}\r\n.hero::before{\r\n content:'';position:absolute;inset:0;\r\n background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);\r\n background-size:56px 56px;\r\n -webkit-mask-image:radial-gradient(ellipse 85% 65% at 50% 40%,#000 25%,transparent 78%);\r\n mask-image:radial-gradient(ellipse 85% 65% at 50% 40%,#000 25%,transparent 78%);\r\n}\r\n.hero-glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}\r\n.hg-1{width:640px;height:640px;background:rgba(124,58,237,.5);top:-18%;left:-12%;animation:drift1 22s ease-in-out infinite alternate}\r\n.hg-2{width:520px;height:520px;background:rgba(192,38,255,.34);bottom:-24%;right:-8%;animation:drift2 27s ease-in-out infinite alternate}\r\n#fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}\r\n.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}\r\n.hero-badge{\r\n display:inline-flex;align-items:center;gap:12px;padding:9px 18px 9px 12px;border-radius:999px;\r\n background:var(--surface);border:1px solid var(--stroke);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);\r\n font:500 13px var(--font-b);color:var(--para);margin-bottom:28px;\r\n}\r\n.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:#34D399;box-shadow:0 0 12px #34D399;animation:blinkDot 2s infinite;flex:none}\r\n@keyframes blinkDot{50%{opacity:.35}}\r\n.hero-badge b{color:#fff;font-weight:600}\r\n.hero-title{font:700 clamp(2.7rem,5.6vw,4.5rem)\/1.06 var(--font-d);letter-spacing:-.025em}\r\n.hero-sub{max-width:540px;color:var(--para);font-size:17px;line-height:1.75;margin:26px 0 38px}\r\n.cta-row{display:flex;gap:16px;flex-wrap:wrap}\r\n.hero-proof{display:flex;align-items:center;gap:18px;margin-top:46px;flex-wrap:wrap}\r\n.avatars{display:flex}\r\n.avatars span{\r\n width:40px;height:40px;border-radius:50%;display:grid;place-items:center;\r\n font:600 13px var(--font-d);color:#fff;border:2px solid var(--bg);margin-left:-10px;\r\n}\r\n.avatars span:first-child{margin-left:0}\r\n.av1{background:linear-gradient(135deg,#C026FF,#7C3AED)}\r\n.av2{background:linear-gradient(135deg,#A855F7,#4338CA)}\r\n.av3{background:linear-gradient(135deg,#6366F1,#312E81)}\r\n.av4{background:linear-gradient(135deg,#7C3AED,#C026FF)}\r\n.proof-txt{font-size:13.5px;color:var(--dim);line-height:1.5}\r\n.proof-txt .stars{display:flex;gap:3px;margin-bottom:4px}\r\n.proof-txt .stars svg{width:14px;height:14px;fill:#FBBF24;filter:drop-shadow(0 0 6px rgba(251,191,36,.6))}\r\n.proof-txt b{color:#fff}\r\n\r\n\/* --- AI Core visual --- *\/\r\n.ai-stage{position:relative;aspect-ratio:1\/1;max-width:560px;width:100%;margin-left:auto;--px:0;--py:0}\r\n.plx{transform:translate3d(calc(var(--px) * var(--d,1) * 11px),calc(var(--py) * var(--d,1) * 11px),0);transition:transform .7s var(--ease)}\r\n.d1{--d:.5}.d2{--d:1}.d3{--d:1.7}\r\n.stage-glow{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.55),transparent 68%);filter:blur(50px);animation:breathe 6s ease-in-out infinite}\r\n@keyframes breathe{50%{opacity:.55;scale:1.08}}\r\n.orbit{position:absolute;border-radius:50%;border:1px solid rgba(192,38,255,.3)}\r\n.o1{inset:2%;border-style:dashed;border-color:rgba(192,38,255,.22);animation:spin 30s linear infinite}\r\n.o2{inset:14%;border-color:rgba(168,85,247,.32);animation:spin 20s linear infinite reverse}\r\n.o3{inset:26%;border-style:dashed;border-color:rgba(99,102,241,.35);animation:spin 13s linear infinite}\r\n@keyframes spin{to{rotate:360deg}}\r\n.node{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--p1);box-shadow:0 0 16px var(--p1),0 0 4px #fff inset}\r\n.node.n-b{background:var(--p4);box-shadow:0 0 16px var(--p4)}\r\n.node.n-c{background:#E9D5FF;box-shadow:0 0 16px #C026FF}\r\n.n-top{top:-6px;left:calc(50% - 6px)}\r\n.n-bot{bottom:-6px;left:calc(50% - 6px)}\r\n.n-left{top:calc(50% - 6px);left:-6px}\r\n.n-right{top:calc(50% - 6px);right:-6px}\r\n.core{\r\n position:absolute;inset:36%;border-radius:50%;\r\n background:radial-gradient(circle at 32% 28%,#F5F3FF 0%,#D8B4FE 12%,#C026FF 32%,#7C3AED 58%,#4338CA 82%,rgba(67,56,202,0) 100%);\r\n box-shadow:0 0 90px rgba(168,85,247,.65),inset 0 0 46px rgba(255,255,255,.28);\r\n display:grid;place-items:center;animation:corePulse 5s ease-in-out infinite;\r\n}\r\n@keyframes corePulse{50%{scale:1.05;box-shadow:0 0 130px rgba(192,38,255,.8),inset 0 0 46px rgba(255,255,255,.34)}}\r\n.core svg{width:34%;height:34%;fill:#fff;filter:drop-shadow(0 0 14px rgba(255,255,255,.9));animation:spinSlow 14s linear infinite}\r\n@keyframes spinSlow{to{rotate:360deg}}\r\n.pulse-ring{position:absolute;inset:36%;border-radius:50%;border:1.5px solid rgba(192,38,255,.65);animation:ringOut 3.4s ease-out infinite}\r\n.pulse-ring.r2{animation-delay:1.7s}\r\n@keyframes ringOut{0%{scale:1;opacity:.8}100%{scale:2;opacity:0}}\r\n.chip{\r\n position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;\r\n background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.05));\r\n border:1px solid var(--stroke);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\r\n box-shadow:0 18px 40px rgba(5,2,16,.5);font:500 13px var(--font-b);color:var(--para);\r\n animation:floatY 7s ease-in-out infinite;\r\n}\r\n.chip b{color:#fff;font-weight:600}\r\n.chip .c-ic{width:30px;height:30px;border-radius:9px;background:var(--grad);display:grid;place-items:center;flex:none}\r\n.chip .c-ic svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.chip-1{top:5%;left:-4%}\r\n.chip-2{top:40%;right:-7%;animation-delay:-2.4s}\r\n.chip-3{bottom:6%;left:4%;animation-delay:-4.6s}\r\n@keyframes floatY{50%{translate:0 -14px}}\r\n\r\n\/* ============================================================\r\n 07 \u00b7 LOGO MARQUEE\r\n============================================================ *\/\r\n.logos{padding:34px 0 54px}\r\n.logos-label{text-align:center;font:600 12px var(--font-b);letter-spacing:.26em;text-transform:uppercase;color:var(--dim);margin-bottom:32px}\r\n.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}\r\n.mq-track{display:flex;width:max-content;animation:mq 34s linear infinite}\r\n.marquee:hover .mq-track{animation-play-state:paused}\r\n@keyframes mq{to{transform:translateX(-50%)}}\r\n.mq-set{display:flex;align-items:center;gap:64px;padding-right:64px}\r\n.mq-item{display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.42);font:600 19px var(--font-d);letter-spacing:-.01em;white-space:nowrap;transition:color .35s,filter .35s;cursor:default}\r\n.mq-item:hover{color:#fff;filter:drop-shadow(0 0 14px rgba(192,38,255,.7))}\r\n.mq-item svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}\r\n.mq-item svg .f{fill:currentColor;stroke:none}\r\n.glyph{width:24px;height:24px;border:1.7px solid currentColor;border-radius:7px;display:grid;place-items:center;font:700 11px var(--font-d)}\r\n\r\n\/* ============================================================\r\n 08 \u00b7 ABOUT\r\n============================================================ *\/\r\n.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,6vw,80px);align-items:center}\r\n.about-visual{position:relative}\r\n.about-panel{\r\n border-radius:26px;padding:34px;position:relative;overflow:hidden;\r\n background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));\r\n border:1px solid rgba(168,85,247,.35);\r\n box-shadow:0 40px 90px -30px rgba(124,58,237,.45);\r\n}\r\n.about-panel::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px}\r\n.about-panel svg{width:100%;height:auto;position:relative}\r\n.mini-card{\r\n position:absolute;display:flex;gap:13px;align-items:flex-start;padding:17px 19px;border-radius:17px;max-width:250px;\r\n background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.05));\r\n border:1px solid var(--stroke);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);\r\n box-shadow:0 24px 50px rgba(5,2,16,.55);animation:floatY 8s ease-in-out infinite;\r\n}\r\n.mini-card h4{font:600 15px var(--font-d);margin-bottom:3px}\r\n.mini-card p{font-size:12.5px;line-height:1.55;color:var(--dim)}\r\n.mini-card .m-ic{width:36px;height:36px;border-radius:11px;background:var(--grad);display:grid;place-items:center;flex:none;box-shadow:0 6px 18px rgba(168,85,247,.5)}\r\n.mini-card .m-ic svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.mc-mission{top:-26px;right:-18px}\r\n.mc-vision{bottom:-30px;left:-18px;animation-delay:-3.5s}\r\n.about-copy p{color:var(--para);line-height:1.75;margin-bottom:18px}\r\n.mv-list{display:grid;gap:16px;margin:30px 0 6px}\r\n.mv-item{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:17px;background:var(--surface-2);border:1px solid var(--stroke-soft);transition:border-color .4s,transform .4s var(--ease),background .4s}\r\n.mv-item:hover{border-color:rgba(168,85,247,.5);transform:translateX(6px);background:var(--surface)}\r\n.mv-item .m-ic{width:42px;height:42px;border-radius:12px;background:rgba(168,85,247,.16);border:1px solid rgba(168,85,247,.35);display:grid;place-items:center;flex:none}\r\n.mv-item .m-ic svg{width:19px;height:19px;stroke:#D8B4FE;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.mv-item h4{font:600 16px var(--font-d);margin-bottom:4px}\r\n.mv-item p{font-size:14px;color:var(--dim);margin:0}\r\n.a-stats{display:flex;gap:clamp(26px,4vw,48px);margin-top:34px;padding-top:30px;border-top:1px solid var(--stroke);flex-wrap:wrap}\r\n.a-stat b{display:block;font:700 30px var(--font-d);background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\r\n.a-stat span{font-size:13px;color:var(--dim);letter-spacing:.04em}\r\n\r\n\/* ============================================================\r\n 09 \u00b7 WHY CHOOSE US\r\n============================================================ *\/\r\n.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\r\n.why-card{border-radius:22px;padding:34px 30px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--stroke);position:relative;overflow:hidden}\r\n.why-card .w-num{position:absolute;top:20px;right:24px;font:700 46px var(--font-d);color:rgba(255,255,255,.06);line-height:1;transition:color .5s}\r\n.why-card:hover .w-num{color:rgba(192,38,255,.22)}\r\n.w-ic{width:54px;height:54px;border-radius:15px;background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.35);display:grid;place-items:center;margin-bottom:24px;transition:.5s var(--ease)}\r\n.w-ic svg{width:24px;height:24px;stroke:#D8B4FE;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:.5s}\r\n.why-card:hover .w-ic{background:var(--grad);border-color:transparent;box-shadow:0 10px 28px rgba(168,85,247,.55);scale:1.08;rotate:-5deg}\r\n.why-card:hover .w-ic svg{stroke:#fff}\r\n.why-card h3{font:600 19px var(--font-d);margin-bottom:10px}\r\n.why-card p{font-size:14.5px;line-height:1.7;color:var(--dim)}\r\n\r\n\/* ============================================================\r\n 10 \u00b7 SERVICES\r\n============================================================ *\/\r\n.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}\r\n.svc{border-radius:22px;padding:30px 28px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--stroke);display:flex;flex-direction:column}\r\n.svc.featured{grid-column:span 2;background:linear-gradient(160deg,rgba(192,38,255,.14),rgba(99,102,241,.06) 55%,rgba(255,255,255,.03))}\r\n.s-ic{width:50px;height:50px;border-radius:14px;background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.35);display:grid;place-items:center;margin-bottom:22px;transition:.5s var(--ease)}\r\n.s-ic svg{width:22px;height:22px;stroke:#D8B4FE;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:.5s}\r\n.svc:hover .s-ic{background:var(--grad);border-color:transparent;box-shadow:0 10px 26px rgba(168,85,247,.55);scale:1.08}\r\n.svc:hover .s-ic svg{stroke:#fff}\r\n.svc h3{font:600 18.5px var(--font-d);margin-bottom:9px}\r\n.svc p{font-size:14px;line-height:1.7;color:var(--dim);flex:1}\r\n.svc-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font:600 14px var(--font-b);color:#C4B5FD;transition:color .35s}\r\n.svc-link svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s var(--ease)}\r\n.svc:hover .svc-link{color:#F3E8FF}\r\n.svc:hover .svc-link svg{transform:translateX(5px)}\r\n.svc-demo{display:flex;align-items:center;gap:9px;margin-top:22px;flex-wrap:wrap}\r\n.bub{padding:8px 13px;border-radius:11px;font:500 12px var(--font-b)}\r\n.bub.bot{background:linear-gradient(135deg,rgba(192,38,255,.28),rgba(99,102,241,.28));border:1px solid rgba(192,38,255,.4);color:#F3E8FF;border-bottom-left-radius:4px}\r\n.bub.user{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:var(--para);border-bottom-right-radius:4px;margin-left:auto}\r\n.agent-flow{display:flex;align-items:center;gap:8px;margin-top:22px}\r\n.a-node{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid var(--stroke);flex:none}\r\n.a-node svg{width:16px;height:16px;stroke:#D8B4FE;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.a-node.hot{background:var(--grad);border-color:transparent;box-shadow:0 0 20px rgba(168,85,247,.6);animation:blinkDot 2.2s infinite}\r\n.a-node.hot svg{stroke:#fff}\r\n.a-line{flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(192,38,255,.7),rgba(99,102,241,.7));min-width:16px}\r\n\r\n\/* ============================================================\r\n 11 \u00b7 PROCESS TIMELINE\r\n============================================================ *\/\r\n.timeline{position:relative;max-width:920px;margin:0 auto}\r\n.timeline::before{content:'';position:absolute;left:50%;top:8px;bottom:8px;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(192,38,255,0),#A855F7 12%,#6366F1 55%,#4338CA 88%,rgba(67,56,202,0))}\r\n.timeline::after{content:'';position:absolute;left:calc(50% - 1px);width:2px;height:110px;border-radius:2px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.85),transparent);animation:slideLine 4.5s linear infinite}\r\n@keyframes slideLine{0%{top:-12%}100%{top:104%}}\r\n.step{display:grid;grid-template-columns:1fr 58px 1fr;gap:30px;margin-bottom:36px;align-items:start}\r\n.step-dot{\r\n grid-column:2;grid-row:1;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;\r\n background:var(--grad);font:700 19px var(--font-d);color:#fff;position:relative;z-index:2;\r\n box-shadow:0 0 0 7px rgba(124,58,237,.16),0 0 34px rgba(168,85,247,.55);\r\n}\r\n.step-body{grid-row:1;max-width:390px;border-radius:20px;padding:26px 28px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--stroke);transition:border-color .4s,transform .5s var(--ease)}\r\n.step-body:hover{border-color:rgba(168,85,247,.5);transform:translateY(-4px)}\r\n.step:nth-child(odd) .step-body{grid-column:1;text-align:right;justify-self:end}\r\n.step:nth-child(even) .step-body{grid-column:3}\r\n.step-tag{font:600 11px var(--font-b);letter-spacing:.2em;text-transform:uppercase;color:#A78BFA;display:block;margin-bottom:9px}\r\n.step-body h3{font:600 20px var(--font-d);margin-bottom:8px}\r\n.step-body p{font-size:14.5px;line-height:1.7;color:var(--dim)}\r\n\r\n\/* ============================================================\r\n 12 \u00b7 PORTFOLIO\r\n============================================================ *\/\r\n.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}\r\n.case{border-radius:26px;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--stroke)}\r\n.case-visual{position:relative;aspect-ratio:16\/10;padding:clamp(18px,3vw,30px);display:flex;align-items:flex-end;overflow:hidden}\r\n.case-visual::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:30px 30px}\r\n.v1{background:radial-gradient(120% 130% at 85% -10%,rgba(192,38,255,.55),transparent 55%),linear-gradient(160deg,#2E1065,#1E1B4B)}\r\n.v2{background:radial-gradient(120% 130% at 10% -10%,rgba(99,102,241,.6),transparent 55%),linear-gradient(160deg,#312E81,#1E1B4B)}\r\n.v3{background:radial-gradient(120% 130% at 90% 110%,rgba(124,58,237,.6),transparent 55%),linear-gradient(160deg,#3B0764,#1E1B4B)}\r\n.v4{background:radial-gradient(120% 130% at 8% 110%,rgba(67,56,202,.65),transparent 55%),linear-gradient(160deg,#4C1D95,#1E1B4B)}\r\n.case-tag{position:absolute;top:18px;left:18px;z-index:3;padding:7px 14px;border-radius:999px;font:600 11.5px var(--font-b);letter-spacing:.06em;background:rgba(7,3,18,.6);border:1px solid rgba(192,38,255,.5);color:#E9D5FF;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}\r\n.mock{position:relative;width:100%;background:rgba(6,3,15,.78);border:1px solid rgba(255,255,255,.13);border-radius:15px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 30px 60px -18px rgba(0,0,0,.65);transition:transform .6s var(--ease);overflow:hidden}\r\n.case:hover .mock{transform:translateY(-7px) scale(1.015)}\r\n.m-head{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08)}\r\n.m-head i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.22)}\r\n.m-head em{font:500 11px var(--font-b);font-style:normal;color:var(--dim);margin-left:8px}\r\n.m-body{padding:14px;display:flex;flex-direction:column;gap:9px}\r\n.msg{max-width:80%;padding:9px 12px;border-radius:11px;font:500 12px\/1.5 var(--font-b)}\r\n.msg.user{align-self:flex-end;background:rgba(255,255,255,.12);color:var(--para);border-bottom-right-radius:4px}\r\n.msg.bot{align-self:flex-start;background:linear-gradient(135deg,rgba(192,38,255,.26),rgba(99,102,241,.26));border:1px solid rgba(192,38,255,.38);color:#F3E8FF;border-bottom-left-radius:4px}\r\n.typing{display:flex;gap:4px;padding:10px 13px;align-self:flex-start;background:rgba(255,255,255,.08);border-radius:11px;width:max-content}\r\n.typing i{width:5px;height:5px;border-radius:50%;background:#C4B5FD;animation:typeDot 1.2s infinite}\r\n.typing i:nth-child(2){animation-delay:.18s}\r\n.typing i:nth-child(3){animation-delay:.36s}\r\n@keyframes typeDot{40%{translate:0 -4px;opacity:.5}}\r\n.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:13px}\r\n.k-col{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px}\r\n.k-col h6{font:600 9.5px var(--font-b);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:5px;margin-bottom:8px}\r\n.k-col h6 i{width:6px;height:6px;border-radius:50%;background:var(--p2)}\r\n.k-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11);border-radius:8px;padding:8px;margin-top:7px}\r\n.k-card .bar{height:5px;border-radius:3px;background:rgba(255,255,255,.2);margin-bottom:5px}\r\n.k-card.hot{border-color:rgba(192,38,255,.65);box-shadow:0 0 18px rgba(192,38,255,.4);animation:hotPulse 2.6s infinite}\r\n@keyframes hotPulse{50%{box-shadow:0 0 6px rgba(192,38,255,.15)}}\r\n.chart{display:flex;align-items:flex-end;gap:8px;height:158px;padding:16px 16px 14px}\r\n.cbar{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#C026FF,#4338CA);height:var(--h);transform-origin:bottom;animation:barIn 1.1s var(--ease) both;opacity:.92}\r\n.cbar:nth-child(2){animation-delay:.08s}.cbar:nth-child(3){animation-delay:.16s}.cbar:nth-child(4){animation-delay:.24s}.cbar:nth-child(5){animation-delay:.32s}.cbar:nth-child(6){animation-delay:.4s}.cbar:nth-child(7){animation-delay:.48s}\r\n@keyframes barIn{from{scale:1 0}}\r\n.kpi{position:absolute;top:12px;right:14px;padding:6px 12px;border-radius:999px;font:600 11px var(--font-b);color:#6EE7B7;background:rgba(16,185,129,.14);border:1px solid rgba(52,211,153,.4)}\r\n.t-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.07);font:500 11.5px var(--font-b);color:var(--para)}\r\n.t-row:last-child{border-bottom:0}\r\n.t-row b{font-weight:600;color:#fff}\r\n.pill{padding:4px 10px;border-radius:999px;font:600 10px var(--font-b)}\r\n.pill.ok{background:rgba(52,211,153,.14);color:#6EE7B7}\r\n.pill.wait{background:rgba(251,191,36,.14);color:#FCD34D}\r\n.pill.ai{background:rgba(192,38,255,.18);color:#E9D5FF}\r\n.scan{position:absolute;left:0;right:0;height:44px;background:linear-gradient(180deg,transparent,rgba(168,85,247,.14),transparent);animation:scan 3.6s linear infinite;pointer-events:none}\r\n@keyframes scan{0%{top:-20%}100%{top:105%}}\r\n.case-body{padding:26px 28px 30px}\r\n.case-body h3{font:600 22px var(--font-d)}\r\n.case-meta{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 14px}\r\n.case-meta span{padding:5px 12px;border-radius:999px;font:500 11.5px var(--font-b);background:rgba(255,255,255,.07);border:1px solid var(--stroke-soft);color:var(--dim)}\r\n.case-meta span.ind{background:linear-gradient(135deg,rgba(192,38,255,.2),rgba(99,102,241,.2));border-color:rgba(168,85,247,.45);color:#E9D5FF}\r\n.case-body p{font-size:14.5px;line-height:1.7;color:var(--dim)}\r\n.case-body .btn{margin-top:20px}\r\n\r\n\/* ============================================================\r\n 13 \u00b7 STATS\r\n============================================================ *\/\r\n.stats-band{\r\n border-radius:30px;padding:clamp(44px,6vw,68px) clamp(24px,4vw,56px);position:relative;overflow:hidden;\r\n background:linear-gradient(140deg,rgba(192,38,255,.16),rgba(124,58,237,.12) 45%,rgba(67,56,202,.16));\r\n border:1px solid rgba(168,85,247,.35);\r\n}\r\n.stats-band::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}\r\n.stats-band::after{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(192,38,255,.3);filter:blur(110px);top:-45%;right:-8%;animation:drift2 18s ease-in-out infinite alternate}\r\n.stats-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr)}\r\n.stat{padding:10px 28px;border-left:1px solid rgba(255,255,255,.14)}\r\n.stat:first-child{border-left:0;padding-left:0}\r\n.stat b{display:block;font:800 clamp(2.5rem,4.6vw,3.7rem)\/1.1 var(--font-d);letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px rgba(192,38,255,.4))}\r\n.stat span{font:600 12.5px var(--font-b);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}\r\n\r\n\/* ============================================================\r\n 14 \u00b7 TESTIMONIALS\r\n============================================================ *\/\r\n.t-viewport{overflow:hidden}\r\n.t-track{display:flex;transition:transform .65s var(--ease)}\r\n.t-slide{min-width:100%;padding:6px}\r\n.t-card{position:relative;max-width:790px;margin:0 auto;border-radius:26px;padding:clamp(30px,4.5vw,48px);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid var(--stroke);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}\r\n.t-quote-mark{position:absolute;top:-6px;left:30px;font:800 120px\/1 var(--font-d);background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.85;pointer-events:none}\r\n.t-stars{display:flex;gap:4px;margin-bottom:20px}\r\n.t-stars svg{width:18px;height:18px;fill:#FBBF24;filter:drop-shadow(0 0 8px rgba(251,191,36,.55))}\r\n.t-card blockquote{font:500 clamp(17px,2.2vw,19.5px)\/1.75 var(--font-b);color:#fff;letter-spacing:-.01em}\r\n.t-author{display:flex;align-items:center;gap:15px;margin-top:28px}\r\n.t-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:700 16px var(--font-d);color:#fff;background:var(--grad);border:2px solid rgba(255,255,255,.25);box-shadow:0 0 24px rgba(168,85,247,.5);flex:none}\r\n.t-author b{display:block;font:600 16px var(--font-d)}\r\n.t-author span{font-size:13.5px;color:var(--dim)}\r\n.t-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:36px}\r\n.t-btn{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--stroke);transition:.4s var(--ease)}\r\n.t-btn svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}\r\n.t-btn:hover{background:var(--grad);border-color:transparent;box-shadow:var(--glow);transform:translateY(-3px)}\r\n.t-dots{display:flex;gap:9px}\r\n.t-dot{width:9px;height:9px;border-radius:99px;border:0;background:rgba(255,255,255,.25);padding:0;transition:.45s var(--ease)}\r\n.t-dot.on{width:30px;background:var(--grad);box-shadow:0 0 12px rgba(192,38,255,.6)}\r\n\r\n\/* ============================================================\r\n 15 \u00b7 FAQ\r\n============================================================ *\/\r\n.faq-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:clamp(40px,6vw,72px);align-items:start}\r\n.faq-side{position:sticky;top:120px}\r\n.faq-side p{color:var(--para);line-height:1.75;margin-bottom:28px}\r\n.faq-contact{border-radius:20px;padding:24px 26px;background:linear-gradient(160deg,rgba(192,38,255,.14),rgba(99,102,241,.07));border:1px solid rgba(168,85,247,.4)}\r\n.faq-contact h4{font:600 17px var(--font-d);margin-bottom:6px}\r\n.faq-contact p{font-size:14px;color:var(--dim);margin-bottom:16px}\r\n.faq-contact a.mail{font:600 15px var(--font-b);color:#E9D5FF;border-bottom:1px solid rgba(192,38,255,.6);padding-bottom:2px;transition:.3s}\r\n.faq-contact a.mail:hover{color:#fff;border-color:#fff}\r\n.acc{border:1px solid var(--stroke);border-radius:19px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));overflow:hidden;margin-bottom:14px;transition:border-color .45s,box-shadow .45s}\r\n.acc.open{border-color:rgba(168,85,247,.6);box-shadow:0 16px 44px -18px rgba(124,58,237,.55)}\r\n.acc-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;background:none;border:0;color:#fff;font:600 16.5px var(--font-d);text-align:left;letter-spacing:-.01em}\r\n.acc-icon{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--stroke);position:relative;transition:.5s var(--ease)}\r\n.acc-icon::before,.acc-icon::after{content:'';position:absolute;top:50%;left:50%;width:12px;height:1.6px;border-radius:2px;background:#C4B5FD;translate:-50% -50%;transition:.5s var(--ease)}\r\n.acc-icon::after{rotate:90deg}\r\n.acc.open .acc-icon{background:var(--grad);border-color:transparent;rotate:180deg;box-shadow:0 0 18px rgba(192,38,255,.55)}\r\n.acc.open .acc-icon::before,.acc.open .acc-icon::after{background:#fff}\r\n.acc.open .acc-icon::after{rotate:0deg}\r\n.acc-panel{max-height:0;transition:max-height .55s var(--ease)}\r\n.acc-panel p{padding:0 24px 24px;color:var(--para);font-size:15px;line-height:1.75}\r\n\r\n\/* ============================================================\r\n 16 \u00b7 CTA BANNER\r\n============================================================ *\/\r\n.cta-panel{\r\n position:relative;border-radius:32px;text-align:center;overflow:hidden;\r\n padding:clamp(58px,8vw,100px) 26px;\r\n background:var(--grad);background-size:240% 240%;animation:gradShift 14s ease infinite;\r\n}\r\n@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}\r\n.cta-panel::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 80%)}\r\n.cta-panel::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,rgba(5,2,16,.45),transparent 60%)}\r\n.cta-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.28);filter:blur(70px);animation:floatY 9s ease-in-out infinite}\r\n.co-1{width:260px;height:260px;top:-30%;left:-6%}\r\n.co-2{width:220px;height:220px;bottom:-34%;right:-4%;animation-delay:-4s}\r\n.cta-inner{position:relative;z-index:2}\r\n.cta-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:600 13px var(--font-b);color:#fff;margin-bottom:26px}\r\n.cta-badge svg{width:14px;height:14px;fill:#fff}\r\n.cta-panel h2{font:700 clamp(2.1rem,4.8vw,3.5rem)\/1.12 var(--font-d);letter-spacing:-.02em;color:#fff;max-width:760px;margin:0 auto 18px;text-shadow:0 4px 30px rgba(67,56,202,.5)}\r\n.cta-panel p{max-width:620px;margin:0 auto 36px;color:rgba(255,255,255,.88);font-size:17px;line-height:1.7}\r\n.cta-note{margin-top:20px;font-size:13px;color:rgba(255,255,255,.72);letter-spacing:.03em}\r\n.cta-panel .btn-white{box-shadow:0 18px 50px rgba(5,2,16,.4)}\r\n\r\n\/* ============================================================\r\n 17 \u00b7 FOOTER\r\n============================================================ *\/\r\nfooter{background:var(--bg-3);border-top:1px solid var(--stroke-soft);padding:clamp(70px,8vw,100px) 0 0;position:relative;overflow:hidden}\r\nfooter::before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(124,58,237,.14);filter:blur(120px);top:-30%;left:-10%}\r\n.footer-grid{display:grid;grid-template-columns:1.15fr 1.85fr;gap:clamp(44px,6vw,80px);position:relative}\r\n.f-left h3{font:700 clamp(1.9rem,3.4vw,2.5rem)\/1.2 var(--font-d);letter-spacing:-.02em;margin:22px 0 14px}\r\n.f-left p{color:var(--dim);font-size:15px;line-height:1.75;max-width:380px;margin-bottom:28px}\r\n.nl{display:flex;gap:8px;padding:7px;border-radius:999px;max-width:470px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid var(--stroke);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .4s,box-shadow .4s}\r\n.nl:focus-within{border-color:rgba(192,38,255,.65);box-shadow:0 0 0 4px rgba(168,85,247,.15)}\r\n.nl input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font:400 15px var(--font-b);padding:0 18px}\r\n.nl input::placeholder{color:rgba(226,232,240,.45)}\r\n.nl .btn{padding:14px 24px;font-size:14px}\r\n.shake{animation:shake .45s}\r\n@keyframes shake{20%,60%{translate:-7px 0}40%,80%{translate:7px 0}}\r\n.socials{display:flex;gap:12px;margin-top:30px}\r\n.socials a{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--stroke);color:rgba(255,255,255,.75);transition:.4s var(--ease)}\r\n.socials a svg{width:17px;height:17px;fill:currentColor}\r\n.socials a.stroke svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}\r\n.socials a:hover{background:var(--grad);border-color:transparent;color:#fff;transform:translateY(-4px);box-shadow:var(--glow)}\r\n.f-right{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}\r\n.f-col h5{font:600 12.5px var(--font-b);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-bottom:20px}\r\n.f-col li{margin-bottom:12px}\r\n.f-col a{position:relative;font-size:14.5px;color:rgba(255,255,255,.7);transition:color .3s,padding-left .35s var(--ease)}\r\n.f-col a::before{content:'';position:absolute;left:-2px;top:50%;width:0;height:2px;border-radius:2px;background:var(--grad);translate:0 -50%;transition:width .35s var(--ease)}\r\n.f-col a:hover{color:#fff;padding-left:16px}\r\n.f-col a:hover::before{width:10px}\r\n.footer-bottom{margin-top:clamp(50px,7vw,76px);border-top:1px solid var(--stroke-soft);padding:26px 0;position:relative}\r\n.fb-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-size:13.5px;color:var(--dim)}\r\n.fb-links{display:flex;gap:26px}\r\n.fb-links a{color:var(--dim);transition:color .3s}\r\n.fb-links a:hover{color:#fff}\r\n\r\n\/* ============================================================\r\n 18 \u00b7 TO-TOP\r\n============================================================ *\/\r\n.to-top{\r\n position:fixed;bottom:26px;right:26px;z-index:150;width:50px;height:50px;border-radius:50%;border:0;\r\n background:var(--grad);display:grid;place-items:center;box-shadow:0 10px 30px rgba(124,58,237,.5);\r\n opacity:0;pointer-events:none;translate:0 16px;transition:.45s var(--ease);\r\n}\r\n.to-top svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}\r\n.to-top.show{opacity:1;pointer-events:auto;translate:0 0}\r\n.to-top:hover{translate:0 -4px;box-shadow:0 16px 40px rgba(192,38,255,.65)}\r\n\r\n\/* ============================================================\r\n 19 \u00b7 RESPONSIVE\r\n============================================================ *\/\r\n@media (max-width:1080px){\r\n .hero-grid{grid-template-columns:1fr;gap:70px}\r\n .ai-stage{margin:0 auto;max-width:470px}\r\n .svc-grid{grid-template-columns:repeat(2,1fr)}\r\n .why-grid{grid-template-columns:repeat(2,1fr)}\r\n .about-grid{grid-template-columns:1fr;gap:80px}\r\n .about-visual{max-width:560px;margin:0 auto;width:100%}\r\n .footer-grid{grid-template-columns:1fr;gap:56px}\r\n .faq-grid{grid-template-columns:1fr;gap:44px}\r\n .faq-side{position:static}\r\n}\r\n@media (max-width:920px){\r\n .nav-links{display:none}\r\n .burger{display:block}\r\n .nav-cta{display:none}\r\n}\r\n@media (max-width:860px){\r\n .timeline::before,.timeline::after{left:28px;transform:none}\r\n .timeline::after{left:27px}\r\n .step{grid-template-columns:58px 1fr;gap:22px}\r\n .step-dot{grid-column:1}\r\n .step:nth-child(odd) .step-body,.step:nth-child(even) .step-body{grid-column:2;text-align:left;justify-self:stretch;max-width:none}\r\n .case-grid{grid-template-columns:1fr}\r\n .stats-grid{grid-template-columns:repeat(2,1fr);gap:34px 0}\r\n .stat:nth-child(3){border-left:0;padding-left:0}\r\n .sec-head{flex-direction:column;align-items:flex-start;gap:18px}\r\n .sec-head.center{align-items:center}\r\n}\r\n@media (max-width:620px){\r\n .svc-grid{grid-template-columns:1fr}\r\n .svc.featured{grid-column:span 1}\r\n .why-grid{grid-template-columns:1fr}\r\n .stats-grid{grid-template-columns:1fr}\r\n .stat{border-left:0;padding:6px 0;border-top:1px solid rgba(255,255,255,.14)}\r\n .stat:first-child{border-top:0}\r\n .f-right{grid-template-columns:1fr;gap:36px}\r\n .mc-mission{right:0;top:-20px}\r\n .mc-vision{left:0;bottom:-24px}\r\n .chip-2{right:0}\r\n .chip-1{left:0}\r\n .nl{flex-direction:column;border-radius:22px}\r\n .nl .btn{width:100%}\r\n .nl input{padding:12px 16px}\r\n .cta-row .btn{width:100%}\r\n}\r\n\r\n\/* ============================================================\r\n 20 \u00b7 REDUCED MOTION\r\n============================================================ *\/\r\n@media (prefers-reduced-motion:reduce){\r\n *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}\r\n html{scroll-behavior:auto}\r\n [data-reveal]{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Progress bar -->\r\n<div class=\"progress\" id=\"progress\"><\/div>\r\n\r\n<!-- Ambient background -->\r\n<div class=\"bg-amb\" aria-hidden=\"true\">\r\n <span class=\"blob blob-1\"><\/span>\r\n <span class=\"blob blob-2\"><\/span>\r\n <span class=\"blob blob-3\"><\/span>\r\n<\/div>\r\n\r\n<!-- ==================== NAVBAR ==================== -->\r\n<header class=\"nav\" id=\"nav\">\r\n <div class=\"container nav-inner\">\r\n <a href=\"#home\" class=\"logo\" aria-label=\"AutomateX home\">\r\n <span class=\"logo-mark\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13 2 4.5 13.5h5L11 22l8.5-11.5h-5L13 2Z\" fill=\"#fff\"\/><\/svg>\r\n <\/span>\r\n Automate<b>X<\/b>\r\n <\/a>\r\n <nav class=\"nav-links\" aria-label=\"Primary\">\r\n <a href=\"#home\" class=\"active\">Home<\/a>\r\n <a href=\"#services\">Services<\/a>\r\n <a href=\"#solutions\">Solutions<\/a>\r\n <a href=\"#portfolio\">Portfolio<\/a>\r\n <a href=\"#about\">About<\/a>\r\n <a href=\"#contact\">Contact<\/a>\r\n <\/nav>\r\n <div class=\"nav-actions\">\r\n <a href=\"#contact\" class=\"btn btn-white btn-sm nav-cta\">Book a Free Consultation<\/a>\r\n <button class=\"burger\" id=\"burger\" aria-label=\"Toggle menu\" aria-expanded=\"false\"><span><\/span><span><\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- Mobile menu -->\r\n<nav class=\"mobile-menu\" id=\"mobileMenu\" aria-label=\"Mobile\">\r\n <a class=\"m-link\" href=\"#home\">Home<\/a>\r\n <a class=\"m-link\" href=\"#services\">Services<\/a>\r\n <a class=\"m-link\" href=\"#solutions\">Solutions<\/a>\r\n <a class=\"m-link\" href=\"#portfolio\">Portfolio<\/a>\r\n <a class=\"m-link\" href=\"#about\">About<\/a>\r\n <a class=\"m-link\" href=\"#contact\">Contact<\/a>\r\n <a href=\"#contact\" class=\"btn btn-white\">Book a Free Consultation<\/a>\r\n<\/nav>\r\n\r\n<main>\r\n\r\n<!-- ==================== HERO ==================== -->\r\n<section class=\"hero\" id=\"home\">\r\n <span class=\"hero-glow hg-1\" aria-hidden=\"true\"><\/span>\r\n <span class=\"hero-glow hg-2\" aria-hidden=\"true\"><\/span>\r\n <canvas id=\"fx\" aria-hidden=\"true\"><\/canvas>\r\n\r\n <div class=\"container hero-grid\">\r\n <div class=\"hero-copy\">\r\n <div class=\"hero-badge\" data-reveal>\r\n <span class=\"dot\"><\/span>\r\n <span><b id=\"taskCount\">1,284,503<\/b> tasks automated \u00b7 Systems live<\/span>\r\n <\/div>\r\n <h1 class=\"hero-title\" data-reveal data-delay=\"90\">\r\n Automate Your Business with <span class=\"grad-text\">AI.<\/span>\r\n <\/h1>\r\n <p class=\"hero-sub\" data-reveal data-delay=\"180\">\r\n We build AI-powered workflows, intelligent chatbots, AI agents, and business automations that save hundreds of hours every month.\r\n <\/p>\r\n <div class=\"cta-row\" data-reveal data-delay=\"270\">\r\n <a href=\"#contact\" class=\"btn btn-white btn-lg\">Book Free Consultation\r\n <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#portfolio\" class=\"btn btn-ghost btn-lg\">View Portfolio<\/a>\r\n <\/div>\r\n <div class=\"hero-proof\" data-reveal data-delay=\"360\">\r\n <div class=\"avatars\" aria-hidden=\"true\">\r\n <span class=\"av1\">JM<\/span><span class=\"av2\">SK<\/span><span class=\"av3\">AR<\/span><span class=\"av4\">+<\/span>\r\n <\/div>\r\n <div class=\"proof-txt\">\r\n <span class=\"stars\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg>\r\n <\/span>\r\n Trusted by <b>50+ forward-thinking teams<\/b> \u00b7 98% satisfaction\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Futuristic AI core -->\r\n <div class=\"ai-stage\" id=\"aiStage\" data-reveal=\"zoom\" data-delay=\"200\" aria-hidden=\"true\">\r\n <span class=\"stage-glow plx d1\"><\/span>\r\n <div class=\"orbit o1 plx d1\">\r\n <span class=\"node n-top\"><\/span><span class=\"node n-b n-bot\"><\/span>\r\n <\/div>\r\n <div class=\"orbit o2 plx d2\">\r\n <span class=\"node n-b n-left\"><\/span><span class=\"node n-top\"><\/span>\r\n <\/div>\r\n <div class=\"orbit o3 plx d2\">\r\n <span class=\"node n-c n-right\"><\/span><span class=\"node n-bot\"><\/span>\r\n <\/div>\r\n <span class=\"pulse-ring plx d1\"><\/span>\r\n <span class=\"pulse-ring r2 plx d1\"><\/span>\r\n <div class=\"core plx d1\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2L12 2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"chip chip-1 plx d3\">\r\n <span class=\"c-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 2 4.5 13.5h5L11 22l8.5-11.5h-5L13 2Z\"\/><\/svg><\/span>\r\n <span><b>AI Agent<\/b> \u00b7 lead qualified<\/span>\r\n <\/div>\r\n <div class=\"chip chip-2 plx d3\">\r\n <span class=\"c-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 7\"\/><\/svg><\/span>\r\n <span><b>n8n workflow<\/b> \u00b7 0 errors<\/span>\r\n <\/div>\r\n <div class=\"chip chip-3 plx d3\">\r\n <span class=\"c-ic\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg><\/span>\r\n <span><b>+247 hrs<\/b> saved this month<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ==================== TRUSTED TECHNOLOGIES ==================== -->\r\n<section class=\"logos\" aria-label=\"Technologies we work with\">\r\n <p class=\"logos-label\" data-reveal>Powering workflows with the world's best tools<\/p>\r\n <div class=\"marquee\" data-reveal data-delay=\"120\">\r\n <div class=\"mq-track\">\r\n <div class=\"mq-set\">\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><path class=\"f\" d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2L12 2z\"\/><\/svg>OpenAI<\/span>\r\n <span class=\"mq-item\"><span class=\"glyph\">n8n<\/span>n8n<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2v20M2 12h20M4.9 4.9l14.2 14.2M19.1 4.9 4.9 19.1\"\/><\/svg>Zapier<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><circle class=\"f\" cx=\"6\" cy=\"16.5\" r=\"2.7\"\/><circle class=\"f\" cx=\"12\" cy=\"12\" r=\"2.7\"\/><circle class=\"f\" cx=\"18\" cy=\"7.5\" r=\"2.7\"\/><\/svg>Make<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.5 3v18M15.5 3v18M3 8.5h18M3 15.5h18\"\/><\/svg>Slack<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><rect class=\"f\" x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"2\"\/><rect class=\"f\" x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"2\"\/><rect class=\"f\" x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"2\"\/><rect class=\"f\" x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"2\"\/><\/svg>Google Workspace<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><circle class=\"f\" cx=\"12\" cy=\"12\" r=\"3\"\/><circle class=\"f\" cx=\"18\" cy=\"6\" r=\"2.2\"\/><\/svg>HubSpot<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M6.5 8h11l-1.1 12.5H7.6L6.5 8z\"\/><path d=\"M9 8V6.5a3 3 0 0 1 6 0V8\"\/><\/svg>Shopify<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"4\"\/><path d=\"M8.5 16V8l7 8V8\"\/><\/svg>Notion<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><rect class=\"f\" x=\"4\" y=\"4.5\" width=\"16\" height=\"4\" rx=\"2\"\/><rect class=\"f\" x=\"4\" y=\"10.5\" width=\"11\" height=\"4\" rx=\"2\"\/><rect class=\"f\" x=\"4\" y=\"16.5\" width=\"7\" height=\"4\" rx=\"2\"\/><\/svg>Airtable<\/span>\r\n <\/div>\r\n <div class=\"mq-set\" aria-hidden=\"true\">\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><path class=\"f\" d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2L12 2z\"\/><\/svg>OpenAI<\/span>\r\n <span class=\"mq-item\"><span class=\"glyph\">n8n<\/span>n8n<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2v20M2 12h20M4.9 4.9l14.2 14.2M19.1 4.9 4.9 19.1\"\/><\/svg>Zapier<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><circle class=\"f\" cx=\"6\" cy=\"16.5\" r=\"2.7\"\/><circle class=\"f\" cx=\"12\" cy=\"12\" r=\"2.7\"\/><circle class=\"f\" cx=\"18\" cy=\"7.5\" r=\"2.7\"\/><\/svg>Make<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.5 3v18M15.5 3v18M3 8.5h18M3 15.5h18\"\/><\/svg>Slack<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><rect class=\"f\" x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"2\"\/><rect class=\"f\" x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"2\"\/><rect class=\"f\" x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"2\"\/><rect class=\"f\" x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"2\"\/><\/svg>Google Workspace<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><circle class=\"f\" cx=\"12\" cy=\"12\" r=\"3\"\/><circle class=\"f\" cx=\"18\" cy=\"6\" r=\"2.2\"\/><\/svg>HubSpot<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M6.5 8h11l-1.1 12.5H7.6L6.5 8z\"\/><path d=\"M9 8V6.5a3 3 0 0 1 6 0V8\"\/><\/svg>Shopify<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"4\"\/><path d=\"M8.5 16V8l7 8V8\"\/><\/svg>Notion<\/span>\r\n <span class=\"mq-item\"><svg viewBox=\"0 0 24 24\"><rect class=\"f\" x=\"4\" y=\"4.5\" width=\"16\" height=\"4\" rx=\"2\"\/><rect class=\"f\" x=\"4\" y=\"10.5\" width=\"11\" height=\"4\" rx=\"2\"\/><rect class=\"f\" x=\"4\" y=\"16.5\" width=\"7\" height=\"4\" rx=\"2\"\/><\/svg>Airtable<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ==================== ABOUT ==================== -->\r\n<section id=\"about\">\r\n <div class=\"container about-grid\">\r\n <div class=\"about-visual\" data-reveal=\"left\">\r\n <div class=\"about-panel\">\r\n <svg viewBox=\"0 0 480 400\" fill=\"none\" aria-hidden=\"true\">\r\n <defs>\r\n <linearGradient id=\"lg1\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n <stop offset=\"0\" stop-color=\"#C026FF\"\/><stop offset=\".5\" stop-color=\"#7C3AED\"\/><stop offset=\"1\" stop-color=\"#4338CA\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <path d=\"M110 200 C 170 200 170 90 240 90\" stroke=\"url(#lg1)\" stroke-width=\"2\" stroke-dasharray=\"6 7\" opacity=\".8\"\/>\r\n <path d=\"M110 200 H 240\" stroke=\"url(#lg1)\" stroke-width=\"2\" stroke-dasharray=\"6 7\" opacity=\".8\"\/>\r\n <path d=\"M110 200 C 170 200 170 310 240 310\" stroke=\"url(#lg1)\" stroke-width=\"2\" stroke-dasharray=\"6 7\" opacity=\".8\"\/>\r\n <path d=\"M290 90 C 350 90 350 150 400 150\" stroke=\"url(#lg1)\" stroke-width=\"2\" stroke-dasharray=\"6 7\" opacity=\".8\"\/>\r\n <path d=\"M290 200 H 400\" stroke=\"url(#lg1)\" stroke-width=\"2\" stroke-dasharray=\"6 7\" opacity=\".8\"\/>\r\n <path d=\"M290 310 C 350 310 350 250 400 250\" stroke=\"url(#lg1)\" stroke-width=\"2\" stroke-dasharray=\"6 7\" opacity=\".8\"\/>\r\n <rect x=\"46\" y=\"172\" width=\"64\" height=\"56\" rx=\"14\" fill=\"rgba(255,255,255,.07)\" stroke=\"url(#lg1)\" stroke-width=\"1.5\"\/>\r\n <text x=\"78\" y=\"196\" text-anchor=\"middle\" fill=\"#E9D5FF\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"600\">Trigger<\/text>\r\n <text x=\"78\" y=\"212\" text-anchor=\"middle\" fill=\"rgba(226,232,240,.55)\" font-family=\"Inter\" font-size=\"9\">New lead<\/text>\r\n <rect x=\"215\" y=\"62\" width=\"80\" height=\"56\" rx=\"14\" fill=\"rgba(192,38,255,.14)\" stroke=\"url(#lg1)\" stroke-width=\"1.5\"\/>\r\n <text x=\"255\" y=\"86\" text-anchor=\"middle\" fill=\"#F3E8FF\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"600\">AI Agent<\/text>\r\n <text x=\"255\" y=\"102\" text-anchor=\"middle\" fill=\"rgba(226,232,240,.55)\" font-family=\"Inter\" font-size=\"9\">Reasoning<\/text>\r\n <rect x=\"215\" y=\"172\" width=\"80\" height=\"56\" rx=\"14\" fill=\"rgba(124,58,237,.16)\" stroke=\"url(#lg1)\" stroke-width=\"1.5\"\/>\r\n <text x=\"255\" y=\"196\" text-anchor=\"middle\" fill=\"#F3E8FF\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"600\">Enrich<\/text>\r\n <text x=\"255\" y=\"212\" text-anchor=\"middle\" fill=\"rgba(226,232,240,.55)\" font-family=\"Inter\" font-size=\"9\">Data layer<\/text>\r\n <rect x=\"215\" y=\"282\" width=\"80\" height=\"56\" rx=\"14\" fill=\"rgba(99,102,241,.14)\" stroke=\"url(#lg1)\" stroke-width=\"1.5\"\/>\r\n <text x=\"255\" y=\"306\" text-anchor=\"middle\" fill=\"#F3E8FF\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"600\">Score<\/text>\r\n <text x=\"255\" y=\"322\" text-anchor=\"middle\" fill=\"rgba(226,232,240,.55)\" font-family=\"Inter\" font-size=\"9\">Priority<\/text>\r\n <rect x=\"372\" y=\"122\" width=\"72\" height=\"56\" rx=\"14\" fill=\"rgba(255,255,255,.07)\" stroke=\"url(#lg1)\" stroke-width=\"1.5\"\/>\r\n <text x=\"408\" y=\"146\" text-anchor=\"middle\" fill=\"#E9D5FF\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"600\">Slack<\/text>\r\n <text x=\"408\" y=\"162\" text-anchor=\"middle\" fill=\"rgba(226,232,240,.55)\" font-family=\"Inter\" font-size=\"9\">Alert<\/text>\r\n <rect x=\"372\" y=\"222\" width=\"72\" height=\"56\" rx=\"14\" fill=\"rgba(255,255,255,.07)\" stroke=\"url(#lg1)\" stroke-width=\"1.5\"\/>\r\n <text x=\"408\" y=\"246\" text-anchor=\"middle\" fill=\"#E9D5FF\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"600\">CRM<\/text>\r\n <text x=\"408\" y=\"262\" text-anchor=\"middle\" fill=\"rgba(226,232,240,.55)\" font-family=\"Inter\" font-size=\"9\">Update<\/text>\r\n <circle r=\"5\" fill=\"#C026FF\"><animateMotion dur=\"3.2s\" repeatCount=\"indefinite\" path=\"M110 200 C 170 200 170 90 240 90\"\/><\/circle>\r\n <circle r=\"5\" fill=\"#A855F7\"><animateMotion dur=\"2.6s\" repeatCount=\"indefinite\" path=\"M110 200 H 240\"\/><\/circle>\r\n <circle r=\"5\" fill=\"#6366F1\"><animateMotion dur=\"3.8s\" repeatCount=\"indefinite\" path=\"M110 200 C 170 200 170 310 240 310\"\/><\/circle>\r\n <circle r=\"4\" fill=\"#E9D5FF\"><animateMotion dur=\"2.4s\" repeatCount=\"indefinite\" path=\"M290 200 H 400\"\/><\/circle>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"mini-card mc-mission\">\r\n <span class=\"m-ic\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><circle cx=\"12\" cy=\"12\" r=\"4.5\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg><\/span>\r\n <div><h4>Our Mission<\/h4><p>Eliminate repetitive work for every team through intelligent, reliable automation.<\/p><\/div>\r\n <\/div>\r\n <div class=\"mini-card mc-vision\">\r\n <span class=\"m-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span>\r\n <div><h4>Our Vision<\/h4><p>A world where businesses run themselves \u2014 and people do the creative work.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"about-copy\">\r\n <span class=\"eyebrow\" data-reveal>About AutomateX<\/span>\r\n <h2 class=\"sec-title\" data-reveal data-delay=\"80\">We turn manual chaos into <span class=\"grad-text\">intelligent systems<\/span>.<\/h2>\r\n <p data-reveal data-delay=\"160\" style=\"margin-top:22px\">AutomateX is an AI automation agency built by engineers, operators, and AI specialists. We partner with ambitious companies to design, build, and maintain the automated backbone of their business \u2014 from first workflow to full autonomous operations.<\/p>\r\n <p data-reveal data-delay=\"220\">No bloated retainers. No black boxes. Just measurable systems that ship fast, scale cleanly, and hand hundreds of hours back to your team every single month.<\/p>\r\n <div class=\"mv-list\">\r\n <div class=\"mv-item\" data-reveal data-delay=\"280\">\r\n <span class=\"m-ic\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><circle cx=\"12\" cy=\"12\" r=\"4.5\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg><\/span>\r\n <div><h4>Mission-driven delivery<\/h4><p>Every engagement starts with the hours you lose \u2014 and ends with the hours you get back.<\/p><\/div>\r\n <\/div>\r\n <div class=\"mv-item\" data-reveal data-delay=\"340\">\r\n <span class=\"m-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span>\r\n <div><h4>Vision-grade architecture<\/h4><p>We build for the company you'll be in five years, not just the fire you're fighting today.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"a-stats\" data-reveal data-delay=\"400\">\r\n <div class=\"a-stat\"><b>6+<\/b><span>Years building<\/span><\/div>\r\n <div class=\"a-stat\"><b>40+<\/b><span>AI engineers<\/span><\/div>\r\n <div class=\"a-stat\"><b>18<\/b><span>Countries served<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ==================== WHY CHOOSE US ==================== -->\r\n<section id=\"solutions\">\r\n <div class=\"container\">\r\n <div class=\"sec-head\">\r\n <div>\r\n <span class=\"eyebrow\" data-reveal>Why Choose Us<\/span>\r\n <h2 class=\"sec-title\" data-reveal data-delay=\"80\">Everything your business needs to <span class=\"grad-text\">run on autopilot<\/span>.<\/h2>\r\n <\/div>\r\n <p class=\"lead\" data-reveal data-delay=\"160\">Six reasons teams switch to AutomateX \u2014 and never look back at spreadsheets, copy-paste, or 2 a.m. manual exports again.<\/p>\r\n <\/div>\r\n <div class=\"why-grid\">\r\n <article class=\"why-card glow-card\" data-reveal>\r\n <span class=\"w-num\">01<\/span>\r\n <span class=\"w-ic\"><svg viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2.5\"\/><rect x=\"10\" y=\"10\" width=\"4\" height=\"4\"\/><path d=\"M9 3v3M15 3v3M9 18v3M15 18v3M3 9h3M3 15h3M18 9h3M18 15h3\"\/><\/svg><\/span>\r\n <h3>AI Powered<\/h3>\r\n <p>GPT-4o, custom models, and retrieval pipelines baked into every workflow \u2014 not bolted on as an afterthought.<\/p>\r\n <\/article>\r\n <article class=\"why-card glow-card\" data-reveal data-delay=\"80\">\r\n <span class=\"w-num\">02<\/span>\r\n <span class=\"w-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 2 4.5 13.5h5L11 22l8.5-11.5h-5L13 2Z\"\/><\/svg><\/span>\r\n <h3>Fast Delivery<\/h3>\r\n <p>First automation live in under two weeks. Agile sprints, weekly demos, zero surprise timelines.<\/p>\r\n <\/article>\r\n <article class=\"why-card glow-card\" data-reveal data-delay=\"160\">\r\n <span class=\"w-num\">03<\/span>\r\n <span class=\"w-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l9 5-9 5-9-5 9-5z\"\/><path d=\"M3.5 12.5 12 17l8.5-4.5M3.5 16.5 12 21l8.5-4.5\"\/><\/svg><\/span>\r\n <h3>Scalable<\/h3>\r\n <p>Architectures that handle 100 tasks or 10 million \u2014 self-hosted, load-tested, and observability-ready.<\/p>\r\n <\/article>\r\n <article class=\"why-card glow-card\" data-reveal data-delay=\"240\">\r\n <span class=\"w-num\">04<\/span>\r\n <span class=\"w-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 3v5.5c0 4.6-3 7.9-7 9.5-4-1.6-7-4.9-7-9.5V6l7-3z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/span>\r\n <h3>Secure<\/h3>\r\n <p>SOC 2-aligned practices, encrypted pipelines, role-based access, and your data never used for training.<\/p>\r\n <\/article>\r\n <article class=\"why-card glow-card\" data-reveal data-delay=\"320\">\r\n <span class=\"w-num\">05<\/span>\r\n <span class=\"w-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 7h16M4 12h16M4 17h16\"\/><circle class=\"knob\" cx=\"9\" cy=\"7\" r=\"2.3\"\/><circle class=\"knob\" cx=\"15\" cy=\"12\" r=\"2.3\"\/><circle class=\"knob\" cx=\"7\" cy=\"17\" r=\"2.3\"\/><\/svg><\/span>\r\n <h3>Custom Solutions<\/h3>\r\n <p>No templates, no recycled flows. Every system is engineered around your tools, data, and edge cases.<\/p>\r\n <\/article>\r\n <article class=\"why-card glow-card\" data-reveal data-delay=\"400\">\r\n <span class=\"w-num\">06<\/span>\r\n <span class=\"w-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 13a8 8 0 0 1 16 0\"\/><rect x=\"3\" y=\"13\" width=\"4.5\" height=\"6.5\" rx=\"2\"\/><rect x=\"16.5\" y=\"13\" width=\"4.5\" height=\"6.5\" rx=\"2\"\/><path d=\"M20 19.5a3 3 0 0 1-3 3h-3.5\"\/><\/svg><\/span>\r\n <h3>24\/7 Support<\/h3>\r\n <p>Round-the-clock monitoring, instant alerting, and a dedicated engineer who knows your stack by name.<\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ==================== SERVICES ==================== -->\r\n<section id=\"services\">\r\n <div class=\"container\">\r\n <div class=\"sec-head\">\r\n <div>\r\n <span class=\"eyebrow\" data-reveal>Services<\/span>\r\n <h2 class=\"sec-title\" data-reveal data-delay=\"80\">Automation for every corner of <span class=\"grad-text\">your business<\/span>.<\/h2>\r\n <\/div>\r\n <p class=\"lead\" data-reveal data-delay=\"160\">From your first chatbot to a fully autonomous operations layer \u2014 pick a starting point, we'll handle the rest.<\/p>\r\n <\/div>\r\n <div class=\"svc-grid\">\r\n <article class=\"svc featured glow-card\" data-reveal>\r\n <span class=\"s-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.5 8.5 0 0 1-8.5 8.5c-1.5 0-3-.4-4.2-1.1L3 20l1.1-5.3A8.5 8.5 0 1 1 21 11.5z\"\/><circle cx=\"8.5\" cy=\"11.5\" r=\".6\" fill=\"currentColor\"\/><circle cx=\"12.5\" cy=\"11.5\" r=\".6\" fill=\"currentColor\"\/><circle cx=\"16.5\" cy=\"11.5\" r=\".6\" fill=\"currentColor\"\/><\/svg><\/span>\r\n <h3>AI Chatbots<\/h3>\r\n <p>Custom GPT-powered chatbots trained on your data that resolve up to 80% of customer conversations instantly \u2014 on your website, app, or WhatsApp.<\/p>\r\n <div class=\"svc-demo\" aria-hidden=\"true\">\r\n <span class=\"bub bot\">Your order ships tomorrow \ud83c\udf89<\/span>\r\n <span class=\"bub user\">Where is my order?<\/span>\r\n <\/div>\r\n <a href=\"#contact\" class=\"svc-link\">Build your chatbot <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/article>\r\n <article class=\"svc featured glow-card\" data-reveal data-delay=\"90\">\r\n <span class=\"s-ic\"><svg viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"8\" width=\"14\" height=\"11\" rx=\"3\"\/><circle cx=\"9.5\" cy=\"13\" r=\"1.3\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"14.5\" cy=\"13\" r=\"1.3\" fill=\"currentColor\" stroke=\"none\"\/><path d=\"M12 8V5\"\/><circle cx=\"12\" cy=\"4\" r=\"1\"\/><path d=\"M5 13H3M21 13h-3\"\/><\/svg><\/span>\r\n <h3>AI Agents<\/h3>\r\n <p>Autonomous agents that research, decide, and execute multi-step tasks across your tools \u2014 with human-level reasoning and full guardrails.<\/p>\r\n <div class=\"agent-flow\" aria-hidden=\"true\">\r\n <span class=\"a-node\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg><\/span>\r\n <span class=\"a-line\"><\/span>\r\n <span class=\"a-node hot\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2L12 2z\"\/><\/svg><\/span>\r\n <span class=\"a-line\"><\/span>\r\n <span class=\"a-node\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 7\"\/><\/svg><\/span>\r\n <\/div>\r\n <a href=\"#contact\" class=\"svc-link\">Deploy an agent <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/article>\r\n <article class=\"svc glow-card\" data-reveal data-delay=\"60\">\r\n <span class=\"s-ic\"><svg viewBox=\"0 0 24 24\"><circle cx=\"5.5\" cy=\"5.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"12\" r=\"2.5\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><path d=\"M7.8 6.6l8.4 4.3M16.2 13.1l-8.4 4.3\"\/><\/svg><\/span>\r\n <h3>Workflow Automation<\/h3>\r\n <p>Connect your apps and eliminate repetitive busywork end-to-end.<\/p>\r\n <a href=\"#contact\" class=\"svc-link\">Explore <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/article>\r\n <article class=\"svc glow-card\" data-reveal data-delay=\"120\">\r\n <span class=\"s-ic\"><svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3.2\"\/><path d=\"M3.5 19c.6-3 2.8-4.6 5.5-4.6s4.9 1.6 5.5 4.6\"\/><circle cx=\"17\" cy=\"9\" r=\"2.4\"\/><path d=\"M16 14.6c2.3.2 4 1.7 4.5 4.4\"\/><\/svg><\/span>\r\n <h3>CRM Automation<\/h3>\r\n <p>Lead scoring, enrichment, and pipeline updates \u2014 fully hands-free.<\/p>\r\n <a href=\"#contact\" class=\"svc-link\">Explore <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/article>\r\n <article class=\"svc glow-card\" data-reveal data-delay=\"180\">\r\n <span class=\"s-ic\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5.5\" width=\"18\" height=\"13\" rx=\"2.5\"\/><path d=\"M3.5 7l8.5 6 8.5-6\"\/><\/svg><\/span>\r\n <h3>Email Automation<\/h3>\r\n <p>Smart sequences, AI-drafted replies, and true inbox zero.<\/p>\r\n <a href=\"#contact\" class=\"svc-link\">Explore <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/article>\r\n <article class=\"svc glow-card\" data-reveal data-delay=\"240\">\r\n <span class=\"s-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3a9 9 0 0 0-7.8 13.5L3 21l4.7-1.2A9 9 0 1 0 12 3z\"\/><path d=\"M9.2 8.8c.3-.7 1-.9 1.5-.4l.8.8c.4.4.4 1 0 1.4l-.5.5c.5 1.1 1.4 2 2.5 2.5l.5-.5c.4-.4 1-.4 1.4 0l.8.8c.5.5.3 1.2-.4 1.5-1.2.6-2.7.4-4.1-.5a9.6 9.6 0 0 1-3-3c-.9-1.4-1.1-2.9-.5-4.1z\"\/><\/svg><\/span>\r\n <h3>WhatsApp Automation<\/h3>\r\n <p>Broadcasts, support flows, and order updates on autopilot.<\/p>\r\n <a href=\"#contact\" class=\"svc-link\">Explore <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/article>\r\n <article class=\"svc glow-card\" data-reveal data-delay=\"60\">\r\n <span class=\"s-ic\"><svg viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"8\" width=\"17\" height=\"11\" rx=\"2\"\/><path d=\"M9 8V6.5A1.5 1.5 0 0 1 10.5 5h3A1.5 1.5 0 0 1 15 6.5V8M3.5 12.5h17\"\/><\/svg><\/span>\r\n <h3>Business Automation<\/h3>\r\n <p>Operations, reporting, and back-office \u2014 running themselves.<\/p>\r\n <a href=\"#contact\" class=\"svc-link\">Explore <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/article>\r\n <article class=\"svc glow-card\" data-reveal data-delay=\"120\">\r\n <span class=\"s-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.5 7 4 12l4.5 5M15.5 7 20 12l-4.5 5M13.2 4.8l-2.4 14.4\"\/><\/svg><\/span>\r\n <h3>API Integration<\/h3>\r\n <p>Any system, any protocol \u2014 connected cleanly and reliably.<\/p>\r\n <a href=\"#contact\" class=\"svc-link\">Explore <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/article>\r\n <article class=\"svc glow-card\" data-reveal data-delay=\"180\">\r\n <span class=\"s-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2L12 2z\"\/><\/svg><\/span>\r\n <h3>OpenAI Integration<\/h3>\r\n <p>GPT-4o, embeddings, and fine-tuning \u2014 production-grade.<\/p>\r\n <a href=\"#contact\" class=\"svc-link\">Explore <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/article>\r\n <article class=\"svc glow-card\" data-reveal data-delay=\"240\">\r\n <span class=\"s-ic\"><svg viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"4.5\"\/><circle cx=\"9\" cy=\"9\" r=\"1.7\"\/><circle cx=\"15\" cy=\"15\" r=\"1.7\"\/><path d=\"M10.2 10.2l3.6 3.6\"\/><\/svg><\/span>\r\n <h3>n8n Automation<\/h3>\r\n <p>Self-hosted, infinitely flexible n8n builds that scale.<\/p>\r\n <a href=\"#contact\" class=\"svc-link\">Explore <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ==================== HOW IT WORKS ==================== -->\r\n<section id=\"process\">\r\n <div class=\"container\">\r\n <div class=\"sec-head center\">\r\n <span class=\"eyebrow\" data-reveal>How It Works<\/span>\r\n <h2 class=\"sec-title\" data-reveal data-delay=\"80\">From first call to full autopilot in <span class=\"grad-text\">six steps<\/span>.<\/h2>\r\n <p class=\"lead\" data-reveal data-delay=\"160\">A battle-tested delivery process that keeps you in the loop and your systems in production.<\/p>\r\n <\/div>\r\n <div class=\"timeline\">\r\n <div class=\"step\">\r\n <div class=\"step-body\" data-reveal=\"left\"><span class=\"step-tag\">Step 01 \u00b7 Week 1<\/span><h3>Discovery<\/h3><p>We audit your workflows, interview your team, and identify the highest-ROI automation opportunities.<\/p><\/div>\r\n <span class=\"step-dot\" data-reveal=\"zoom\" data-delay=\"100\">1<\/span>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-body\" data-reveal=\"right\"><span class=\"step-tag\">Step 02 \u00b7 Week 1\u20132<\/span><h3>Planning<\/h3><p>Architecture blueprint, tool selection, success metrics, and a fixed delivery roadmap you can hold us to.<\/p><\/div>\r\n <span class=\"step-dot\" data-reveal=\"zoom\" data-delay=\"100\">2<\/span>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-body\" data-reveal=\"left\"><span class=\"step-tag\">Step 03 \u00b7 Week 2\u20134<\/span><h3>Development<\/h3><p>We build your automations, agents, and integrations in agile sprints \u2014 with demos every single week.<\/p><\/div>\r\n <span class=\"step-dot\" data-reveal=\"zoom\" data-delay=\"100\">3<\/span>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-body\" data-reveal=\"right\"><span class=\"step-tag\">Step 04 \u00b7 Week 4\u20135<\/span><h3>Testing<\/h3><p>Rigorous QA across edge cases, load scenarios, and security checks before anything touches production.<\/p><\/div>\r\n <span class=\"step-dot\" data-reveal=\"zoom\" data-delay=\"100\">4<\/span>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-body\" data-reveal=\"left\"><span class=\"step-tag\">Step 05 \u00b7 Week 5<\/span><h3>Deployment<\/h3><p>Zero-downtime launch, team training, and documentation so your people own the system from day one.<\/p><\/div>\r\n <span class=\"step-dot\" data-reveal=\"zoom\" data-delay=\"100\">5<\/span>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-body\" data-reveal=\"right\"><span class=\"step-tag\">Step 06 \u00b7 Ongoing<\/span><h3>Support<\/h3><p>24\/7 monitoring, continuous optimization, and new capabilities as your business evolves.<\/p><\/div>\r\n <span class=\"step-dot\" data-reveal=\"zoom\" data-delay=\"100\">6<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ==================== PORTFOLIO ==================== -->\r\n<section id=\"portfolio\">\r\n <div class=\"container\">\r\n <div class=\"sec-head\">\r\n <div>\r\n <span class=\"eyebrow\" data-reveal>Portfolio<\/span>\r\n <h2 class=\"sec-title\" data-reveal data-delay=\"80\">Real systems. <span class=\"grad-text\">Real results.<\/span><\/h2>\r\n <\/div>\r\n <p class=\"lead\" data-reveal data-delay=\"160\">A selection of production systems we've shipped \u2014 each one saving thousands of hours and paying for itself in weeks.<\/p>\r\n <\/div>\r\n <div class=\"case-grid\">\r\n\r\n <article class=\"case glow-card\" data-reveal>\r\n <div class=\"case-visual v1\">\r\n <span class=\"case-tag\">E-commerce<\/span>\r\n <div class=\"mock\">\r\n <div class=\"m-head\"><i><\/i><i><\/i><i><\/i><em>Nova Support \u00b7 AI Agent<\/em><\/div>\r\n <div class=\"m-body\">\r\n <span class=\"msg user\">Where is my order #4821?<\/span>\r\n <span class=\"msg bot\">It ships tomorrow via DHL \u2014 tracking link sent to your email \u2713<\/span>\r\n <span class=\"typing\"><i><\/i><i><\/i><i><\/i><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"case-body\">\r\n <h3>NovaCommerce Support Agent<\/h3>\r\n <div class=\"case-meta\"><span class=\"ind\">Retail<\/span><span>Shopify<\/span><span>n8n<\/span><span>GPT-4o<\/span><\/div>\r\n <p>An AI support agent that resolves 78% of tickets end-to-end and recovered $120k in abandoned carts in its first quarter.<\/p>\r\n <a href=\"#contact\" class=\"btn btn-ghost btn-sm\">View Case Study <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"case glow-card\" data-reveal data-delay=\"100\">\r\n <div class=\"case-visual v2\">\r\n <span class=\"case-tag\">B2B SaaS<\/span>\r\n <div class=\"mock\">\r\n <div class=\"m-head\"><i><\/i><i><\/i><i><\/i><em>Pulse Pipeline \u00b7 Auto-routing<\/em><\/div>\r\n <div class=\"kanban\">\r\n <div class=\"k-col\"><h6><i><\/i>New<\/h6>\r\n <div class=\"k-card\"><div class=\"bar\" style=\"width:80%\"><\/div><div class=\"bar\" style=\"width:55%\"><\/div><\/div>\r\n <div class=\"k-card\"><div class=\"bar\" style=\"width:65%\"><\/div><div class=\"bar\" style=\"width:40%\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"k-col\"><h6><i><\/i>Qualified<\/h6>\r\n <div class=\"k-card hot\"><div class=\"bar\" style=\"width:75%\"><\/div><div class=\"bar\" style=\"width:50%\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"k-col\"><h6><i><\/i>Won<\/h6>\r\n <div class=\"k-card\"><div class=\"bar\" style=\"width:70%\"><\/div><div class=\"bar\" style=\"width:45%\"><\/div><\/div>\r\n <div class=\"k-card\"><div class=\"bar\" style=\"width:60%\"><\/div><div class=\"bar\" style=\"width:35%\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"case-body\">\r\n <h3>PulseCRM Lead Engine<\/h3>\r\n <div class=\"case-meta\"><span class=\"ind\">SaaS<\/span><span>HubSpot<\/span><span>Make<\/span><span>Slack<\/span><\/div>\r\n <p>An autonomous lead engine that scores, routes, and enriches 4,000+ leads per month with zero manual touch.<\/p>\r\n <a href=\"#contact\" class=\"btn btn-ghost btn-sm\">View Case Study <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"case glow-card\" data-reveal>\r\n <div class=\"case-visual v3\">\r\n <span class=\"case-tag\">Healthcare<\/span>\r\n <div class=\"mock\">\r\n <div class=\"m-head\"><i><\/i><i><\/i><i><\/i><em>MediFlow \u00b7 Intake Analytics<\/em><\/div>\r\n <div class=\"chart\">\r\n <span class=\"kpi\">\u221293% onboarding time<\/span>\r\n <span class=\"cbar\" style=\"--h:34%\"><\/span><span class=\"cbar\" style=\"--h:48%\"><\/span><span class=\"cbar\" style=\"--h:42%\"><\/span><span class=\"cbar\" style=\"--h:62%\"><\/span><span class=\"cbar\" style=\"--h:58%\"><\/span><span class=\"cbar\" style=\"--h:78%\"><\/span><span class=\"cbar\" style=\"--h:94%\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"case-body\">\r\n <h3>MediFlow Patient Intake<\/h3>\r\n <div class=\"case-meta\"><span class=\"ind\">Healthcare<\/span><span>OpenAI<\/span><span>Airtable<\/span><span>Custom<\/span><\/div>\r\n <p>Patient intake automation that cut onboarding from 3 days to 4 hours while staying fully HIPAA-conscious.<\/p>\r\n <a href=\"#contact\" class=\"btn btn-ghost btn-sm\">View Case Study <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"case glow-card\" data-reveal data-delay=\"100\">\r\n <div class=\"case-visual v4\">\r\n <span class=\"case-tag\">Finance<\/span>\r\n <div class=\"mock\">\r\n <div class=\"m-head\"><i><\/i><i><\/i><i><\/i><em>FinEdge \u00b7 Invoice Intelligence<\/em><\/div>\r\n <div class=\"t-row\"><span><b>INV-2041<\/b> \u00b7 Acme Corp<\/span><b>$4,200<\/b><span class=\"pill ai\">\u2713 AI processed<\/span><\/div>\r\n <div class=\"t-row\"><span><b>INV-2042<\/b> \u00b7 Northwind<\/span><b>$1,890<\/b><span class=\"pill ok\">Paid<\/span><\/div>\r\n <div class=\"t-row\"><span><b>INV-2043<\/b> \u00b7 Globex<\/span><b>$7,350<\/b><span class=\"pill ai\">\u2713 AI processed<\/span><\/div>\r\n <div class=\"t-row\"><span><b>INV-2044<\/b> \u00b7 Initech<\/span><b>$980<\/b><span class=\"pill wait\">Processing<\/span><\/div>\r\n <span class=\"scan\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"case-body\">\r\n <h3>FinEdge Invoice Intelligence<\/h3>\r\n <div class=\"case-meta\"><span class=\"ind\">Finance<\/span><span>n8n<\/span><span>OpenAI<\/span><span>API<\/span><\/div>\r\n <p>Invoice processing at 10,000 documents per month with 99.4% extraction accuracy and full audit trails.<\/p>\r\n <a href=\"#contact\" class=\"btn btn-ghost btn-sm\">View Case Study <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ==================== STATISTICS ==================== -->\r\n<section aria-label=\"Statistics\">\r\n <div class=\"container\">\r\n <div class=\"stats-band\" data-reveal=\"zoom\">\r\n <div class=\"stats-grid\">\r\n <div class=\"stat\"><b><span class=\"count\" data-count=\"50\" data-suffix=\"+\">0<\/span><\/b><span>Projects Delivered<\/span><\/div>\r\n <div class=\"stat\"><b><span class=\"count\" data-count=\"100\" data-suffix=\"+\">0<\/span><\/b><span>Automations Built<\/span><\/div>\r\n <div class=\"stat\"><b><span class=\"count\" data-count=\"500\" data-suffix=\"+\">0<\/span><\/b><span>Hours Saved Monthly<\/span><\/div>\r\n <div class=\"stat\"><b><span class=\"count\" data-count=\"98\" data-suffix=\"%\">0<\/span><\/b><span>Client Satisfaction<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ==================== TESTIMONIALS ==================== -->\r\n<section aria-label=\"Testimonials\">\r\n <div class=\"container\">\r\n <div class=\"sec-head center\">\r\n <span class=\"eyebrow\" data-reveal>Testimonials<\/span>\r\n <h2 class=\"sec-title\" data-reveal data-delay=\"80\">Loved by teams who <span class=\"grad-text\">hate busywork<\/span>.<\/h2>\r\n <p class=\"lead\" data-reveal data-delay=\"160\">Don't take our word for it \u2014 here's what operators, founders, and executives say after going live.<\/p>\r\n <\/div>\r\n <div class=\"t-viewport\" id=\"tViewport\" data-reveal>\r\n <div class=\"t-track\" id=\"tTrack\">\r\n <div class=\"t-slide\">\r\n <figure class=\"t-card\">\r\n <span class=\"t-quote-mark\" aria-hidden=\"true\">\u201c<\/span>\r\n <div class=\"t-stars\" aria-label=\"5 out of 5 stars\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg>\r\n <\/div>\r\n <blockquote>AutomateX rebuilt our entire support operation with AI agents. 78% of tickets now resolve themselves \u2014 our team finally works on growth instead of tickets.<\/blockquote>\r\n <figcaption class=\"t-author\"><span class=\"t-avatar\">SM<\/span><div><b>Sarah Mitchell<\/b><span>COO, NovaCommerce<\/span><\/div><\/figcaption>\r\n <\/figure>\r\n <\/div>\r\n <div class=\"t-slide\">\r\n <figure class=\"t-card\">\r\n <span class=\"t-quote-mark\" aria-hidden=\"true\">\u201c<\/span>\r\n <div class=\"t-stars\" aria-label=\"5 out of 5 stars\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg>\r\n <\/div>\r\n <blockquote>The lead automation paid for itself in 11 days. It's like hiring a 20-person ops team that never sleeps, never misses a lead, and never asks for a raise.<\/blockquote>\r\n <figcaption class=\"t-author\"><span class=\"t-avatar\">DC<\/span><div><b>David Chen<\/b><span>Founder, PulseCRM<\/span><\/div><\/figcaption>\r\n <\/figure>\r\n <\/div>\r\n <div class=\"t-slide\">\r\n <figure class=\"t-card\">\r\n <span class=\"t-quote-mark\" aria-hidden=\"true\">\u201c<\/span>\r\n <div class=\"t-stars\" aria-label=\"5 out of 5 stars\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg>\r\n <\/div>\r\n <blockquote>From discovery to deployment in three weeks. Patient onboarding went from three days to four hours \u2014 flawless execution and immaculate documentation.<\/blockquote>\r\n <figcaption class=\"t-author\"><span class=\"t-avatar\">AH<\/span><div><b>Amira Hassan<\/b><span>VP Operations, MediFlow<\/span><\/div><\/figcaption>\r\n <\/figure>\r\n <\/div>\r\n <div class=\"t-slide\">\r\n <figure class=\"t-card\">\r\n <span class=\"t-quote-mark\" aria-hidden=\"true\">\u201c<\/span>\r\n <div class=\"t-stars\" aria-label=\"5 out of 5 stars\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.9 6.26 6.6.7-4.9 4.5 1.35 6.54L12 16.9 6.05 20l1.35-6.54-4.9-4.5 6.6-.7L12 2z\"\/><\/svg>\r\n <\/div>\r\n <blockquote>Ten thousand invoices a month, zero manual entry. The extraction accuracy and the live reporting dashboards are simply extraordinary. Best ROI decision we've made.<\/blockquote>\r\n <figcaption class=\"t-author\"><span class=\"t-avatar\">JC<\/span><div><b>James Carter<\/b><span>CFO, FinEdge<\/span><\/div><\/figcaption>\r\n <\/figure>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"t-nav\" data-reveal data-delay=\"120\">\r\n <button class=\"t-btn\" id=\"tPrev\" aria-label=\"Previous testimonial\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/button>\r\n <div class=\"t-dots\" id=\"tDots\"><\/div>\r\n <button class=\"t-btn\" id=\"tNext\" aria-label=\"Next testimonial\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ==================== FAQ ==================== -->\r\n<section id=\"faq\">\r\n <div class=\"container faq-grid\">\r\n <div class=\"faq-side\">\r\n <span class=\"eyebrow\" data-reveal>FAQ<\/span>\r\n <h2 class=\"sec-title\" data-reveal data-delay=\"80\">Questions, <span class=\"grad-text\">answered<\/span>.<\/h2>\r\n <p data-reveal data-delay=\"160\" style=\"margin-top:18px\">Everything founders and ops leaders ask us before starting. Still curious about something specific?<\/p>\r\n <div class=\"faq-contact\" data-reveal data-delay=\"220\">\r\n <h4>Talk to a real engineer<\/h4>\r\n <p>Skip the sales script \u2014 book a call with someone who actually builds this stuff.<\/p>\r\n <a class=\"mail\" href=\"mailto:hello@automatex.ai\">hello@automatex.ai<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-list\">\r\n <div class=\"acc\" data-reveal>\r\n <button class=\"acc-btn\" aria-expanded=\"false\">What does an AI automation agency actually do?<span class=\"acc-icon\"><\/span><\/button>\r\n <div class=\"acc-panel\"><p>We analyze your business processes, identify repetitive and high-volume tasks, then design and build AI-powered systems \u2014 chatbots, agents, and workflows \u2014 that execute those tasks automatically, reliably, and at scale.<\/p><\/div>\r\n <\/div>\r\n <div class=\"acc\" data-reveal data-delay=\"60\">\r\n <button class=\"acc-btn\" aria-expanded=\"false\">How quickly can we go live?<span class=\"acc-icon\"><\/span><\/button>\r\n <div class=\"acc-panel\"><p>Most first automations ship in under two weeks. Larger multi-system builds typically launch within four to six weeks, with weekly demos so you always know exactly where things stand.<\/p><\/div>\r\n <\/div>\r\n <div class=\"acc\" data-reveal data-delay=\"120\">\r\n <button class=\"acc-btn\" aria-expanded=\"false\">Do I need a technical team to use these automations?<span class=\"acc-icon\"><\/span><\/button>\r\n <div class=\"acc-panel\"><p>No. Everything is delivered with a visual interface, plain-English documentation, and hands-on training. Your team manages day-to-day operations without writing a single line of code.<\/p><\/div>\r\n <\/div>\r\n <div class=\"acc\" data-reveal data-delay=\"180\">\r\n <button class=\"acc-btn\" aria-expanded=\"false\">Which tools and platforms do you work with?<span class=\"acc-icon\"><\/span><\/button>\r\n <div class=\"acc-panel\"><p>OpenAI, n8n, Zapier, Make, Slack, Google Workspace, HubSpot, Shopify, Notion, Airtable \u2014 plus custom API integrations for virtually any internal system, legacy database, or third-party service.<\/p><\/div>\r\n <\/div>\r\n <div class=\"acc\" data-reveal data-delay=\"240\">\r\n <button class=\"acc-btn\" aria-expanded=\"false\">How much does a typical automation cost?<span class=\"acc-icon\"><\/span><\/button>\r\n <div class=\"acc-panel\"><p>Projects start at $3,000 for a single focused workflow and scale with complexity. Every engagement begins with a free consultation where we estimate ROI \u2014 most clients break even within the first month.<\/p><\/div>\r\n <\/div>\r\n <div class=\"acc\" data-reveal data-delay=\"300\">\r\n <button class=\"acc-btn\" aria-expanded=\"false\">Is our data secure?<span class=\"acc-icon\"><\/span><\/button>\r\n <div class=\"acc-panel\"><p>Yes. We follow SOC 2-aligned practices: encrypted data in transit and at rest, role-based access controls, full audit logs, and your data is never used to train external models. Self-hosted options are available for regulated industries.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ==================== CTA BANNER ==================== -->\r\n<section id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"cta-panel\" data-reveal=\"zoom\">\r\n <span class=\"cta-orb co-1\" aria-hidden=\"true\"><\/span>\r\n <span class=\"cta-orb co-2\" aria-hidden=\"true\"><\/span>\r\n <div class=\"cta-inner\">\r\n <span class=\"cta-badge\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2L12 2z\"\/><\/svg>Limited onboarding slots for Q3 2026<\/span>\r\n <h2>Ready to Automate Your Business?<\/h2>\r\n <p>Let's build AI-powered workflows that save time, reduce manual work, and help your business scale faster.<\/p>\r\n <a href=\"mailto:hello@automatex.ai\" class=\"btn btn-white btn-lg\">Book Free Consultation\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n <\/a>\r\n <p class=\"cta-note\">Free 30-minute strategy call  \u00b7  No commitment  \u00b7  Response within 24 hours<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/main>\r\n\r\n<!-- ==================== FOOTER ==================== -->\r\n<footer>\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div class=\"f-left\" data-reveal>\r\n <a href=\"#home\" class=\"logo\" aria-label=\"AutomateX home\">\r\n <span class=\"logo-mark\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13 2 4.5 13.5h5L11 22l8.5-11.5h-5L13 2Z\" fill=\"#fff\"\/><\/svg>\r\n <\/span>\r\n Automate<b>X<\/b>\r\n <\/a>\r\n <h3>Ready to Build <span class=\"grad-text\">Smarter<\/span>?<\/h3>\r\n <p>Join 50+ companies running on AutomateX systems. Tell us where to reach you and we'll map your first automation \u2014 free.<\/p>\r\n <form class=\"nl\" id=\"nlForm\" novalidate>\r\n <input type=\"email\" id=\"nlEmail\" placeholder=\"Enter your work email\" aria-label=\"Email address\" required>\r\n <button type=\"submit\" class=\"btn btn-white\" id=\"nlBtn\">Book Consultation<\/button>\r\n <\/form>\r\n <div class=\"socials\">\r\n <a href=\"#\" aria-label=\"LinkedIn\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.03-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.36V9h3.41v1.56h.05c.47-.9 1.63-1.85 3.36-1.85 3.6 0 4.27 2.37 4.27 5.45v6.29zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45z\"\/><\/svg><\/a>\r\n <a href=\"#\" aria-label=\"GitHub\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.56 0-.27-.01-1.17-.02-2.12-3.2.7-3.88-1.36-3.88-1.36-.52-1.33-1.28-1.68-1.28-1.68-1.04-.71.08-.7.08-.7 1.15.08 1.76 1.19 1.76 1.19 1.03 1.75 2.69 1.25 3.35.95.1-.75.4-1.25.72-1.54-2.55-.29-5.24-1.28-5.24-5.68 0-1.26.45-2.28 1.19-3.09-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11.1 11.1 0 0 1 5.8 0c2.2-1.49 3.17-1.18 3.17-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.83 1.19 3.09 0 4.41-2.69 5.38-5.25 5.67.41.35.77 1.05.77 2.12 0 1.53-.01 2.76-.01 3.14 0 .31.21.67.8.56A10.52 10.52 0 0 0 23.5 12C23.5 5.65 18.35.5 12 .5z\"\/><\/svg><\/a>\r\n <a href=\"#\" class=\"stroke\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.2\" cy=\"6.8\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg><\/a>\r\n <a href=\"#\" aria-label=\"X\"><svg viewBox=\"0 0 24 24\"><path d=\"M18.9 2H22l-6.8 7.8L23.2 22h-6.3l-4.9-6.4L6.4 22H3.2l7.3-8.3L1.6 2H8l4.4 5.9L18.9 2zm-1.1 18h1.7L7.1 3.9H5.3L17.8 20z\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"f-right\">\r\n <nav class=\"f-col\" aria-label=\"Services\">\r\n <h5>Services<\/h5>\r\n <ul>\r\n <li><a href=\"#services\">AI Chatbots<\/a><\/li>\r\n <li><a href=\"#services\">Workflow Automation<\/a><\/li>\r\n <li><a href=\"#services\">CRM Automation<\/a><\/li>\r\n <li><a href=\"#services\">WhatsApp Automation<\/a><\/li>\r\n <li><a href=\"#services\">Email Automation<\/a><\/li>\r\n <li><a href=\"#services\">AI Agents<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <nav class=\"f-col\" aria-label=\"Technologies\">\r\n <h5>Technologies<\/h5>\r\n <ul>\r\n <li><a href=\"#services\">OpenAI<\/a><\/li>\r\n <li><a href=\"#services\">n8n<\/a><\/li>\r\n <li><a href=\"#services\">Zapier<\/a><\/li>\r\n <li><a href=\"#services\">Make<\/a><\/li>\r\n <li><a href=\"#services\">Slack<\/a><\/li>\r\n <li><a href=\"#services\">Google Workspace<\/a><\/li>\r\n <li><a href=\"#services\">Shopify<\/a><\/li>\r\n <li><a href=\"#services\">HubSpot<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <nav class=\"f-col\" aria-label=\"Quick links\">\r\n <h5>Quick Links<\/h5>\r\n <ul>\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#services\">Services<\/a><\/li>\r\n <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\r\n <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <div class=\"fb-inner\">\r\n <span>\u00a9 <span id=\"year\">2026<\/span> AutomateX. All rights reserved.<\/span>\r\n <div class=\"fb-links\">\r\n <a href=\"#\">Privacy Policy<\/a>\r\n <a href=\"#\">Terms of Service<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- Back to top -->\r\n<button class=\"to-top\" id=\"toTop\" aria-label=\"Back to top\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 19V5M6 11l6-6 6 6\"\/><\/svg>\r\n<\/button>\r\n\r\n<script>\r\n\/* ============================================================\r\n AutomateX \u00b7 Interactions\r\n============================================================ *\/\r\n(function () {\r\n 'use strict';\r\n const $ = (s, c) => (c || document).querySelector(s);\r\n const $$ = (s, c) => Array.prototype.slice.call((c || document).querySelectorAll(s));\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n \/* ---------- 01 \u00b7 Scroll: progress bar, navbar, to-top ---------- *\/\r\n const nav = $('#nav'), progress = $('#progress'), toTop = $('#toTop');\r\n let ticking = false;\r\n function onScroll() {\r\n const y = window.scrollY;\r\n const max = document.documentElement.scrollHeight - window.innerHeight;\r\n nav.classList.toggle('scrolled', y > 24);\r\n progress.style.transform = 'scaleX(' + (max > 0 ? y \/ max : 0) + ')';\r\n toTop.classList.toggle('show', y > 640);\r\n ticking = false;\r\n }\r\n window.addEventListener('scroll', function () {\r\n if (!ticking) { requestAnimationFrame(onScroll); ticking = true; }\r\n }, { passive: true });\r\n onScroll();\r\n toTop.addEventListener('click', function () {\r\n window.scrollTo({ top: 0, behavior: reduce ? 'auto' : 'smooth' });\r\n });\r\n\r\n \/* ---------- 02 \u00b7 Mobile menu ---------- *\/\r\n const burger = $('#burger');\r\n burger.addEventListener('click', function () {\r\n const open = document.body.classList.toggle('menu-open');\r\n burger.setAttribute('aria-expanded', open);\r\n });\r\n $$('#mobileMenu a').forEach(function (a) {\r\n a.addEventListener('click', function () {\r\n document.body.classList.remove('menu-open');\r\n burger.setAttribute('aria-expanded', 'false');\r\n });\r\n });\r\n\r\n \/* ---------- 03 \u00b7 Scroll reveals ---------- *\/\r\n const io = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (e) {\r\n if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }\r\n });\r\n }, { threshold: 0.14, rootMargin: '0px 0px -40px 0px' });\r\n $$('[data-reveal]').forEach(function (el) {\r\n const d = el.getAttribute('data-delay');\r\n if (d) el.style.setProperty('--rd', d + 'ms');\r\n io.observe(el);\r\n });\r\n\r\n \/* ---------- 04 \u00b7 Animated counters ---------- *\/\r\n const easeOut = function (t) { return 1 - Math.pow(1 - t, 3); };\r\n const cio = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (e) {\r\n if (!e.isIntersecting) return;\r\n cio.unobserve(e.target);\r\n const el = e.target;\r\n const target = parseInt(el.getAttribute('data-count'), 10);\r\n const suffix = el.getAttribute('data-suffix') || '';\r\n if (reduce) { el.textContent = target + suffix; return; }\r\n const dur = 1800, t0 = performance.now();\r\n (function tick(now) {\r\n const p = Math.min((now - t0) \/ dur, 1);\r\n el.textContent = Math.round(easeOut(p) * target) + suffix;\r\n if (p < 1) requestAnimationFrame(tick);\r\n })(t0);\r\n });\r\n }, { threshold: 0.5 });\r\n $$('.count').forEach(function (el) { cio.observe(el); });\r\n\r\n \/* ---------- 05 \u00b7 Testimonial slider ---------- *\/\r\n const track = $('#tTrack'), slides = $$('.t-slide'), dotsWrap = $('#tDots');\r\n let ti = 0, timer = null;\r\n slides.forEach(function (_, i) {\r\n const b = document.createElement('button');\r\n b.className = 't-dot';\r\n b.setAttribute('aria-label', 'Go to testimonial ' + (i + 1));\r\n b.addEventListener('click', function () { go(i); restart(); });\r\n dotsWrap.appendChild(b);\r\n });\r\n const dots = $$('.t-dot', dotsWrap);\r\n function go(i) {\r\n ti = (i + slides.length) % slides.length;\r\n track.style.transform = 'translateX(-' + ti * 100 + '%)';\r\n dots.forEach(function (d, j) { d.classList.toggle('on', j === ti); });\r\n }\r\n function restart() {\r\n clearInterval(timer);\r\n if (!reduce) timer = setInterval(function () { go(ti + 1); }, 6500);\r\n }\r\n $('#tPrev').addEventListener('click', function () { go(ti - 1); restart(); });\r\n $('#tNext').addEventListener('click', function () { go(ti + 1); restart(); });\r\n const vp = $('#tViewport');\r\n vp.addEventListener('pointerenter', function () { clearInterval(timer); });\r\n vp.addEventListener('pointerleave', restart);\r\n go(0); restart();\r\n\r\n \/* ---------- 06 \u00b7 FAQ accordion ---------- *\/\r\n $$('.acc').forEach(function (acc) {\r\n const btn = $('.acc-btn', acc), panel = $('.acc-panel', acc);\r\n btn.addEventListener('click', function () {\r\n const wasOpen = acc.classList.contains('open');\r\n $$('.acc.open').forEach(function (o) {\r\n o.classList.remove('open');\r\n $('.acc-panel', o).style.maxHeight = null;\r\n $('.acc-btn', o).setAttribute('aria-expanded', 'false');\r\n });\r\n if (!wasOpen) {\r\n acc.classList.add('open');\r\n panel.style.maxHeight = panel.scrollHeight + 'px';\r\n btn.setAttribute('aria-expanded', 'true');\r\n }\r\n });\r\n });\r\n const firstAcc = $('.acc');\r\n if (firstAcc) $('.acc-btn', firstAcc).click();\r\n\r\n \/* ---------- 07 \u00b7 Hero particles ---------- *\/\r\n const cv = $('#fx');\r\n if (cv && !reduce) {\r\n const ctx = cv.getContext('2d');\r\n const DPR = Math.min(window.devicePixelRatio || 1, 2);\r\n const cols = [[192,38,255],[168,85,247],[124,58,237],[99,102,241],[233,213,255]];\r\n let W = 0, H = 0, ps = [], running = true;\r\n function size() {\r\n const r = cv.parentElement.getBoundingClientRect();\r\n W = r.width; H = r.height;\r\n cv.width = W * DPR; cv.height = H * DPR;\r\n ctx.setTransform(DPR, 0, 0, DPR, 0, 0);\r\n }\r\n function make() {\r\n const n = Math.min(90, Math.floor(W * H \/ 16000));\r\n ps = [];\r\n for (let i = 0; i < n; i++) {\r\n ps.push({\r\n x: Math.random() * W, y: Math.random() * H,\r\n r: Math.random() * 1.8 + 0.5,\r\n vx: (Math.random() - 0.5) * 0.14,\r\n vy: -(Math.random() * 0.28 + 0.06),\r\n a: Math.random() * 0.5 + 0.15,\r\n ph: Math.random() * 6.28,\r\n c: cols[Math.floor(Math.random() * cols.length)]\r\n });\r\n }\r\n }\r\n size(); make();\r\n window.addEventListener('resize', function () { size(); make(); });\r\n new IntersectionObserver(function (e) { running = e[0].isIntersecting; }).observe(cv.parentElement);\r\n (function loop(t) {\r\n requestAnimationFrame(loop);\r\n if (!running) return;\r\n ctx.clearRect(0, 0, W, H);\r\n for (let i = 0; i < ps.length; i++) {\r\n const p = ps[i];\r\n p.x += p.vx; p.y += p.vy;\r\n if (p.y < -12) { p.y = H + 12; p.x = Math.random() * W; }\r\n if (p.x < -12) p.x = W + 12;\r\n if (p.x > W + 12) p.x = -12;\r\n const tw = p.a * (0.6 + 0.4 * Math.sin(t \/ 900 + p.ph));\r\n ctx.beginPath();\r\n ctx.arc(p.x, p.y, p.r, 0, 6.283);\r\n ctx.fillStyle = 'rgba(' + p.c[0] + ',' + p.c[1] + ',' + p.c[2] + ',' + tw.toFixed(3) + ')';\r\n ctx.fill();\r\n }\r\n })(0);\r\n }\r\n\r\n \/* ---------- 08 \u00b7 Live tasks counter ---------- *\/\r\n const tc = $('#taskCount');\r\n if (tc) {\r\n let tasks = 1284503 + Math.floor(Math.random() * 900);\r\n const fmt = function () { tc.textContent = tasks.toLocaleString('en-US'); };\r\n fmt();\r\n if (!reduce) setInterval(function () { tasks += 3 + Math.floor(Math.random() * 14); fmt(); }, 1600);\r\n }\r\n\r\n \/* ---------- 09 \u00b7 Hero pointer parallax ---------- *\/\r\n const stage = $('#aiStage'), hero = $('.hero');\r\n if (stage && hero && window.matchMedia('(pointer: fine)').matches && !reduce) {\r\n hero.addEventListener('pointermove', function (e) {\r\n const r = stage.getBoundingClientRect();\r\n const x = (e.clientX - (r.left + r.width \/ 2)) \/ r.width;\r\n const y = (e.clientY - (r.top + r.height \/ 2)) \/ r.height;\r\n stage.style.setProperty('--px', (x * 2).toFixed(3));\r\n stage.style.setProperty('--py', (y * 2).toFixed(3));\r\n });\r\n hero.addEventListener('pointerleave', function () {\r\n stage.style.setProperty('--px', 0);\r\n stage.style.setProperty('--py', 0);\r\n });\r\n }\r\n\r\n \/* ---------- 10 \u00b7 Active nav link ---------- *\/\r\n const navLinks = $$('.nav-links a');\r\n const nio = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (e) {\r\n if (!e.isIntersecting) return;\r\n const id = '#' + e.target.id;\r\n navLinks.forEach(function (l) {\r\n l.classList.toggle('active', l.getAttribute('href') === id);\r\n });\r\n });\r\n }, { rootMargin: '-45% 0px -50% 0px' });\r\n $$('main section[id]').forEach(function (s) { nio.observe(s); });\r\n\r\n \/* ---------- 11 \u00b7 Newsletter form ---------- *\/\r\n const form = $('#nlForm');\r\n if (form) {\r\n form.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n const inp = $('#nlEmail'), btn = $('#nlBtn');\r\n if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(inp.value)) {\r\n inp.classList.add('shake');\r\n setTimeout(function () { inp.classList.remove('shake'); }, 500);\r\n inp.focus();\r\n return;\r\n }\r\n const original = btn.textContent;\r\n btn.textContent = '\u2713 Request received';\r\n btn.disabled = true;\r\n inp.value = '';\r\n setTimeout(function () { btn.textContent = original; btn.disabled = false; }, 3200);\r\n });\r\n }\r\n\r\n \/* ---------- 12 \u00b7 Footer year ---------- *\/\r\n $('#year').textContent = new Date().getFullYear();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AutomateX \u2014 AI Automation Agency | Automate Your Business with AI AutomateX Home Services Solutions Portfolio About Contact Book a Free Consultation Home Services Solutions Portfolio About Contact Book a Free Consultation 1,284,503 tasks automated \u00b7 Systems live Automate Your Business with AI. We build AI-powered workflows, intelligent chatbots, AI agents, and business automations that save […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-96","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aditya.anjnis.com\/index.php\/wp-json\/wp\/v2\/pages\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aditya.anjnis.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aditya.anjnis.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aditya.anjnis.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aditya.anjnis.com\/index.php\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":4,"href":"https:\/\/aditya.anjnis.com\/index.php\/wp-json\/wp\/v2\/pages\/96\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/aditya.anjnis.com\/index.php\/wp-json\/wp\/v2\/pages\/96\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/aditya.anjnis.com\/index.php\/wp-json\/wp\/v2\/media?parent=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}