{"id":1179,"date":"2026-04-22T19:01:27","date_gmt":"2026-04-22T19:01:27","guid":{"rendered":"https:\/\/custom.graphydigital.com\/?page_id=1179"},"modified":"2026-05-01T09:45:52","modified_gmt":"2026-05-01T09:45:52","slug":"landing-page","status":"publish","type":"page","link":"https:\/\/custom.graphydigital.com\/","title":{"rendered":"landing page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Professional Website For Your Business \u2013 Graphy Digital<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link rel=\"dns-prefetch\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"dns-prefetch\" href=\"https:\/\/fonts.gstatic.com\">\r\n\r\n <!-- Preload Critical Font -->\r\n <link rel=\"preload\" as=\"font\" href=\"https:\/\/fonts.gstatic.com\/s\/poppins\/v22\/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2\"\r\n type=\"font\/woff2\" crossorigin>\r\n\r\n <!-- Non-blocking Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\"\r\n media=\"print\" onload=\"this.media='all'\">\r\n\r\n <meta name=\"description\"\r\n content=\"Professional web design and development services for Indian businesses. Get a high-converting, mobile-friendly website in just 7 days.\">\r\n\r\n <!-- Gtag - Deferred -->\r\n <script>\r\n function loadGtag() {\r\n var script = document.createElement('script');\r\n script.async = true;\r\n script.src = \"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-18034361152\";\r\n document.head.appendChild(script);\r\n script.onload = function () {\r\n window.dataLayer = window.dataLayer || [];\r\n function gtag() { dataLayer.push(arguments); }\r\n gtag('js', new Date());\r\n gtag('config', 'AW-18034361152');\r\n };\r\n }\r\n if (window.addEventListener) window.addEventListener(\"load\", loadGtag, false);\r\n else if (window.attachEvent) window.attachEvent(\"onload\", loadGtag);\r\n <\/script>\r\n <style>\r\n :root {\r\n --bg: #F8FAFF;\r\n --bg2: #EEF3FC;\r\n --bg3: #E4ECFA;\r\n --card: #FFFFFF;\r\n --border: rgba(30, 111, 207, 0.12);\r\n --white: #FFFFFF;\r\n --text: #2D3A52;\r\n --muted: #6B7A9A;\r\n --accent: #1E6FCF;\r\n --accent2: #2F8FEA;\r\n --acglow: rgba(30, 111, 207, 0.2);\r\n --gold: #D97706;\r\n --green: #16A34A;\r\n --wa: #16A34A;\r\n --blue: #1E6FCF;\r\n --purple: #6B46C1;\r\n --orange: #D97706;\r\n --shadow: 0 2px 16px rgba(30, 111, 207, 0.10);\r\n --shadow-lg: 0 8px 40px rgba(30, 111, 207, 0.14);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background: var(--bg);\r\n color: var(--text);\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n .hero {\r\n padding: 40px 20px 50px;\r\n min-height: 90vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(160deg, #F0F6FF 0%, #F8FAFF 60%, #EAF2FF 100%);\r\n }\r\n\r\n .hero-inner {\r\n max-width: 780px;\r\n margin: 0 auto;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n }\r\n\r\n .hero-h1 {\r\n font-size: clamp(24px, 6vw, 64px);\r\n font-weight: 900;\r\n line-height: 1.1;\r\n letter-spacing: -0.5px;\r\n margin-bottom: 16px;\r\n color: #0F1F3D;\r\n }\r\n\r\n .hero-starter-card {\r\n background: #fff;\r\n border: 2px solid rgba(30, 111, 207, 0.22);\r\n border-radius: 24px;\r\n padding: 28px 24px 20px;\r\n margin: 0 auto 32px;\r\n max-width: 620px;\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .hsc-price {\r\n font-size: clamp(52px, 12vw, 88px);\r\n font-weight: 900;\r\n color: #0F1F3D;\r\n line-height: 1;\r\n letter-spacing: -2px;\r\n }\r\n\r\n @media(max-width:480px) {\r\n .hero-starter-card {\r\n padding: 20px 14px 16px;\r\n border-radius: 18px;\r\n width: 95%;\r\n }\r\n\r\n .hsc-price {\r\n font-size: clamp(40px, 14vw, 56px);\r\n }\r\n }\r\n <\/style>\r\n <style media=\"print\" onload=\"this.media='all'\">\r\n \/* ===== SECONDARY STYLES ===== *\/\r\n #tawkchat-minified-wrapper,\r\n #tawkchat-container,\r\n .tawk-min-container,\r\n .tawk-button,\r\n .crisp-client,\r\n .crisp-1bk50hg,\r\n [class*=\"crisp-\"],\r\n [id*=\"tawk\"],\r\n [class*=\"tawk\"],\r\n [id*=\"chaty\"],\r\n [class*=\"chaty\"],\r\n [id*=\"wpchat\"],\r\n [class*=\"wpchat\"],\r\n [id*=\"need-help\"],\r\n [class*=\"need-help\"],\r\n [id*=\"needhelp\"],\r\n [class*=\"needhelp\"],\r\n [id*=\"wp-whatsapp\"],\r\n [class*=\"wp-whatsapp\"],\r\n [id*=\"whatshelp\"],\r\n [class*=\"whatshelp\"],\r\n [id*=\"click-to-chat\"],\r\n [class*=\"click-to-chat\"],\r\n [id*=\"ctc_\"],\r\n [class*=\"ctc_\"],\r\n .wpa-btn-wrap,\r\n .wpa_div,\r\n #wpadminbar,\r\n .floating-chat,\r\n .float-chat,\r\n [class*=\"float-chat\"],\r\n [class*=\"floating-chat\"] {\r\n display: none !important;\r\n visibility: hidden !important;\r\n opacity: 0 !important;\r\n pointer-events: none !important;\r\n height: 0 !important;\r\n overflow: hidden !important;\r\n z-index: -9999 !important\r\n }\r\n\r\n \/* STICKY OFFER BANNER *\/\r\n .offer-banner {\r\n position: sticky;\r\n top: 12px;\r\n z-index: 999;\r\n margin: 0 auto 12px;\r\n max-width: 700px;\r\n background: #fff;\r\n border: 1.5px solid rgba(30, 111, 207, 0.22);\r\n padding: 12px 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n border-radius: 18px;\r\n box-shadow: 0 8px 32px rgba(30, 111, 207, 0.12);\r\n }\r\n\r\n .ob-text {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text);\r\n text-align: center;\r\n line-height: 1.5\r\n }\r\n\r\n .ob-text strong {\r\n color: var(--accent)\r\n }\r\n\r\n .ob-text .ob-price {\r\n color: #111;\r\n font-weight: 800;\r\n font-size: 14px\r\n }\r\n\r\n .ob-cta {\r\n background: var(--accent);\r\n color: #fff;\r\n border: none;\r\n padding: 7px 18px;\r\n border-radius: 50px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n font-size: 11px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n letter-spacing: 0.5px;\r\n transition: all 0.25s;\r\n flex-shrink: 0;\r\n }\r\n\r\n .ob-cta:hover {\r\n background: var(--accent2);\r\n transform: scale(1.04)\r\n }\r\n\r\n .ob-dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n animation: blink 1.4s infinite;\r\n flex-shrink: 0\r\n }\r\n\r\n @keyframes blink {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 1\r\n }\r\n\r\n 50% {\r\n opacity: 0.2\r\n }\r\n }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n padding: 40px 20px 50px;\r\n min-height: 90vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(160deg, #F0F6FF 0%, #F8FAFF 60%, #EAF2FF 100%);\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 55% 45% at 50% 0%, rgba(30, 111, 207, 0.07) 0%, transparent 70%),\r\n radial-gradient(ellipse 80% 60% at 80% 80%, rgba(59, 130, 246, 0.04) 0%, transparent 60%);\r\n }\r\n\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(30, 111, 207, 0.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(30, 111, 207, 0.04) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 80%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-inner {\r\n max-width: 780px;\r\n margin: 0 auto;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n width: 100%\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(30, 111, 207, 0.08);\r\n border: 1px solid rgba(30, 111, 207, 0.22);\r\n border-radius: 50px;\r\n padding: 8px 18px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: var(--accent);\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .hero-badge span {\r\n color: var(--text)\r\n }\r\n\r\n .hero-h1 {\r\n font-size: clamp(24px, 6vw, 64px);\r\n font-weight: 900;\r\n line-height: 1.1;\r\n letter-spacing: -0.5px;\r\n margin-bottom: 16px;\r\n color: #0F1F3D;\r\n }\r\n\r\n .hero-h1 .line-accent {\r\n display: block;\r\n background: linear-gradient(90deg, var(--accent), #5BAEF5);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-h1 .line-sub {\r\n font-size: 0.44em;\r\n font-weight: 600;\r\n color: var(--muted);\r\n -webkit-text-fill-color: var(--muted);\r\n background: none;\r\n display: block;\r\n letter-spacing: 0.3px;\r\n margin-top: 8px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n .hero-desc {\r\n font-size: clamp(13px, 2vw, 16px);\r\n color: var(--muted);\r\n font-weight: 400;\r\n max-width: 560px;\r\n margin: 0 auto 36px;\r\n line-height: 1.7\r\n }\r\n\r\n .hero-desc strong {\r\n color: var(--text);\r\n font-weight: 600\r\n }\r\n\r\n \/* HERO STARTER PACKAGE CARD *\/\r\n .hero-starter-card {\r\n background: #fff;\r\n border: 2px solid rgba(30, 111, 207, 0.22);\r\n border-radius: 24px;\r\n padding: 28px 24px 20px;\r\n margin: 0 auto 32px;\r\n max-width: 620px;\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .hero-starter-card::before {\r\n content: '';\r\n position: absolute;\r\n top: -1px;\r\n left: 10%;\r\n right: 10%;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, var(--blue), transparent);\r\n }\r\n\r\n .hsc-ribbon {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: rgba(30, 111, 207, 0.07);\r\n border: 1px solid rgba(30, 111, 207, 0.2);\r\n border-radius: 50px;\r\n padding: 5px 14px;\r\n font-size: 10px;\r\n font-weight: 800;\r\n color: var(--accent);\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .hsc-top {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-bottom: 16px\r\n }\r\n\r\n .hsc-price-wrap {\r\n flex: 1;\r\n text-align: center\r\n }\r\n\r\n .hsc-label {\r\n font-size: 10px;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--muted);\r\n font-weight: 600;\r\n margin-bottom: 2px\r\n }\r\n\r\n .hsc-price {\r\n font-size: clamp(52px, 12vw, 88px);\r\n font-weight: 900;\r\n color: #0F1F3D;\r\n line-height: 1;\r\n letter-spacing: -2px;\r\n margin-bottom: 4px\r\n }\r\n\r\n .hsc-price sup {\r\n font-size: 0.38em;\r\n color: var(--blue);\r\n vertical-align: super;\r\n font-weight: 800;\r\n letter-spacing: 0\r\n }\r\n\r\n .hsc-price sub {\r\n font-size: 0.22em;\r\n color: var(--muted);\r\n font-weight: 500;\r\n letter-spacing: 0\r\n }\r\n\r\n .hsc-strike {\r\n font-size: 13px;\r\n color: var(--muted);\r\n text-decoration: line-through;\r\n margin-bottom: 6px;\r\n text-align: center\r\n }\r\n\r\n .hsc-save {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: rgba(22, 163, 74, 0.08);\r\n border: 1px solid rgba(22, 163, 74, 0.22);\r\n border-radius: 50px;\r\n padding: 5px 14px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--green);\r\n justify-content: center;\r\n }\r\n\r\n .hsc-divider {\r\n height: 1px;\r\n background: rgba(30, 111, 207, 0.1);\r\n margin: 16px 0\r\n }\r\n\r\n .hsc-features {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n margin-bottom: 16px\r\n }\r\n\r\n .hsc-feat {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text);\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n line-height: 1.4\r\n }\r\n\r\n .hsc-tick {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n flex-shrink: 0;\r\n font-weight: normal;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n }\r\n\r\n .hsc-tick.blue {\r\n background: linear-gradient(135deg, rgba(30, 111, 207, 0.15), rgba(30, 111, 207, 0.05));\r\n color: var(--accent)\r\n }\r\n\r\n .hsc-tick.purple {\r\n background: linear-gradient(135deg, rgba(147, 51, 234, 0.15), rgba(147, 51, 234, 0.05));\r\n color: #9333ea\r\n }\r\n\r\n .hsc-tick.green {\r\n background: linear-gradient(135deg, rgba(22, 163, 74, 0.15), rgba(22, 163, 74, 0.05));\r\n color: var(--green)\r\n }\r\n\r\n .hsc-tick.orange {\r\n background: linear-gradient(135deg, rgba(217, 119, 6, 0.15), rgba(217, 119, 6, 0.05));\r\n color: var(--orange)\r\n }\r\n\r\n .hsc-tick.cyan {\r\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(6, 182, 212, 0.05));\r\n color: #0891b2\r\n }\r\n\r\n .hsc-tick.pink {\r\n background: linear-gradient(135deg, rgba(236, 72, 153, 0.15), rgba(236, 72, 153, 0.05));\r\n color: #db2777\r\n }\r\n\r\n @media(max-width:480px) {\r\n .hero-starter-card {\r\n padding: 24px 16px;\r\n border-radius: 24px;\r\n width: 95%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .hsc-price {\r\n font-size: clamp(40px, 14vw, 56px)\r\n }\r\n\r\n .hsc-mini-form {\r\n padding: 15px;\r\n border: 2px solid var(--accent);\r\n box-shadow: 0 8px 20px rgba(37, 99, 235, 0.15);\r\n }\r\n\r\n .mf-title {\r\n font-size: 11px;\r\n }\r\n\r\n .hsc-feat {\r\n font-size: 10.5px;\r\n gap: 5px;\r\n }\r\n\r\n .hsc-tick {\r\n width: 20px;\r\n height: 20px;\r\n font-size: 10px;\r\n }\r\n }\r\n\r\n .hsc-cashback {\r\n font-size: 11px;\r\n color: var(--orange);\r\n font-weight: 600;\r\n text-align: center;\r\n background: rgba(217, 119, 6, 0.06);\r\n border: 1px solid rgba(217, 119, 6, 0.18);\r\n border-radius: 8px;\r\n padding: 8px 12px;\r\n }\r\n\r\n \/* MINI FORM NEXT TO PRICE *\/\r\n .hsc-mini-form {\r\n flex: 1;\r\n background: #fff;\r\n border: 2px solid var(--accent);\r\n border-radius: 16px;\r\n padding: 18px;\r\n box-shadow: 0 15px 35px rgba(37, 99, 235, 0.2);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n max-width: 260px;\r\n position: relative;\r\n animation: formPulse 4s infinite;\r\n }\r\n\r\n @keyframes formPulse {\r\n 0% {\r\n box-shadow: 0 15px 35px rgba(37, 99, 235, 0.2);\r\n }\r\n\r\n 50% {\r\n box-shadow: 0 15px 45px rgba(37, 99, 235, 0.4);\r\n }\r\n\r\n 100% {\r\n box-shadow: 0 15px 35px rgba(37, 99, 235, 0.2);\r\n }\r\n }\r\n\r\n .mf-title {\r\n font-size: 12px;\r\n font-weight: 800;\r\n color: var(--accent);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 2px\r\n }\r\n\r\n .hsc-mini-form input {\r\n width: 100%;\r\n padding: 10px 12px;\r\n border: 1.5px solid #E2E8F0;\r\n border-radius: 8px;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 13px;\r\n outline: none;\r\n transition: border-color 0.2s;\r\n }\r\n\r\n .hsc-mini-form input:focus {\r\n border-color: var(--accent);\r\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n #q_phone,\r\n #sc_phone,\r\n #p_phone {\r\n border-color: #2563EB;\r\n box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.1);\r\n background-color: #F8FAFF;\r\n animation: phonePulse 2s infinite;\r\n }\r\n\r\n @keyframes phonePulse {\r\n 0% {\r\n box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.2);\r\n }\r\n\r\n 70% {\r\n box-shadow: 0 0 0 6px rgba(37, 99, 235, 0);\r\n }\r\n\r\n 100% {\r\n box-shadow: 0 0 0 0 rgba(37, 99, 235, 0);\r\n }\r\n }\r\n\r\n .hsc-mini-form button {\r\n background: var(--accent);\r\n color: #fff;\r\n border: none;\r\n padding: 10px;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n font-size: 13px;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n }\r\n\r\n .hsc-mini-form button:hover {\r\n background: var(--accent2);\r\n transform: translateY(-1px)\r\n }\r\n\r\n .hsc-scratch-cta {\r\n margin-top: 10px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--accent);\r\n text-align: center;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n background: rgba(30, 111, 207, 0.05);\r\n padding: 6px;\r\n border-radius: 6px;\r\n transition: all 0.3s;\r\n border: 1px dashed var(--accent);\r\n }\r\n\r\n .hsc-scratch-cta:hover {\r\n background: rgba(30, 111, 207, 0.1);\r\n transform: translateY(-1px)\r\n }\r\n\r\n @media(max-width:768px) {\r\n .hsc-top {\r\n flex-direction: column;\r\n gap: 24px\r\n }\r\n\r\n .hsc-mini-form {\r\n max-width: 100%;\r\n width: 100%\r\n }\r\n }\r\n\r\n @media(max-width:480px) {\r\n .hero-starter-card {\r\n padding: 20px 14px 16px;\r\n border-radius: 18px;\r\n margin-bottom: 24px\r\n }\r\n\r\n .hsc-price {\r\n font-size: clamp(46px, 16vw, 68px)\r\n }\r\n\r\n .hsc-features {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 6px\r\n }\r\n\r\n .hsc-feat {\r\n font-size: 11px\r\n }\r\n\r\n .hsc-save {\r\n font-size: 11px\r\n }\r\n }\r\n\r\n @media(max-width:360px) {\r\n .hsc-features {\r\n grid-template-columns: 1fr\r\n }\r\n\r\n .hsc-price {\r\n font-size: 46px\r\n }\r\n }\r\n\r\n \/* HERO CTAs *\/\r\n .hero-ctas {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n max-width: 480px;\r\n margin: 0 auto\r\n }\r\n\r\n .btn-fire {\r\n background: linear-gradient(135deg, var(--accent), var(--accent2));\r\n color: #fff;\r\n border: none;\r\n padding: 18px 28px;\r\n border-radius: 14px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 800;\r\n font-size: 16px;\r\n cursor: pointer;\r\n letter-spacing: 0.2px;\r\n transition: all 0.3s;\r\n box-shadow: 0 8px 32px var(--acglow);\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n }\r\n\r\n .btn-fire::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);\r\n transition: left 0.5s;\r\n }\r\n\r\n .btn-fire:hover::before {\r\n left: 100%\r\n }\r\n\r\n .btn-fire:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 16px 48px var(--acglow)\r\n }\r\n\r\n .btn-fire small {\r\n display: block;\r\n font-size: 11px;\r\n font-weight: 500;\r\n opacity: 0.85;\r\n margin-top: 2px\r\n }\r\n\r\n .cta-pair {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px\r\n }\r\n\r\n .btn-call-hero {\r\n background: #EEF3FC;\r\n border: 1.5px solid rgba(30, 111, 207, 0.25);\r\n color: var(--blue);\r\n padding: 14px;\r\n border-radius: 12px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n font-size: 13px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n transition: all 0.25s;\r\n }\r\n\r\n .btn-call-hero:hover {\r\n background: rgba(30, 111, 207, 0.12);\r\n transform: translateY(-2px)\r\n }\r\n\r\n .btn-wa-hero {\r\n background: #EDFAF1;\r\n border: 1.5px solid rgba(22, 163, 74, 0.25);\r\n color: var(--green);\r\n padding: 14px;\r\n border-radius: 12px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n font-size: 13px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n transition: all 0.25s;\r\n }\r\n\r\n .btn-wa-hero:hover {\r\n background: rgba(22, 163, 74, 0.12);\r\n transform: translateY(-2px)\r\n }\r\n\r\n .hero-trust {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n margin-top: 16px;\r\n font-size: 11px;\r\n color: var(--muted);\r\n flex-wrap: wrap\r\n }\r\n\r\n .trust-dot {\r\n width: 3px;\r\n height: 3px;\r\n border-radius: 50%;\r\n background: var(--muted)\r\n }\r\n\r\n \/* FEATURES *\/\r\n .sec {\r\n padding: 64px 20px\r\n }\r\n\r\n .sec-dark {\r\n background: var(--bg2)\r\n }\r\n\r\n .sec-head {\r\n text-align: center;\r\n margin-bottom: 44px\r\n }\r\n\r\n .sec-eyebrow {\r\n font-size: 10px;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n }\r\n\r\n .sec-eyebrow::before,\r\n .sec-eyebrow::after {\r\n content: '';\r\n height: 1px;\r\n width: 40px;\r\n background: rgba(30, 111, 207, 0.25)\r\n }\r\n\r\n .sec-h2 {\r\n font-size: clamp(24px, 4vw, 38px);\r\n font-weight: 800;\r\n color: #0F1F3D;\r\n line-height: 1.2;\r\n margin-bottom: 10px\r\n }\r\n\r\n .sec-h2 span {\r\n color: var(--accent)\r\n }\r\n\r\n .sec-p {\r\n font-size: 14px;\r\n color: var(--muted);\r\n max-width: 480px;\r\n margin: 0 auto\r\n }\r\n\r\n .feat-grid {\r\n max-width: 880px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px\r\n }\r\n\r\n .feat-card {\r\n background: #fff;\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: 24px 18px;\r\n text-align: center;\r\n transition: all 0.3s;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .feat-card:hover {\r\n border-color: rgba(30, 111, 207, 0.3);\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg)\r\n }\r\n\r\n .feat-ico {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 14px;\r\n background: rgba(30, 111, 207, 0.07);\r\n border: 1px solid rgba(30, 111, 207, 0.15);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n margin: 0 auto 14px;\r\n }\r\n\r\n .feat-card h3 {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #0F1F3D;\r\n margin-bottom: 5px\r\n }\r\n\r\n .feat-card p {\r\n font-size: 11px;\r\n color: var(--muted);\r\n line-height: 1.5\r\n }\r\n\r\n \/* ===== PACKAGES SECTION ===== *\/\r\n .pkg-section-wrapper {\r\n padding: 80px 20px;\r\n position: relative;\r\n overflow: hidden;\r\n background: var(--bg)\r\n }\r\n\r\n .pkg-section-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n top: -200px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 800px;\r\n height: 600px;\r\n background: radial-gradient(ellipse, rgba(30, 111, 207, 0.05) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .pkg-global-note-new {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: #fff;\r\n border: 1px solid rgba(30, 111, 207, 0.15);\r\n border-radius: 50px;\r\n padding: 8px 20px;\r\n font-size: 11px;\r\n color: var(--muted);\r\n margin-top: 12px;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .pkg-global-note-new em {\r\n color: var(--green);\r\n font-style: normal;\r\n font-size: 13px\r\n }\r\n\r\n .pkg-grid-new {\r\n max-width: 1080px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .pkg-card-new {\r\n background: #fff;\r\n border: 1.5px solid rgba(30, 111, 207, 0.12);\r\n border-radius: 22px;\r\n padding: 32px 26px 26px;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .pkg-card-new::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(30, 111, 207, 0.15), transparent);\r\n }\r\n\r\n .pkg-card-new:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(30, 111, 207, 0.3);\r\n box-shadow: var(--shadow-lg)\r\n }\r\n\r\n .pkg-card-new.featured {\r\n background: linear-gradient(155deg, #F0F7FF, #fff);\r\n border: 2px solid rgba(30, 111, 207, 0.45);\r\n box-shadow: 0 8px 40px rgba(30, 111, 207, 0.14);\r\n }\r\n\r\n .pkg-card-new.featured::before {\r\n background: linear-gradient(90deg, transparent, var(--accent), transparent)\r\n }\r\n\r\n .pkg-card-new.featured:hover {\r\n border-color: rgba(30, 111, 207, 0.65);\r\n box-shadow: 0 24px 60px rgba(30, 111, 207, 0.18)\r\n }\r\n\r\n .pkg-card-new.ecom {\r\n background: linear-gradient(155deg, #F5F0FF, #fff);\r\n border: 1.5px solid rgba(107, 70, 193, 0.22);\r\n }\r\n\r\n .pkg-card-new.ecom:hover {\r\n border-color: rgba(107, 70, 193, 0.45);\r\n box-shadow: 0 24px 60px rgba(107, 70, 193, 0.1)\r\n }\r\n\r\n .pop-badge-new {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: rgba(30, 111, 207, 0.08);\r\n border: 1px solid rgba(30, 111, 207, 0.22);\r\n color: var(--accent);\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n padding: 5px 14px;\r\n border-radius: 50px;\r\n margin-bottom: 18px;\r\n width: fit-content;\r\n }\r\n\r\n .pop-dot-new {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n animation: pulse 1.6s infinite\r\n }\r\n\r\n @keyframes pulse {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1)\r\n }\r\n\r\n 50% {\r\n opacity: 0.4;\r\n transform: scale(0.7)\r\n }\r\n }\r\n\r\n .plan-tag-new {\r\n font-size: 9px;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n font-weight: 800;\r\n margin-bottom: 14px\r\n }\r\n\r\n .plan-tag-new.starter {\r\n color: #1E6FCF\r\n }\r\n\r\n .plan-tag-new.business {\r\n color: #D97706\r\n }\r\n\r\n .plan-tag-new.ecom {\r\n color: #6B46C1\r\n }\r\n\r\n .plan-name-new {\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: #0F1F3D;\r\n margin-bottom: 6px\r\n }\r\n\r\n .plan-price-new {\r\n font-size: 44px;\r\n font-weight: 900;\r\n color: #0F1F3D;\r\n line-height: 1;\r\n letter-spacing: -1.5px;\r\n margin-bottom: 4px\r\n }\r\n\r\n .plan-price-new sup {\r\n font-size: 0.42em;\r\n font-weight: 800;\r\n vertical-align: super;\r\n letter-spacing: 0;\r\n color: #1E6FCF\r\n }\r\n\r\n .plan-price-new.biz-price sup {\r\n color: #D97706\r\n }\r\n\r\n .plan-price-new.ecom-price sup {\r\n color: #6B46C1\r\n }\r\n\r\n .plan-sub-new {\r\n font-size: 11px;\r\n color: var(--muted);\r\n font-weight: 500;\r\n margin-bottom: 6px\r\n }\r\n\r\n .plan-best-new {\r\n display: inline-block;\r\n font-size: 10px;\r\n font-weight: 700;\r\n padding: 4px 12px;\r\n border-radius: 50px;\r\n margin-bottom: 18px;\r\n width: fit-content\r\n }\r\n\r\n .plan-best-new.b-starter {\r\n background: rgba(30, 111, 207, 0.07);\r\n color: #1E6FCF;\r\n border: 1px solid rgba(30, 111, 207, 0.18)\r\n }\r\n\r\n .plan-best-new.b-biz {\r\n background: rgba(217, 119, 6, 0.07);\r\n color: #D97706;\r\n border: 1px solid rgba(217, 119, 6, 0.18)\r\n }\r\n\r\n .plan-best-new.b-ecom {\r\n background: rgba(107, 70, 193, 0.07);\r\n color: #6B46C1;\r\n border: 1px solid rgba(107, 70, 193, 0.18)\r\n }\r\n\r\n .plan-gst-note {\r\n font-size: 11px;\r\n color: var(--muted);\r\n font-weight: 500;\r\n margin-bottom: 10px;\r\n background: rgba(30, 111, 207, 0.04);\r\n border: 1px solid rgba(30, 111, 207, 0.1);\r\n border-radius: 6px;\r\n padding: 5px 10px;\r\n display: inline-block;\r\n }\r\n\r\n .plan-gst-note strong {\r\n color: #D97706;\r\n font-weight: 700\r\n }\r\n\r\n .plan-divider-new {\r\n height: 1px;\r\n background: rgba(30, 111, 207, 0.1);\r\n margin: 0 0 18px\r\n }\r\n\r\n .feat-list-new {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n margin-bottom: 0\r\n }\r\n\r\n .feat-list-new li {\r\n font-size: 13px;\r\n color: var(--text);\r\n padding: 9px 0;\r\n border-bottom: 1px solid rgba(30, 111, 207, 0.07);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n line-height: 1.45;\r\n }\r\n\r\n .feat-list-new li:last-child {\r\n border-bottom: none\r\n }\r\n\r\n .check-new {\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 1px;\r\n font-size: 10px;\r\n font-weight: 900\r\n }\r\n\r\n .check-new.blue {\r\n background: rgba(30, 111, 207, 0.1);\r\n color: #1E6FCF\r\n }\r\n\r\n .check-new.orange {\r\n background: rgba(217, 119, 6, 0.1);\r\n color: #D97706\r\n }\r\n\r\n .check-new.purple {\r\n background: rgba(107, 70, 193, 0.1);\r\n color: #6B46C1\r\n }\r\n\r\n .check-new.green {\r\n background: rgba(22, 163, 74, 0.1);\r\n color: #16A34A\r\n }\r\n\r\n .extra-wrap-new {\r\n overflow: hidden;\r\n max-height: 0;\r\n transition: max-height 0.42s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;\r\n opacity: 0\r\n }\r\n\r\n .extra-wrap-new.open {\r\n opacity: 1\r\n }\r\n\r\n .view-btn-new {\r\n margin-top: 14px;\r\n background: transparent;\r\n border: 1px solid rgba(30, 111, 207, 0.18);\r\n border-radius: 10px;\r\n padding: 10px 16px;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--muted);\r\n cursor: pointer;\r\n width: 100%;\r\n letter-spacing: 0.3px;\r\n transition: all 0.22s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n }\r\n\r\n .view-btn-new:hover {\r\n background: rgba(30, 111, 207, 0.06);\r\n border-color: rgba(30, 111, 207, 0.3);\r\n color: var(--accent)\r\n }\r\n\r\n .view-btn-new .arr {\r\n display: inline-block;\r\n transition: transform 0.3s;\r\n font-style: normal;\r\n font-size: 11px\r\n }\r\n\r\n .view-btn-new.open-state .arr {\r\n transform: rotate(180deg)\r\n }\r\n\r\n .cta-btn-new {\r\n margin-top: 10px;\r\n width: 100%;\r\n padding: 13px 16px;\r\n border-radius: 12px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n font-size: 13px;\r\n cursor: pointer;\r\n transition: all 0.25s;\r\n border: none;\r\n letter-spacing: 0.2px;\r\n }\r\n\r\n .cta-btn-new.starter-cta {\r\n background: rgba(30, 111, 207, 0.07);\r\n border: 1.5px solid rgba(30, 111, 207, 0.25);\r\n color: #1E6FCF\r\n }\r\n\r\n .cta-btn-new.starter-cta:hover {\r\n background: rgba(30, 111, 207, 0.13);\r\n transform: translateY(-2px)\r\n }\r\n\r\n .cta-btn-new.biz-cta {\r\n background: linear-gradient(135deg, #1E6FCF, #2F8FEA);\r\n color: #fff;\r\n border: none;\r\n box-shadow: 0 6px 22px rgba(30, 111, 207, 0.22)\r\n }\r\n\r\n .cta-btn-new.biz-cta:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 36px rgba(30, 111, 207, 0.3)\r\n }\r\n\r\n .cta-btn-new.ecom-cta {\r\n background: rgba(107, 70, 193, 0.07);\r\n border: 1.5px solid rgba(107, 70, 193, 0.25);\r\n color: #6B46C1\r\n }\r\n\r\n .cta-btn-new.ecom-cta:hover {\r\n background: rgba(107, 70, 193, 0.13);\r\n transform: translateY(-2px)\r\n }\r\n\r\n \/* GOOGLE REVIEWS *\/\r\n .google-section {\r\n background: var(--bg2);\r\n padding: 60px 20px;\r\n position: relative;\r\n overflow: hidden\r\n }\r\n\r\n .google-head {\r\n text-align: center;\r\n margin-bottom: 48px;\r\n position: relative;\r\n z-index: 2\r\n }\r\n\r\n .google-title {\r\n font-size: clamp(28px, 5vw, 42px);\r\n font-weight: 900;\r\n color: #0F1F3D;\r\n line-height: 1.2;\r\n margin-bottom: 32px\r\n }\r\n\r\n .google-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff;\r\n border: 1.5px solid rgba(217, 119, 6, 0.25);\r\n border-radius: 50px;\r\n padding: 14px 28px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--orange);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .google-badge strong {\r\n color: #0F1F3D;\r\n font-size: 14px\r\n }\r\n\r\n .testimonials-grid {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px\r\n }\r\n\r\n .testi-card-compact {\r\n background: #fff;\r\n border: 1px solid rgba(30, 111, 207, 0.12);\r\n border-radius: 12px;\r\n padding: 20px;\r\n transition: all 0.3s;\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 100%;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .testi-card-compact:hover {\r\n border-color: rgba(30, 111, 207, 0.28);\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg)\r\n }\r\n\r\n .testi-header-compact {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 12px\r\n }\r\n\r\n .testi-avatar-compact {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fff;\r\n font-weight: 800;\r\n font-size: 18px;\r\n flex-shrink: 0;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15)\r\n }\r\n\r\n .testi-info-compact h3 {\r\n font-size: 12px;\r\n font-weight: 800;\r\n color: #0F1F3D;\r\n margin-bottom: 2px\r\n }\r\n\r\n .testi-info-compact p {\r\n font-size: 9px;\r\n color: var(--muted);\r\n line-height: 1.4\r\n }\r\n\r\n .new-badge {\r\n display: inline-block;\r\n background: rgba(30, 111, 207, 0.08);\r\n border: 0.5px solid rgba(30, 111, 207, 0.2);\r\n border-radius: 3px;\r\n padding: 1px 5px;\r\n font-size: 7px;\r\n font-weight: 700;\r\n color: var(--accent);\r\n margin-left: 2px\r\n }\r\n\r\n .testi-stars-compact {\r\n color: #D97706;\r\n font-size: 12px;\r\n margin-bottom: 10px;\r\n letter-spacing: 1px\r\n }\r\n\r\n .testi-review-compact {\r\n font-size: 12px;\r\n color: var(--text);\r\n line-height: 1.6;\r\n margin-bottom: 12px;\r\n flex: 1\r\n }\r\n\r\n .testi-footer-compact {\r\n padding-top: 12px;\r\n border-top: 1px solid rgba(30, 111, 207, 0.08)\r\n }\r\n\r\n .testi-credit {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px\r\n }\r\n\r\n .graphy-logo {\r\n width: 20px;\r\n height: 20px;\r\n background: linear-gradient(135deg, #0091E7, #00D4FF);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n box-shadow: 0 2px 6px rgba(0, 145, 231, 0.25);\r\n font-weight: 900\r\n }\r\n\r\n .g-letter {\r\n font-size: 11px;\r\n color: #fff;\r\n font-weight: 900;\r\n letter-spacing: -0.5px\r\n }\r\n\r\n .testi-credit strong {\r\n font-size: 11px;\r\n color: #0F1F3D;\r\n font-weight: 700\r\n }\r\n\r\n .testi-credit span {\r\n font-size: 9px;\r\n color: var(--muted);\r\n display: block\r\n }\r\n\r\n \/* PROJECTS GRID *\/\r\n .projects-grid {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px\r\n }\r\n\r\n .project-card {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n border: 1px solid rgba(30, 111, 207, 0.1);\r\n background: #fff;\r\n box-shadow: var(--shadow);\r\n transition: box-shadow 0.3s, border-color 0.3s;\r\n cursor: pointer\r\n }\r\n\r\n .project-card:hover {\r\n box-shadow: var(--shadow-lg);\r\n border-color: rgba(30, 111, 207, 0.35)\r\n }\r\n\r\n .project-preview {\r\n height: 220px;\r\n overflow: hidden;\r\n position: relative\r\n }\r\n\r\n .project-preview img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n transform: translateY(0);\r\n will-change: transform;\r\n transition: transform 0.5s ease\r\n }\r\n\r\n \/* BONUS *\/\r\n .bonus-grid {\r\n max-width: 860px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px\r\n }\r\n\r\n .bonus-card {\r\n background: #fff;\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n display: flex;\r\n gap: 16px;\r\n align-items: flex-start;\r\n transition: all 0.3s;\r\n box-shadow: var(--shadow)\r\n }\r\n\r\n .bonus-card:hover {\r\n border-color: rgba(30, 111, 207, 0.25);\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-lg)\r\n }\r\n\r\n .b-ico {\r\n width: 50px;\r\n height: 50px;\r\n flex-shrink: 0;\r\n background: rgba(30, 111, 207, 0.07);\r\n border: 1px solid rgba(30, 111, 207, 0.15);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px\r\n }\r\n\r\n .b-t {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #0F1F3D;\r\n margin-bottom: 5px\r\n }\r\n\r\n .b-t span {\r\n color: var(--accent)\r\n }\r\n\r\n .b-d {\r\n font-size: 11px;\r\n color: var(--muted);\r\n line-height: 1.6\r\n }\r\n\r\n \/* FOOTER CTA *\/\r\n .footer-cta {\r\n padding: 64px 20px;\r\n background: linear-gradient(160deg, #EEF4FF, #F8FAFF, #E8F0FE);\r\n border-top: 1px solid rgba(30, 111, 207, 0.12);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .footer-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: -100px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(30, 111, 207, 0.06) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .footer-cta h2 {\r\n font-size: clamp(24px, 4vw, 42px);\r\n font-weight: 800;\r\n color: #0F1F3D;\r\n margin-bottom: 10px;\r\n position: relative;\r\n line-height: 1.2\r\n }\r\n\r\n .footer-cta h2 span {\r\n color: var(--accent)\r\n }\r\n\r\n .footer-cta p {\r\n font-size: 13px;\r\n color: var(--muted);\r\n margin-bottom: 28px;\r\n position: relative\r\n }\r\n\r\n .f-btns {\r\n display: flex;\r\n gap: 12px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n position: relative\r\n }\r\n\r\n .btn-f1 {\r\n background: linear-gradient(135deg, var(--accent), var(--accent2));\r\n color: #fff;\r\n border: none;\r\n padding: 15px 30px;\r\n border-radius: 12px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 800;\r\n font-size: 14px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n box-shadow: 0 8px 28px var(--acglow)\r\n }\r\n\r\n .btn-f1:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 14px 40px var(--acglow)\r\n }\r\n\r\n .btn-f2 {\r\n background: #fff;\r\n border: 1.5px solid rgba(30, 111, 207, 0.22);\r\n color: var(--text);\r\n padding: 15px 30px;\r\n border-radius: 12px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n font-size: 14px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n box-shadow: var(--shadow)\r\n }\r\n\r\n .btn-f2:hover {\r\n border-color: var(--accent);\r\n color: var(--accent)\r\n }\r\n\r\n \/* SCROLL UP *\/\r\n .scroll-up {\r\n position: fixed;\r\n bottom: 20px;\r\n left: 18px;\r\n z-index: 900;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n background: #fff;\r\n border: 1.5px solid rgba(30, 111, 207, 0.2);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n color: var(--muted);\r\n font-size: 15px;\r\n transition: all 0.3s;\r\n opacity: 0;\r\n pointer-events: none;\r\n box-shadow: var(--shadow)\r\n }\r\n\r\n .scroll-up.on {\r\n opacity: 1;\r\n pointer-events: all\r\n }\r\n\r\n .scroll-up:hover {\r\n background: var(--accent);\r\n color: #fff;\r\n border-color: var(--accent)\r\n }\r\n\r\n \/* POPUP *\/\r\n .pop-bg {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(15, 31, 61, 0.6);\r\n backdrop-filter: blur(8px);\r\n z-index: 9999;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 16px\r\n }\r\n\r\n .pop-bg.on {\r\n display: flex\r\n }\r\n\r\n .pop {\r\n background: #fff;\r\n border: 1.5px solid rgba(30, 111, 207, 0.2);\r\n border-radius: 22px;\r\n width: 100%;\r\n max-width: 410px;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 30px 80px rgba(30, 111, 207, 0.15);\r\n animation: popUp 0.42s cubic-bezier(0.34, 1.56, 0.64, 1)\r\n }\r\n\r\n @keyframes popUp {\r\n from {\r\n transform: scale(0.86) translateY(24px);\r\n opacity: 0\r\n }\r\n\r\n to {\r\n transform: scale(1) translateY(0);\r\n opacity: 1\r\n }\r\n }\r\n\r\n .pop::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, var(--accent), transparent)\r\n }\r\n\r\n .pop-x {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n z-index: 10;\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: rgba(30, 111, 207, 0.07);\r\n border: none;\r\n cursor: pointer;\r\n color: var(--muted);\r\n font-size: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s;\r\n font-family: 'Poppins', sans-serif\r\n }\r\n\r\n .pop-x:hover {\r\n background: rgba(30, 111, 207, 0.15);\r\n color: var(--accent)\r\n }\r\n\r\n .pop-head {\r\n padding: 22px 22px 14px;\r\n text-align: center\r\n }\r\n\r\n .pop-ey {\r\n font-size: 9px;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px\r\n }\r\n\r\n .pop-ey::before,\r\n .pop-ey::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: rgba(30, 111, 207, 0.15)\r\n }\r\n\r\n .pop-h {\r\n font-size: clamp(18px, 4vw, 22px);\r\n font-weight: 800;\r\n color: #0F1F3D;\r\n line-height: 1.2;\r\n margin-bottom: 5px\r\n }\r\n\r\n .pop-h span {\r\n color: var(--accent)\r\n }\r\n\r\n .pop-sub {\r\n font-size: 11px;\r\n color: var(--muted)\r\n }\r\n\r\n .pop-body {\r\n padding: 0 22px 22px\r\n }\r\n\r\n .urgency-strip {\r\n background: rgba(217, 119, 6, 0.07);\r\n border: 1px solid rgba(217, 119, 6, 0.18);\r\n border-radius: 8px;\r\n padding: 8px 12px;\r\n margin-bottom: 14px;\r\n font-size: 11px;\r\n color: var(--orange);\r\n font-weight: 700;\r\n text-align: center\r\n }\r\n\r\n .frow {\r\n margin-bottom: 10px\r\n }\r\n\r\n .frow label {\r\n display: block;\r\n font-size: 10px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1.2px;\r\n color: var(--muted);\r\n margin-bottom: 5px\r\n }\r\n\r\n .frow input,\r\n .frow select {\r\n width: 100%;\r\n background: #F8FAFF;\r\n border: 1.5px solid rgba(30, 111, 207, 0.15);\r\n border-radius: 9px;\r\n padding: 11px 13px;\r\n color: #0F1F3D;\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 13px;\r\n outline: none;\r\n transition: border-color 0.2s\r\n }\r\n\r\n .frow input::placeholder {\r\n color: var(--muted)\r\n }\r\n\r\n .frow input:focus,\r\n .frow select:focus {\r\n border-color: var(--accent);\r\n background: #fff\r\n }\r\n\r\n .frow select {\r\n appearance: none;\r\n cursor: pointer;\r\n color: var(--text)\r\n }\r\n\r\n .frow select option {\r\n background: #fff\r\n }\r\n\r\n .f2col {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px\r\n }\r\n\r\n .pop-btn {\r\n width: 100%;\r\n background: linear-gradient(135deg, var(--accent), var(--accent2));\r\n color: #fff;\r\n border: none;\r\n padding: 14px;\r\n border-radius: 11px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 800;\r\n font-size: 13px;\r\n cursor: pointer;\r\n letter-spacing: 0.2px;\r\n transition: all 0.3s;\r\n box-shadow: 0 6px 20px var(--acglow);\r\n margin-top: 4px\r\n }\r\n\r\n .pop-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 32px var(--acglow)\r\n }\r\n\r\n .pop-btn:disabled {\r\n opacity: 0.55;\r\n cursor: not-allowed;\r\n transform: none\r\n }\r\n\r\n .fnote {\r\n text-align: center;\r\n font-size: 10px;\r\n color: var(--muted);\r\n margin-top: 9px\r\n }\r\n\r\n .fnote strong {\r\n color: var(--green)\r\n }\r\n\r\n .pop-ok {\r\n display: none;\r\n padding: 28px 22px;\r\n text-align: center\r\n }\r\n\r\n .pop-ok .tick {\r\n font-size: 48px;\r\n margin-bottom: 12px\r\n }\r\n\r\n .pop-ok h3 {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--accent);\r\n margin-bottom: 6px\r\n }\r\n\r\n .pop-ok p {\r\n font-size: 12px;\r\n color: var(--muted);\r\n line-height: 1.6;\r\n margin-bottom: 18px\r\n }\r\n\r\n .wa-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(22, 163, 74, 0.07);\r\n border: 1.5px solid rgba(22, 163, 74, 0.22);\r\n color: var(--green);\r\n padding: 12px 22px;\r\n border-radius: 10px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.25s\r\n }\r\n\r\n .wa-link:hover {\r\n background: rgba(22, 163, 74, 0.13)\r\n }\r\n\r\n \/* TOUCH *\/\r\n @media(hover:none) {\r\n\r\n .feat-card:hover,\r\n .pkg-card-new:hover,\r\n .testi-card-compact:hover,\r\n .bonus-card:hover,\r\n .btn-fire:hover,\r\n .btn-f1:hover,\r\n .ob-cta:hover,\r\n .cta-btn-new:hover,\r\n .view-btn-new:hover {\r\n transform: none\r\n }\r\n }\r\n\r\n \/* TABLET *\/\r\n @media(max-width:860px) {\r\n .pkg-grid-new {\r\n grid-template-columns: 1fr;\r\n max-width: 460px;\r\n margin: 0 auto;\r\n gap: 20px\r\n }\r\n\r\n .pkg-section-wrapper {\r\n padding: 60px 20px\r\n }\r\n }\r\n\r\n @media(max-width:768px) {\r\n .feat-grid {\r\n grid-template-columns: 1fr 1fr\r\n }\r\n\r\n .testimonials-grid {\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n max-width: 480px;\r\n margin: 0 auto\r\n }\r\n\r\n .bonus-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 480px;\r\n margin: 0 auto\r\n }\r\n\r\n .f-btns {\r\n flex-direction: column;\r\n align-items: stretch;\r\n max-width: 360px;\r\n margin: 0 auto\r\n }\r\n\r\n .btn-f2 {\r\n justify-content: center\r\n }\r\n\r\n .cta-pair {\r\n grid-template-columns: 1fr 1fr\r\n }\r\n\r\n .google-title {\r\n font-size: 26px\r\n }\r\n\r\n .google-badge {\r\n font-size: 12px;\r\n padding: 10px 18px\r\n }\r\n\r\n .scroll-up {\r\n bottom: 16px;\r\n left: 14px\r\n }\r\n\r\n .projects-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 14px\r\n }\r\n\r\n .project-preview {\r\n height: 180px\r\n }\r\n }\r\n\r\n \/* MOBILE *\/\r\n @media(max-width:480px) {\r\n body {\r\n font-size: 14px\r\n }\r\n\r\n .offer-banner {\r\n position: static;\r\n top: auto;\r\n margin: 18px auto 16px;\r\n width: calc(100% - 20px);\r\n max-width: 100%;\r\n padding: 8px 10px;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center\r\n }\r\n\r\n .ob-text {\r\n font-size: 10px;\r\n line-height: 1.35;\r\n text-align: center;\r\n width: 100%;\r\n white-space: normal;\r\n word-break: break-word\r\n }\r\n\r\n .ob-price {\r\n font-size: 11px !important\r\n }\r\n\r\n .ob-cta {\r\n font-size: 9px;\r\n padding: 6px 12px;\r\n min-width: auto;\r\n width: auto\r\n }\r\n\r\n .ob-dot {\r\n display: none\r\n }\r\n\r\n .hero {\r\n padding: 40px 16px 30px;\r\n min-height: auto\r\n }\r\n\r\n .hero-badge {\r\n font-size: 10px;\r\n padding: 6px 14px;\r\n margin-bottom: 10px\r\n }\r\n\r\n .hero-h1 {\r\n font-size: clamp(22px, 6.5vw, 30px);\r\n letter-spacing: -0.3px;\r\n line-height: 1.12;\r\n margin-bottom: 12px\r\n }\r\n\r\n .hero-h1 .line-accent {\r\n font-size: 1em\r\n }\r\n\r\n .hero-h1 .line-sub {\r\n font-size: 0.42em;\r\n margin-top: 8px;\r\n letter-spacing: 0.1px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis\r\n }\r\n\r\n .hero-desc {\r\n font-size: 13px;\r\n line-height: 1.65;\r\n margin-bottom: 24px;\r\n padding: 0 4px\r\n }\r\n\r\n .hero-ctas {\r\n gap: 10px;\r\n max-width: 100%\r\n }\r\n\r\n .btn-fire {\r\n font-size: 14px;\r\n padding: 15px 20px;\r\n border-radius: 12px\r\n }\r\n\r\n .btn-fire small {\r\n font-size: 10px\r\n }\r\n\r\n .cta-pair {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px\r\n }\r\n\r\n .btn-call-hero,\r\n .btn-wa-hero {\r\n font-size: 11px;\r\n padding: 12px 8px;\r\n border-radius: 10px;\r\n gap: 4px\r\n }\r\n\r\n .hero-trust {\r\n font-size: 10px;\r\n gap: 10px;\r\n margin-top: 14px\r\n }\r\n\r\n .sec {\r\n padding: 40px 16px\r\n }\r\n\r\n .sec-head {\r\n margin-bottom: 32px\r\n }\r\n\r\n .sec-h2 {\r\n font-size: clamp(20px, 6vw, 28px)\r\n }\r\n\r\n .sec-p {\r\n font-size: 13px\r\n }\r\n\r\n .feat-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n max-width: 100%\r\n }\r\n\r\n .feat-card {\r\n padding: 18px 16px;\r\n border-radius: 12px\r\n }\r\n\r\n .feat-ico {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 20px;\r\n margin-bottom: 10px\r\n }\r\n\r\n .feat-card h3 {\r\n font-size: 13px\r\n }\r\n\r\n .feat-card p {\r\n font-size: 11px\r\n }\r\n\r\n .pkg-section-wrapper {\r\n padding: 44px 16px\r\n }\r\n\r\n .pkg-grid-new {\r\n gap: 16px;\r\n max-width: 100%\r\n }\r\n\r\n .pkg-card-new {\r\n padding: 24px 18px 20px;\r\n border-radius: 16px\r\n }\r\n\r\n .plan-price-new {\r\n font-size: 36px\r\n }\r\n\r\n .plan-name-new {\r\n font-size: 18px\r\n }\r\n\r\n .feat-list-new li {\r\n font-size: 12px;\r\n padding: 8px 0\r\n }\r\n\r\n .cta-btn-new {\r\n font-size: 12px;\r\n padding: 12px\r\n }\r\n\r\n .view-btn-new {\r\n font-size: 11px;\r\n padding: 9px\r\n }\r\n\r\n .pkg-global-note-new {\r\n font-size: 10px;\r\n padding: 7px 14px\r\n }\r\n\r\n .google-section {\r\n padding: 44px 16px\r\n }\r\n\r\n .google-title {\r\n font-size: 22px;\r\n margin-bottom: 20px\r\n }\r\n\r\n .google-badge {\r\n padding: 10px 16px;\r\n font-size: 11px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 6px\r\n }\r\n\r\n .testimonials-grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n max-width: 100%\r\n }\r\n\r\n .testi-card-compact {\r\n padding: 16px\r\n }\r\n\r\n .testi-avatar-compact {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 16px\r\n }\r\n\r\n .testi-info-compact h3 {\r\n font-size: 12px\r\n }\r\n\r\n .testi-review-compact {\r\n font-size: 11px;\r\n line-height: 1.55\r\n }\r\n\r\n .bonus-grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n max-width: 100%\r\n }\r\n\r\n .bonus-card {\r\n padding: 18px;\r\n border-radius: 12px\r\n }\r\n\r\n .b-ico {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 20px\r\n }\r\n\r\n .b-t {\r\n font-size: 12px\r\n }\r\n\r\n .b-d {\r\n font-size: 11px\r\n }\r\n\r\n .footer-cta {\r\n padding: 44px 16px\r\n }\r\n\r\n .footer-cta h2 {\r\n font-size: clamp(22px, 6vw, 30px)\r\n }\r\n\r\n .footer-cta p {\r\n font-size: 12px\r\n }\r\n\r\n .f-btns {\r\n flex-direction: column;\r\n align-items: stretch;\r\n gap: 10px;\r\n max-width: 100%\r\n }\r\n\r\n .btn-f1 {\r\n font-size: 13px;\r\n padding: 13px 20px\r\n }\r\n\r\n .btn-f2 {\r\n font-size: 13px;\r\n padding: 13px 20px;\r\n justify-content: center\r\n }\r\n\r\n .pop {\r\n border-radius: 18px;\r\n max-width: 100%\r\n }\r\n\r\n .pop-head {\r\n padding: 18px 16px 12px\r\n }\r\n\r\n .pop-body {\r\n padding: 0 16px 18px\r\n }\r\n\r\n .pop-h {\r\n font-size: 18px\r\n }\r\n\r\n .f2col {\r\n grid-template-columns: 1fr\r\n }\r\n\r\n .frow input,\r\n .frow select {\r\n font-size: 14px;\r\n padding: 12px\r\n }\r\n\r\n .pop-btn {\r\n font-size: 13px;\r\n padding: 14px\r\n }\r\n\r\n .scroll-up {\r\n bottom: 20px;\r\n left: 12px;\r\n width: 36px;\r\n height: 36px;\r\n font-size: 14px\r\n }\r\n\r\n .projects-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px\r\n }\r\n\r\n .project-preview {\r\n height: 140px\r\n }\r\n }\r\n\r\n @media(max-width:360px) {\r\n .hero-h1 {\r\n font-size: 20px;\r\n line-height: 1.15\r\n }\r\n\r\n .hero-h1 .line-sub {\r\n font-size: 0.5em;\r\n white-space: normal;\r\n letter-spacing: 0\r\n }\r\n\r\n .btn-call-hero,\r\n .btn-wa-hero {\r\n font-size: 10px;\r\n padding: 11px 6px\r\n }\r\n\r\n .cta-pair {\r\n grid-template-columns: 1fr\r\n }\r\n\r\n .plan-price-new {\r\n font-size: 30px\r\n }\r\n\r\n .google-title {\r\n font-size: 20px\r\n }\r\n\r\n .sec-h2 {\r\n font-size: 20px\r\n }\r\n\r\n .footer-cta h2 {\r\n font-size: 20px\r\n }\r\n\r\n .projects-grid {\r\n grid-template-columns: 1fr\r\n }\r\n\r\n .project-preview {\r\n height: 200px\r\n }\r\n }\r\n\r\n \/* ===== SCRATCH CARD POPUP ===== *\/\r\n .sc-bg {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(15, 31, 61, 0.55);\r\n backdrop-filter: blur(8px);\r\n z-index: 9999;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px\r\n }\r\n\r\n .sc-bg.on {\r\n display: flex\r\n }\r\n\r\n .sc-box {\r\n background: #fff;\r\n border: 1.5px solid rgba(30, 111, 207, 0.2);\r\n border-radius: 24px;\r\n width: 100%;\r\n max-width: 480px;\r\n position: relative;\r\n max-height: calc(100vh - 40px);\r\n overflow-y: auto;\r\n box-shadow: 0 12px 60px rgba(30, 111, 207, 0.15);\r\n animation: scFadeIn 0.36s ease-out\r\n }\r\n\r\n @keyframes scFadeIn {\r\n from {\r\n opacity: 0;\r\n transform: scale(0.96)\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: scale(1)\r\n }\r\n }\r\n\r\n .sc-box::before {\r\n content: '';\r\n position: absolute;\r\n top: 10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 40px;\r\n height: 4px;\r\n border-radius: 50px;\r\n background: rgba(30, 111, 207, 0.15)\r\n }\r\n\r\n .sc-close {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n z-index: 10;\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: rgba(30, 111, 207, 0.07);\r\n border: none;\r\n cursor: pointer;\r\n color: var(--muted);\r\n font-size: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s;\r\n font-family: 'Poppins', sans-serif\r\n }\r\n\r\n .sc-close:hover {\r\n background: rgba(30, 111, 207, 0.15);\r\n color: var(--accent)\r\n }\r\n\r\n .sc-step {\r\n display: none;\r\n padding: 28px 24px\r\n }\r\n\r\n .sc-step:first-child.active {\r\n padding-top: 36px\r\n }\r\n\r\n .sc-step.active {\r\n display: block\r\n }\r\n\r\n .sc-eyebrow {\r\n font-size: 9px;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px\r\n }\r\n\r\n .sc-eyebrow::before,\r\n .sc-eyebrow::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: rgba(30, 111, 207, 0.15)\r\n }\r\n\r\n .sc-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: #0F1F3D;\r\n text-align: center;\r\n margin-bottom: 4px;\r\n line-height: 1.25\r\n }\r\n\r\n .sc-title span {\r\n color: #D97706\r\n }\r\n\r\n .sc-sub {\r\n font-size: 11px;\r\n color: var(--muted);\r\n text-align: center;\r\n margin-bottom: 20px\r\n }\r\n\r\n .scratch-wrap {\r\n position: relative;\r\n margin: 0 auto 16px;\r\n width: 220px;\r\n height: 220px;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n cursor: crosshair;\r\n user-select: none;\r\n box-shadow: 0 8px 30px rgba(30, 111, 207, 0.15)\r\n }\r\n\r\n .scratch-reveal {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, #EEF6FF, #F0F7FF);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 16px;\r\n border: 2px solid rgba(217, 119, 6, 0.3)\r\n }\r\n\r\n .reveal-amount {\r\n font-size: 52px;\r\n font-weight: 900;\r\n background: linear-gradient(135deg, #D97706, #F59E0B);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n line-height: 1;\r\n letter-spacing: -2px\r\n }\r\n\r\n .reveal-label {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #16A34A;\r\n margin-top: 4px\r\n }\r\n\r\n .reveal-sub {\r\n font-size: 10px;\r\n color: var(--muted);\r\n margin-top: 2px\r\n }\r\n\r\n .scratch-canvas {\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 16px;\r\n touch-action: none\r\n }\r\n\r\n .scratch-hint {\r\n text-align: center;\r\n font-size: 11px;\r\n color: var(--muted);\r\n margin-bottom: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px\r\n }\r\n\r\n .scratch-progress {\r\n width: 100%;\r\n height: 4px;\r\n background: rgba(30, 111, 207, 0.1);\r\n border-radius: 50px;\r\n margin-bottom: 16px;\r\n overflow: hidden\r\n }\r\n\r\n .scratch-progress-bar {\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--accent), var(--green));\r\n border-radius: 50px;\r\n width: 0%;\r\n transition: width 0.2s\r\n }\r\n\r\n .sc-scratch-cta {\r\n width: 100%;\r\n padding: 14px 12px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg, var(--accent), var(--accent2));\r\n color: #fff;\r\n border: none;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 800;\r\n font-size: 14px;\r\n cursor: none;\r\n display: none;\r\n transition: all 0.3s;\r\n box-shadow: 0 6px 20px var(--acglow);\r\n white-space: normal;\r\n line-height: 1.4;\r\n text-align: center;\r\n cursor: pointer\r\n }\r\n\r\n .sc-scratch-cta:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 32px var(--acglow)\r\n }\r\n\r\n .sc-scratch-cta.show {\r\n display: block\r\n }\r\n\r\n .sc-cashback-banner {\r\n background: rgba(22, 163, 74, 0.06);\r\n border: 1px solid rgba(22, 163, 74, 0.18);\r\n border-radius: 10px;\r\n padding: 10px 14px;\r\n margin-bottom: 18px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px\r\n }\r\n\r\n .sc-cb-ico {\r\n font-size: 22px;\r\n flex-shrink: 0\r\n }\r\n\r\n .sc-cb-text strong {\r\n font-size: 13px;\r\n color: #16A34A;\r\n font-weight: 800;\r\n display: block\r\n }\r\n\r\n .sc-cb-text span {\r\n font-size: 11px;\r\n color: var(--muted)\r\n }\r\n\r\n .plan-options {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n margin-bottom: 20px\r\n }\r\n\r\n .plan-option {\r\n border: 1.5px solid rgba(30, 111, 207, 0.12);\r\n border-radius: 12px;\r\n padding: 14px 16px;\r\n cursor: pointer;\r\n transition: all 0.22s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: #F8FAFF\r\n }\r\n\r\n .plan-option:hover {\r\n border-color: rgba(30, 111, 207, 0.3);\r\n background: #EEF4FF\r\n }\r\n\r\n .plan-option.selected {\r\n border-color: var(--accent);\r\n background: #EEF4FF\r\n }\r\n\r\n .plan-option.selected.biz {\r\n border-color: #D97706;\r\n background: rgba(217, 119, 6, 0.05)\r\n }\r\n\r\n .plan-option.selected.ecom {\r\n border-color: #6B46C1;\r\n background: rgba(107, 70, 193, 0.05)\r\n }\r\n\r\n .po-name {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #0F1F3D;\r\n margin-bottom: 2px\r\n }\r\n\r\n .po-tag {\r\n font-size: 9px;\r\n color: var(--muted);\r\n font-weight: 500\r\n }\r\n\r\n .po-right {\r\n text-align: right;\r\n flex-shrink: 0\r\n }\r\n\r\n .po-original {\r\n font-size: 11px;\r\n color: var(--muted);\r\n text-decoration: line-through\r\n }\r\n\r\n .po-final {\r\n font-size: 16px;\r\n font-weight: 900;\r\n color: #16A34A\r\n }\r\n\r\n .po-final.biz-c {\r\n color: #D97706\r\n }\r\n\r\n .po-final.ecom-c {\r\n color: #6B46C1\r\n }\r\n\r\n .po-saving {\r\n font-size: 9px;\r\n color: #16A34A;\r\n font-weight: 600\r\n }\r\n\r\n .sc-plan-btn {\r\n width: 100%;\r\n padding: 14px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg, var(--accent), var(--accent2));\r\n color: #fff;\r\n border: none;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 800;\r\n font-size: 14px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n box-shadow: 0 6px 20px var(--acglow);\r\n opacity: 0.45;\r\n pointer-events: none\r\n }\r\n\r\n .sc-plan-btn.ready {\r\n opacity: 1;\r\n pointer-events: all\r\n }\r\n\r\n .sc-plan-btn.ready:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 32px var(--acglow)\r\n }\r\n\r\n .sc-form-banner {\r\n background: rgba(217, 119, 6, 0.07);\r\n border: 1px solid rgba(217, 119, 6, 0.18);\r\n border-radius: 8px;\r\n padding: 8px 12px;\r\n margin-bottom: 14px;\r\n font-size: 11px;\r\n color: #D97706;\r\n font-weight: 700;\r\n text-align: center\r\n }\r\n\r\n .sc-selected-plan-display {\r\n background: #EEF4FF;\r\n border: 1px solid rgba(30, 111, 207, 0.18);\r\n border-radius: 10px;\r\n padding: 10px 14px;\r\n margin-bottom: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between\r\n }\r\n\r\n .sc-spd-name {\r\n font-size: 12px;\r\n color: var(--text);\r\n font-weight: 600\r\n }\r\n\r\n .sc-spd-price {\r\n font-size: 16px;\r\n font-weight: 900;\r\n color: #16A34A\r\n }\r\n\r\n .sc-form-btn {\r\n width: 100%;\r\n background: linear-gradient(135deg, var(--accent), var(--accent2));\r\n color: #fff;\r\n border: none;\r\n padding: 14px;\r\n border-radius: 11px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 800;\r\n font-size: 13px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n box-shadow: 0 6px 20px var(--acglow);\r\n margin-top: 4px\r\n }\r\n\r\n .sc-form-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 32px var(--acglow)\r\n }\r\n\r\n .sc-form-btn:disabled {\r\n opacity: 0.55;\r\n cursor: not-allowed;\r\n transform: none\r\n }\r\n\r\n .sc-success {\r\n display: none;\r\n padding: 32px 24px;\r\n text-align: center\r\n }\r\n\r\n .sc-success .tick {\r\n font-size: 52px;\r\n margin-bottom: 14px\r\n }\r\n\r\n .sc-success h3 {\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: var(--accent);\r\n margin-bottom: 6px\r\n }\r\n\r\n .sc-success p {\r\n font-size: 12px;\r\n color: var(--muted);\r\n line-height: 1.7;\r\n margin-bottom: 18px\r\n }\r\n\r\n @media(max-width:480px) {\r\n .sc-bg {\r\n align-items: center;\r\n padding: 12px\r\n }\r\n\r\n .sc-box {\r\n border-radius: 18px;\r\n max-width: calc(100% - 0px);\r\n max-height: calc(100vh - 40px);\r\n overflow-y: auto\r\n }\r\n\r\n .sc-step {\r\n padding: 20px 16px\r\n }\r\n\r\n .sc-step:first-child.active {\r\n padding-top: 30px\r\n }\r\n\r\n .scratch-wrap {\r\n width: 180px;\r\n height: 180px\r\n }\r\n\r\n .reveal-amount {\r\n font-size: 32px !important;\r\n letter-spacing: -1px\r\n }\r\n\r\n .sc-title {\r\n font-size: 16px\r\n }\r\n\r\n .sc-scratch-cta {\r\n font-size: 12px;\r\n padding: 12px 10px;\r\n white-space: normal;\r\n line-height: 1.4;\r\n word-break: break-word\r\n }\r\n\r\n .plan-option {\r\n padding: 11px 12px\r\n }\r\n\r\n .po-name {\r\n font-size: 12px\r\n }\r\n\r\n .po-final {\r\n font-size: 14px\r\n }\r\n\r\n .sc-plan-btn {\r\n font-size: 13px;\r\n padding: 12px\r\n }\r\n\r\n .sc-form-btn {\r\n font-size: 12px;\r\n padding: 13px\r\n }\r\n\r\n .sc-cashback-banner {\r\n padding: 8px 10px;\r\n gap: 8px\r\n }\r\n\r\n .sc-cb-text strong {\r\n font-size: 12px\r\n }\r\n\r\n .sc-cb-text span {\r\n font-size: 10px\r\n }\r\n }\r\n\r\n @media(max-width:360px) {\r\n .sc-box {\r\n border-radius: 14px\r\n }\r\n\r\n .sc-title {\r\n font-size: 14px\r\n }\r\n\r\n .scratch-wrap {\r\n width: 160px;\r\n height: 160px\r\n }\r\n\r\n .reveal-amount {\r\n font-size: 28px !important\r\n }\r\n\r\n .sc-scratch-cta {\r\n font-size: 11px\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <div class=\"offer-banner\" id=\"offerBanner\">\r\n <div class=\"ob-dot\"><\/div>\r\n <div class=\"ob-text\">\r\n \ud83d\udd25 <strong>Limited Offer:<\/strong> Website <span class=\"ob-price\">@ \u20b96,999<\/span>  |  7 Days Delivery\r\n <\/div>\r\n <button class=\"ob-cta\" onclick=\"openPop('main')\">Claim Now \u2192<\/button>\r\n <\/div>\r\n\r\n <!-- HERO -->\r\n <section class=\"hero\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-badge\">\r\n <span>200+ Happy Clients<\/span> \u00b7 <span>4.9\u2605 Google Rating<\/span>\r\n <\/div>\r\n <h1 class=\"hero-h1\">\r\n Professional\r\n <span class=\"line-accent\">Website For Your Business<\/span>\r\n <span class=\"line-sub\">Modern \u00b7 Fast \u00b7 SEO-Ready \u00b7 Mobile Friendly<\/span>\r\n <\/h1>\r\n <p class=\"hero-desc\">\r\n We build <strong>high-converting websites<\/strong> designed for Indian businesses. Get a stunning website in\r\n just 7 days.\r\n <\/p>\r\n\r\n <div class=\"hero-starter-card\">\r\n <div class=\"hsc-ribbon\">\ud83d\udcf1 Starter Package<\/div>\r\n <div class=\"hsc-top\">\r\n <div class=\"hsc-price-wrap\">\r\n <div class=\"hsc-label\">Starting Only<\/div>\r\n <div class=\"hsc-price\"><sup>\u20b9<\/sup>6,999<sub>\/-<\/sub><\/div>\r\n <div class=\"hsc-strike\">Regular: \u20b912,999\/-<\/div>\r\n <div class=\"hsc-save\">\ud83c\udf89 You Save \u20b96,000 Today!<\/div>\r\n <\/div>\r\n <div class=\"hsc-mini-form\" id=\"miniForm\">\r\n <div class=\"mf-title\">\ud83d\udcc5 Quick Booking<\/div>\r\n <input type=\"text\" id=\"q_name\" placeholder=\"Full Name\">\r\n <input type=\"tel\" id=\"q_phone\" placeholder=\"Phone Number\" maxlength=\"10\" pattern=\"[0-9]{10}\"\r\n oninput=\"this.value=this.value.replace(\/[^0-9]\/g,'')\">\r\n <button id=\"q_btn\" onclick=\"sendQuickLead()\">\ud83d\ude80 Book Now<\/button>\r\n <\/div>\r\n <div class=\"pop-ok\" id=\"miniOk\" style=\"display:none;padding:20px;flex:1\">\r\n <div class=\"tick\" style=\"font-size:32px\">\ud83c\udf89<\/div>\r\n <h3 style=\"font-size:16px\">Received!<\/h3>\r\n <p style=\"font-size:12px\">We'll call you in 30 mins.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hsc-divider\"><\/div>\r\n <div class=\"hsc-features\">\r\n <div class=\"hsc-feat\"><span class=\"hsc-tick blue\">\ud83c\udf10<\/span> 1 Professional Business Email<\/div>\r\n <div class=\"hsc-feat\"><span class=\"hsc-tick orange\">\ud83d\udcc8<\/span> SEO-Optimized Website<\/div>\r\n <div class=\"hsc-feat\"><span class=\"hsc-tick purple\">\ud83d\udcf1<\/span> Fully Mobile Responsive<\/div>\r\n <div class=\"hsc-feat\"><span class=\"hsc-tick cyan\">\ud83d\uddbc\ufe0f<\/span> Unlimited Images & Videos<\/div>\r\n <div class=\"hsc-feat\"><span class=\"hsc-tick green\">\ud83d\udee1\ufe0f<\/span> High-Speed & 100% Secure<\/div>\r\n <div class=\"hsc-feat\"><span class=\"hsc-tick pink\">\ud83d\udcac<\/span> 24\/7 Priority Support<\/div>\r\n <\/div>\r\n <div class=\"hsc-cashback\">\u23f1\ufe0f 7 Days Delivery Guarantee \u2014 Or Get Up to \u20b910,000 Cashback!<\/div>\r\n <div class=\"hsc-scratch-cta\" onclick=\"openScratch()\" style=\"flex-direction:column;gap:2px\">\r\n <span>\u2728 Unlock Exclusive Benefits for Your Website (Value up to \u20b910,000)!<\/span>\r\n <small style=\"font-size:10px;opacity:0.8;font-weight:600\">(Click here to unlock now)<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-ctas\">\r\n <button class=\"btn-fire\" onclick=\"openPop('main')\">\r\n \ud83d\ude80 Get My Website Now \u2014 FREE Consultation\r\n <small>Our team will call you back within 30 minutes<\/small>\r\n <\/button>\r\n <div class=\"cta-pair\">\r\n <a href=\"tel:8800756606\" class=\"btn-call-hero\">\ud83d\udcde Call: 8800756606<\/a>\r\n <a href=\"https:\/\/wa.me\/918800756606?text=Hi%20Graphy%20Digital%2C%0A%0AI%20am%20interested%20in%20getting%20a%20professional%20website%20for%20my%20business.%0A%0APlease%20share%20more%20details%20about%20your%20packages%20and%20pricing.%0A%0AThank%20you!\"\r\n target=\"_blank\" class=\"btn-wa-hero\">\ud83d\udcac WhatsApp Us<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-trust\">\r\n <span>\u2713 No Hidden Charges<\/span>\r\n <div class=\"trust-dot\"><\/div>\r\n <span>\u2713 Custom Design<\/span>\r\n <div class=\"trust-dot\"><\/div>\r\n <span>\u2713 Trusted by 200+ Businesses<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FEATURES -->\r\n <section class=\"sec sec-dark\">\r\n <div class=\"sec-head\">\r\n <div class=\"sec-eyebrow\">Everything Included<\/div>\r\n <h2 class=\"sec-h2\">All This <span>Included<\/span> \u2014 Zero Extra Cost<\/h2>\r\n <p class=\"sec-p\">One flat price, everything bundled. No surprises, no hidden fees.<\/p>\r\n <\/div>\r\n <div class=\"feat-grid\">\r\n <div class=\"feat-card\">\r\n <div class=\"feat-ico\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E6FCF\" stroke-width=\"1.8\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" \/>\r\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\ud83c\udf10 Free Domain (1 Year)<\/h3>\r\n <p>Your own .com domain included absolutely free for 1 year<\/p>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-ico\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E6FCF\" stroke-width=\"1.8\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\" \/>\r\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\" \/>\r\n <circle cx=\"8\" cy=\"10\" r=\"1\" fill=\"#1E6FCF\" \/>\r\n <line x1=\"11\" y1=\"10\" x2=\"17\" y2=\"10\" \/>\r\n <line x1=\"11\" y1=\"7\" x2=\"17\" y2=\"7\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u2601\ufe0f Premium Hosting (1 Year)<\/h3>\r\n <p>Fast, reliable hosting so your site is always online<\/p>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-ico\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E6FCF\" stroke-width=\"1.8\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\" stroke-width=\"2.5\" \/>\r\n <line x1=\"9\" y1=\"6\" x2=\"15\" y2=\"6\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\ud83d\udcf1 Mobile Responsive<\/h3>\r\n <p>Looks perfect on phones, tablets and all screens<\/p>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-ico\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E6FCF\" stroke-width=\"1.8\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\ud83d\udcc8 SEO Basic Setup<\/h3>\r\n <p>Optimised to rank on Google and bring organic traffic<\/p>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-ico\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E6FCF\" stroke-width=\"1.8\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\r\n <polyline points=\"9 12 11 14 15 10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\ud83d\udd12 SSL \u2014 100% Secure<\/h3>\r\n <p>HTTPS secured website that builds visitor trust<\/p>\r\n <\/div>\r\n <div class=\"feat-card\">\r\n <div class=\"feat-ico\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E6FCF\" stroke-width=\"1.8\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" \/>\r\n <line x1=\"9\" y1=\"10\" x2=\"9.01\" y2=\"10\" stroke-width=\"2.5\" \/>\r\n <line x1=\"12\" y1=\"10\" x2=\"12.01\" y2=\"10\" stroke-width=\"2.5\" \/>\r\n <line x1=\"15\" y1=\"10\" x2=\"15.01\" y2=\"10\" stroke-width=\"2.5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\ud83d\udcac 1 Year Free Support<\/h3>\r\n <p>Full maintenance and support for an entire year<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PACKAGES SECTION -->\r\n <section class=\"pkg-section-wrapper\">\r\n <div class=\"sec-head\">\r\n <div class=\"sec-eyebrow\">Perfect For Every Business<\/div>\r\n <h2 class=\"sec-h2\">Choose Your Perfect <span>Plan<\/span><\/h2>\r\n <p class=\"sec-p\">One-time payment. No hidden charges. Everything you need to go live fast.<\/p>\r\n <\/div>\r\n\r\n <div class=\"pkg-grid-new\">\r\n <!-- STARTER -->\r\n <div class=\"pkg-card-new\">\r\n <div class=\"plan-tag-new starter\">\ud83d\udcf1 Starter Package<\/div>\r\n <div class=\"plan-name-new\">Starter<\/div>\r\n <div class=\"plan-price-new\"><sup>\u20b9<\/sup>6,999<\/div>\r\n <div class=\"plan-sub-new\">One-time \u00b7 No hidden charges<\/div>\r\n <div class=\"plan-gst-note\">+ 18% GST = <strong>\u20b98,259\/-<\/strong> Total<\/div>\r\n <div class=\"plan-best-new b-starter\">Best for: New Businesses<\/div>\r\n <div class=\"plan-divider-new\"><\/div>\r\n <ul class=\"feat-list-new\" id=\"main-0\">\r\n <li><span class=\"check-new blue\">\u2713<\/span> Up to 5\u20137 pages<\/li>\r\n <li><span class=\"check-new blue\">\u2713<\/span> SEO optimized website<\/li>\r\n <li><span class=\"check-new blue\">\u2713<\/span> Free business email<\/li>\r\n <li><span class=\"check-new blue\">\u2713<\/span> 24\/7 support<\/li>\r\n <\/ul>\r\n <div class=\"extra-wrap-new\" id=\"extra-0\">\r\n <ul class=\"feat-list-new\" style=\"padding-top:0\">\r\n <li><span class=\"check-new green\">\u2713<\/span> Unlimited images & videos<\/li>\r\n <li><span class=\"check-new green\">\u2713<\/span> High-speed hosting (unlimited bandwidth)<\/li>\r\n <li><span class=\"check-new green\">\u2713<\/span> Free domain consultation<\/li>\r\n <li><span class=\"check-new green\">\u2713<\/span> 30-day revision guarantee<\/li>\r\n <\/ul>\r\n <\/div>\r\n <button class=\"view-btn-new\" id=\"btn-0\" onclick=\"togglePkg(0)\">\r\n <span class=\"txt\">View more features<\/span><em class=\"arr\">\u25bc<\/em>\r\n <\/button>\r\n <button class=\"cta-btn-new starter-cta\" onclick=\"openPop('main')\">Get Started Now<\/button>\r\n <\/div>\r\n\r\n <!-- BUSINESS (FEATURED) -->\r\n <div class=\"pkg-card-new featured\">\r\n <div class=\"pop-badge-new\"><span class=\"pop-dot-new\"><\/span> Most Popular<\/div>\r\n <div class=\"plan-tag-new business\">\ud83c\udfe2 Business Package<\/div>\r\n <div class=\"plan-name-new\">Business<\/div>\r\n <div class=\"plan-price-new biz-price\"><sup>\u20b9<\/sup>14,999<\/div>\r\n <div class=\"plan-sub-new\">One-time \u00b7 Includes everything in Starter<\/div>\r\n <div class=\"plan-gst-note\">+ 18% GST = <strong>\u20b917,699\/-<\/strong> Total<\/div>\r\n <div class=\"plan-best-new b-biz\">Best for: Growing Brands<\/div>\r\n <div class=\"plan-divider-new\"><\/div>\r\n <ul class=\"feat-list-new\" id=\"main-1\">\r\n <li><span class=\"check-new orange\">\u2713<\/span> Up to 10\u201315 pages<\/li>\r\n <li><span class=\"check-new orange\">\u2713<\/span> Admin panel included<\/li>\r\n <li><span class=\"check-new orange\">\u2713<\/span> SEO ready website<\/li>\r\n <li><span class=\"check-new orange\">\u2713<\/span> Social media integration<\/li>\r\n <li><span class=\"check-new orange\">\u2713<\/span> 24\/7 dedicated support<\/li>\r\n <\/ul>\r\n <div class=\"extra-wrap-new\" id=\"extra-1\">\r\n <ul class=\"feat-list-new\" style=\"padding-top:0\">\r\n <li><span class=\"check-new green\">\u2713<\/span> Unlimited media uploads<\/li>\r\n <li><span class=\"check-new green\">\u2713<\/span> Live chat integration<\/li>\r\n <li><span class=\"check-new green\">\u2713<\/span> Fully responsive design<\/li>\r\n <li><span class=\"check-new green\">\u2713<\/span> Free domain consultation<\/li>\r\n <li><span class=\"check-new green\">\u2713<\/span> 30-day revision guarantee<\/li>\r\n <\/ul>\r\n <\/div>\r\n <button class=\"view-btn-new\" id=\"btn-1\" onclick=\"togglePkg(1)\">\r\n <span class=\"txt\">View more features<\/span><em class=\"arr\">\u25bc<\/em>\r\n <\/button>\r\n <button class=\"cta-btn-new biz-cta\" onclick=\"openPop('main')\">\u2705 Choose This Plan<\/button>\r\n <\/div>\r\n\r\n <!-- E-COMMERCE -->\r\n <div class=\"pkg-card-new ecom\">\r\n <div class=\"plan-tag-new ecom\">\ud83d\udecd\ufe0f E-Commerce Package<\/div>\r\n <div class=\"plan-name-new\">E-Commerce<\/div>\r\n <div class=\"plan-price-new ecom-price\"><sup>\u20b9<\/sup>19,999<\/div>\r\n <div class=\"plan-sub-new\">One-time \u00b7 Full online store setup<\/div>\r\n <div class=\"plan-gst-note\">+ 18% GST = <strong>\u20b923,599\/-<\/strong> Total<\/div>\r\n <div class=\"plan-best-new b-ecom\">Best for: Online Sellers<\/div>\r\n <div class=\"plan-divider-new\"><\/div>\r\n <ul class=\"feat-list-new\" id=\"main-2\">\r\n <li><span class=\"check-new purple\">\u2713<\/span> Online store setup<\/li>\r\n <li><span class=\"check-new purple\">\u2713<\/span> Admin panel \u2014 products & orders<\/li>\r\n <li><span class=\"check-new purple\">\u2713<\/span> Payment gateway integration<\/li>\r\n <li><span class=\"check-new purple\">\u2713<\/span> Unlimited products listing<\/li>\r\n <li><span class=\"check-new purple\">\u2713<\/span> SEO optimized website<\/li>\r\n <\/ul>\r\n <div class=\"extra-wrap-new\" id=\"extra-2\">\r\n <ul class=\"feat-list-new\" style=\"padding-top:0\">\r\n <li><span class=\"check-new green\">\u2713<\/span> High-speed hosting<\/li>\r\n <li><span class=\"check-new green\">\u2713<\/span> Social media integration<\/li>\r\n <li><span class=\"check-new green\">\u2713<\/span> Live chat support<\/li>\r\n <li><span class=\"check-new green\">\u2713<\/span> Fully responsive design<\/li>\r\n <li><span class=\"check-new green\">\u2713<\/span> 24\/7 customer support<\/li>\r\n <li><span class=\"check-new green\">\u2713<\/span> Free domain consultation<\/li>\r\n <li><span class=\"check-new green\">\u2713<\/span> 30-day revision guarantee<\/li>\r\n <\/ul>\r\n <\/div>\r\n <button class=\"view-btn-new\" id=\"btn-2\" onclick=\"togglePkg(2)\">\r\n <span class=\"txt\">View more features<\/span><em class=\"arr\">\u25bc<\/em>\r\n <\/button>\r\n <button class=\"cta-btn-new ecom-cta\" onclick=\"openPop('main')\">Start Selling Online<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"text-align:center;margin-top:32px\">\r\n <div class=\"pkg-global-note-new\">\r\n <em>\u2713<\/em> Free Domain Consultation  \u00b7 \r\n <em>\u2713<\/em> 30-Day Revision Guarantee  \u00b7 \r\n <em>*<\/em> GST applicable on all plans\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- GOOGLE REVIEWS -->\r\n <section class=\"google-section\">\r\n <div class=\"google-head\">\r\n <h2 class=\"google-title\">Trusted by Businesses Across Industries<\/h2>\r\n <div class=\"google-badge\">\r\n <span>\u2b50\u2b50\u2b50\u2b50\u2b50<\/span>\r\n <strong>4.9 \/ 5<\/strong> on Google Reviews  \u00b7  <strong>200+<\/strong> Happy Clients\r\n <\/div>\r\n <\/div>\r\n <div class=\"testimonials-grid\" style=\"display: block; text-align: center;\" id=\"trustindex-container\">\r\n <!-- Trustindex - Deferred -->\r\n <script>\r\n function loadTrustindex() {\r\n var script = document.createElement('script');\r\n script.defer = true;\r\n script.async = true;\r\n script.src = \"https:\/\/cdn.trustindex.io\/loader.js?dd7028f7014965910616d58b2ed\";\r\n document.getElementById('trustindex-container').appendChild(script);\r\n }\r\n if (window.addEventListener) window.addEventListener(\"load\", loadTrustindex, false);\r\n <\/script>\r\n <div style=\"margin-top: 20px;\">\r\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Google&query_place_id=ChIJWTbwrazlDDkRTflm9rH80kU\"\r\n target=\"_blank\" style=\"color: var(--accent); font-weight: 600; text-decoration: none; font-size: 14px;\">View\r\n all reviews on Google \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- OUR PROJECTS SECTION -->\r\n <section class=\"sec sec-dark\" id=\"projectsSection\">\r\n <div class=\"sec-head\">\r\n <div class=\"sec-eyebrow\">Portfolio<\/div>\r\n <h2 class=\"sec-h2\">Our <span>Projects<\/span><\/h2>\r\n <p class=\"sec-p\">Real websites we've built for real businesses across India.<\/p>\r\n <\/div>\r\n <div class=\"projects-grid\">\r\n <a href=\"https:\/\/www.bluevoyagesholidays.in\/\" target=\"_blank\" class=\"project-card\">\r\n <div class=\"project-preview\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/custom.graphydigital.com\/wp-content\/uploads\/2026\/04\/Blue-Voyages-Holidays-Nordic-Scandinavian-Travel-2-scaled.png\"\r\n alt=\"Blue Voyages Holidays\" referrerpolicy=\"no-referrer\"><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/avafinserv.com\/\" target=\"_blank\" class=\"project-card\">\r\n <div class=\"project-preview\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/custom.graphydigital.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-4.50.33-PM.jpeg\"\r\n alt=\"AVA Finserv\" referrerpolicy=\"no-referrer\"><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/www.taxdhelp.com\/\" target=\"_blank\" class=\"project-card\">\r\n <div class=\"project-preview\"><img loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"\r\n src=\"https:\/\/custom.graphydigital.com\/wp-content\/uploads\/2026\/04\/Taxdhelp-%E2%80%94-India-s-Trusted-CA-CS-Legal-Platform-for-Startups-scaled.png\"\r\n alt=\"Taxdhelp\" referrerpolicy=\"no-referrer\"><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/rajpain.in\/\" target=\"_blank\" class=\"project-card\">\r\n <div class=\"project-preview\"><img loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"\r\n src=\"https:\/\/custom.graphydigital.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-4.54.27-PM.jpeg\"\r\n alt=\"Raj Pain\" referrerpolicy=\"no-referrer\"><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/blingheven.in\/\" target=\"_blank\" class=\"project-card\">\r\n <div class=\"project-preview\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/custom.graphydigital.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-4.58.47-PM.jpeg\"\r\n alt=\"Bling Heven\" referrerpolicy=\"no-referrer\"><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/freemoney.co.in\/\" target=\"_blank\" class=\"project-card\">\r\n <div class=\"project-preview\"><img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/custom.graphydigital.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-4.58.47-PM-1.jpeg\"\r\n alt=\"Free Money\" referrerpolicy=\"no-referrer\"><\/div>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BONUS -->\r\n <section class=\"sec sec-dark\">\r\n <div class=\"sec-head\">\r\n <div class=\"sec-eyebrow\">Special Bonuses<\/div>\r\n <h2 class=\"sec-h2\">You Also <span>Get These<\/span> Free<\/h2>\r\n <\/div>\r\n <div class=\"bonus-grid\">\r\n <div class=\"bonus-card\">\r\n <div class=\"b-ico\">\ud83c\udf99\ufe0f<\/div>\r\n <div>\r\n <p class=\"b-t\">1 Month <span>FREE<\/span> Promotion Support<\/p>\r\n <p class=\"b-d\">We'll help promote your website for 1 month absolutely free \u2014 social posts, WhatsApp broadcast\r\n guidance and basic Google Ads strategy included.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bonus-card\">\r\n <div class=\"b-ico\">\ud83c\udf81<\/div>\r\n <div>\r\n <p class=\"b-t\">Exclusive <span>Surprise Gift<\/span> After Go-Live<\/p>\r\n <p class=\"b-d\">You'll receive a special surprise gift from us after your website is live! Valued by 200+\r\n business owners across India.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- FOOTER CTA -->\r\n <section class=\"footer-cta\">\r\n <h2>Ready to <span>Grow Your Business<\/span><br>Online? \ud83d\ude80<\/h2>\r\n <p>\u2713 Custom & Unique Design  \u00b7  \u2713 Easy to Manage  \u00b7  \u2713 Trusted by 200+ Businesses<\/p>\r\n <div class=\"f-btns\">\r\n <button class=\"btn-f1\" onclick=\"openPop('main')\">\ud83d\ude80 Book Free Consultation<\/button>\r\n <a href=\"https:\/\/wa.me\/918800756606?text=Hi%20Graphy%20Digital%2C%0A%0AI%20am%20interested%20in%20getting%20a%20professional%20website%20for%20my%20business.%0A%0APlease%20share%20more%20details%20about%20your%20packages%20and%20pricing.%0A%0AThank%20you!\"\r\n target=\"_blank\" class=\"btn-f2\">\ud83d\udcac WhatsApp Now<\/a>\r\n <a href=\"tel:8800756606\" class=\"btn-f2\">\ud83d\udcde Call: 8800756606<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SCROLL UP -->\r\n <div class=\"scroll-up\" id=\"scrollUp\" onclick=\"window.scrollTo({top:0,behavior:'smooth'})\">\u2191<\/div>\r\n\r\n <!-- POPUP MAIN -->\r\n <div class=\"pop-bg\" id=\"popMain\">\r\n <div class=\"pop\">\r\n <button class=\"pop-x\" onclick=\"closePop('main')\">\u2715<\/button>\r\n <div class=\"pop-head\">\r\n <div class=\"pop-ey\">Free Consultation<\/div>\r\n <h2 class=\"pop-h\">Get Your Website<br>@ <span>\u20b96,999<\/span> Onwards<\/h2>\r\n <p class=\"pop-sub\">Fill details \u2014 our team calls you back in 30 mins!<\/p>\r\n <\/div>\r\n <div class=\"pop-body\">\r\n <div class=\"urgency-strip\">\ud83d\udd25 Only <span id=\"spotsN\">3<\/span> spots remaining this week!<\/div>\r\n <div id=\"formWrap\">\r\n <div class=\"f2col\">\r\n <div class=\"frow\"><label>Name *<\/label><input type=\"text\" id=\"p_name\" placeholder=\"Your Full Name\"><\/div>\r\n <div class=\"frow\"><label>Phone *<\/label><input type=\"tel\" id=\"p_phone\" placeholder=\"10-digit Number\"\r\n maxlength=\"10\" pattern=\"[0-9]{10}\" oninput=\"this.value=this.value.replace(\/[^0-9]\/g,'')\"><\/div>\r\n <\/div>\r\n <div class=\"frow\"><label>Email<\/label><input type=\"email\" id=\"p_email\" placeholder=\"your@email.com\"><\/div>\r\n <div class=\"frow\">\r\n <label>Package Interest<\/label>\r\n <select id=\"p_pkg\">\r\n <option value=\"\">Select a Package<\/option>\r\n <option>Starter \u2014 \u20b96,999<\/option>\r\n <option>Business \u2014 \u20b914,999 \u2b50<\/option>\r\n <option>E-Commerce \u2014 \u20b919,999<\/option>\r\n <option>Not Sure \/ Need Advice<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"frow\"><label>Business Name<\/label><input type=\"text\" id=\"p_biz\"\r\n placeholder=\"Your Business \/ Company\"><\/div>\r\n <button class=\"pop-btn\" id=\"popBtn\" onclick=\"sendLead('main')\">\ud83d\ude80 Get Free Consultation Now<\/button>\r\n <p class=\"fnote\"><strong>\ud83d\udd12 Secure<\/strong>  \u00b7  No spam  \u00b7  Callback within 30 mins<\/p>\r\n <\/div>\r\n <div class=\"pop-ok\" id=\"popOk\">\r\n <div class=\"tick\">\ud83c\udf89<\/div>\r\n <h3>Thank You!<\/h3>\r\n <p>Enquiry received!<br>Our team will call you within 30 minutes.<\/p>\r\n <a href=\"https:\/\/wa.me\/918800756606?text=Hi%20Graphy%20Digital%2C%0A%0AI%20just%20submitted%20my%20enquiry%20on%20your%20website.%0A%0APlease%20connect%20with%20me%20regarding%20website%20development.%0A%0AThank%20you!\"\r\n target=\"_blank\" class=\"wa-link\">\ud83d\udcac Also Connect on WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- SCRATCH CARD POPUP -->\r\n <div class=\"sc-bg\" id=\"popScratch\">\r\n <div class=\"sc-box\">\r\n <button class=\"sc-close\" onclick=\"closeScratch()\">\u2715<\/button>\r\n <div class=\"sc-step active\" id=\"scStep1\">\r\n <div class=\"sc-eyebrow\">\ud83c\udf81 Exclusive Offer For You<\/div>\r\n <h2 class=\"sc-title\">Scratch & Unlock<br><span>Website Benefits up to \u20b910,000!<\/span><\/h2>\r\n <p class=\"sc-sub\">Scratch the card below to reveal your exclusive reward<\/p>\r\n <div class=\"scratch-wrap\" id=\"scratchWrap\">\r\n <div class=\"scratch-reveal\">\r\n <div class=\"reveal-amount\" id=\"scratchRevealAmount\" style=\"font-size:38px;letter-spacing:-1px;\">\u20b91,000<\/div>\r\n <div class=\"reveal-label\">\ud83c\udf89 Benefits Unlocked!<\/div>\r\n <div class=\"reveal-sub\">Website value packed for you<\/div>\r\n <\/div>\r\n <canvas class=\"scratch-canvas\" id=\"scratchCanvas\"><\/canvas>\r\n <\/div>\r\n <div class=\"scratch-hint\">\u270b Scratch the card to reveal your reward<\/div>\r\n <div class=\"scratch-progress\">\r\n <div class=\"scratch-progress-bar\" id=\"scratchBar\"><\/div>\r\n <\/div>\r\n <button class=\"sc-scratch-cta\" id=\"scratchCta\" onclick=\"goToStep(2)\">\r\n \ud83c\udf89 Claim Cashback \u2014 Choose Your Plan \u2192\r\n <\/button>\r\n <\/div>\r\n <div class=\"sc-step\" id=\"scStep2\">\r\n <div class=\"sc-eyebrow\">Step 2 of 3 \u2014 Choose Plan<\/div>\r\n <h2 class=\"sc-title\" style=\"margin-bottom:16px\">Select Your <span>Package<\/span><\/h2>\r\n <div class=\"sc-cashback-banner\">\r\n <div class=\"sc-cb-ico\">\ud83c\udff7\ufe0f<\/div>\r\n <div class=\"sc-cb-text\">\r\n <strong id=\"scCashbackBanner\">Up to \u20b910,000 Cashback Applied!<\/strong>\r\n <span>Price shown below is after discount<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"plan-options\">\r\n <div class=\"plan-option\" data-orig=\"6999\" onclick=\"selectPlan(this,'Starter',6999,'starter')\">\r\n <div class=\"po-left\">\r\n <div class=\"po-name\">\ud83d\udcf1 Starter Package<\/div>\r\n <div class=\"po-tag\">Up to 5\u20137 pages \u00b7 New Businesses<\/div>\r\n <\/div>\r\n <div class=\"po-right\">\r\n <div class=\"po-original\">\u20b96,999<\/div>\r\n <div class=\"po-final\">\u20b95,999<\/div>\r\n <div class=\"po-saving\">You save \u20b91,000!<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"plan-option biz\" data-orig=\"14999\" onclick=\"selectPlan(this,'Business',14999,'biz')\">\r\n <div class=\"po-left\">\r\n <div class=\"po-name\">\ud83c\udfe2 Business Package \u2b50<\/div>\r\n <div class=\"po-tag\">Up to 10\u201315 pages \u00b7 Growing Brands<\/div>\r\n <\/div>\r\n <div class=\"po-right\">\r\n <div class=\"po-original\">\u20b914,999<\/div>\r\n <div class=\"po-final biz-c\">\u20b913,999<\/div>\r\n <div class=\"po-saving\">You save \u20b91,000!<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"plan-option ecom\" data-orig=\"19999\" onclick=\"selectPlan(this,'E-Commerce',19999,'ecom')\">\r\n <div class=\"po-left\">\r\n <div class=\"po-name\">\ud83d\udecd\ufe0f E-Commerce Package<\/div>\r\n <div class=\"po-tag\">Online store \u00b7 Online Sellers<\/div>\r\n <\/div>\r\n <div class=\"po-right\">\r\n <div class=\"po-original\">\u20b919,999<\/div>\r\n <div class=\"po-final ecom-c\">\u20b918,999<\/div>\r\n <div class=\"po-saving\">You save \u20b91,000!<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"sc-plan-btn\" id=\"scPlanBtn\" onclick=\"goToStep(3)\">Continue to Book \u2192<\/button>\r\n <\/div>\r\n <div class=\"sc-step\" id=\"scStep3\">\r\n <div class=\"sc-eyebrow\">Step 3 of 3 \u2014 Book Now<\/div>\r\n <h2 class=\"sc-title\" style=\"margin-bottom:14px\">Almost Done! <span>Fill Details<\/span><\/h2>\r\n <div class=\"sc-form-banner\" id=\"scFormBanner\">\ud83d\udd25 Your cashback is reserved for 10 mins!<\/div>\r\n <div class=\"sc-selected-plan-display\" id=\"scPlanDisplay\">\r\n <span class=\"sc-spd-name\" id=\"scPlanName\">Starter Package<\/span>\r\n <span class=\"sc-spd-price\" id=\"scPlanPrice\">\u20b95,999<\/span>\r\n <\/div>\r\n <div class=\"frow\"><label>Name *<\/label><input type=\"text\" id=\"sc_name\" placeholder=\"Your Full Name\"><\/div>\r\n <div class=\"frow\"><label>Phone *<\/label><input type=\"tel\" id=\"sc_phone\" placeholder=\"10-digit Number\"\r\n maxlength=\"10\" pattern=\"[0-9]{10}\" oninput=\"this.value=this.value.replace(\/[^0-9]\/g,'')\"><\/div>\r\n <div class=\"frow\"><label>Business Name<\/label><input type=\"text\" id=\"sc_biz\"\r\n placeholder=\"Your Business \/ Company\"><\/div>\r\n <button class=\"sc-form-btn\" id=\"scFormBtn\" onclick=\"sendScratchLead()\">\ud83d\udcb0 Claim Cashback & Book Now<\/button>\r\n <p class=\"fnote\" style=\"margin-top:9px\"><strong>\ud83d\udd12 Secure<\/strong>  \u00b7  No spam  \u00b7  Callback\r\n within 30 mins<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sc-success\" id=\"scSuccess\" style=\"display:none\">\r\n <div class=\"tick\">\ud83c\udf89<\/div>\r\n <h3>Thank You!<\/h3>\r\n <p>Your enquiry has been received. Our team will call you within 30 minutes to confirm your cashback and booking.<\/p>\r\n <a href=\"https:\/\/wa.me\/918800756606\" target=\"_blank\" class=\"wa-link\">\ud83d\udcac Connect on WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\" defer><\/script>\r\n\r\n<script>\r\n \/\/ Performance Optimized Logic\r\n (function() {\r\n \/\/ Global functions available immediately\r\n window.openPop = function() { document.getElementById('popMain').classList.add('on'); document.body.style.overflow='hidden'; };\r\n window.closePop = function() { document.getElementById('popMain').classList.remove('on'); document.body.style.overflow=''; };\r\n window.showOk = function() { document.getElementById('formWrap').style.display='none'; document.getElementById('popOk').style.display='block'; };\r\n window.openScratch = function() { document.getElementById('popScratch').classList.add('on'); document.body.style.overflow='hidden'; if(window.initScratch) window.initScratch(); };\r\n window.closeScratch = function() { document.getElementById('popScratch').classList.remove('on'); document.body.style.overflow=''; };\r\n \r\n window.togglePkg = function(id) {\r\n var extra = document.getElementById('extra-' + id), btn = document.getElementById('btn-' + id);\r\n if (extra.classList.contains('open')) {\r\n extra.classList.remove('open'); extra.style.maxHeight = '0';\r\n btn.querySelector('.txt').textContent = 'View more features'; btn.querySelector('.arr').textContent = '\u25bc';\r\n } else {\r\n extra.classList.add('open'); extra.style.maxHeight = '500px';\r\n btn.querySelector('.txt').textContent = 'View less features'; btn.querySelector('.arr').textContent = '\u25b2';\r\n }\r\n };\r\n })();\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Project Card Scroll Animation\r\n document.querySelectorAll('.project-card').forEach(function(card) {\r\n var preview = card.querySelector('.project-preview'), img = card.querySelector('img'), raf = null, pos = 0, dir = 1;\r\n function maxScroll() { return Math.max(0, img.offsetHeight - preview.offsetHeight); }\r\n function step() {\r\n var max = maxScroll();\r\n if (max > 0) {\r\n pos += 1.2 * dir;\r\n if (pos >= max) { pos = max; dir = -1; } else if (pos <= 0) { pos = 0; dir = 1; }\r\n img.style.transform = 'translateY(-' + pos + 'px)';\r\n }\r\n raf = requestAnimationFrame(step);\r\n }\r\n card.addEventListener('mouseenter', function() { if(img.offsetHeight > 0) { img.style.transition='none'; if(raf) cancelAnimationFrame(raf); raf=requestAnimationFrame(step); } });\r\n card.addEventListener('mouseleave', function() { if(raf) { cancelAnimationFrame(raf); raf=null; } img.style.transition='transform 0.8s ease-out'; img.style.transform='translateY(0)'; pos=0; dir=1; });\r\n card.addEventListener('touchstart', function() { if(raf) { cancelAnimationFrame(raf); raf=null; img.style.transform='translateY(0)'; } else { img.style.transition='none'; raf=requestAnimationFrame(step); } }, {passive:true});\r\n });\r\n\r\n \/\/ Scratch Logic\r\n var isScratched = false;\r\n var selectedPlanData = { name: 'Starter Package', price: '\u20b95,999', id: 'starter' };\r\n\r\n window.initScratch = function() {\r\n if (isScratched) return;\r\n var container = document.getElementById('scratchWrap'), canvas = document.getElementById('scratchCanvas'), ctx = canvas.getContext('2d');\r\n canvas.width = container.offsetWidth; canvas.height = container.offsetHeight;\r\n ctx.fillStyle = '#C0C0C0'; ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n ctx.font = 'bold 16px Poppins'; ctx.fillStyle = '#666'; ctx.textAlign = 'center'; ctx.fillText('SCRATCH HERE', canvas.width\/2, canvas.height\/2 + 6);\r\n\r\n var isDrawing = false;\r\n function scratch(e) {\r\n if (!isDrawing) return;\r\n var rect = canvas.getBoundingClientRect(), x = (e.pageX || e.touches[0].pageX) - rect.left - window.scrollX, y = (e.pageY || e.touches[0].pageY) - rect.top - window.scrollY;\r\n ctx.globalCompositeOperation = 'destination-out'; ctx.beginPath(); ctx.arc(x, y, 25, 0, Math.PI * 2); ctx.fill();\r\n check();\r\n }\r\n function check() {\r\n var pixels = ctx.getImageData(0, 0, canvas.width, canvas.height).data, count = 0;\r\n for (var i = 0; i < pixels.length; i += 32) { if (pixels[i + 3] === 0) count++; }\r\n var percent = (count \/ (canvas.width * canvas.height \/ 8)) * 100;\r\n document.getElementById('scratchBar').style.width = percent + '%';\r\n if (percent > 45 && !isScratched) {\r\n isScratched = true; canvas.style.opacity = '0';\r\n setTimeout(function() { canvas.style.display = 'none'; document.getElementById('scratchCta').classList.add('show'); }, 400);\r\n }\r\n }\r\n canvas.addEventListener('mousedown', function() { isDrawing = true; });\r\n canvas.addEventListener('touchstart', function() { isDrawing = true; }, {passive:false});\r\n window.addEventListener('mouseup', function() { isDrawing = false; });\r\n window.addEventListener('touchend', function() { isDrawing = false; });\r\n canvas.addEventListener('mousemove', scratch);\r\n canvas.addEventListener('touchmove', function(e) { e.preventDefault(); scratch(e); }, {passive:false});\r\n };\r\n\r\n window.goToStep = function(n) {\r\n document.querySelectorAll('.sc-step').forEach(function(s) { s.classList.remove('active'); });\r\n document.getElementById('scStep' + n).classList.add('active');\r\n };\r\n\r\n window.selectPlan = function(el, name, orig, id) {\r\n document.querySelectorAll('.plan-option').forEach(function(o) { o.classList.remove('selected'); });\r\n el.classList.add('selected');\r\n var price = el.querySelector('.po-final').textContent;\r\n selectedPlanData = { name: name, price: price, id: id };\r\n document.getElementById('scPlanName').textContent = name + ' Package';\r\n document.getElementById('scPlanPrice').textContent = price;\r\n document.getElementById('scPlanBtn').classList.add('ready');\r\n };\r\n\r\n window.sendScratchLead = function() {\r\n var name = document.getElementById('sc_name').value.trim(), phone = document.getElementById('sc_phone').value.trim();\r\n if (!name || phone.length !== 10) { alert('Please enter valid 10-digit phone number.'); return; }\r\n var btn = document.getElementById('scFormBtn'); btn.disabled = true; btn.textContent = '\u23f3 Sending...';\r\n emailjs.send(\"service_jt7k7mb\", \"template_78vc6z5\", { full_name: name, phone: phone, business: document.getElementById('sc_biz').value, package: 'SCRATCH: ' + selectedPlanData.name + ' (' + selectedPlanData.price + ')' }, { publicKey: \"JOPk6sg9ntcGDXASV\" })\r\n .then(function() { document.getElementById('scStep3').classList.remove('active'); document.getElementById('scSuccess').style.display='block'; }, function() { document.getElementById('scStep3').classList.remove('active'); document.getElementById('scSuccess').style.display='block'; });\r\n };\r\n });\r\n\r\n window.addEventListener('load', function() {\r\n setTimeout(function() {\r\n if (typeof emailjs !== 'undefined') emailjs.init(\"JOPk6sg9ntcGDXASV\");\r\n \r\n \/\/ killWidgets\r\n (function() {\r\n var selectors = ['#tawkchat-minified-wrapper', '#tawkchat-container', '.tawk-button', '.crisp-client'];\r\n function hide() { selectors.forEach(function(s) { document.querySelectorAll(s).forEach(function(el) { el.style.cssText = 'display:none!important;visibility:hidden!important;opacity:0!important;'; }); }); }\r\n hide();\r\n new MutationObserver(hide).observe(document.documentElement, { childList: true, subtree: true });\r\n })();\r\n\r\n window.addEventListener('scroll', function() {\r\n var su = document.getElementById('scrollUp');\r\n if (su) window.scrollY > 400 ? su.classList.add('on') : su.classList.remove('on');\r\n }, { passive: true });\r\n }, 3000);\r\n });\r\n\r\n window.sendLead = function() {\r\n var name = document.getElementById('p_name').value.trim(), phone = document.getElementById('p_phone').value.trim(), pkg = document.getElementById('p_pkg').value;\r\n if (!name || phone.length !== 10) { alert('Please enter valid 10-digit phone number.'); return; }\r\n var btn = document.getElementById('popBtn'); btn.disabled = true; btn.textContent = 'Sending...';\r\n emailjs.send(\"service_jt7k7mb\", \"template_78vc6z5\", { full_name: name, phone: phone, email: document.getElementById('p_email').value, package: pkg, business: document.getElementById('p_biz').value }, { publicKey: \"JOPk6sg9ntcGDXASV\" })\r\n .then(function() { showOk(); }, function() { showOk(); });\r\n };\r\n\r\n window.sendQuickLead = function() {\r\n var name = document.getElementById('q_name').value.trim(), phone = document.getElementById('q_phone').value.trim();\r\n if (!name || phone.length !== 10) { alert('Please enter 10-digit phone number.'); return; }\r\n var btn = document.getElementById('q_btn'); btn.disabled = true;\r\n emailjs.send(\"service_jt7k7mb\", \"template_59yfthj\", { full_name: name, phone: phone, package: 'Starter Package \u2014 \u20b96,999' }, { publicKey: \"JOPk6sg9ntcGDXASV\" })\r\n .then(function() { document.getElementById('miniForm').style.display='none'; document.getElementById('miniOk').style.display='block'; }, function() { document.getElementById('miniForm').style.display='none'; document.getElementById('miniOk').style.display='block'; });\r\n };\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Professional Website For Your Business \u2013 Graphy Digital \ud83d\udd25 Limited Offer: Website @ \u20b96,999  |  7 Days Delivery Claim Now \u2192 200+ Happy Clients \u00b7 4.9\u2605 Google Rating Professional Website For Your Business Modern \u00b7 Fast \u00b7 SEO-Ready \u00b7 Mobile Friendly We build high-converting websites designed for Indian businesses. Get a stunning website in just 7 days. \ud83d\udcf1 Starter Package Starting Only \u20b96,999\/- Regular: \u20b912,999\/- \ud83c\udf89 You Save \u20b96,000 Today! \ud83d\udcc5 Quick Booking \ud83d\ude80 Book Now \ud83c\udf89 Received! We’ll call you in 30 mins. \ud83c\udf10 1 Professional Business Email \ud83d\udcc8 SEO-Optimized Website \ud83d\udcf1 Fully Mobile Responsive \ud83d\uddbc\ufe0f Unlimited Images & Videos \ud83d\udee1\ufe0f High-Speed & 100% Secure \ud83d\udcac 24\/7 Priority Support \u23f1\ufe0f 7 Days Delivery Guarantee \u2014 Or Get Up to \u20b910,000 Cashback! \u2728 Unlock Exclusive Benefits for Your Website (Value up to \u20b910,000)! (Click here to unlock now) \ud83d\ude80 Get My Website Now \u2014 FREE Consultation Our team will call you back within 30 minutes \ud83d\udcde Call: 8800756606 \ud83d\udcac WhatsApp Us \u2713 No Hidden Charges \u2713 Custom Design \u2713 Trusted by 200+ Businesses Everything Included All This Included \u2014 Zero Extra Cost One flat price, everything bundled. No surprises, no hidden fees. \ud83c\udf10 Free Domain (1 Year) Your own .com domain included absolutely free for 1 year \u2601\ufe0f Premium Hosting (1 Year) Fast, reliable hosting so your site is always online \ud83d\udcf1 Mobile Responsive Looks perfect on phones, tablets and all screens \ud83d\udcc8 SEO Basic Setup Optimised to rank on Google and bring organic traffic \ud83d\udd12 SSL \u2014 100% Secure HTTPS secured website that builds visitor trust \ud83d\udcac 1 Year Free Support Full maintenance and support for an entire year Perfect For Every Business Choose Your Perfect Plan One-time payment. No hidden charges. Everything you need to go live fast. \ud83d\udcf1 Starter Package Starter \u20b96,999 One-time \u00b7 No hidden charges + 18% GST = \u20b98,259\/- Total Best for: New Businesses \u2713 Up to 5\u20137 pages \u2713 SEO optimized website \u2713 Free business email \u2713 24\/7 support \u2713 Unlimited images & videos \u2713 High-speed hosting (unlimited bandwidth) \u2713 Free domain consultation \u2713 30-day revision guarantee View more features\u25bc Get Started Now Most Popular \ud83c\udfe2 Business Package Business \u20b914,999 One-time \u00b7 Includes everything in Starter + 18% GST = \u20b917,699\/- Total Best for: Growing Brands \u2713 Up to 10\u201315 pages \u2713 Admin panel included \u2713 SEO ready website \u2713 Social media integration \u2713 24\/7 dedicated support \u2713 Unlimited media uploads \u2713 Live chat integration \u2713 Fully responsive design \u2713 Free domain consultation \u2713 30-day revision guarantee View more features\u25bc \u2705 Choose This Plan \ud83d\udecd\ufe0f E-Commerce Package E-Commerce \u20b919,999 One-time \u00b7 Full online store setup + 18% GST = \u20b923,599\/- Total Best for: Online Sellers \u2713 Online store setup \u2713 Admin panel \u2014 products & orders \u2713 Payment gateway integration \u2713 Unlimited products listing \u2713 SEO optimized website \u2713 High-speed hosting \u2713 Social media integration \u2713 Live chat support \u2713 Fully responsive design \u2713 24\/7 customer support \u2713 Free domain consultation \u2713 30-day revision guarantee View more features\u25bc Start Selling Online \u2713 Free Domain Consultation  \u00b7  \u2713 30-Day Revision Guarantee  \u00b7  * GST applicable on all plans Trusted by Businesses Across Industries \u2b50\u2b50\u2b50\u2b50\u2b50 4.9 \/ 5 on Google Reviews  \u00b7  200+ Happy Clients View all reviews on Google \u2192 Portfolio Our Projects Real websites we’ve built for real businesses across India. Special Bonuses You Also Get These Free \ud83c\udf99\ufe0f 1 Month FREE Promotion Support We’ll help promote your website for 1 month absolutely free \u2014 social posts, WhatsApp broadcast guidance and basic Google Ads strategy included. \ud83c\udf81 Exclusive Surprise Gift After Go-Live You’ll receive a special surprise gift from us after your website is live! Valued by 200+ business owners across India. Ready to Grow Your BusinessOnline? \ud83d\ude80 \u2713 Custom & Unique Design  \u00b7  \u2713 Easy to Manage  \u00b7  \u2713 Trusted by 200+ Businesses \ud83d\ude80 Book Free Consultation \ud83d\udcac WhatsApp Now \ud83d\udcde Call: 8800756606 \u2191 \u2715 Free Consultation Get Your Website@ \u20b96,999 Onwards Fill details \u2014 our team calls you back in 30 mins! \ud83d\udd25 Only 3 spots remaining this week! Name * Phone * Email Package Interest Select a PackageStarter \u2014 \u20b96,999Business \u2014 \u20b914,999 \u2b50E-Commerce \u2014 \u20b919,999Not Sure \/ Need Advice Business Name \ud83d\ude80 Get Free Consultation Now \ud83d\udd12 Secure  \u00b7  No spam  \u00b7  Callback within 30 mins \ud83c\udf89 Thank You! Enquiry received!Our team will call you within 30 minutes. \ud83d\udcac Also Connect on WhatsApp \u2715 \ud83c\udf81 Exclusive Offer For You Scratch & UnlockWebsite Benefits up to \u20b910,000! Scratch the card below to reveal your exclusive reward \u20b91,000 \ud83c\udf89 Benefits Unlocked! Website value packed for you \u270b Scratch the card to reveal your reward \ud83c\udf89 Claim Cashback \u2014 Choose Your Plan \u2192 Step 2 of 3 \u2014 Choose Plan Select Your Package \ud83c\udff7\ufe0f Up to \u20b910,000 Cashback Applied! Price shown below is after discount \ud83d\udcf1 Starter Package Up to 5\u20137 pages \u00b7 New Businesses \u20b96,999 \u20b95,999 You save \u20b91,000! \ud83c\udfe2 Business Package \u2b50 Up to 10\u201315 pages \u00b7 Growing Brands \u20b914,999 \u20b913,999 You save \u20b91,000! \ud83d\udecd\ufe0f E-Commerce Package Online store \u00b7 Online Sellers \u20b919,999 \u20b918,999 You save \u20b91,000! Continue to Book \u2192 Step 3 of 3 \u2014 Book Now Almost Done! Fill Details \ud83d\udd25 Your cashback is reserved for 10 mins! Starter Package \u20b95,999 Name * Phone * Business Name \ud83d\udcb0 Claim Cashback & Book Now \ud83d\udd12 Secure  \u00b7  No spam  \u00b7  Callback within 30 mins \ud83c\udf89 Thank You! Your enquiry has been received. Our team will call you within 30 minutes to confirm your cashback and booking. \ud83d\udcac Connect on WhatsApp<\/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":""},"class_list":["post-1179","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/custom.graphydigital.com\/index.php\/wp-json\/wp\/v2\/pages\/1179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/custom.graphydigital.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/custom.graphydigital.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/custom.graphydigital.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/custom.graphydigital.com\/index.php\/wp-json\/wp\/v2\/comments?post=1179"}],"version-history":[{"count":257,"href":"https:\/\/custom.graphydigital.com\/index.php\/wp-json\/wp\/v2\/pages\/1179\/revisions"}],"predecessor-version":[{"id":1511,"href":"https:\/\/custom.graphydigital.com\/index.php\/wp-json\/wp\/v2\/pages\/1179\/revisions\/1511"}],"wp:attachment":[{"href":"https:\/\/custom.graphydigital.com\/index.php\/wp-json\/wp\/v2\/media?parent=1179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}