{"id":307,"date":"2026-07-17T10:59:16","date_gmt":"2026-07-17T10:59:16","guid":{"rendered":"https:\/\/xpertus.co.in\/?page_id=307"},"modified":"2026-07-17T11:16:21","modified_gmt":"2026-07-17T11:16:21","slug":"anusha","status":"publish","type":"page","link":"https:\/\/xpertus.co.in\/","title":{"rendered":"Anusha"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n\n\n\nXpertus \u2014 Brand | Communicate | Grow<\/title>\n<meta name=\"description\" content=\"Xpertus builds brands that win trust. Branding, pitch decks, social media and PR for B2B companies, women entrepreneurs and family businesses.\">\n\n<!-- Fonts -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<!-- Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\n\n<style>\n\/* ==========================================================================\n 1. DESIGN TOKENS \u2014 Black & Gold\n ========================================================================== *\/\n:root{\n --bg:#0A0A09; \/* page black *\/\n --bg-2:#100F0D; \/* alternate section black *\/\n --card:#161411; \/* card surface *\/\n --gold:#C6A15B; \/* primary gold *\/\n --gold-2:#E9D3A3; \/* light gold *\/\n --ink:#F4EFE6; \/* cream text *\/\n --muted:#A39B8B; \/* secondary text *\/\n --line:rgba(198,161,91,.20);\n --line-soft:rgba(244,239,230,.08);\n --serif:'Playfair Display', Georgia, serif;\n --sans:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n --max:1240px;\n --gutter:clamp(20px, 4vw, 56px);\n --ease:cubic-bezier(.22,.8,.24,1);\n --dur:.9s;\n}\n\n\/* ==========================================================================\n 2. RESET & BASE\n ========================================================================== *\/\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.7;\n color:var(--ink);background:var(--bg);\n -webkit-font-smoothing:antialiased;overflow-x:hidden;\n}\nimg{display:block;max-width:100%;height:auto}\na{color:inherit;text-decoration:none}\nul{list-style:none}\nbutton,input,select,textarea{font-family:inherit}\nbutton{cursor:pointer;border:none;background:none}\n::selection{background:var(--gold);color:#0A0A09}\n\n.xp-wrap{max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}\nsection{position:relative}\n\n\/* Typography *\/\n.xp-eyebrow{\n display:inline-flex;align-items:center;gap:14px;\n font-size:11px;letter-spacing:.3em;text-transform:uppercase;\n color:var(--gold);font-weight:500;margin-bottom:28px;\n}\n.xp-eyebrow::before{content:\"\";width:36px;height:1px;background:var(--gold)}\n.xp-h1{font-family:var(--serif);font-weight:500;font-size:clamp(42px,5.8vw,80px);line-height:1.08;letter-spacing:-.01em}\n.xp-h2{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4.4vw,58px);line-height:1.14;letter-spacing:-.01em}\n.xp-h3{font-family:var(--serif);font-weight:500;font-size:clamp(23px,2.5vw,32px);line-height:1.22}\n.xp-lead{font-size:clamp(16px,1.6vw,19px);line-height:1.8;color:var(--muted);font-weight:300}\n.xp-em{font-style:italic;color:var(--gold-2)}\n\n\/* Buttons *\/\n.xp-btn{\n position:relative;display:inline-flex;align-items:center;gap:12px;\n padding:18px 36px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;\n transition:background .45s var(--ease),color .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease);\n will-change:transform;\n}\n.xp-btn i{font-size:11px;transition:transform .45s var(--ease)}\n.xp-btn:hover i{transform:translateX(5px)}\n.xp-btn--gold{background:linear-gradient(135deg,var(--gold) 0%,#a8843f 100%);color:#0A0A09;box-shadow:0 12px 34px -12px rgba(198,161,91,.45)}\n.xp-btn--gold:hover{background:var(--gold-2);box-shadow:0 16px 44px -12px rgba(233,211,163,.5)}\n.xp-btn--ghost{border:1px solid var(--line);color:var(--ink)}\n.xp-btn--ghost:hover{border-color:var(--gold);color:var(--gold-2)}\n\n\/* Reveal primitives *\/\n.xp-fade{opacity:0;transform:translateY(46px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}\n.xp-fade.is-in{opacity:1;transform:translateY(0)}\n.xp-d1{transition-delay:.12s}.xp-d2{transition-delay:.24s}.xp-d3{transition-delay:.36s}.xp-d4{transition-delay:.48s}\n\n.xp-line{display:block;overflow:hidden}\n.xp-line > span{display:block;transform:translateY(115%);transition:transform 1.15s var(--ease)}\n.is-loaded .xp-line > span{transform:translateY(0)}\n.xp-line:nth-child(2) > span{transition-delay:.12s}\n.xp-line:nth-child(3) > span{transition-delay:.24s}\n\n\/* 3D tilt cards *\/\n.xp-tilt{transform-style:preserve-3d;will-change:transform;transition:box-shadow .6s var(--ease)}\n.xp-tilt-inner{transform:translateZ(28px)}\n\n\/* ==========================================================================\n 3. LOGO (SVG lotus emblem + wordmark)\n ========================================================================== *\/\n.xp-brand{display:inline-flex;align-items:center;gap:14px}\n.xp-brand svg{width:46px;height:46px;flex:0 0 auto}\n.xp-brand-word{display:flex;flex-direction:column;line-height:1}\n.xp-brand-name{font-family:var(--sans);font-weight:600;font-size:21px;letter-spacing:.3em;color:var(--ink)}\n.xp-brand-name b{color:var(--gold);font-weight:600}\n.xp-brand-tag{font-size:8.5px;letter-spacing:.24em;color:var(--muted);margin-top:6px;text-transform:uppercase}\n\n\/* ==========================================================================\n 4. NAVIGATION\n ========================================================================== *\/\n.xp-nav{\n position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 0;\n transition:padding .5s var(--ease),background .5s var(--ease),box-shadow .5s var(--ease);\n}\n.xp-nav .xp-wrap{display:flex;align-items:center;justify-content:space-between;max-width:1360px}\n.xp-nav.is-scrolled{\n padding:12px 0;\n background:rgba(10,10,9,.85);\n -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);\n box-shadow:0 1px 0 var(--line);\n}\n.xp-menu{display:flex;align-items:center;gap:36px}\n.xp-menu a{\n position:relative;font-size:13px;font-weight:400;letter-spacing:.08em;color:var(--ink);\n padding:6px 0;transition:color .4s var(--ease);\n}\n.xp-menu a::after{\n content:\"\";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--gold);\n transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease);\n}\n.xp-menu a:hover{color:var(--gold-2)}\n.xp-menu a:hover::after{transform:scaleX(1);transform-origin:left}\n.xp-nav .xp-btn{padding:13px 26px;font-size:11px}\n\n\/* Burger *\/\n.xp-burger{display:none;z-index:120;width:44px;height:44px;position:relative}\n.xp-burger span{\n position:absolute;left:10px;width:24px;height:2px;background:var(--gold);\n transition:transform .4s var(--ease),top .4s var(--ease),opacity .3s;\n}\n.xp-burger span:nth-child(1){top:16px}\n.xp-burger span:nth-child(2){top:23px}\n.xp-burger span:nth-child(3){top:30px}\nbody.menu-open .xp-burger span:nth-child(1){top:23px;transform:rotate(45deg)}\nbody.menu-open .xp-burger span:nth-child(2){opacity:0}\nbody.menu-open .xp-burger span:nth-child(3){top:23px;transform:rotate(-45deg)}\n\n.xp-mobile-menu{\n position:fixed;inset:0;z-index:110;background:var(--bg);\n display:flex;flex-direction:column;justify-content:center;padding:0 var(--gutter);\n opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s;\n}\nbody.menu-open .xp-mobile-menu{opacity:1;visibility:visible}\n.xp-mobile-menu a{\n font-family:var(--serif);font-size:clamp(28px,7vw,42px);line-height:1.5;color:var(--ink);\n border-bottom:1px solid var(--line-soft);padding:10px 0;\n opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease),transform .5s var(--ease);\n}\n.xp-mobile-menu a:hover{color:var(--gold-2)}\nbody.menu-open .xp-mobile-menu a{opacity:1;transform:translateY(0)}\n.xp-mobile-menu a:nth-child(1){transition-delay:.08s}.xp-mobile-menu a:nth-child(2){transition-delay:.14s}\n.xp-mobile-menu a:nth-child(3){transition-delay:.2s}.xp-mobile-menu a:nth-child(4){transition-delay:.26s}\n.xp-mobile-menu a:nth-child(5){transition-delay:.32s}.xp-mobile-menu a:nth-child(6){transition-delay:.38s}\n.xp-mobile-menu a:nth-child(7){transition-delay:.44s}\n\n\/* ==========================================================================\n 5. FIXED CONTACT RAIL (LinkedIn \/ Instagram \/ Call)\n ========================================================================== *\/\n.xp-rail{\n position:fixed;right:22px;bottom:22px;z-index:95;\n display:flex;flex-direction:column;gap:12px;\n}\n.xp-rail a{\n width:52px;height:52px;border-radius:50%;\n display:inline-flex;align-items:center;justify-content:center;font-size:18px;\n background:rgba(22,20,17,.9);border:1px solid var(--line);color:var(--gold-2);\n -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);\n transition:transform .4s var(--ease),background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease);\n}\n.xp-rail a:hover{transform:translateY(-4px);background:var(--gold);color:#0A0A09;border-color:var(--gold)}\n.xp-rail .xp-rail-call{\n background:linear-gradient(135deg,var(--gold),#a8843f);color:#0A0A09;border-color:transparent;\n box-shadow:0 0 0 0 rgba(198,161,91,.5);animation:xp-pulse 2.6s infinite;\n}\n@keyframes xp-pulse{\n 0%{box-shadow:0 0 0 0 rgba(198,161,91,.45)}\n 70%{box-shadow:0 0 0 16px rgba(198,161,91,0)}\n 100%{box-shadow:0 0 0 0 rgba(198,161,91,0)}\n}\n\n\/* ==========================================================================\n 6. HERO\n ========================================================================== *\/\n.xp-hero{\n position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;\n padding-top:120px;overflow:hidden;background:var(--bg);\n}\n\/* Layered stage: wave lines \u2192 B&W founder photo \u2192 colour blob-reveal \u2192 shade *\/\n.xp-hero-stage{position:absolute;inset:0;z-index:0;pointer-events:none}\n.xp-hero-waves{position:absolute;inset:0;width:100%;height:100%}\n.xp-hero-photo{position:absolute;inset:0}\n.xp-hero-photo img{\n width:100%;height:100%;object-fit:cover;object-position:50% 0%;\n filter:grayscale(1) contrast(1.06) brightness(.6);\n}\n.xp-hero-reveal{position:absolute;inset:0;width:100%;height:100%}\n\/* the revealed layer gets a warm gold tone, so even a B&W source reads as an \"alternate\" image *\/\n.xp-hero-reveal image{filter:sepia(.5) saturate(1.35) brightness(.98) contrast(1.06)}\n.xp-hero-shade{\n position:absolute;inset:0;\n background:\n linear-gradient(to top, rgba(10,10,9,.92) 0%, transparent 30%),\n linear-gradient(95deg, rgba(10,10,9,.94) 0%, rgba(10,10,9,.8) 36%, rgba(10,10,9,.32) 66%, rgba(10,10,9,.1) 100%);\n}\n.xp-hero .xp-wrap{\n position:relative;z-index:2;width:100%;max-width:1360px;flex:1;\n display:flex;flex-direction:column;justify-content:center;padding-bottom:60px;\n}\n.xp-hero .xp-wrap > div{max-width:680px}\n.xp-hero .xp-h1{margin-bottom:28px}\n.xp-hero-sub{\n max-width:520px;font-size:clamp(16px,1.5vw,19px);font-weight:300;line-height:1.8;color:var(--muted);\n margin-bottom:18px;\n opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease) .45s,transform 1s var(--ease) .45s;\n}\n.xp-hero-trust{\n font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);\n display:flex;align-items:center;gap:12px;margin-bottom:40px;\n opacity:0;transition:opacity 1s var(--ease) .6s;\n}\n.xp-hero-trust i{color:var(--gold);font-size:10px}\n.is-loaded .xp-hero-sub{opacity:1;transform:translateY(0)}\n.is-loaded .xp-hero-trust{opacity:1}\n.xp-hero-cta{display:flex;flex-wrap:wrap;gap:18px;opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease) .7s,transform 1s var(--ease) .7s}\n.is-loaded .xp-hero-cta{opacity:1;transform:translateY(0)}\n\n\/* Founder tag chip (bottom-right of hero) *\/\n.xp-founder-tag{\n position:absolute;right:clamp(20px,4vw,56px);bottom:120px;z-index:3;\n background:rgba(10,10,9,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);\n border:1px solid var(--line);border-left:2px solid var(--gold);padding:14px 22px;\n opacity:0;transform:translateY(24px);\n transition:opacity 1.1s var(--ease) .85s,transform 1.1s var(--ease) .85s;\n}\n.is-loaded .xp-founder-tag{opacity:1;transform:translateY(0)}\n.xp-founder-tag strong{display:block;font-family:var(--serif);font-size:17px;font-weight:500;color:var(--gold-2)}\n.xp-founder-tag span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}\n\n\/* Hero services strip (mirrors the brand banner) *\/\n.xp-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}\n.xp-strip .xp-wrap{\n max-width:1360px;display:grid;grid-template-columns:repeat(4,1fr);\n}\n.xp-strip-item{\n display:flex;gap:18px;align-items:flex-start;padding:30px 28px;\n border-left:1px solid var(--line-soft);\n transition:background .5s var(--ease);\n}\n.xp-strip-item:first-child{border-left:none}\n.xp-strip-item:hover{background:rgba(198,161,91,.05)}\n.xp-strip-item i{\n flex:0 0 auto;width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;\n display:inline-flex;align-items:center;justify-content:center;color:var(--gold);font-size:17px;\n}\n.xp-strip-item h3{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:5px}\n.xp-strip-item p{font-size:13px;color:var(--muted);line-height:1.55}\n\n\/* ==========================================================================\n 7. WHO WE HELP\n ========================================================================== *\/\n.xp-who{padding:clamp(60px,9vw,130px) 0}\n.xp-sec-head{max-width:760px;margin-bottom:clamp(36px,5vw,70px)}\n.xp-who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px);perspective:1200px}\n.xp-who-card{\n background:var(--card);border:1px solid var(--line-soft);\n padding:0 0 40px;overflow:hidden;\n}\n.xp-who-card:hover{box-shadow:0 40px 80px -35px rgba(198,161,91,.22);border-color:var(--line)}\n.xp-who-media{overflow:hidden;aspect-ratio:4\/3}\n.xp-who-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);filter:saturate(.75) brightness(.92)}\n.xp-who-card:hover .xp-who-media img{transform:scale(1.07)}\n.xp-who-body{padding:34px 34px 0}\n.xp-who-kicker{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:14px}\n.xp-who-body h3{margin-bottom:14px;color:var(--ink)}\n.xp-who-body p{color:var(--muted);font-size:15px}\n\n\/* ==========================================================================\n 8. WHY BRANDING (split + counters)\n ========================================================================== *\/\n.xp-why{padding:clamp(60px,9vw,130px) 0;background:var(--bg-2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}\n.xp-why .xp-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(50px,7vw,110px);align-items:start}\n.xp-why-copy p{margin-top:28px;max-width:480px}\n.xp-why-copy .xp-btn{margin-top:40px}\n.xp-stat{padding:36px 0;border-bottom:1px solid var(--line-soft);display:flex;align-items:baseline;gap:28px}\n.xp-stat:first-child{padding-top:8px}\n.xp-stat-num{\n font-family:var(--serif);font-weight:500;font-size:clamp(56px,6vw,84px);line-height:1;\n color:var(--gold-2);min-width:170px;font-variant-numeric:tabular-nums;\n}\n.xp-stat-label{font-size:15px;color:var(--muted);max-width:230px;line-height:1.6}\n\n\/* ==========================================================================\n 9. SERVICES (alternating editorial rows)\n ========================================================================== *\/\n.xp-services{padding:clamp(60px,9vw,130px) 0}\n.xp-service{\n display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center;\n padding:clamp(40px,5vw,70px) 0;border-bottom:1px solid var(--line-soft);\n}\n.xp-service:last-child{border-bottom:none}\n.xp-service:nth-child(even) .xp-service-media{order:2}\n.xp-service-media{overflow:hidden;aspect-ratio:5\/4;position:relative;border:1px solid var(--line-soft)}\n.xp-service-media::after{content:\"\";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(0,0,0,.35);pointer-events:none}\n.xp-service-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease);filter:saturate(.8) brightness(.92)}\n.xp-service:hover .xp-service-media img{transform:scale(1.05)}\n.xp-service-num{\n font-family:var(--serif);font-style:italic;font-size:15px;color:var(--gold);\n display:flex;align-items:center;gap:16px;margin-bottom:22px;\n}\n.xp-service-num::after{content:\"\";flex:0 0 44px;height:1px;background:var(--gold)}\n.xp-service-copy h3{margin-bottom:18px}\n.xp-service-copy p{color:var(--muted);max-width:440px;margin-bottom:26px}\n.xp-service-link{\n font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--gold-2);\n display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid var(--gold);padding-bottom:6px;\n transition:color .4s var(--ease);\n}\n.xp-service-link i{font-size:10px;transition:transform .4s var(--ease)}\n.xp-service-link:hover{color:var(--gold)}\n.xp-service-link:hover i{transform:translateX(5px)}\n\n\/* ==========================================================================\n 10. PORTFOLIO (masonry + 3D tilt)\n ========================================================================== *\/\n.xp-work{padding:clamp(60px,9vw,130px) 0;background:var(--bg-2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}\n.xp-work-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:clamp(50px,7vw,80px);flex-wrap:wrap}\n.xp-masonry{columns:2;column-gap:32px;perspective:1400px}\n.xp-work-item{\n position:relative;display:block;overflow:hidden;margin-bottom:32px;break-inside:avoid;cursor:pointer;\n border:1px solid var(--line-soft);\n}\n.xp-work-item:hover{box-shadow:0 45px 90px -40px rgba(198,161,91,.3);border-color:var(--line)}\n.xp-work-item img{width:100%;transition:transform 1.3s var(--ease),filter .8s var(--ease);filter:saturate(.8) brightness(.9)}\n.xp-work-item:hover img{transform:scale(1.07);filter:saturate(1) brightness(1)}\n.xp-work-item::after{\n content:\"\";position:absolute;inset:0;\n background:linear-gradient(to top,rgba(8,7,6,.92) 0%,rgba(8,7,6,.2) 45%,transparent 70%);\n opacity:0;transition:opacity .7s var(--ease);\n}\n.xp-work-item:hover::after{opacity:1}\n.xp-work-meta{\n position:absolute;left:34px;right:34px;bottom:30px;z-index:2;\n transform:translateY(24px);opacity:0;transition:transform .7s var(--ease),opacity .7s var(--ease);\n}\n.xp-work-item:hover .xp-work-meta{transform:translateY(0);opacity:1}\n.xp-work-tags{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-weight:600}\n.xp-work-meta h3{font-family:var(--serif);font-size:clamp(22px,2.2vw,30px);font-weight:500;color:#fff;margin-bottom:10px}\n.xp-work-view{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.8);display:inline-flex;align-items:center;gap:10px}\n.xp-work-view i{font-size:10px;color:var(--gold)}\n\n\/* ==========================================================================\n 11. PROCESS (timeline)\n ========================================================================== *\/\n.xp-process{padding:clamp(60px,9vw,130px) 0}\n.xp-timeline{display:grid;grid-template-columns:repeat(6,1fr);position:relative;margin-top:clamp(40px,5vw,70px)}\n.xp-timeline::before{content:\"\";position:absolute;top:7px;left:0;right:0;height:1px;background:var(--line)}\n.xp-step{padding:0 24px 0 0;position:relative}\n.xp-step::before{\n content:\"\";position:absolute;top:0;left:0;width:15px;height:15px;border-radius:50%;\n background:var(--bg);border:1px solid var(--gold);transition:background .5s var(--ease),box-shadow .5s var(--ease);\n}\n.xp-step:hover::before{background:var(--gold);box-shadow:0 0 18px rgba(198,161,91,.6)}\n.xp-step-num{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--gold);margin:34px 0 10px}\n.xp-step h3{font-family:var(--serif);font-size:22px;font-weight:500;margin-bottom:10px;color:var(--ink)}\n.xp-step p{font-size:14px;color:var(--muted);line-height:1.65}\n\n\/* ==========================================================================\n 12. WHY XPERTUS (split)\n ========================================================================== *\/\n.xp-us{background:var(--bg-2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}\n.xp-us .xp-wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,7vw,110px);align-items:center;padding-top:clamp(60px,9vw,120px);padding-bottom:clamp(60px,9vw,120px)}\n.xp-us-media{position:relative;overflow:hidden;aspect-ratio:4\/5;border:1px solid var(--line-soft)}\n.xp-us-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.9)}\n.xp-us-badge{\n position:absolute;left:-1px;bottom:-1px;background:linear-gradient(135deg,var(--gold),#a8843f);color:#0A0A09;\n padding:26px 34px;font-family:var(--serif);font-size:19px;font-style:italic;line-height:1.4;\n}\n.xp-us-list{margin-top:44px}\n.xp-us-list li{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--line-soft);align-items:flex-start}\n.xp-us-list li:last-child{border-bottom:none}\n.xp-us-list i{color:var(--gold);font-size:15px;margin-top:6px;flex:0 0 auto}\n.xp-us-list h3{font-family:var(--sans);font-size:16px;font-weight:600;margin-bottom:4px;color:var(--ink)}\n.xp-us-list p{font-size:14px;color:var(--muted)}\n\n\/* ==========================================================================\n 13. TESTIMONIALS\n ========================================================================== *\/\n.xp-voices{padding:clamp(60px,9vw,130px) 0}\n.xp-voices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px);perspective:1200px}\n.xp-voice{\n position:relative;background:rgba(22,20,17,.75);\n -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);\n border:1px solid var(--line-soft);padding:44px 40px;\n display:flex;flex-direction:column;gap:28px;\n}\n.xp-voice:hover{box-shadow:0 40px 80px -35px rgba(198,161,91,.25);border-color:var(--line)}\n.xp-voice-mark{font-family:var(--serif);font-size:64px;line-height:.5;color:var(--gold);margin-top:18px}\n.xp-voice blockquote{font-family:var(--serif);font-size:18px;line-height:1.7;font-weight:400;flex:1;color:var(--ink)}\n.xp-voice-person{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line-soft);padding-top:24px}\n.xp-voice-person img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}\n.xp-voice-person strong{display:block;font-size:14px;font-weight:600;color:var(--ink)}\n.xp-voice-person span{font-size:12px;color:var(--muted);letter-spacing:.06em}\n\n\/* ==========================================================================\n 14. CONTACT (final CTA + form)\n ========================================================================== *\/\n.xp-contact{\n padding:clamp(70px,10vw,150px) 0;overflow:hidden;\n background:\n radial-gradient(900px 500px at 15% 10%, rgba(198,161,91,.12), transparent 60%),\n var(--bg-2);\n border-top:1px solid var(--line-soft);\n}\n.xp-contact .xp-wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,7vw,100px);align-items:start}\n.xp-contact-info .xp-h2{margin-bottom:22px}\n.xp-contact-info > p{margin-bottom:42px;max-width:440px}\n.xp-contact-lines li{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line-soft)}\n.xp-contact-lines i{\n width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;flex:0 0 auto;\n display:inline-flex;align-items:center;justify-content:center;color:var(--gold);font-size:16px;\n}\n.xp-contact-lines span{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}\n.xp-contact-lines a{font-family:var(--serif);font-size:clamp(18px,1.8vw,22px);color:var(--ink);transition:color .4s var(--ease)}\n.xp-contact-lines a:hover{color:var(--gold-2)}\n.xp-contact-social{display:flex;gap:14px;margin-top:36px}\n.xp-contact-social a{\n width:46px;height:46px;border:1px solid var(--line);border-radius:50%;\n display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:var(--gold-2);\n transition:background .4s var(--ease),color .4s var(--ease),transform .4s var(--ease);\n}\n.xp-contact-social a:hover{background:var(--gold);color:#0A0A09;transform:translateY(-3px)}\n\n\/* Form *\/\n.xp-form{\n background:var(--card);border:1px solid var(--line);padding:clamp(32px,3.5vw,50px);\n box-shadow:0 50px 100px -50px rgba(0,0,0,.9);\n}\n.xp-form h3{font-family:var(--serif);font-size:24px;font-weight:500;margin-bottom:8px}\n.xp-form > p{font-size:14px;color:var(--muted);margin-bottom:32px}\n.xp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}\n.xp-field{margin-bottom:18px}\n.xp-field label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}\n.xp-field input,.xp-field select,.xp-field textarea{\n width:100%;background:rgba(10,10,9,.6);border:1px solid var(--line-soft);\n color:var(--ink);font-size:15px;font-weight:300;padding:15px 18px;\n transition:border-color .4s var(--ease),box-shadow .4s var(--ease);\n border-radius:0;-webkit-appearance:none;appearance:none;\n}\n.xp-field select{\n background-image:url(\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23C6A15B' fill='none'\/%3E%3C\/svg%3E\");\n background-repeat:no-repeat;background-position:right 18px center;\n}\n.xp-field textarea{min-height:120px;resize:vertical}\n.xp-field input:focus,.xp-field select:focus,.xp-field textarea:focus{\n outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(198,161,91,.14);\n}\n.xp-form .xp-btn{width:100%;justify-content:center;margin-top:10px}\n.xp-form-note{font-size:12px;color:var(--muted);text-align:center;margin-top:16px}\n.xp-form-note i{color:var(--gold);margin-right:6px}\n\n\/* ==========================================================================\n 15. FOOTER\n ========================================================================== *\/\n.xp-footer{background:#070706;color:var(--muted);padding:clamp(70px,9vw,110px) 0 0;border-top:1px solid var(--line-soft)}\n.xp-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(36px,5vw,70px);padding-bottom:70px}\n.xp-footer-tag{margin-top:22px;font-size:14px;max-width:280px;line-height:1.8}\n.xp-footer h4{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:24px}\n.xp-footer li{margin-bottom:12px}\n.xp-footer a{font-size:14px;transition:color .35s var(--ease)}\n.xp-footer a:hover{color:var(--gold-2)}\n.xp-footer-contact li{display:flex;gap:14px;align-items:baseline}\n.xp-footer-contact i{color:var(--gold);font-size:13px}\n.xp-social{display:flex;gap:14px;margin-top:28px}\n.xp-social a{\n width:42px;height:42px;border:1px solid var(--line);border-radius:50%;\n display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:var(--gold-2);\n transition:background .4s var(--ease),color .4s var(--ease);\n}\n.xp-social a:hover{background:var(--gold);color:#070706}\n.xp-footer-bar{\n border-top:1px solid var(--line-soft);padding:26px 0;\n display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;\n font-size:12px;letter-spacing:.06em;color:rgba(163,155,139,.6);\n}\n\n\/* ==========================================================================\n 16. RESPONSIVE\n ========================================================================== *\/\n@media (max-width:1100px){\n .xp-hero-photo img{object-position:72% 0%}\n .xp-hero-shade{\n background:\n linear-gradient(to top, rgba(10,10,9,.94) 0%, transparent 34%),\n linear-gradient(95deg, rgba(10,10,9,.96) 0%, rgba(10,10,9,.86) 44%, rgba(10,10,9,.5) 75%, rgba(10,10,9,.28) 100%);\n }\n .xp-founder-tag{bottom:100px}\n}\n@media (max-width:960px){\n .xp-menu, .xp-nav .xp-btn{display:none}\n .xp-burger{display:block}\n .xp-strip .xp-wrap{grid-template-columns:1fr 1fr}\n .xp-strip-item:nth-child(3){border-left:none}\n .xp-strip-item{border-top:1px solid var(--line-soft)}\n .xp-strip-item:nth-child(-n+2){border-top:none}\n .xp-why .xp-wrap, .xp-us .xp-wrap, .xp-contact .xp-wrap{grid-template-columns:1fr}\n .xp-service, .xp-service:nth-child(even){grid-template-columns:1fr}\n .xp-service:nth-child(even) .xp-service-media{order:0}\n .xp-timeline{grid-template-columns:repeat(2,1fr);gap:44px 24px}\n .xp-timeline::before{display:none}\n .xp-who-grid, .xp-voices-grid{grid-template-columns:1fr 1fr}\n .xp-footer-grid{grid-template-columns:1fr 1fr}\n}\n@media (max-width:640px){\n .xp-who-grid, .xp-voices-grid{grid-template-columns:1fr}\n .xp-masonry{columns:1}\n .xp-strip .xp-wrap{grid-template-columns:1fr}\n .xp-strip-item{border-left:none;border-top:1px solid var(--line-soft);padding:20px 24px}\n .xp-strip-item:first-child{border-top:none}\n .xp-timeline{grid-template-columns:1fr}\n .xp-footer-grid{grid-template-columns:1fr}\n .xp-form-row{grid-template-columns:1fr}\n .xp-stat-num{min-width:120px}\n .xp-stat{padding:26px 0;gap:20px}\n .xp-rail{right:14px;bottom:14px}\n .xp-rail a{width:48px;height:48px}\n \/* Hero: fill the small viewport exactly \u2014 no gap under the fold *\/\n .xp-hero{min-height:100svh;padding-top:96px}\n .xp-hero .xp-wrap{padding-bottom:40px;flex:0 0 auto;justify-content:flex-start}\n \/* On phones the photo becomes the lower half of the hero, fully visible,\n instead of a side-cropped full-bleed background *\/\n .xp-hero-photo{top:auto;bottom:0;height:58%}\n .xp-hero-photo img{\n object-fit:cover;object-position:center 12%;\n filter:grayscale(1) contrast(1.05) brightness(.85);\n }\n .xp-hero-reveal{display:none} \/* blob reveal is cursor-driven \u2014 skip on touch *\/\n .xp-hero-shade{\n background:\n linear-gradient(to bottom,\n rgba(10,10,9,1) 0%, rgba(10,10,9,.97) 30%, rgba(10,10,9,.55) 46%,\n rgba(10,10,9,.08) 62%, rgba(10,10,9,0) 78%, rgba(10,10,9,.82) 100%);\n }\n .xp-founder-tag{right:16px;bottom:84px;padding:10px 16px}\n .xp-founder-tag strong{font-size:15px}\n .xp-hero-cta .xp-btn{padding:16px 26px;font-size:11px}\n .xp-brand svg{width:38px;height:38px}\n .xp-brand-name{font-size:17px}\n .xp-brand-tag{font-size:7.5px}\n .xp-service{gap:28px}\n .xp-who-body{padding:26px 24px 0}\n .xp-voice{padding:34px 28px}\n}\n\n\/* ==========================================================================\n 17. REDUCED MOTION\n ========================================================================== *\/\n@media (prefers-reduced-motion:reduce){\n html{scroll-behavior:auto}\n *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}\n .xp-fade,.xp-hero-sub,.xp-hero-trust,.xp-hero-cta,.xp-founder-tag{opacity:1!important;transform:none!important}\n .xp-line > span{transform:none!important}\n}\n<\/style>\n<\/head>\n\n<body>\n\n<!-- ======================= NAVIGATION ======================= -->\n<header class=\"xp-nav\" id=\"xpNav\">\n <div class=\"xp-wrap\">\n <!-- Brand: SVG recreation of the Xpertus lotus emblem + wordmark.\n To use the original logo file instead, replace this whole .xp-brand block with:\n <img decoding=\"async\" src=\"https:\/\/xpertus.co.in\/wp-content\/uploads\/YOUR-LOGO.png\" alt=\"Xpertus\" style=\"height:52px;width:auto\"> -->\n <a href=\"#home\" class=\"xp-brand\" aria-label=\"Xpertus home\">\n <svg viewBox=\"0 0 100 100\" role=\"img\" aria-label=\"Xpertus emblem\">\n <circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"#0A0A09\" stroke=\"#C6A15B\" stroke-width=\"1.2\"\/>\n <!-- crossed X -->\n <path d=\"M28 34 L72 82 M72 34 L28 82\" stroke=\"#F4EFE6\" stroke-width=\"2.2\" stroke-linecap=\"round\" fill=\"none\"\/>\n <!-- M -->\n <path d=\"M43 82 L45.5 66 L50 75 L54.5 66 L57 82\" stroke=\"#F4EFE6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <!-- lotus -->\n <g transform=\"translate(50 27)\">\n <path d=\"M-16 4 Q-10 -6 0 6 Q-8 12 -16 4Z\" fill=\"#8CB43C\"\/>\n <path d=\"M16 4 Q10 -6 0 6 Q8 12 16 4Z\" fill=\"#7A9E33\"\/>\n <path d=\"M-12 -2 Q-6 -12 0 2 Q-8 4 -12 -2Z\" fill=\"#F0944B\"\/>\n <path d=\"M12 -2 Q6 -12 0 2 Q8 4 12 -2Z\" fill=\"#E8853C\"\/>\n <path d=\"M-6 -4 Q-2 -13 0 -2 Q-4 0 -6 -4Z\" fill=\"#1F3B4D\"\/>\n <path d=\"M6 -4 Q2 -13 0 -2 Q4 0 6 -4Z\" fill=\"#1F3B4D\"\/>\n <path d=\"M0 -14 Q5 -6 0 4 Q-5 -6 0 -14Z\" fill=\"#7EC8D8\"\/>\n <path d=\"M0 -4 Q2 0 0 4 Q-2 0 0 -4Z\" fill=\"#E05656\"\/>\n <\/g>\n <\/svg>\n <span class=\"xp-brand-word\">\n <span class=\"xp-brand-name\"><b>X<\/b>PERTUS<\/span>\n <span class=\"xp-brand-tag\">Brand | Communicate | Grow<\/span>\n <\/span>\n <\/a>\n\n <nav class=\"xp-menu\" aria-label=\"Primary\">\n <a href=\"#home\">Home<\/a>\n <a href=\"#services\">Services<\/a>\n <a href=\"#portfolio\">Portfolio<\/a>\n <a href=\"#industries\">Industries<\/a>\n <a href=\"#about\">About<\/a>\n <a href=\"#insights\">Insights<\/a>\n <a href=\"#contact\">Contact<\/a>\n <\/nav>\n\n <a href=\"#contact\" class=\"xp-btn xp-btn--gold\" data-magnetic>Book Brand Audit<\/a>\n\n <button class=\"xp-burger\" id=\"xpBurger\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/div>\n<\/header>\n\n<!-- Mobile menu -->\n<nav class=\"xp-mobile-menu\" id=\"xpMobileMenu\" aria-label=\"Mobile\">\n <a href=\"#home\">Home<\/a>\n <a href=\"#services\">Services<\/a>\n <a href=\"#portfolio\">Portfolio<\/a>\n <a href=\"#industries\">Industries<\/a>\n <a href=\"#about\">About<\/a>\n <a href=\"#insights\">Insights<\/a>\n <a href=\"#contact\">Contact<\/a>\n<\/nav>\n\n<!-- ======================= FIXED CONTACT RAIL ======================= -->\n<!-- Update the LinkedIn \/ Instagram URLs to your real profiles -->\n<div class=\"xp-rail\" aria-label=\"Quick contact\">\n <a href=\"https:\/\/www.linkedin.com\/company\/xpertus\" target=\"_blank\" rel=\"noopener\" aria-label=\"Xpertus on LinkedIn\"><i class=\"fa-brands fa-linkedin-in\" aria-hidden=\"true\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/xpertus\" target=\"_blank\" rel=\"noopener\" aria-label=\"Xpertus on Instagram\"><i class=\"fa-brands fa-instagram\" aria-hidden=\"true\"><\/i><\/a>\n <a href=\"tel:+919886026100\" class=\"xp-rail-call\" aria-label=\"Call Xpertus: +91 98860 26100\"><i class=\"fa-solid fa-phone\" aria-hidden=\"true\"><\/i><\/a>\n<\/div>\n\n<main>\n\n<!-- ======================= HERO ======================= -->\n<section class=\"xp-hero\" id=\"home\">\n\n <!-- Layered stage: waves \u2192 B&W portrait \u2192 gold blob-reveal \u2192 shade -->\n <div class=\"xp-hero-stage\" aria-hidden=\"true\">\n\n <!-- Animated wave lines (drawn by JS, responds to mouse) -->\n <canvas class=\"xp-hero-waves\" id=\"xpWaves\"><\/canvas>\n\n <!-- Base layer: founder portrait in black & white (official Xpertus hero image) -->\n <div class=\"xp-hero-photo\">\n <img decoding=\"async\" id=\"xpFounderImg\" src=\"https:\/\/xpertus.co.in\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-17-2026-04_15_52-PM.png\" alt=\"\">\n <\/div>\n\n <!-- Reveal layer: same portrait, gold-toned, clipped by the gooey blob cursor -->\n <svg class=\"xp-hero-reveal\" id=\"xpReveal\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"none\">\n <defs>\n <filter id=\"xpGoo\">\n <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"14\" result=\"blur\"\/>\n <feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 24 -12\" result=\"goo\"\/>\n <\/filter>\n <mask id=\"xpBlobMask\">\n <rect width=\"100%\" height=\"100%\" fill=\"black\"\/>\n <g id=\"xpBlobs\" filter=\"url(#xpGoo)\"><\/g>\n <\/mask>\n <\/defs>\n <image id=\"xpRevealImg\" href=\"https:\/\/xpertus.co.in\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-17-2026-04_15_52-PM.png\" width=\"100%\" height=\"100%\" preserveAspectRatio=\"xMidYMin slice\" mask=\"url(#xpBlobMask)\"\/>\n <\/svg>\n\n <!-- Dark gradient so the headline stays readable -->\n <div class=\"xp-hero-shade\"><\/div>\n <\/div>\n\n <div class=\"xp-wrap\">\n <div>\n <p class=\"xp-eyebrow\">Brand  |  Communicate  |  Grow<\/p>\n <h1 class=\"xp-h1\">\n <span class=\"xp-line\"><span>Your Product<\/span><\/span>\n <span class=\"xp-line\"><span>Wins Deals.<\/span><\/span>\n <span class=\"xp-line\"><span>But Does <em class=\"xp-em\">Your Brand?<\/em><\/span><\/span>\n <\/h1>\n <p class=\"xp-hero-sub\">We help B2B companies with Branding, Pitch Decks, Social Media and PR\u2014so you look premium, build credibility, and close deals faster.<\/p>\n <p class=\"xp-hero-trust\"><i class=\"fa-solid fa-star\" aria-hidden=\"true\"><\/i> Trusted by Women Entrepreneurs & Growing Businesses<\/p>\n <div class=\"xp-hero-cta\">\n <a href=\"#contact\" class=\"xp-btn xp-btn--gold\" data-magnetic>Book Free Brand Audit <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a>\n <a href=\"#portfolio\" class=\"xp-btn xp-btn--ghost\" data-magnetic>View Portfolio<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"xp-founder-tag\">\n <strong>Xpertus<\/strong>\n <span>Founder-led studio<\/span>\n <\/div>\n\n <!-- Services strip (mirrors the brand banner) -->\n <div class=\"xp-strip\">\n <div class=\"xp-wrap\">\n <div class=\"xp-strip-item\">\n <i class=\"fa-solid fa-bullseye\" aria-hidden=\"true\"><\/i>\n <div><h3>Brand Strategy<\/h3><p>Clarity that sets you apart<\/p><\/div>\n <\/div>\n <div class=\"xp-strip-item\">\n <i class=\"fa-solid fa-chart-line\" aria-hidden=\"true\"><\/i>\n <div><h3>Pitch Deck Design<\/h3><p>Stories that win investors & clients<\/p><\/div>\n <\/div>\n <div class=\"xp-strip-item\">\n <i class=\"fa-regular fa-comment-dots\" aria-hidden=\"true\"><\/i>\n <div><h3>Social Media<\/h3><p>Presence that builds authority<\/p><\/div>\n <\/div>\n <div class=\"xp-strip-item\">\n <i class=\"fa-solid fa-bullhorn\" aria-hidden=\"true\"><\/i>\n <div><h3>PR & Communications<\/h3><p>Visibility that builds credibility<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ======================= WHO WE HELP ======================= -->\n<section class=\"xp-who\" id=\"industries\">\n <div class=\"xp-wrap\">\n <header class=\"xp-sec-head xp-fade\">\n <p class=\"xp-eyebrow\">Who we help<\/p>\n <h2 class=\"xp-h2\">Built for founders who refuse to look <em class=\"xp-em\">ordinary.<\/em><\/h2>\n <\/header>\n\n <div class=\"xp-who-grid\">\n <article class=\"xp-who-card xp-fade xp-tilt\" data-tilt>\n <div class=\"xp-who-media xp-tilt-inner\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?auto=format&fit=crop&w=1600&q=85\" alt=\"Confident woman entrepreneur in a modern workspace\">\n <\/div>\n <div class=\"xp-who-body\">\n <p class=\"xp-who-kicker\">01 \u2014 Founders<\/p>\n <h3 class=\"xp-h3\">Women Entrepreneurs<\/h3>\n <p>Positioning, presence and PR that make your expertise impossible to overlook\u2014in the boardroom and on LinkedIn.<\/p>\n <\/div>\n <\/article>\n\n <article class=\"xp-who-card xp-fade xp-d1 xp-tilt\" data-tilt>\n <div class=\"xp-who-media xp-tilt-inner\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?auto=format&fit=crop&w=1600&q=85\" alt=\"Two business partners in discussion at a family-run company\">\n <\/div>\n <div class=\"xp-who-body\">\n <p class=\"xp-who-kicker\">02 \u2014 Legacy<\/p>\n <h3 class=\"xp-h3\">Family Businesses<\/h3>\n <p>Decades of trust, retold for a modern market. We modernise legacy brands without losing what made them respected.<\/p>\n <\/div>\n <\/article>\n\n <article class=\"xp-who-card xp-fade xp-d2 xp-tilt\" data-tilt>\n <div class=\"xp-who-media xp-tilt-inner\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1600&q=85\" alt=\"B2B team collaborating around a table in a bright office\">\n <\/div>\n <div class=\"xp-who-body\">\n <p class=\"xp-who-kicker\">03 \u2014 Scale<\/p>\n <h3 class=\"xp-h3\">Growing B2B Companies<\/h3>\n <p>You've outgrown your first brand. We build the identity, decks and communications that match where you're going.<\/p>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ======================= WHY BRANDING ======================= -->\n<section class=\"xp-why\" aria-label=\"Why branding matters\">\n <div class=\"xp-wrap\">\n <div class=\"xp-why-copy xp-fade\">\n <p class=\"xp-eyebrow\">Why branding<\/p>\n <h2 class=\"xp-h2\">A Great Product Gets Attention.<br>A Great Brand <em class=\"xp-em\">Wins Trust.<\/em><\/h2>\n <p class=\"xp-lead\">Buyers rarely tell you why they hesitated. But before the first meeting, they've already judged your website, your deck and your LinkedIn. A premium brand answers their doubts before they're spoken.<\/p>\n <a href=\"#contact\" class=\"xp-btn xp-btn--ghost\" data-magnetic>Start With a Brand Audit <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a>\n <\/div>\n\n <div class=\"xp-stats\">\n <div class=\"xp-stat xp-fade\">\n <span class=\"xp-stat-num\"><span data-counter=\"75\" data-suffix=\"%\">0<\/span><\/span>\n <span class=\"xp-stat-label\">of buying decisions are influenced by branding before the first conversation<\/span>\n <\/div>\n <div class=\"xp-stat xp-fade xp-d1\">\n <span class=\"xp-stat-num\"><span data-counter=\"3\" data-suffix=\"X\">0<\/span><\/span>\n <span class=\"xp-stat-label\">higher trust for companies with a consistent, premium brand presence<\/span>\n <\/div>\n <div class=\"xp-stat xp-fade xp-d2\">\n <span class=\"xp-stat-num\"><span data-counter=\"2\" data-suffix=\"X\">0<\/span><\/span>\n <span class=\"xp-stat-label\">better conversions when design and message work as one system<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ======================= SERVICES ======================= -->\n<section class=\"xp-services\" id=\"services\">\n <div class=\"xp-wrap\">\n <header class=\"xp-sec-head xp-fade\">\n <p class=\"xp-eyebrow\">Services<\/p>\n <h2 class=\"xp-h2\">Everything your brand needs to close <em class=\"xp-em\">bigger deals.<\/em><\/h2>\n <\/header>\n\n <article class=\"xp-service xp-fade\">\n <div class=\"xp-service-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=1800&q=85\" alt=\"Brand identity design materials laid out on a desk\">\n <\/div>\n <div class=\"xp-service-copy\">\n <p class=\"xp-service-num\">01<\/p>\n <h3 class=\"xp-h3\">Brand Identity<\/h3>\n <p>Logo, visual system, voice and guidelines\u2014one coherent identity that signals quality in every room your business enters.<\/p>\n <a href=\"#contact\" class=\"xp-service-link\">Explore Brand Identity <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a>\n <\/div>\n <\/article>\n\n <article class=\"xp-service xp-fade\">\n <div class=\"xp-service-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1800&q=85\" alt=\"Team reviewing a pitch presentation on a screen\">\n <\/div>\n <div class=\"xp-service-copy\">\n <p class=\"xp-service-num\">02<\/p>\n <h3 class=\"xp-h3\">Pitch Deck Design<\/h3>\n <p>Investor and sales decks that carry your argument with clarity and confidence\u2014built to be remembered after the meeting ends.<\/p>\n <a href=\"#contact\" class=\"xp-service-link\">Explore Pitch Decks <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a>\n <\/div>\n <\/article>\n\n <article class=\"xp-service xp-fade\">\n <div class=\"xp-service-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611926653458-09294b3142bf?auto=format&fit=crop&w=1800&q=85\" alt=\"Professional planning social media content on a phone\">\n <\/div>\n <div class=\"xp-service-copy\">\n <p class=\"xp-service-num\">03<\/p>\n <h3 class=\"xp-h3\">Social Media<\/h3>\n <p>LinkedIn-first content and design that positions you as the authority in your category\u2014consistently, week after week.<\/p>\n <a href=\"#contact\" class=\"xp-service-link\">Explore Social Media <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a>\n <\/div>\n <\/article>\n\n <article class=\"xp-service xp-fade\">\n <div class=\"xp-service-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?auto=format&fit=crop&w=1800&q=85\" alt=\"Executive speaking with media at a corporate event\">\n <\/div>\n <div class=\"xp-service-copy\">\n <p class=\"xp-service-num\">04<\/p>\n <h3 class=\"xp-h3\">PR & Communications<\/h3>\n <p>Press, thought leadership and communication strategy that build credibility your sales team can borrow in every deal.<\/p>\n <a href=\"#contact\" class=\"xp-service-link\">Explore PR <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a>\n <\/div>\n <\/article>\n\n <article class=\"xp-service xp-fade\">\n <div class=\"xp-service-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1800&q=85\" alt=\"Business plan documents and charts on a working desk\">\n <\/div>\n <div class=\"xp-service-copy\">\n <p class=\"xp-service-num\">05<\/p>\n <h3 class=\"xp-h3\">Business Plans<\/h3>\n <p>Investor-ready plans and documents where strategy, numbers and narrative align\u2014written to withstand hard questions.<\/p>\n <a href=\"#contact\" class=\"xp-service-link\">Explore Business Plans <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a>\n <\/div>\n <\/article>\n <\/div>\n<\/section>\n\n<!-- ======================= PORTFOLIO ======================= -->\n<section class=\"xp-work\" id=\"portfolio\">\n <div class=\"xp-wrap\">\n <header class=\"xp-work-head\">\n <div class=\"xp-fade\">\n <p class=\"xp-eyebrow\">Selected work<\/p>\n <h2 class=\"xp-h2\">Work that looks the part\u2014<br>and <em class=\"xp-em\">performs.<\/em><\/h2>\n <\/div>\n <p class=\"xp-lead xp-fade xp-d1\" style=\"max-width:340px\">\n <!-- Replace these portfolio images with real project images from xpertus.co.in when available -->\n A selection of identities, decks and campaigns crafted for ambitious businesses.\n <\/p>\n <\/header>\n\n <div class=\"xp-masonry\">\n <a class=\"xp-work-item xp-fade xp-tilt\" data-tilt href=\"#contact\" aria-label=\"View project: Meridian Advisory\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497215728101-856f4ea42174?auto=format&fit=crop&w=1600&q=85\" alt=\"Meridian Advisory brand identity \u2014 corporate office environment\">\n <div class=\"xp-work-meta\">\n <p class=\"xp-work-tags\">Consulting \u00b7 Brand Identity<\/p>\n <h3>Meridian Advisory<\/h3>\n <span class=\"xp-work-view\">View Project <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/span>\n <\/div>\n <\/a>\n\n <a class=\"xp-work-item xp-fade xp-d1 xp-tilt\" data-tilt href=\"#contact\" aria-label=\"View project: Aster Textiles\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?auto=format&fit=crop&w=1600&q=85\" alt=\"Aster Textiles rebrand \u2014 refined interior styling\">\n <div class=\"xp-work-meta\">\n <p class=\"xp-work-tags\">Manufacturing \u00b7 Rebrand<\/p>\n <h3>Aster Textiles<\/h3>\n <span class=\"xp-work-view\">View Project <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/span>\n <\/div>\n <\/a>\n\n <a class=\"xp-work-item xp-fade xp-tilt\" data-tilt href=\"#contact\" aria-label=\"View project: Novel Capital\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560472354-b33ff0c44a43?auto=format&fit=crop&w=1600&q=85\" alt=\"Novel Capital investor deck \u2014 city skyline at dusk\">\n <div class=\"xp-work-meta\">\n <p class=\"xp-work-tags\">Finance \u00b7 Pitch Deck<\/p>\n <h3>Novel Capital<\/h3>\n <span class=\"xp-work-view\">View Project <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/span>\n <\/div>\n <\/a>\n\n <a class=\"xp-work-item xp-fade xp-d1 xp-tilt\" data-tilt href=\"#contact\" aria-label=\"View project: Kaia Wellness\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292089-90a7e086ee0c?auto=format&fit=crop&w=1600&q=85\" alt=\"Kaia Wellness founder positioning \u2014 professional portrait session\">\n <div class=\"xp-work-meta\">\n <p class=\"xp-work-tags\">Wellness \u00b7 LinkedIn Positioning<\/p>\n <h3>Kaia Wellness<\/h3>\n <span class=\"xp-work-view\">View Project <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/span>\n <\/div>\n <\/a>\n\n <a class=\"xp-work-item xp-fade xp-tilt\" data-tilt href=\"#contact\" aria-label=\"View project: Harbour Logistics\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494412574643-ff11b0a5c1c3?auto=format&fit=crop&w=1600&q=85\" alt=\"Harbour Logistics communications \u2014 shipping containers from above\">\n <div class=\"xp-work-meta\">\n <p class=\"xp-work-tags\">Logistics \u00b7 PR & Communications<\/p>\n <h3>Harbour Logistics<\/h3>\n <span class=\"xp-work-view\">View Project <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/span>\n <\/div>\n <\/a>\n\n <a class=\"xp-work-item xp-fade xp-d1 xp-tilt\" data-tilt href=\"#contact\" aria-label=\"View project: Sona Jewels\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=1600&q=85\" alt=\"Sona Jewels retail brand \u2014 boutique storefront detail\">\n <div class=\"xp-work-meta\">\n <p class=\"xp-work-tags\">Retail \u00b7 Brand & Social<\/p>\n <h3>Sona Jewels<\/h3>\n <span class=\"xp-work-view\">View Project <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/span>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ======================= PROCESS ======================= -->\n<section class=\"xp-process\" id=\"about\">\n <div class=\"xp-wrap\">\n <header class=\"xp-sec-head xp-fade\">\n <p class=\"xp-eyebrow\">Our process<\/p>\n <h2 class=\"xp-h2\">Quiet method behind <em class=\"xp-em\">confident work.<\/em><\/h2>\n <\/header>\n\n <div class=\"xp-timeline\">\n <div class=\"xp-step xp-fade\">\n <p class=\"xp-step-num\">Phase 01<\/p>\n <h3>Discover<\/h3>\n <p>We listen first\u2014your business, buyers, and where deals stall today.<\/p>\n <\/div>\n <div class=\"xp-step xp-fade xp-d1\">\n <p class=\"xp-step-num\">Phase 02<\/p>\n <h3>Research<\/h3>\n <p>Market, competitors and category codes\u2014so we know what to break.<\/p>\n <\/div>\n <div class=\"xp-step xp-fade xp-d2\">\n <p class=\"xp-step-num\">Phase 03<\/p>\n <h3>Strategy<\/h3>\n <p>Positioning, messaging and a brand platform your team can act on.<\/p>\n <\/div>\n <div class=\"xp-step xp-fade xp-d3\">\n <p class=\"xp-step-num\">Phase 04<\/p>\n <h3>Design<\/h3>\n <p>Identity, decks and content crafted to the last detail.<\/p>\n <\/div>\n <div class=\"xp-step xp-fade xp-d4\">\n <p class=\"xp-step-num\">Phase 05<\/p>\n <h3>Launch<\/h3>\n <p>A coordinated rollout across web, social and sales collateral.<\/p>\n <\/div>\n <div class=\"xp-step xp-fade xp-d4\">\n <p class=\"xp-step-num\">Phase 06<\/p>\n <h3>Growth<\/h3>\n <p>Ongoing PR, content and refinement as a long-term partner.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ======================= WHY XPERTUS ======================= -->\n<section class=\"xp-us\" aria-label=\"Why Xpertus\">\n <div class=\"xp-wrap\">\n <div class=\"xp-us-media xp-fade\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1800&q=85\" alt=\"The Xpertus studio \u2014 a calm, premium office space\">\n <p class=\"xp-us-badge\">Founder-led,<br>detail-obsessed.<\/p>\n <\/div>\n\n <div>\n <p class=\"xp-eyebrow xp-fade\">Why Xpertus<\/p>\n <h2 class=\"xp-h2 xp-fade\">A partner who thinks like a <em class=\"xp-em\">business owner,<\/em> not just a designer.<\/h2>\n\n <ul class=\"xp-us-list\">\n <li class=\"xp-fade\"><i class=\"fa-solid fa-chess-knight\" aria-hidden=\"true\"><\/i>\n <div><h3>Business-first thinking<\/h3><p>Every creative decision is tied to credibility, positioning and revenue.<\/p><\/div>\n <\/li>\n <li class=\"xp-fade xp-d1\"><i class=\"fa-solid fa-gem\" aria-hidden=\"true\"><\/i>\n <div><h3>Premium design<\/h3><p>Editorial standards of craft\u2014nothing template-shaped leaves our studio.<\/p><\/div>\n <\/li>\n <li class=\"xp-fade xp-d2\"><i class=\"fa-solid fa-people-group\" aria-hidden=\"true\"><\/i>\n <div><h3>Experienced team<\/h3><p>Strategists, designers and writers who have shipped work across industries.<\/p><\/div>\n <\/li>\n <li class=\"xp-fade xp-d3\"><i class=\"fa-solid fa-handshake\" aria-hidden=\"true\"><\/i>\n <div><h3>Long-term partner<\/h3><p>We stay through launch and beyond\u2014your brand team on call.<\/p><\/div>\n <\/li>\n <li class=\"xp-fade xp-d4\"><i class=\"fa-solid fa-signature\" aria-hidden=\"true\"><\/i>\n <div><h3>Founder-led<\/h3><p>Senior eyes on every deliverable. No hand-offs to juniors.<\/p><\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ======================= TESTIMONIALS ======================= -->\n<section class=\"xp-voices\" id=\"insights\">\n <div class=\"xp-wrap\">\n <header class=\"xp-sec-head xp-fade\">\n <p class=\"xp-eyebrow\">Client voices<\/p>\n <h2 class=\"xp-h2\">What partners say when the work <em class=\"xp-em\">starts working.<\/em><\/h2>\n <\/header>\n\n <div class=\"xp-voices-grid\">\n <figure class=\"xp-voice xp-fade xp-tilt\" data-tilt>\n <div class=\"xp-voice-mark\" aria-hidden=\"true\">“<\/div>\n <blockquote>Our new brand and deck changed the tone of every investor meeting. We stopped explaining ourselves and started being taken seriously.<\/blockquote>\n <figcaption class=\"xp-voice-person\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?auto=format&fit=crop&w=200&q=80\" alt=\"Portrait of Priya Nair\">\n <div><strong>Priya Nair<\/strong><span>Founder, Consumer D2C<\/span><\/div>\n <\/figcaption>\n <\/figure>\n\n <figure class=\"xp-voice xp-fade xp-d1 xp-tilt\" data-tilt>\n <div class=\"xp-voice-mark\" aria-hidden=\"true\">“<\/div>\n <blockquote>Xpertus understood our family business better than we could articulate it ourselves. The rebrand honoured our history and won us younger clients.<\/blockquote>\n <figcaption class=\"xp-voice-person\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?auto=format&fit=crop&w=200&q=80\" alt=\"Portrait of Arjun Mehta\">\n <div><strong>Arjun Mehta<\/strong><span>Director, Family Enterprise<\/span><\/div>\n <\/figcaption>\n <\/figure>\n\n <figure class=\"xp-voice xp-fade xp-d2 xp-tilt\" data-tilt>\n <div class=\"xp-voice-mark\" aria-hidden=\"true\">“<\/div>\n <blockquote>The LinkedIn positioning alone paid for the engagement. Inbound conversations doubled within a quarter\u2014with exactly the buyers we wanted.<\/blockquote>\n <figcaption class=\"xp-voice-person\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?auto=format&fit=crop&w=200&q=80\" alt=\"Portrait of Sara Fernandes\">\n <div><strong>Sara Fernandes<\/strong><span>CEO, B2B Services<\/span><\/div>\n <\/figcaption>\n <\/figure>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ======================= CONTACT \/ FINAL CTA ======================= -->\n<section class=\"xp-contact\" id=\"contact\">\n <div class=\"xp-wrap\">\n <div class=\"xp-contact-info\">\n <p class=\"xp-eyebrow xp-fade\">Let's talk<\/p>\n <h2 class=\"xp-h2 xp-fade\">Ready to Build a Brand That Wins <em class=\"xp-em\">Bigger Deals?<\/em><\/h2>\n <p class=\"xp-lead xp-fade xp-d1\">Book Your Free Brand Audit Today. A 30-minute conversation\u2014no pitch, just an honest read on your brand.<\/p>\n\n <ul class=\"xp-contact-lines\">\n <li class=\"xp-fade xp-d1\">\n <i class=\"fa-solid fa-phone\" aria-hidden=\"true\"><\/i>\n <div><span>Call us<\/span><a href=\"tel:+919886026100\">+91 98860 26100<\/a><\/div>\n <\/li>\n <li class=\"xp-fade xp-d2\">\n <i class=\"fa-regular fa-envelope\" aria-hidden=\"true\"><\/i>\n <div><span>Email<\/span><a href=\"mailto:xpertusmanagement@gmail.com\">xpertusmanagement@gmail.com<\/a><\/div>\n <\/li>\n <\/ul>\n\n <div class=\"xp-contact-social xp-fade xp-d3\">\n <a href=\"https:\/\/www.linkedin.com\/company\/xpertus\" target=\"_blank\" rel=\"noopener\" aria-label=\"Xpertus on LinkedIn\"><i class=\"fa-brands fa-linkedin-in\" aria-hidden=\"true\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/xpertus\" target=\"_blank\" rel=\"noopener\" aria-label=\"Xpertus on Instagram\"><i class=\"fa-brands fa-instagram\" aria-hidden=\"true\"><\/i><\/a>\n <\/div>\n <\/div>\n\n <!-- Contact form \u2014 submissions are emailed to xpertusmanagement@gmail.com via FormSubmit.\n NOTE: the first submission triggers a one-time activation email from FormSubmit to\n xpertusmanagement@gmail.com \u2014 click the link in it once and the form is live. -->\n <form class=\"xp-form xp-fade xp-d1\" action=\"https:\/\/formsubmit.co\/xpertusmanagement@gmail.com\" method=\"POST\">\n <h3>Book Your Free Brand Audit<\/h3>\n <p>Tell us a little about your business. We reply within one working day.<\/p>\n\n <input type=\"hidden\" name=\"_subject\" value=\"New Brand Audit Enquiry \u2014 Xpertus Website\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n <input type=\"text\" name=\"_honey\" style=\"display:none\" tabindex=\"-1\" autocomplete=\"off\">\n\n <div class=\"xp-form-row\">\n <div class=\"xp-field\">\n <label for=\"xpName\">Your name *<\/label>\n <input type=\"text\" id=\"xpName\" name=\"Name\" required autocomplete=\"name\" placeholder=\"Full name\">\n <\/div>\n <div class=\"xp-field\">\n <label for=\"xpPhone\">Phone *<\/label>\n <input type=\"tel\" id=\"xpPhone\" name=\"Phone\" required autocomplete=\"tel\" placeholder=\"+91\">\n <\/div>\n <\/div>\n\n <div class=\"xp-form-row\">\n <div class=\"xp-field\">\n <label for=\"xpEmail\">Email *<\/label>\n <input type=\"email\" id=\"xpEmail\" name=\"Email\" required autocomplete=\"email\" placeholder=\"you@company.com\">\n <\/div>\n <div class=\"xp-field\">\n <label for=\"xpCompany\">Company<\/label>\n <input type=\"text\" id=\"xpCompany\" name=\"Company\" autocomplete=\"organization\" placeholder=\"Company name\">\n <\/div>\n <\/div>\n\n <div class=\"xp-field\">\n <label for=\"xpService\">What do you need help with?<\/label>\n <select id=\"xpService\" name=\"Service\">\n <option value=\"Brand Identity\">Brand Identity<\/option>\n <option value=\"Pitch Deck Design\">Pitch Deck Design<\/option>\n <option value=\"Social Media\">Social Media<\/option>\n <option value=\"PR & Communications\">PR & Communications<\/option>\n <option value=\"Business Plans\">Business Plans<\/option>\n <option value=\"Not sure yet\">Not sure yet \u2014 advise me<\/option>\n <\/select>\n <\/div>\n\n <div class=\"xp-field\">\n <label for=\"xpMessage\">Message<\/label>\n <textarea id=\"xpMessage\" name=\"Message\" placeholder=\"Tell us about your business and goals\u2026\"><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"xp-btn xp-btn--gold\" data-magnetic>Send Enquiry <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i><\/button>\n <p class=\"xp-form-note\"><i class=\"fa-solid fa-lock\" aria-hidden=\"true\"><\/i>Your details stay private. No spam, ever.<\/p>\n <\/form>\n <\/div>\n<\/section>\n\n<\/main>\n\n<!-- ======================= FOOTER ======================= -->\n<footer class=\"xp-footer\">\n <div class=\"xp-wrap\">\n <div class=\"xp-footer-grid\">\n <div>\n <a href=\"#home\" class=\"xp-brand\" aria-label=\"Xpertus home\">\n <svg viewBox=\"0 0 100 100\" role=\"img\" aria-label=\"Xpertus emblem\">\n <circle cx=\"50\" cy=\"50\" r=\"48\" fill=\"#070706\" stroke=\"#C6A15B\" stroke-width=\"1.2\"\/>\n <path d=\"M28 34 L72 82 M72 34 L28 82\" stroke=\"#F4EFE6\" stroke-width=\"2.2\" stroke-linecap=\"round\" fill=\"none\"\/>\n <path d=\"M43 82 L45.5 66 L50 75 L54.5 66 L57 82\" stroke=\"#F4EFE6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n <g transform=\"translate(50 27)\">\n <path d=\"M-16 4 Q-10 -6 0 6 Q-8 12 -16 4Z\" fill=\"#8CB43C\"\/>\n <path d=\"M16 4 Q10 -6 0 6 Q8 12 16 4Z\" fill=\"#7A9E33\"\/>\n <path d=\"M-12 -2 Q-6 -12 0 2 Q-8 4 -12 -2Z\" fill=\"#F0944B\"\/>\n <path d=\"M12 -2 Q6 -12 0 2 Q8 4 12 -2Z\" fill=\"#E8853C\"\/>\n <path d=\"M-6 -4 Q-2 -13 0 -2 Q-4 0 -6 -4Z\" fill=\"#1F3B4D\"\/>\n <path d=\"M6 -4 Q2 -13 0 -2 Q4 0 6 -4Z\" fill=\"#1F3B4D\"\/>\n <path d=\"M0 -14 Q5 -6 0 4 Q-5 -6 0 -14Z\" fill=\"#7EC8D8\"\/>\n <path d=\"M0 -4 Q2 0 0 4 Q-2 0 0 -4Z\" fill=\"#E05656\"\/>\n <\/g>\n <\/svg>\n <span class=\"xp-brand-word\">\n <span class=\"xp-brand-name\"><b>X<\/b>PERTUS<\/span>\n <span class=\"xp-brand-tag\">Brand | Communicate | Grow<\/span>\n <\/span>\n <\/a>\n <p class=\"xp-footer-tag\">Premium branding & communications for B2B companies, women entrepreneurs and family businesses.<\/p>\n <div class=\"xp-social\">\n <a href=\"https:\/\/www.linkedin.com\/company\/xpertus\" target=\"_blank\" rel=\"noopener\" aria-label=\"Xpertus on LinkedIn\"><i class=\"fa-brands fa-linkedin-in\" aria-hidden=\"true\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/xpertus\" target=\"_blank\" rel=\"noopener\" aria-label=\"Xpertus on Instagram\"><i class=\"fa-brands fa-instagram\" aria-hidden=\"true\"><\/i><\/a>\n <\/div>\n <\/div>\n\n <div>\n <h4>Quick Links<\/h4>\n <ul>\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\n <li><a href=\"#industries\">Industries<\/a><\/li>\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4>Services<\/h4>\n <ul>\n <li><a href=\"#services\">Brand Identity<\/a><\/li>\n <li><a href=\"#services\">Pitch Deck Design<\/a><\/li>\n <li><a href=\"#services\">Social Media<\/a><\/li>\n <li><a href=\"#services\">PR & Communications<\/a><\/li>\n <li><a href=\"#services\">Business Plans<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4>Contact<\/h4>\n <ul class=\"xp-footer-contact\">\n <li><i class=\"fa-solid fa-phone\" aria-hidden=\"true\"><\/i><a href=\"tel:+919886026100\">+91 98860 26100<\/a><\/li>\n <li><i class=\"fa-regular fa-envelope\" aria-hidden=\"true\"><\/i><a href=\"mailto:xpertusmanagement@gmail.com\">xpertusmanagement@gmail.com<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"xp-footer-bar\">\n <span>© 2026 Xpertus. All rights reserved.<\/span>\n <span>Brand | Communicate | Grow \u2014 India<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n\/* ==========================================================================\n XPERTUS \u2014 Vanilla JS interactions\n ========================================================================== *\/\n(function(){\n \"use strict\";\n var prefersReduced = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n \/* ---- 1. Page-load reveal ---- *\/\n window.addEventListener(\"load\", function(){ document.body.classList.add(\"is-loaded\"); });\n setTimeout(function(){ document.body.classList.add(\"is-loaded\"); }, 1200);\n\n \/* ---- 2. Navbar blur on scroll ---- *\/\n var nav = document.getElementById(\"xpNav\");\n function onNavScroll(){\n if (window.scrollY > 60) nav.classList.add(\"is-scrolled\");\n else nav.classList.remove(\"is-scrolled\");\n }\n window.addEventListener(\"scroll\", onNavScroll, {passive:true});\n onNavScroll();\n\n \/* ---- 3. Mobile menu ---- *\/\n var burger = document.getElementById(\"xpBurger\");\n var mobileMenu = document.getElementById(\"xpMobileMenu\");\n burger.addEventListener(\"click\", function(){\n var open = document.body.classList.toggle(\"menu-open\");\n burger.setAttribute(\"aria-expanded\", open ? \"true\" : \"false\");\n });\n mobileMenu.querySelectorAll(\"a\").forEach(function(link){\n link.addEventListener(\"click\", function(){\n document.body.classList.remove(\"menu-open\");\n burger.setAttribute(\"aria-expanded\",\"false\");\n });\n });\n\n \/* ---- 4. Fade-up reveals ---- *\/\n var fadeEls = document.querySelectorAll(\".xp-fade\");\n if (\"IntersectionObserver\" in window && !prefersReduced){\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if (entry.isIntersecting){\n entry.target.classList.add(\"is-in\");\n io.unobserve(entry.target);\n }\n });\n }, {threshold:.12, rootMargin:\"0px 0px -6% 0px\"});\n fadeEls.forEach(function(el){ io.observe(el); });\n } else {\n fadeEls.forEach(function(el){ el.classList.add(\"is-in\"); });\n }\n\n \/* ---- 5. Animated counters ---- *\/\n var counters = document.querySelectorAll(\"[data-counter]\");\n function animateCounter(el){\n var target = parseFloat(el.getAttribute(\"data-counter\"));\n var suffix = el.getAttribute(\"data-suffix\") || \"\";\n if (prefersReduced){ el.textContent = target + suffix; return; }\n var duration = 1600, start = null;\n function step(ts){\n if (!start) start = ts;\n var p = Math.min((ts - start) \/ duration, 1);\n var eased = 1 - Math.pow(1 - p, 3);\n el.textContent = Math.round(target * eased) + suffix;\n if (p < 1) requestAnimationFrame(step);\n }\n requestAnimationFrame(step);\n }\n if (\"IntersectionObserver\" in window){\n var cio = new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if (entry.isIntersecting){\n animateCounter(entry.target);\n cio.unobserve(entry.target);\n }\n });\n }, {threshold:.6});\n counters.forEach(function(el){ cio.observe(el); });\n } else {\n counters.forEach(animateCounter);\n }\n\n \/* ---- 6. 3D tilt (pointer devices only) ---- *\/\n if (!prefersReduced && window.matchMedia(\"(pointer:fine)\").matches){\n document.querySelectorAll(\"[data-tilt]\").forEach(function(card){\n var maxTilt = 6;\n card.addEventListener(\"mousemove\", function(e){\n var r = card.getBoundingClientRect();\n var px = (e.clientX - r.left) \/ r.width - .5;\n var py = (e.clientY - r.top) \/ r.height - .5;\n card.style.transform =\n \"perspective(1100px) rotateX(\" + (-py * maxTilt).toFixed(2) + \"deg)\" +\n \" rotateY(\" + (px * maxTilt).toFixed(2) + \"deg) translateZ(6px)\";\n });\n card.addEventListener(\"mouseleave\", function(){\n card.style.transition = \"transform .7s cubic-bezier(.22,.8,.24,1)\";\n card.style.transform = \"perspective(1100px) rotateX(0) rotateY(0) translateZ(0)\";\n setTimeout(function(){ card.style.transition = \"\"; }, 700);\n });\n });\n }\n\n \/* ---- 7. Magnetic buttons ---- *\/\n if (!prefersReduced && window.matchMedia(\"(pointer:fine)\").matches){\n document.querySelectorAll(\"[data-magnetic]\").forEach(function(btn){\n btn.addEventListener(\"mousemove\", function(e){\n var r = btn.getBoundingClientRect();\n var x = e.clientX - r.left - r.width \/ 2;\n var y = e.clientY - r.top - r.height \/ 2;\n btn.style.transform = \"translate(\" + (x * .2).toFixed(1) + \"px,\" + (y * .28).toFixed(1) + \"px)\";\n });\n btn.addEventListener(\"mouseleave\", function(){\n btn.style.transition = \"transform .6s cubic-bezier(.22,.8,.24,1), background .45s, color .45s, border-color .45s, box-shadow .45s\";\n btn.style.transform = \"translate(0,0)\";\n setTimeout(function(){ btn.style.transition = \"\"; }, 600);\n });\n });\n }\n\n \/* ---- 8. Hero: gooey blob cursor reveal + trailing blobs ---- *\/\n (function(){\n var hero = document.querySelector(\".xp-hero\");\n var blobLayer = document.getElementById(\"xpBlobs\");\n if (!hero || !blobLayer) return;\n var fine = window.matchMedia(\"(pointer:fine)\").matches;\n\n if (prefersReduced || !fine){\n \/* No cursor \/ reduced motion: show a soft static reveal in the portrait area *\/\n var st = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\",\"circle\");\n st.setAttribute(\"r\", 180);\n st.setAttribute(\"fill\", \"white\");\n function placeStatic(){\n st.setAttribute(\"cx\", hero.clientWidth * .72);\n st.setAttribute(\"cy\", hero.clientHeight * .38);\n }\n placeStatic();\n window.addEventListener(\"resize\", placeStatic);\n blobLayer.appendChild(st);\n return;\n }\n\n var mouse = {x:-999, y:-999, inside:false};\n var blob = {x:-999, y:-999, r:0, targetR:110};\n var trail = []; \/* fading trail blobs *\/\n var TRAIL_LIFE = 620; \/* ms *\/\n var lastSpawn = 0;\n\n hero.addEventListener(\"mousemove\", function(e){\n var r = hero.getBoundingClientRect();\n var nx = e.clientX - r.left, ny = e.clientY - r.top;\n \/* faster movement \u2192 more, larger trail blobs *\/\n var dx = nx - mouse.x, dy = ny - mouse.y;\n var speed = Math.min(Math.sqrt(dx*dx + dy*dy), 90);\n var now = performance.now();\n if (mouse.inside && speed > 6 && now - lastSpawn > 36){\n trail.push({x:mouse.x, y:mouse.y, r:28 + speed * .9, born:now});\n if (trail.length > 22) trail.shift();\n lastSpawn = now;\n }\n mouse.x = nx; mouse.y = ny; mouse.inside = true;\n if (blob.x < -500){ blob.x = nx; blob.y = ny; }\n });\n hero.addEventListener(\"mouseleave\", function(){ mouse.inside = false; });\n\n \/* Pool of SVG circles: index 0 = main blob, rest = trail *\/\n var MAX = 24, pool = [];\n for (var i = 0; i < MAX; i++){\n var c = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\",\"circle\");\n c.setAttribute(\"fill\",\"white\");\n c.setAttribute(\"r\",\"0\");\n blobLayer.appendChild(c);\n pool.push(c);\n }\n\n \/* Organic wobble on the main blob via 3 overlapping circles *\/\n var wobble = [\n document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\",\"circle\"),\n document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\",\"circle\")\n ];\n wobble.forEach(function(c){ c.setAttribute(\"fill\",\"white\"); c.setAttribute(\"r\",\"0\"); blobLayer.appendChild(c); });\n\n function frame(){\n \/* laggy follow *\/\n blob.x += (mouse.x - blob.x) * .11;\n blob.y += (mouse.y - blob.y) * .11;\n blob.r += ((mouse.inside ? blob.targetR : 0) - blob.r) * .09;\n\n var t = performance.now();\n var main = pool[0];\n main.setAttribute(\"cx\", blob.x); main.setAttribute(\"cy\", blob.y);\n main.setAttribute(\"r\", Math.max(blob.r, 0));\n\n \/* two satellites orbiting slightly \u2192 gooey organic silhouette *\/\n wobble[0].setAttribute(\"cx\", blob.x + Math.cos(t*.0016) * blob.r * .45);\n wobble[0].setAttribute(\"cy\", blob.y + Math.sin(t*.0021) * blob.r * .4);\n wobble[0].setAttribute(\"r\", Math.max(blob.r * .62, 0));\n wobble[1].setAttribute(\"cx\", blob.x + Math.cos(t*.0023 + 2.1) * blob.r * .5);\n wobble[1].setAttribute(\"cy\", blob.y + Math.sin(t*.0017 + 1.4) * blob.r * .45);\n wobble[1].setAttribute(\"r\", Math.max(blob.r * .5, 0));\n\n \/* trail: shrink with age *\/\n for (var i = 0; i < MAX - 1; i++){\n var c = pool[i + 1], tb = trail[trail.length - 1 - i];\n if (tb){\n var age = (t - tb.born) \/ TRAIL_LIFE;\n if (age < 1){\n c.setAttribute(\"cx\", tb.x); c.setAttribute(\"cy\", tb.y);\n c.setAttribute(\"r\", Math.max(tb.r * (1 - age) * (1 - age), 0));\n } else c.setAttribute(\"r\", 0);\n } else c.setAttribute(\"r\", 0);\n }\n requestAnimationFrame(frame);\n }\n requestAnimationFrame(frame);\n })();\n\n \/* ---- 9. Hero: animated wave lines responding to the mouse ---- *\/\n (function(){\n var canvas = document.getElementById(\"xpWaves\");\n var hero = document.querySelector(\".xp-hero\");\n if (!canvas || !hero || prefersReduced) return;\n var ctx = canvas.getContext(\"2d\");\n var W, H, dpr = Math.min(window.devicePixelRatio || 1, 2);\n var mx = .5, my = .5; \/* normalised mouse, eased *\/\n var tx = .5, ty = .5;\n\n function size(){\n W = hero.clientWidth; H = hero.clientHeight;\n canvas.width = W * dpr; canvas.height = H * dpr;\n canvas.style.width = W + \"px\"; canvas.style.height = H + \"px\";\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n }\n size();\n window.addEventListener(\"resize\", size);\n hero.addEventListener(\"mousemove\", function(e){\n var r = hero.getBoundingClientRect();\n tx = (e.clientX - r.left) \/ r.width;\n ty = (e.clientY - r.top) \/ r.height;\n });\n\n var LINES = 5;\n function draw(t){\n mx += (tx - mx) * .04;\n my += (ty - my) * .04;\n ctx.clearRect(0, 0, W, H);\n for (var l = 0; l < LINES; l++){\n var yBase = H * (.25 + l * .14);\n var amp = 22 + l * 9 + my * 26; \/* mouse Y deepens the waves *\/\n var phase = t * .00023 + l * 1.5;\n ctx.beginPath();\n for (var x = 0; x <= W; x += 10){\n var n = x \/ W;\n \/* gentle bulge toward the cursor X *\/\n var pull = Math.exp(-Math.pow((n - mx) * 3.2, 2)) * 34;\n var y = yBase\n + Math.sin(n * 5.2 + phase) * amp\n + Math.sin(n * 11 + phase * 1.7) * amp * .3\n - pull;\n if (x === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n }\n ctx.strokeStyle = \"rgba(198,161,91,\" + (0.05 + l * 0.016) + \")\";\n ctx.lineWidth = 1;\n ctx.stroke();\n }\n requestAnimationFrame(draw);\n }\n requestAnimationFrame(draw);\n })();\n\n \/* ---- 10. Smooth anchor scrolling with navbar offset ---- *\/\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(link){\n link.addEventListener(\"click\", function(e){\n var id = link.getAttribute(\"href\");\n if (id.length < 2) return;\n var target = document.querySelector(id);\n if (!target) return;\n e.preventDefault();\n var top = target.getBoundingClientRect().top + window.scrollY - 80;\n window.scrollTo({top: top, behavior: prefersReduced ? \"auto\" : \"smooth\"});\n });\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Xpertus \u2014 Brand | Communicate | Grow XPERTUS Brand | Communicate | Grow Home Services Portfolio Industries About Insights Contact Book Brand Audit Home Services Portfolio Industries About Insights Contact Brand  |  Communicate  |  Grow Your Product Wins Deals. But Does Your Brand? We help B2B companies with Branding, Pitch Decks, Social Media and PR\u2014so […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/xpertus.co.in\/index.php\/wp-json\/wp\/v2\/pages\/307"}],"collection":[{"href":"https:\/\/xpertus.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xpertus.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xpertus.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xpertus.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=307"}],"version-history":[{"count":13,"href":"https:\/\/xpertus.co.in\/index.php\/wp-json\/wp\/v2\/pages\/307\/revisions"}],"predecessor-version":[{"id":322,"href":"https:\/\/xpertus.co.in\/index.php\/wp-json\/wp\/v2\/pages\/307\/revisions\/322"}],"wp:attachment":[{"href":"https:\/\/xpertus.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}