Sukoon DigiPrints \u2014 Custom Fabric Printing<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --teal-deep: #0D3B3B;\n --teal-primary: #008B8B;\n --teal-bright: #00CED1;\n --teal-light: #E0F7F7;\n --gold: #FFD700;\n --gold-dark: #B8960C;\n --gold-soft: #FFF8DC;\n --cream: #F8FAFA;\n --white: #FFFFFF;\n --text-dark: #0D2B2B;\n --text-mid: #3A5A5A;\n --text-muted: #6A8A8A;\n --border: rgba(0,139,139,0.15);\n --font-display: 'Playfair Display', serif;\n --font-body: 'DM Sans', sans-serif;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: var(--font-body);\n color: var(--text-dark);\n background: var(--cream);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n background: rgba(13, 59, 59, 0.97);\n backdrop-filter: blur(8px);\n border-bottom: 1px solid rgba(255,215,0,0.18);\n }\n .nav-inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 32px;\n height: 68px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .nav-logo {\n display: flex;\n align-items: center;\n gap: 10px;\n text-decoration: none;\n }\n .logo-mark {\n width: 36px; height: 36px;\n background: var(--gold);\n border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n font-family: var(--font-display);\n font-weight: 700;\n font-size: 18px;\n color: var(--teal-deep);\n letter-spacing: -0.5px;\n }\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1.1;\n }\n .logo-text strong {\n font-family: var(--font-display);\n font-weight: 700;\n font-size: 18px;\n color: var(--white);\n letter-spacing: 0.01em;\n }\n .logo-text span {\n font-size: 10px;\n font-weight: 400;\n color: var(--gold);\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n .nav-links {\n display: flex;\n align-items: center;\n gap: 36px;\n list-style: none;\n }\n .nav-links a {\n font-size: 14px;\n font-weight: 500;\n color: rgba(255,255,255,0.8);\n text-decoration: none;\n letter-spacing: 0.03em;\n transition: color 0.2s;\n position: relative;\n }\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -3px; left: 0; right: 0;\n height: 1px;\n background: var(--gold);\n transform: scaleX(0);\n transition: transform 0.2s;\n }\n .nav-links a:hover { color: var(--gold); }\n .nav-links a:hover::after { transform: scaleX(1); }\n .nav-cta {\n background: var(--gold);\n color: var(--teal-deep) !important;\n padding: 8px 22px;\n border-radius: 6px;\n font-weight: 600 !important;\n transition: background 0.2s, transform 0.1s !important;\n }\n .nav-cta::after { display: none !important; }\n .nav-cta:hover {\n background: #ffe033 !important;\n transform: translateY(-1px);\n color: var(--teal-deep) !important;\n }\n .hamburger {\n display: none;\n flex-direction: column;\n gap: 5px;\n cursor: pointer;\n background: none;\n border: none;\n padding: 4px;\n }\n .hamburger span {\n display: block;\n width: 24px; height: 2px;\n background: var(--white);\n border-radius: 2px;\n transition: all 0.3s;\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n background: var(--teal-deep);\n display: flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n padding-top: 68px;\n }\n .hero-bg-pattern {\n position: absolute;\n inset: 0;\n background-image:\n radial-gradient(circle at 20% 50%, rgba(0,206,209,0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,215,0,0.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(0,139,139,0.1) 0%, transparent 45%);\n pointer-events: none;\n }\n .hero-fabric-lines {\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 40px,\n rgba(0,206,209,0.03) 40px,\n rgba(0,206,209,0.03) 41px\n );\n pointer-events: none;\n }\n .hero-inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: 80px 32px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n .hero-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 20px;\n }\n .hero-eyebrow::before {\n content: '';\n display: block;\n width: 24px; height: 1px;\n background: var(--gold);\n }\n .hero h1 {\n font-family: var(--font-display);\n font-size: clamp(38px, 4.5vw, 60px);\n font-weight: 700;\n line-height: 1.12;\n color: var(--white);\n margin-bottom: 24px;\n letter-spacing: -0.01em;\n }\n .hero h1 em {\n font-style: normal;\n color: var(--teal-bright);\n }\n .hero-desc {\n font-size: 17px;\n font-weight: 300;\n color: rgba(255,255,255,0.7);\n line-height: 1.7;\n margin-bottom: 40px;\n max-width: 480px;\n }\n .hero-actions {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n }\n .btn-primary {\n background: var(--gold);\n color: var(--teal-deep);\n padding: 14px 32px;\n border-radius: 6px;\n font-size: 15px;\n font-weight: 600;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: background 0.2s, transform 0.15s;\n letter-spacing: 0.01em;\n }\n .btn-primary:hover { background: #ffe033; transform: translateY(-2px); }\n .btn-outline {\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--white);\n padding: 14px 32px;\n border-radius: 6px;\n font-size: 15px;\n font-weight: 500;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: border-color 0.2s, background 0.2s;\n }\n .btn-outline:hover {\n border-color: var(--teal-bright);\n background: rgba(0,206,209,0.08);\n color: var(--teal-bright);\n }\n .hero-visual {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .hero-card-stack {\n position: relative;\n width: 340px;\n height: 420px;\n }\n .hcard {\n position: absolute;\n border-radius: 16px;\n overflow: hidden;\n }\n .hcard-back {\n width: 260px; height: 320px;\n top: 60px; right: 0;\n background: rgba(0,139,139,0.25);\n border: 1px solid rgba(0,206,209,0.3);\n transform: rotate(6deg);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .hcard-front {\n width: 280px; height: 340px;\n top: 30px; left: 0;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,215,0,0.3);\n backdrop-filter: blur(4px);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n .hcard-img-area {\n flex: 1;\n background: linear-gradient(135deg, rgba(0,139,139,0.4) 0%, rgba(0,206,209,0.2) 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n .hcard-img-area::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image:\n repeating-linear-gradient(0deg, transparent, transparent 18px, rgba(0,206,209,0.1) 18px, rgba(0,206,209,0.1) 19px),\n repeating-linear-gradient(90deg, transparent, transparent 18px, rgba(0,206,209,0.1) 18px, rgba(0,206,209,0.1) 19px);\n }\n .print-icon {\n width: 72px; height: 72px;\n background: rgba(255,215,0,0.15);\n border: 2px solid rgba(255,215,0,0.4);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n position: relative;\n z-index: 1;\n }\n .hcard-info {\n padding: 16px 20px;\n border-top: 1px solid rgba(255,215,0,0.2);\n }\n .hcard-info-label {\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 4px;\n }\n .hcard-info-title {\n font-family: var(--font-display);\n font-size: 16px;\n color: var(--white);\n font-weight: 600;\n }\n .hcard-info-sub {\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n margin-top: 2px;\n }\n .hero-stats {\n position: absolute;\n bottom: 0; right: -10px;\n background: rgba(255,215,0,0.12);\n border: 1px solid rgba(255,215,0,0.3);\n border-radius: 12px;\n padding: 14px 18px;\n backdrop-filter: blur(8px);\n }\n .stat-num {\n font-family: var(--font-display);\n font-size: 28px;\n font-weight: 700;\n color: var(--gold);\n line-height: 1;\n }\n .stat-label {\n font-size: 11px;\n color: rgba(255,255,255,0.6);\n margin-top: 3px;\n }\n\n \/* \u2500\u2500 TRUST BAR \u2500\u2500 *\/\n .trust-bar {\n background: var(--teal-primary);\n padding: 20px 32px;\n }\n .trust-inner {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n flex-wrap: wrap;\n }\n .trust-item {\n display: flex;\n align-items: center;\n gap: 10px;\n color: var(--white);\n font-size: 13px;\n font-weight: 500;\n }\n .trust-icon {\n width: 28px; height: 28px;\n background: rgba(255,255,255,0.15);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 14px;\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 SECTIONS SHARED \u2500\u2500 *\/\n section { padding: 100px 32px; }\n .section-inner { max-width: 1200px; margin: 0 auto; }\n .section-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--teal-primary);\n margin-bottom: 14px;\n }\n .section-eyebrow::before {\n content: '';\n display: block;\n width: 20px; height: 1px;\n background: var(--teal-primary);\n }\n .section-title {\n font-family: var(--font-display);\n font-size: clamp(28px, 3.5vw, 42px);\n font-weight: 700;\n color: var(--teal-deep);\n line-height: 1.2;\n margin-bottom: 16px;\n letter-spacing: -0.01em;\n }\n .section-subtitle {\n font-size: 17px;\n font-weight: 300;\n color: var(--text-mid);\n line-height: 1.7;\n max-width: 560px;\n }\n\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n #services { background: var(--white); }\n .services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n margin-top: 60px;\n }\n .service-card {\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 36px 30px;\n background: var(--white);\n transition: box-shadow 0.25s, transform 0.25s, border-color 0.25s;\n position: relative;\n overflow: hidden;\n }\n .service-card::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 3px;\n background: var(--teal-primary);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.3s;\n }\n .service-card:hover {\n box-shadow: 0 12px 40px rgba(0,139,139,0.1);\n transform: translateY(-4px);\n border-color: rgba(0,139,139,0.3);\n }\n .service-card:hover::after { transform: scaleX(1); }\n .service-card.featured {\n background: var(--teal-deep);\n border-color: transparent;\n }\n .service-card.featured::after { background: var(--gold); }\n .service-icon {\n width: 52px; height: 52px;\n background: var(--teal-light);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 24px;\n margin-bottom: 24px;\n }\n .service-card.featured .service-icon { background: rgba(0,206,209,0.15); }\n .service-card h3 {\n font-family: var(--font-display);\n font-size: 20px;\n font-weight: 600;\n color: var(--teal-deep);\n margin-bottom: 12px;\n }\n .service-card.featured h3 { color: var(--white); }\n .service-card p {\n font-size: 14px;\n color: var(--text-mid);\n line-height: 1.7;\n margin-bottom: 24px;\n }\n .service-card.featured p { color: rgba(255,255,255,0.65); }\n .service-tag-list {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n }\n .service-tag {\n font-size: 11px;\n font-weight: 500;\n padding: 4px 10px;\n border-radius: 20px;\n background: var(--teal-light);\n color: var(--teal-primary);\n letter-spacing: 0.02em;\n }\n .service-card.featured .service-tag {\n background: rgba(0,206,209,0.15);\n color: var(--teal-bright);\n }\n\n \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n #how {\n background: var(--cream);\n }\n .how-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n margin-top: 60px;\n position: relative;\n }\n .how-grid::before {\n content: '';\n position: absolute;\n top: 36px;\n left: calc(12.5% + 24px);\n right: calc(12.5% + 24px);\n height: 1px;\n background: repeating-linear-gradient(90deg, var(--teal-primary) 0, var(--teal-primary) 6px, transparent 6px, transparent 14px);\n }\n .how-step {\n padding: 0 20px;\n text-align: center;\n position: relative;\n }\n .step-num {\n width: 72px; height: 72px;\n border-radius: 50%;\n background: var(--white);\n border: 2px solid var(--teal-primary);\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 24px;\n position: relative;\n z-index: 1;\n }\n .step-num-inner {\n font-family: var(--font-display);\n font-size: 22px;\n font-weight: 700;\n color: var(--teal-primary);\n }\n .how-step:first-child .step-num { background: var(--teal-primary); }\n .how-step:first-child .step-num-inner { color: var(--white); }\n .how-step h4 {\n font-family: var(--font-display);\n font-size: 17px;\n font-weight: 600;\n color: var(--teal-deep);\n margin-bottom: 10px;\n }\n .how-step p {\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.7;\n }\n\n \/* \u2500\u2500 PRODUCTS PREVIEW \u2500\u2500 *\/\n #products-preview {\n background: var(--white);\n }\n .products-header {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n gap: 24px;\n margin-bottom: 48px;\n }\n .products-header .section-subtitle { margin-bottom: 0; }\n .see-all {\n font-size: 14px;\n font-weight: 600;\n color: var(--teal-primary);\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n white-space: nowrap;\n flex-shrink: 0;\n padding: 8px 0;\n border-bottom: 1px solid transparent;\n transition: border-color 0.2s;\n }\n .see-all:hover { border-bottom-color: var(--teal-primary); }\n .products-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 28px;\n max-width: 760px;\n }\n .product-card {\n border-radius: 14px;\n overflow: hidden;\n border: 1px solid var(--border);\n background: var(--cream);\n transition: transform 0.25s, box-shadow 0.25s;\n cursor: pointer;\n }\n .product-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 16px 40px rgba(0,139,139,0.12);\n }\n .product-img {\n aspect-ratio: 3\/2;\n background: var(--teal-light);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 52px;\n position: relative;\n overflow: hidden;\n }\n .product-img::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n -45deg,\n transparent, transparent 6px,\n rgba(0,139,139,0.06) 6px, rgba(0,139,139,0.06) 7px\n );\n }\n .product-img span { position: relative; z-index: 1; }\n .product-img-2 { background: linear-gradient(135deg, #e0f7f7 0%, #c8f0e8 100%); }\n .product-img-3 { background: linear-gradient(135deg, #fff8dc 0%, #ffe8a0 100%); }\n .product-img-4 { background: linear-gradient(135deg, #f0f8e8 0%, #d8eec0 100%); }\n .product-img-5 { background: linear-gradient(135deg, #f8f0ff 0%, #e8d0f8 100%); }\n .product-badge {\n position: absolute;\n top: 10px; left: 10px;\n font-size: 10px;\n font-weight: 600;\n padding: 3px 8px;\n border-radius: 20px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .badge-new { background: var(--gold); color: var(--teal-deep); }\n .badge-popular { background: var(--teal-primary); color: var(--white); }\n .product-body {\n padding: 20px 20px 22px;\n }\n .product-body h4 {\n font-family: var(--font-display);\n font-size: 18px;\n font-weight: 600;\n color: var(--teal-deep);\n margin-bottom: 6px;\n line-height: 1.3;\n }\n .product-body p {\n font-size: 14px;\n color: var(--text-muted);\n line-height: 1.5;\n margin-bottom: 12px;\n }\n .product-price {\n font-size: 14px;\n font-weight: 600;\n color: var(--teal-primary);\n }\n\n \/* \u2500\u2500 WHY US \u2500\u2500 *\/\n #why {\n background: var(--teal-deep);\n position: relative;\n overflow: hidden;\n }\n #why::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 90% 10%, rgba(255,215,0,0.06) 0%, transparent 50%),\n radial-gradient(circle at 10% 90%, rgba(0,206,209,0.08) 0%, transparent 50%);\n pointer-events: none;\n }\n #why .section-eyebrow { color: var(--gold); }\n #why .section-eyebrow::before { background: var(--gold); }\n #why .section-title { color: var(--white); }\n #why .section-subtitle { color: rgba(255,255,255,0.6); }\n .why-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n margin-top: 60px;\n align-items: center;\n }\n .why-features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n .why-feat {\n padding: 24px;\n border: 1px solid rgba(0,206,209,0.2);\n border-radius: 12px;\n background: rgba(0,139,139,0.12);\n transition: border-color 0.2s, background 0.2s;\n }\n .why-feat:hover {\n border-color: rgba(255,215,0,0.4);\n background: rgba(0,139,139,0.2);\n }\n .feat-icon {\n font-size: 26px;\n margin-bottom: 12px;\n display: block;\n }\n .why-feat h4 {\n font-size: 15px;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 8px;\n }\n .why-feat p {\n font-size: 13px;\n color: rgba(255,255,255,0.55);\n line-height: 1.65;\n }\n .why-showcase {\n position: relative;\n }\n .showcase-main {\n background: rgba(0,139,139,0.2);\n border: 1px solid rgba(0,206,209,0.25);\n border-radius: 20px;\n padding: 40px;\n text-align: center;\n }\n .showcase-rings {\n width: 140px; height: 140px;\n margin: 0 auto 24px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .ring {\n position: absolute;\n border-radius: 50%;\n border: 1.5px solid rgba(0,206,209,0.3);\n }\n .ring-1 { width: 100%; height: 100%; }\n .ring-2 { width: 75%; height: 75%; border-color: rgba(255,215,0,0.3); }\n .ring-3 { width: 50%; height: 50%; border-color: rgba(0,206,209,0.4); }\n .ring-center {\n width: 60px; height: 60px;\n background: var(--gold);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 26px;\n position: relative;\n z-index: 1;\n }\n .showcase-main h3 {\n font-family: var(--font-display);\n font-size: 22px;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 10px;\n }\n .showcase-main p {\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n line-height: 1.7;\n margin-bottom: 28px;\n }\n .showcase-stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n border-top: 1px solid rgba(0,206,209,0.2);\n padding-top: 24px;\n }\n .s-stat .s-num {\n font-family: var(--font-display);\n font-size: 26px;\n font-weight: 700;\n color: var(--gold);\n display: block;\n }\n .s-stat .s-label {\n font-size: 11px;\n color: rgba(255,255,255,0.5);\n margin-top: 4px;\n }\n\n \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\n #testimonials {\n background: var(--cream);\n }\n .testi-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-top: 56px;\n }\n .testi-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 28px;\n position: relative;\n }\n .testi-card::before {\n content: '\"';\n position: absolute;\n top: 16px; right: 22px;\n font-family: var(--font-display);\n font-size: 60px;\n line-height: 1;\n color: var(--teal-light);\n font-weight: 700;\n }\n .testi-stars {\n display: flex;\n gap: 3px;\n margin-bottom: 14px;\n }\n .star { color: var(--gold); font-size: 14px; }\n .testi-card p {\n font-size: 14px;\n color: var(--text-mid);\n line-height: 1.75;\n margin-bottom: 20px;\n font-style: italic;\n }\n .testi-author {\n display: flex;\n align-items: center;\n gap: 12px;\n border-top: 1px solid var(--border);\n padding-top: 16px;\n }\n .author-avatar {\n width: 40px; height: 40px;\n border-radius: 50%;\n background: var(--teal-primary);\n display: flex; align-items: center; justify-content: center;\n font-size: 14px;\n font-weight: 600;\n color: var(--white);\n flex-shrink: 0;\n }\n .author-name {\n font-size: 14px;\n font-weight: 600;\n color: var(--teal-deep);\n }\n .author-role {\n font-size: 12px;\n color: var(--text-muted);\n }\n\n \/* \u2500\u2500 CTA BANNER \u2500\u2500 *\/\n .cta-banner {\n background: var(--teal-primary);\n padding: 80px 32px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .cta-banner::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image:\n radial-gradient(circle at 20% 50%, rgba(255,255,255,0.05) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(0,206,209,0.15) 0%, transparent 50%);\n pointer-events: none;\n }\n .cta-banner-inner { max-width: 700px; margin: 0 auto; position: relative; z-index: 1; }\n .cta-banner h2 {\n font-family: var(--font-display);\n font-size: clamp(28px, 3.5vw, 42px);\n font-weight: 700;\n color: var(--white);\n margin-bottom: 16px;\n }\n .cta-banner p {\n font-size: 16px;\n color: rgba(255,255,255,0.75);\n margin-bottom: 36px;\n line-height: 1.7;\n }\n .cta-banner .btn-primary { font-size: 16px; padding: 16px 40px; }\n .cta-banner .btn-outline { border-color: rgba(255,255,255,0.4); }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--teal-deep);\n padding: 60px 32px 32px;\n border-top: 1px solid rgba(0,206,209,0.15);\n }\n .footer-inner {\n max-width: 1200px;\n margin: 0 auto;\n }\n .footer-top {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 48px;\n padding-bottom: 48px;\n border-bottom: 1px solid rgba(0,206,209,0.12);\n margin-bottom: 32px;\n }\n .footer-brand p {\n font-size: 14px;\n color: rgba(255,255,255,0.5);\n line-height: 1.75;\n margin-top: 16px;\n max-width: 280px;\n }\n .footer-social {\n display: flex;\n gap: 10px;\n margin-top: 24px;\n }\n .soc-btn {\n width: 34px; height: 34px;\n border-radius: 8px;\n background: rgba(0,206,209,0.1);\n border: 1px solid rgba(0,206,209,0.2);\n display: flex; align-items: center; justify-content: center;\n font-size: 14px;\n text-decoration: none;\n color: rgba(255,255,255,0.7);\n transition: background 0.2s, border-color 0.2s;\n }\n .soc-btn:hover {\n background: rgba(255,215,0,0.15);\n border-color: rgba(255,215,0,0.4);\n color: var(--gold);\n }\n .footer-col h5 {\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 18px;\n }\n .footer-col ul { list-style: none; }\n .footer-col ul li { margin-bottom: 10px; }\n .footer-col ul a {\n font-size: 14px;\n color: rgba(255,255,255,0.55);\n text-decoration: none;\n transition: color 0.2s;\n }\n .footer-col ul a:hover { color: var(--teal-bright); }\n .footer-bottom {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n flex-wrap: wrap;\n }\n .footer-bottom p {\n font-size: 13px;\n color: rgba(255,255,255,0.35);\n }\n .footer-bottom a {\n color: rgba(255,255,255,0.35);\n text-decoration: none;\n }\n .footer-bottom a:hover { color: var(--teal-bright); }\n\n \/* \u2500\u2500 MOBILE \u2500\u2500 *\/\n @media (max-width: 1024px) {\n .services-grid { grid-template-columns: 1fr 1fr; }\n .footer-top { grid-template-columns: 1fr 1fr; gap: 36px; }\n }\n\n @media (max-width: 768px) {\n section { padding: 72px 20px; }\n .hero-inner { grid-template-columns: 1fr; gap: 40px; padding: 60px 20px; }\n .hero-visual { display: none; }\n .services-grid { grid-template-columns: 1fr; }\n .how-grid { grid-template-columns: 1fr 1fr; gap: 40px; }\n .how-grid::before { display: none; }\n .testi-grid { grid-template-columns: 1fr; }\n .why-grid { grid-template-columns: 1fr; }\n .why-features { grid-template-columns: 1fr; }\n .footer-top { grid-template-columns: 1fr; gap: 28px; }\n .nav-links { display: none; }\n .hamburger { display: flex; }\n .trust-inner { justify-content: center; }\n .products-header { flex-direction: column; align-items: flex-start; }\n .nav-cta { display: none; }\n .showcase-stats { grid-template-columns: 1fr 1fr; }\n }\n\n @media (max-width: 480px) {\n .hero-actions { flex-direction: column; }\n .products-grid { grid-template-columns: 1fr; }\n .how-grid { grid-template-columns: 1fr; }\n .why-features { gap: 16px; }\n .footer-bottom { flex-direction: column; text-align: center; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n * { transition: none !important; animation: none !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-inner\">\n <a href=\"\/\" class=\"nav-logo\" aria-label=\"Sukoon DigiPrints home\">\n <div class=\"logo-mark\" aria-hidden=\"true\">S<\/div>\n <div class=\"logo-text\">\n <strong>Sukoon<\/strong>\n <span>DigiPrints<\/span>\n <\/div>\n <\/a>\n <ul class=\"nav-links\" role=\"list\">\n <li><a href=\"#\" aria-current=\"page\">Home<\/a><\/li>\n <li><a href=\"services.html\">Services<\/a><\/li>\n <li><a href=\"products.html\">Products<\/a><\/li>\n <li><a href=\"blog.html\">Blog<\/a><\/li>\n <li><a href=\"contact.html\">Contact us<\/a><\/li>\n <li><a href=\"contact.html\" class=\"nav-cta\">Get a quote<\/a><\/li>\n <\/ul>\n <button class=\"hamburger\" aria-label=\"Open menu\" aria-expanded=\"false\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/div>\n<\/nav>\n\n\n<section class=\"hero\" aria-label=\"Hero section\">\n <div class=\"hero-bg-pattern\" aria-hidden=\"true\"><\/div>\n <div class=\"hero-fabric-lines\" aria-hidden=\"true\"><\/div>\n <div class=\"hero-inner\">\n <div>\n <div class=\"hero-eyebrow\">Custom Fabric Printing<\/div>\n <h1>Your vision,<br>printed on <em>every thread<\/em><\/h1>\n <p class=\"hero-desc\">\n From a single custom tee to bulk uniform orders \u2014 we print directly on your fabric or supply premium cloth. Your design, your cloth, your <em style=\"color:var(--gold);font-style:normal;\">Sukoon<\/em>.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"contact.html\" class=\"btn-primary\">\n Start your order\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/a>\n <a href=\"services.html\" class=\"btn-outline\">Explore services<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual\" aria-hidden=\"true\">\n <div class=\"hero-card-stack\">\n <div class=\"hcard hcard-back\"><\/div>\n <div class=\"hcard hcard-front\">\n <div class=\"hcard-img-area\">\n <div class=\"print-icon\">\ud83d\udda8\ufe0f<\/div>\n <\/div>\n <div class=\"hcard-info\">\n <div class=\"hcard-info-label\">Ready to print<\/div>\n <div class=\"hcard-info-title\">Custom T-shirt Print<\/div>\n <div class=\"hcard-info-sub\">Digital \u00b7 Fabric-safe ink<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat-num\">500+<\/div>\n <div class=\"stat-label\">Happy clients<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"trust-bar\" role=\"complementary\" aria-label=\"Key features\">\n <div class=\"trust-inner\">\n <div class=\"trust-item\"><div class=\"trust-icon\" aria-hidden=\"true\">\u2705<\/div> Single piece orders accepted<\/div>\n <div class=\"trust-item\"><div class=\"trust-icon\" aria-hidden=\"true\">\ud83d\udc55<\/div> We supply fabric or print on yours<\/div>\n <div class=\"trust-item\"><div class=\"trust-icon\" aria-hidden=\"true\">\ud83d\udce6<\/div> Bulk & wholesale pricing<\/div>\n <div class=\"trust-item\"><div class=\"trust-icon\" aria-hidden=\"true\">\u26a1<\/div> Fast turnaround<\/div>\n <div class=\"trust-item\"><div class=\"trust-icon\" aria-hidden=\"true\">\ud83c\udfa8<\/div> Full custom design support<\/div>\n <\/div>\n<\/div>\n\n\n<section id=\"services\" aria-labelledby=\"services-title\">\n <div class=\"section-inner\">\n <div class=\"section-eyebrow\">What we do<\/div>\n <h2 class=\"section-title\" id=\"services-title\">Print services built<br>around your needs<\/h2>\n <p class=\"section-subtitle\">Whether it’s one piece or a thousand, we handle every print with the same care.<\/p>\n <div class=\"services-grid\">\n <div class=\"service-card featured\">\n <div class=\"service-icon\" aria-hidden=\"true\">\ud83d\udda8\ufe0f<\/div>\n <h3>Custom Digital Printing<\/h3>\n <p>Bring any design to life with vibrant, durable digital prints on fabric. You provide the design, we do the rest \u2014 or we design from scratch together.<\/p>\n <div class=\"service-tag-list\">\n <span class=\"service-tag\">DTF Printing<\/span>\n <span class=\"service-tag\">DTG Printing<\/span>\n <span class=\"service-tag\">All fabrics<\/span>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\" aria-hidden=\"true\">\ud83d\udc55<\/div>\n <h3>Client Fabric Printing<\/h3>\n <p>Already have your cloth? Send it to us. We’ll print your desired designs directly on your fabric with precision and care.<\/p>\n <div class=\"service-tag-list\">\n <span class=\"service-tag\">Your cloth<\/span>\n <span class=\"service-tag\">Any design<\/span>\n <span class=\"service-tag\">Careful handling<\/span>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\" aria-hidden=\"true\">\ud83c\udfed<\/div>\n <h3>Bulk & Uniform Orders<\/h3>\n <p>Corporate uniforms, event merchandise, team jerseys \u2014 we scale effortlessly for bulk orders with consistent quality across every piece.<\/p>\n <div class=\"service-tag-list\">\n <span class=\"service-tag\">50+ pieces<\/span>\n <span class=\"service-tag\">Wholesale rates<\/span>\n <span class=\"service-tag\">Consistent quality<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"text-align:center; margin-top:36px;\">\n <a href=\"services.html\" class=\"btn-primary\" style=\"display:inline-flex;\">\n View all services\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"how\" aria-labelledby=\"how-title\">\n <div class=\"section-inner\">\n <div style=\"text-align:center;\">\n <div class=\"section-eyebrow\" style=\"justify-content:center;\">How it works<\/div>\n <h2 class=\"section-title\" id=\"how-title\" style=\"text-align:center; margin: 0 auto 12px;\">From idea to your hands<br>in 4 simple steps<\/h2>\n <p class=\"section-subtitle\" style=\"text-align:center; margin: 0 auto;\">No complicated process. Just share your vision and we take it from there.<\/p>\n <\/div>\n <div class=\"how-grid\">\n <div class=\"how-step\">\n <div class=\"step-num\"><span class=\"step-num-inner\">01<\/span><\/div>\n <h4>Share your design<\/h4>\n <p>Send us your artwork, logo, or idea. Our team will review and confirm print readiness.<\/p>\n <\/div>\n <div class=\"how-step\">\n <div class=\"step-num\"><span class=\"step-num-inner\">02<\/span><\/div>\n <h4>Choose fabric & quantity<\/h4>\n <p>Select from our fabric catalog or send your own cloth. Single piece or bulk \u2014 both are welcome.<\/p>\n <\/div>\n <div class=\"how-step\">\n <div class=\"step-num\"><span class=\"step-num-inner\">03<\/span><\/div>\n <h4>We print & quality check<\/h4>\n <p>Your order goes into production. Every piece is inspected before it leaves our floor.<\/p>\n <\/div>\n <div class=\"how-step\">\n <div class=\"step-num\"><span class=\"step-num-inner\">04<\/span><\/div>\n <h4>Delivered to you<\/h4>\n <p>Securely packed and dispatched. We handle shipping right to your doorstep.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"products-preview\" aria-labelledby=\"products-title\">\n <div class=\"section-inner\">\n <div class=\"products-header\">\n <div>\n <div class=\"section-eyebrow\">Ready to buy<\/div>\n <h2 class=\"section-title\" id=\"products-title\">Our ready-made collection<\/h2>\n <p class=\"section-subtitle\">Explore our in-stock printed pieces \u2014 available for immediate purchase.<\/p>\n <\/div>\n <a href=\"products.html\" class=\"see-all\">View full catalog \u2192<\/a>\n <\/div>\n <div class=\"products-grid\">\n <div class=\"product-card\" tabindex=\"0\" role=\"article\">\n <div class=\"product-img product-img-3\">\n <span aria-hidden=\"true\">\ud83d\udecd\ufe0f<\/span>\n <span class=\"product-badge badge-popular\">Popular<\/span>\n <\/div>\n <div class=\"product-body\">\n <h4>Tote Bags<\/h4>\n <p>Eco canvas, custom print on both sides<\/p>\n <div class=\"product-price\">Get in touch for pricing<\/div>\n <\/div>\n <\/div>\n <div class=\"product-card\" tabindex=\"0\" role=\"article\">\n <div class=\"product-img product-img-2\">\n <span aria-hidden=\"true\">\ud83e\uddf4<\/span>\n <span class=\"product-badge badge-new\">New<\/span>\n <\/div>\n <div class=\"product-body\">\n <h4>Wash Bags<\/h4>\n <p>Printed travel & toiletry pouches<\/p>\n <div class=\"product-price\">Get in touch for pricing<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"margin-top: 40px; border: 1.5px dashed rgba(0,139,139,0.35); border-radius: 14px; padding: 32px 36px; background: var(--teal-light); display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;\">\n <div>\n <div style=\"display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--teal-primary); margin-bottom:8px;\">\n <span style=\"display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 3px rgba(255,215,0,0.25);\" aria-hidden=\"true\"><\/span>\n Coming soon\n <\/div>\n <p style=\"font-family:var(--font-display); font-size:20px; font-weight:600; color:var(--teal-deep); margin:0 0 6px;\">More products on the way<\/p>\n <p style=\"font-size:14px; color:var(--text-mid); margin:0; line-height:1.6;\">We’re expanding our ready-made catalog \u2014 printed tees, caps, scarves, and more are launching soon. Stay tuned!<\/p>\n <\/div>\n <a href=\"contact.html\" class=\"btn-primary\" style=\"white-space:nowrap; flex-shrink:0;\">\n Notify me\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"why\" aria-labelledby=\"why-title\">\n <div class=\"section-inner\" style=\"position:relative;z-index:1;\">\n <div class=\"why-grid\">\n <div>\n <div class=\"section-eyebrow\">Why Sukoon<\/div>\n <h2 class=\"section-title\" id=\"why-title\">Printing you can trust,<br>every single time<\/h2>\n <p class=\"section-subtitle\">We’re not a factory \u2014 we’re your printing partner. Every order gets personal attention.<\/p>\n <div class=\"why-features\" style=\"margin-top:40px;\">\n <div class=\"why-feat\">\n <span class=\"feat-icon\" aria-hidden=\"true\">\ud83c\udfaf<\/span>\n <h4>Pixel-perfect prints<\/h4>\n <p>Color accuracy from screen to fabric \u2014 what you design is what you get.<\/p>\n <\/div>\n <div class=\"why-feat\">\n <span class=\"feat-icon\" aria-hidden=\"true\">\ud83d\udce6<\/span>\n <h4>Single or bulk<\/h4>\n <p>No minimum order. One piece is as welcome as ten thousand.<\/p>\n <\/div>\n <div class=\"why-feat\">\n <span class=\"feat-icon\" aria-hidden=\"true\">\ud83e\uddf5<\/span>\n <h4>Fabric flexibility<\/h4>\n <p>Use ours or bring your own \u2014 cotton, polyester, silk, canvas and more.<\/p>\n <\/div>\n <div class=\"why-feat\">\n <span class=\"feat-icon\" aria-hidden=\"true\">\u23f1\ufe0f<\/span>\n <h4>On-time delivery<\/h4>\n <p>We quote a timeline and stick to it. Bulk orders planned in advance.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"why-showcase\">\n <div class=\"showcase-main\">\n <div class=\"showcase-rings\" aria-hidden=\"true\">\n <div class=\"ring ring-1\"><\/div>\n <div class=\"ring ring-2\"><\/div>\n <div class=\"ring ring-3\"><\/div>\n <div class=\"ring-center\">\ud83d\udda8\ufe0f<\/div>\n <\/div>\n <h3>The Sukoon Promise<\/h3>\n <p>Premium ink, premium fabric, premium care. Every print is a reflection of our reputation \u2014 and yours.<\/p>\n <div class=\"showcase-stats\">\n <div class=\"s-stat\">\n <span class=\"s-num\">500+<\/span>\n <div class=\"s-label\">Clients served<\/div>\n <\/div>\n <div class=\"s-stat\">\n <span class=\"s-num\">10K+<\/span>\n <div class=\"s-label\">Pieces printed<\/div>\n <\/div>\n <div class=\"s-stat\">\n <span class=\"s-num\">4.9\u2605<\/span>\n <div class=\"s-label\">Avg. rating<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"testimonials\" aria-labelledby=\"testi-title\">\n <div class=\"section-inner\">\n <div style=\"text-align:center; margin-bottom:0;\">\n <div class=\"section-eyebrow\" style=\"justify-content:center;\">What clients say<\/div>\n <h2 class=\"section-title\" id=\"testi-title\" style=\"text-align:center; margin: 0 auto 12px;\">Real prints, real praise<\/h2>\n <\/div>\n <div class=\"testi-grid\">\n <div class=\"testi-card\">\n <div class=\"testi-stars\" aria-label=\"5 stars\">\n <span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span>\n <\/div>\n <p>Ordered 200 event tees for our college fest \u2014 every single piece was perfect. The colours matched our design exactly and delivery was two days early!<\/p>\n <div class=\"testi-author\">\n <div class=\"author-avatar\" aria-hidden=\"true\">RP<\/div>\n <div>\n <div class=\"author-name\">Rahul Patel<\/div>\n <div class=\"author-role\">Event Organiser, Jaipur<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"testi-stars\" aria-label=\"5 stars\">\n <span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span>\n <\/div>\n <p>I sent my own silk fabric for a saree border print \u2014 they handled it with such care. The detail was incredible. Sukoon is now my go-to for all custom work.<\/p>\n <div class=\"testi-author\">\n <div class=\"author-avatar\" style=\"background:var(--teal-bright); color:var(--teal-deep);\" aria-hidden=\"true\">SM<\/div>\n <div>\n <div class=\"author-name\">Sunita Mehta<\/div>\n <div class=\"author-role\">Fashion Designer, Delhi<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"testi-stars\" aria-label=\"5 stars\">\n <span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span>\n <\/div>\n <p>We get our restaurant staff uniforms printed here every season. Consistent quality, great pricing on bulk, and the team is always super responsive on WhatsApp.<\/p>\n <div class=\"testi-author\">\n <div class=\"author-avatar\" style=\"background:var(--gold); color:var(--teal-deep);\" aria-hidden=\"true\">AK<\/div>\n <div>\n <div class=\"author-name\">Anil Kumar<\/div>\n <div class=\"author-role\">Restaurant Owner, Jaipur<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"cta-banner\" role=\"complementary\" aria-label=\"Call to action\">\n <div class=\"cta-banner-inner\">\n <h2>Ready to print something<br>you’ll be proud of?<\/h2>\n <p>Tell us your idea \u2014 one piece or a full bulk run. We’ll get back to you within 24 hours with a quote and timeline.<\/p>\n <div style=\"display:flex; gap:16px; justify-content:center; flex-wrap:wrap;\">\n <a href=\"contact.html\" class=\"btn-primary\">Get a free quote<\/a>\n <a href=\"services.html\" class=\"btn-outline\">See all services<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n\n<footer>\n <div class=\"footer-inner\">\n <div class=\"footer-top\">\n <div class=\"footer-brand\">\n <a href=\"\/\" class=\"nav-logo\" style=\"margin-bottom:4px;\" aria-label=\"Sukoon DigiPrints home\">\n <div class=\"logo-mark\" aria-hidden=\"true\">S<\/div>\n <div class=\"logo-text\">\n <strong>Sukoon<\/strong>\n <span>DigiPrints<\/span>\n <\/div>\n <\/a>\n <p>Your trusted partner for custom fabric printing. Single orders, bulk runs, and ready-made pieces \u2014 all under one roof.<\/p>\n <div class=\"footer-social\" aria-label=\"Social media links\">\n <a href=\"#\" class=\"soc-btn\" aria-label=\"Instagram\">\ud83d\udcf7<\/a>\n <a href=\"#\" class=\"soc-btn\" aria-label=\"WhatsApp\">\ud83d\udcac<\/a>\n <a href=\"#\" class=\"soc-btn\" aria-label=\"Facebook\">\ud83d\udcd8<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-col\">\n <h5>Pages<\/h5>\n <ul>\n <li><a href=\"#\">Home<\/a><\/li>\n <li><a href=\"services.html\">Services<\/a><\/li>\n <li><a href=\"products.html\">Products<\/a><\/li>\n <li><a href=\"blog.html\">Blog<\/a><\/li>\n <li><a href=\"contact.html\">Contact us<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>Services<\/h5>\n <ul>\n <li><a href=\"services.html\">Digital printing<\/a><\/li>\n <li><a href=\"services.html\">Bulk orders<\/a><\/li>\n <li><a href=\"services.html\">Client fabric printing<\/a><\/li>\n <li><a href=\"services.html\">Uniform printing<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>Contact<\/h5>\n <ul>\n <li><a href=\"mailto:hello@sukoondigiprints.com\">hello@sukoondigiprints.com<\/a><\/li>\n <li><a href=\"tel:+91XXXXXXXXXX\">+91 XXXX XXX XXX<\/a><\/li>\n <li><a href=\"contact.html\">Send enquiry<\/a><\/li>\n <li><a href=\"#\">sukoondigiprints.com<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2024 Sukoon DigiPrints. All rights reserved.<\/p>\n <p><a href=\"#\">Privacy policy<\/a> \u00b7 <a href=\"#\">Terms of use<\/a><\/p>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n const hamburger = document.querySelector('.hamburger');\n const navLinks = document.querySelector('.nav-links');\n hamburger && hamburger.addEventListener('click', () => {\n const open = navLinks.style.display === 'flex';\n navLinks.style.display = open ? 'none' : 'flex';\n navLinks.style.flexDirection = 'column';\n navLinks.style.position = 'absolute';\n navLinks.style.top = '68px';\n navLinks.style.left = '0';\n navLinks.style.right = '0';\n navLinks.style.background = 'rgba(13,59,59,0.98)';\n navLinks.style.padding = '16px 32px 24px';\n navLinks.style.gap = '20px';\n hamburger.setAttribute('aria-expanded', open ? 'false' : 'true');\n });\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n const target = document.querySelector(a.getAttribute('href'));\n if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth' }); }\n });\n });\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.service-card, .product-card, .testi-card, .why-feat, .how-step').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n observer.observe(el);\n });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Sukoon DigiPrints \u2014 Custom Fabric Printing S Sukoon DigiPrints Home Services Products Blog Contact us Get a quote Custom Fabric…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":4,"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":10,"date":"2026-06-28T14:20:52","date_gmt":"2026-06-28T14:20:52","guid":{"rendered":"https:\/\/sukoondigiprints.com\/?page_id=10"},"modified":"2026-06-28T14:58:41","modified_gmt":"2026-06-28T14:58:41","slug":"home","status":"publish","type":"page","link":"https:\/\/sukoondigiprints.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nSukoon DigiPrints \u2014 Custom Fabric Printing<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --teal-deep: #0D3B3B;\n --teal-primary: #008B8B;\n --teal-bright: #00CED1;\n --teal-light: #E0F7F7;\n --gold: #FFD700;\n --gold-dark: #B8960C;\n --gold-soft: #FFF8DC;\n --cream: #F8FAFA;\n --white: #FFFFFF;\n --text-dark: #0D2B2B;\n --text-mid: #3A5A5A;\n --text-muted: #6A8A8A;\n --border: rgba(0,139,139,0.15);\n --font-display: 'Playfair Display', serif;\n --font-body: 'DM Sans', sans-serif;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: var(--font-body);\n color: var(--text-dark);\n background: var(--cream);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n background: rgba(13, 59, 59, 0.97);\n backdrop-filter: blur(8px);\n border-bottom: 1px solid rgba(255,215,0,0.18);\n }\n .nav-inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 32px;\n height: 68px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .nav-logo {\n display: flex;\n align-items: center;\n gap: 10px;\n text-decoration: none;\n }\n .logo-mark {\n width: 36px; height: 36px;\n background: var(--gold);\n border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n font-family: var(--font-display);\n font-weight: 700;\n font-size: 18px;\n color: var(--teal-deep);\n letter-spacing: -0.5px;\n }\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1.1;\n }\n .logo-text strong {\n font-family: var(--font-display);\n font-weight: 700;\n font-size: 18px;\n color: var(--white);\n letter-spacing: 0.01em;\n }\n .logo-text span {\n font-size: 10px;\n font-weight: 400;\n color: var(--gold);\n letter-spacing: 0.12em;\n text-transform: uppercase;\n }\n .nav-links {\n display: flex;\n align-items: center;\n gap: 36px;\n list-style: none;\n }\n .nav-links a {\n font-size: 14px;\n font-weight: 500;\n color: rgba(255,255,255,0.8);\n text-decoration: none;\n letter-spacing: 0.03em;\n transition: color 0.2s;\n position: relative;\n }\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -3px; left: 0; right: 0;\n height: 1px;\n background: var(--gold);\n transform: scaleX(0);\n transition: transform 0.2s;\n }\n .nav-links a:hover { color: var(--gold); }\n .nav-links a:hover::after { transform: scaleX(1); }\n .nav-cta {\n background: var(--gold);\n color: var(--teal-deep) !important;\n padding: 8px 22px;\n border-radius: 6px;\n font-weight: 600 !important;\n transition: background 0.2s, transform 0.1s !important;\n }\n .nav-cta::after { display: none !important; }\n .nav-cta:hover {\n background: #ffe033 !important;\n transform: translateY(-1px);\n color: var(--teal-deep) !important;\n }\n .hamburger {\n display: none;\n flex-direction: column;\n gap: 5px;\n cursor: pointer;\n background: none;\n border: none;\n padding: 4px;\n }\n .hamburger span {\n display: block;\n width: 24px; height: 2px;\n background: var(--white);\n border-radius: 2px;\n transition: all 0.3s;\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n background: var(--teal-deep);\n display: flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n padding-top: 68px;\n }\n .hero-bg-pattern {\n position: absolute;\n inset: 0;\n background-image:\n radial-gradient(circle at 20% 50%, rgba(0,206,209,0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,215,0,0.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(0,139,139,0.1) 0%, transparent 45%);\n pointer-events: none;\n }\n .hero-fabric-lines {\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 40px,\n rgba(0,206,209,0.03) 40px,\n rgba(0,206,209,0.03) 41px\n );\n pointer-events: none;\n }\n .hero-inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: 80px 32px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n .hero-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 20px;\n }\n .hero-eyebrow::before {\n content: '';\n display: block;\n width: 24px; height: 1px;\n background: var(--gold);\n }\n .hero h1 {\n font-family: var(--font-display);\n font-size: clamp(38px, 4.5vw, 60px);\n font-weight: 700;\n line-height: 1.12;\n color: var(--white);\n margin-bottom: 24px;\n letter-spacing: -0.01em;\n }\n .hero h1 em {\n font-style: normal;\n color: var(--teal-bright);\n }\n .hero-desc {\n font-size: 17px;\n font-weight: 300;\n color: rgba(255,255,255,0.7);\n line-height: 1.7;\n margin-bottom: 40px;\n max-width: 480px;\n }\n .hero-actions {\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n }\n .btn-primary {\n background: var(--gold);\n color: var(--teal-deep);\n padding: 14px 32px;\n border-radius: 6px;\n font-size: 15px;\n font-weight: 600;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: background 0.2s, transform 0.15s;\n letter-spacing: 0.01em;\n }\n .btn-primary:hover { background: #ffe033; transform: translateY(-2px); }\n .btn-outline {\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--white);\n padding: 14px 32px;\n border-radius: 6px;\n font-size: 15px;\n font-weight: 500;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: border-color 0.2s, background 0.2s;\n }\n .btn-outline:hover {\n border-color: var(--teal-bright);\n background: rgba(0,206,209,0.08);\n color: var(--teal-bright);\n }\n .hero-visual {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .hero-card-stack {\n position: relative;\n width: 340px;\n height: 420px;\n }\n .hcard {\n position: absolute;\n border-radius: 16px;\n overflow: hidden;\n }\n .hcard-back {\n width: 260px; height: 320px;\n top: 60px; right: 0;\n background: rgba(0,139,139,0.25);\n border: 1px solid rgba(0,206,209,0.3);\n transform: rotate(6deg);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .hcard-front {\n width: 280px; height: 340px;\n top: 30px; left: 0;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,215,0,0.3);\n backdrop-filter: blur(4px);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n .hcard-img-area {\n flex: 1;\n background: linear-gradient(135deg, rgba(0,139,139,0.4) 0%, rgba(0,206,209,0.2) 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n .hcard-img-area::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image:\n repeating-linear-gradient(0deg, transparent, transparent 18px, rgba(0,206,209,0.1) 18px, rgba(0,206,209,0.1) 19px),\n repeating-linear-gradient(90deg, transparent, transparent 18px, rgba(0,206,209,0.1) 18px, rgba(0,206,209,0.1) 19px);\n }\n .print-icon {\n width: 72px; height: 72px;\n background: rgba(255,215,0,0.15);\n border: 2px solid rgba(255,215,0,0.4);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n position: relative;\n z-index: 1;\n }\n .hcard-info {\n padding: 16px 20px;\n border-top: 1px solid rgba(255,215,0,0.2);\n }\n .hcard-info-label {\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 4px;\n }\n .hcard-info-title {\n font-family: var(--font-display);\n font-size: 16px;\n color: var(--white);\n font-weight: 600;\n }\n .hcard-info-sub {\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n margin-top: 2px;\n }\n .hero-stats {\n position: absolute;\n bottom: 0; right: -10px;\n background: rgba(255,215,0,0.12);\n border: 1px solid rgba(255,215,0,0.3);\n border-radius: 12px;\n padding: 14px 18px;\n backdrop-filter: blur(8px);\n }\n .stat-num {\n font-family: var(--font-display);\n font-size: 28px;\n font-weight: 700;\n color: var(--gold);\n line-height: 1;\n }\n .stat-label {\n font-size: 11px;\n color: rgba(255,255,255,0.6);\n margin-top: 3px;\n }\n\n \/* \u2500\u2500 TRUST BAR \u2500\u2500 *\/\n .trust-bar {\n background: var(--teal-primary);\n padding: 20px 32px;\n }\n .trust-inner {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n flex-wrap: wrap;\n }\n .trust-item {\n display: flex;\n align-items: center;\n gap: 10px;\n color: var(--white);\n font-size: 13px;\n font-weight: 500;\n }\n .trust-icon {\n width: 28px; height: 28px;\n background: rgba(255,255,255,0.15);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n font-size: 14px;\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 SECTIONS SHARED \u2500\u2500 *\/\n section { padding: 100px 32px; }\n .section-inner { max-width: 1200px; margin: 0 auto; }\n .section-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--teal-primary);\n margin-bottom: 14px;\n }\n .section-eyebrow::before {\n content: '';\n display: block;\n width: 20px; height: 1px;\n background: var(--teal-primary);\n }\n .section-title {\n font-family: var(--font-display);\n font-size: clamp(28px, 3.5vw, 42px);\n font-weight: 700;\n color: var(--teal-deep);\n line-height: 1.2;\n margin-bottom: 16px;\n letter-spacing: -0.01em;\n }\n .section-subtitle {\n font-size: 17px;\n font-weight: 300;\n color: var(--text-mid);\n line-height: 1.7;\n max-width: 560px;\n }\n\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n #services { background: var(--white); }\n .services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n margin-top: 60px;\n }\n .service-card {\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 36px 30px;\n background: var(--white);\n transition: box-shadow 0.25s, transform 0.25s, border-color 0.25s;\n position: relative;\n overflow: hidden;\n }\n .service-card::after {\n content: '';\n position: absolute;\n bottom: 0; left: 0; right: 0;\n height: 3px;\n background: var(--teal-primary);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.3s;\n }\n .service-card:hover {\n box-shadow: 0 12px 40px rgba(0,139,139,0.1);\n transform: translateY(-4px);\n border-color: rgba(0,139,139,0.3);\n }\n .service-card:hover::after { transform: scaleX(1); }\n .service-card.featured {\n background: var(--teal-deep);\n border-color: transparent;\n }\n .service-card.featured::after { background: var(--gold); }\n .service-icon {\n width: 52px; height: 52px;\n background: var(--teal-light);\n border-radius: 12px;\n display: flex; align-items: center; justify-content: center;\n font-size: 24px;\n margin-bottom: 24px;\n }\n .service-card.featured .service-icon { background: rgba(0,206,209,0.15); }\n .service-card h3 {\n font-family: var(--font-display);\n font-size: 20px;\n font-weight: 600;\n color: var(--teal-deep);\n margin-bottom: 12px;\n }\n .service-card.featured h3 { color: var(--white); }\n .service-card p {\n font-size: 14px;\n color: var(--text-mid);\n line-height: 1.7;\n margin-bottom: 24px;\n }\n .service-card.featured p { color: rgba(255,255,255,0.65); }\n .service-tag-list {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n }\n .service-tag {\n font-size: 11px;\n font-weight: 500;\n padding: 4px 10px;\n border-radius: 20px;\n background: var(--teal-light);\n color: var(--teal-primary);\n letter-spacing: 0.02em;\n }\n .service-card.featured .service-tag {\n background: rgba(0,206,209,0.15);\n color: var(--teal-bright);\n }\n\n \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n #how {\n background: var(--cream);\n }\n .how-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n margin-top: 60px;\n position: relative;\n }\n .how-grid::before {\n content: '';\n position: absolute;\n top: 36px;\n left: calc(12.5% + 24px);\n right: calc(12.5% + 24px);\n height: 1px;\n background: repeating-linear-gradient(90deg, var(--teal-primary) 0, var(--teal-primary) 6px, transparent 6px, transparent 14px);\n }\n .how-step {\n padding: 0 20px;\n text-align: center;\n position: relative;\n }\n .step-num {\n width: 72px; height: 72px;\n border-radius: 50%;\n background: var(--white);\n border: 2px solid var(--teal-primary);\n display: flex; align-items: center; justify-content: center;\n margin: 0 auto 24px;\n position: relative;\n z-index: 1;\n }\n .step-num-inner {\n font-family: var(--font-display);\n font-size: 22px;\n font-weight: 700;\n color: var(--teal-primary);\n }\n .how-step:first-child .step-num { background: var(--teal-primary); }\n .how-step:first-child .step-num-inner { color: var(--white); }\n .how-step h4 {\n font-family: var(--font-display);\n font-size: 17px;\n font-weight: 600;\n color: var(--teal-deep);\n margin-bottom: 10px;\n }\n .how-step p {\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.7;\n }\n\n \/* \u2500\u2500 PRODUCTS PREVIEW \u2500\u2500 *\/\n #products-preview {\n background: var(--white);\n }\n .products-header {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n gap: 24px;\n margin-bottom: 48px;\n }\n .products-header .section-subtitle { margin-bottom: 0; }\n .see-all {\n font-size: 14px;\n font-weight: 600;\n color: var(--teal-primary);\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n white-space: nowrap;\n flex-shrink: 0;\n padding: 8px 0;\n border-bottom: 1px solid transparent;\n transition: border-color 0.2s;\n }\n .see-all:hover { border-bottom-color: var(--teal-primary); }\n .products-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 28px;\n max-width: 760px;\n }\n .product-card {\n border-radius: 14px;\n overflow: hidden;\n border: 1px solid var(--border);\n background: var(--cream);\n transition: transform 0.25s, box-shadow 0.25s;\n cursor: pointer;\n }\n .product-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 16px 40px rgba(0,139,139,0.12);\n }\n .product-img {\n aspect-ratio: 3\/2;\n background: var(--teal-light);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 52px;\n position: relative;\n overflow: hidden;\n }\n .product-img::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n -45deg,\n transparent, transparent 6px,\n rgba(0,139,139,0.06) 6px, rgba(0,139,139,0.06) 7px\n );\n }\n .product-img span { position: relative; z-index: 1; }\n .product-img-2 { background: linear-gradient(135deg, #e0f7f7 0%, #c8f0e8 100%); }\n .product-img-3 { background: linear-gradient(135deg, #fff8dc 0%, #ffe8a0 100%); }\n .product-img-4 { background: linear-gradient(135deg, #f0f8e8 0%, #d8eec0 100%); }\n .product-img-5 { background: linear-gradient(135deg, #f8f0ff 0%, #e8d0f8 100%); }\n .product-badge {\n position: absolute;\n top: 10px; left: 10px;\n font-size: 10px;\n font-weight: 600;\n padding: 3px 8px;\n border-radius: 20px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .badge-new { background: var(--gold); color: var(--teal-deep); }\n .badge-popular { background: var(--teal-primary); color: var(--white); }\n .product-body {\n padding: 20px 20px 22px;\n }\n .product-body h4 {\n font-family: var(--font-display);\n font-size: 18px;\n font-weight: 600;\n color: var(--teal-deep);\n margin-bottom: 6px;\n line-height: 1.3;\n }\n .product-body p {\n font-size: 14px;\n color: var(--text-muted);\n line-height: 1.5;\n margin-bottom: 12px;\n }\n .product-price {\n font-size: 14px;\n font-weight: 600;\n color: var(--teal-primary);\n }\n\n \/* \u2500\u2500 WHY US \u2500\u2500 *\/\n #why {\n background: var(--teal-deep);\n position: relative;\n overflow: hidden;\n }\n #why::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 90% 10%, rgba(255,215,0,0.06) 0%, transparent 50%),\n radial-gradient(circle at 10% 90%, rgba(0,206,209,0.08) 0%, transparent 50%);\n pointer-events: none;\n }\n #why .section-eyebrow { color: var(--gold); }\n #why .section-eyebrow::before { background: var(--gold); }\n #why .section-title { color: var(--white); }\n #why .section-subtitle { color: rgba(255,255,255,0.6); }\n .why-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n margin-top: 60px;\n align-items: center;\n }\n .why-features {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n }\n .why-feat {\n padding: 24px;\n border: 1px solid rgba(0,206,209,0.2);\n border-radius: 12px;\n background: rgba(0,139,139,0.12);\n transition: border-color 0.2s, background 0.2s;\n }\n .why-feat:hover {\n border-color: rgba(255,215,0,0.4);\n background: rgba(0,139,139,0.2);\n }\n .feat-icon {\n font-size: 26px;\n margin-bottom: 12px;\n display: block;\n }\n .why-feat h4 {\n font-size: 15px;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 8px;\n }\n .why-feat p {\n font-size: 13px;\n color: rgba(255,255,255,0.55);\n line-height: 1.65;\n }\n .why-showcase {\n position: relative;\n }\n .showcase-main {\n background: rgba(0,139,139,0.2);\n border: 1px solid rgba(0,206,209,0.25);\n border-radius: 20px;\n padding: 40px;\n text-align: center;\n }\n .showcase-rings {\n width: 140px; height: 140px;\n margin: 0 auto 24px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .ring {\n position: absolute;\n border-radius: 50%;\n border: 1.5px solid rgba(0,206,209,0.3);\n }\n .ring-1 { width: 100%; height: 100%; }\n .ring-2 { width: 75%; height: 75%; border-color: rgba(255,215,0,0.3); }\n .ring-3 { width: 50%; height: 50%; border-color: rgba(0,206,209,0.4); }\n .ring-center {\n width: 60px; height: 60px;\n background: var(--gold);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 26px;\n position: relative;\n z-index: 1;\n }\n .showcase-main h3 {\n font-family: var(--font-display);\n font-size: 22px;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 10px;\n }\n .showcase-main p {\n font-size: 14px;\n color: rgba(255,255,255,0.6);\n line-height: 1.7;\n margin-bottom: 28px;\n }\n .showcase-stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n border-top: 1px solid rgba(0,206,209,0.2);\n padding-top: 24px;\n }\n .s-stat .s-num {\n font-family: var(--font-display);\n font-size: 26px;\n font-weight: 700;\n color: var(--gold);\n display: block;\n }\n .s-stat .s-label {\n font-size: 11px;\n color: rgba(255,255,255,0.5);\n margin-top: 4px;\n }\n\n \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\n #testimonials {\n background: var(--cream);\n }\n .testi-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-top: 56px;\n }\n .testi-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 28px;\n position: relative;\n }\n .testi-card::before {\n content: '\"';\n position: absolute;\n top: 16px; right: 22px;\n font-family: var(--font-display);\n font-size: 60px;\n line-height: 1;\n color: var(--teal-light);\n font-weight: 700;\n }\n .testi-stars {\n display: flex;\n gap: 3px;\n margin-bottom: 14px;\n }\n .star { color: var(--gold); font-size: 14px; }\n .testi-card p {\n font-size: 14px;\n color: var(--text-mid);\n line-height: 1.75;\n margin-bottom: 20px;\n font-style: italic;\n }\n .testi-author {\n display: flex;\n align-items: center;\n gap: 12px;\n border-top: 1px solid var(--border);\n padding-top: 16px;\n }\n .author-avatar {\n width: 40px; height: 40px;\n border-radius: 50%;\n background: var(--teal-primary);\n display: flex; align-items: center; justify-content: center;\n font-size: 14px;\n font-weight: 600;\n color: var(--white);\n flex-shrink: 0;\n }\n .author-name {\n font-size: 14px;\n font-weight: 600;\n color: var(--teal-deep);\n }\n .author-role {\n font-size: 12px;\n color: var(--text-muted);\n }\n\n \/* \u2500\u2500 CTA BANNER \u2500\u2500 *\/\n .cta-banner {\n background: var(--teal-primary);\n padding: 80px 32px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .cta-banner::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image:\n radial-gradient(circle at 20% 50%, rgba(255,255,255,0.05) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(0,206,209,0.15) 0%, transparent 50%);\n pointer-events: none;\n }\n .cta-banner-inner { max-width: 700px; margin: 0 auto; position: relative; z-index: 1; }\n .cta-banner h2 {\n font-family: var(--font-display);\n font-size: clamp(28px, 3.5vw, 42px);\n font-weight: 700;\n color: var(--white);\n margin-bottom: 16px;\n }\n .cta-banner p {\n font-size: 16px;\n color: rgba(255,255,255,0.75);\n margin-bottom: 36px;\n line-height: 1.7;\n }\n .cta-banner .btn-primary { font-size: 16px; padding: 16px 40px; }\n .cta-banner .btn-outline { border-color: rgba(255,255,255,0.4); }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--teal-deep);\n padding: 60px 32px 32px;\n border-top: 1px solid rgba(0,206,209,0.15);\n }\n .footer-inner {\n max-width: 1200px;\n margin: 0 auto;\n }\n .footer-top {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 48px;\n padding-bottom: 48px;\n border-bottom: 1px solid rgba(0,206,209,0.12);\n margin-bottom: 32px;\n }\n .footer-brand p {\n font-size: 14px;\n color: rgba(255,255,255,0.5);\n line-height: 1.75;\n margin-top: 16px;\n max-width: 280px;\n }\n .footer-social {\n display: flex;\n gap: 10px;\n margin-top: 24px;\n }\n .soc-btn {\n width: 34px; height: 34px;\n border-radius: 8px;\n background: rgba(0,206,209,0.1);\n border: 1px solid rgba(0,206,209,0.2);\n display: flex; align-items: center; justify-content: center;\n font-size: 14px;\n text-decoration: none;\n color: rgba(255,255,255,0.7);\n transition: background 0.2s, border-color 0.2s;\n }\n .soc-btn:hover {\n background: rgba(255,215,0,0.15);\n border-color: rgba(255,215,0,0.4);\n color: var(--gold);\n }\n .footer-col h5 {\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 18px;\n }\n .footer-col ul { list-style: none; }\n .footer-col ul li { margin-bottom: 10px; }\n .footer-col ul a {\n font-size: 14px;\n color: rgba(255,255,255,0.55);\n text-decoration: none;\n transition: color 0.2s;\n }\n .footer-col ul a:hover { color: var(--teal-bright); }\n .footer-bottom {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n flex-wrap: wrap;\n }\n .footer-bottom p {\n font-size: 13px;\n color: rgba(255,255,255,0.35);\n }\n .footer-bottom a {\n color: rgba(255,255,255,0.35);\n text-decoration: none;\n }\n .footer-bottom a:hover { color: var(--teal-bright); }\n\n \/* \u2500\u2500 MOBILE \u2500\u2500 *\/\n @media (max-width: 1024px) {\n .services-grid { grid-template-columns: 1fr 1fr; }\n .footer-top { grid-template-columns: 1fr 1fr; gap: 36px; }\n }\n\n @media (max-width: 768px) {\n section { padding: 72px 20px; }\n .hero-inner { grid-template-columns: 1fr; gap: 40px; padding: 60px 20px; }\n .hero-visual { display: none; }\n .services-grid { grid-template-columns: 1fr; }\n .how-grid { grid-template-columns: 1fr 1fr; gap: 40px; }\n .how-grid::before { display: none; }\n .testi-grid { grid-template-columns: 1fr; }\n .why-grid { grid-template-columns: 1fr; }\n .why-features { grid-template-columns: 1fr; }\n .footer-top { grid-template-columns: 1fr; gap: 28px; }\n .nav-links { display: none; }\n .hamburger { display: flex; }\n .trust-inner { justify-content: center; }\n .products-header { flex-direction: column; align-items: flex-start; }\n .nav-cta { display: none; }\n .showcase-stats { grid-template-columns: 1fr 1fr; }\n }\n\n @media (max-width: 480px) {\n .hero-actions { flex-direction: column; }\n .products-grid { grid-template-columns: 1fr; }\n .how-grid { grid-template-columns: 1fr; }\n .why-features { gap: 16px; }\n .footer-bottom { flex-direction: column; text-align: center; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n * { transition: none !important; animation: none !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-inner\">\n <a href=\"\/\" class=\"nav-logo\" aria-label=\"Sukoon DigiPrints home\">\n <div class=\"logo-mark\" aria-hidden=\"true\">S<\/div>\n <div class=\"logo-text\">\n <strong>Sukoon<\/strong>\n <span>DigiPrints<\/span>\n <\/div>\n <\/a>\n <ul class=\"nav-links\" role=\"list\">\n <li><a href=\"#\" aria-current=\"page\">Home<\/a><\/li>\n <li><a href=\"services.html\">Services<\/a><\/li>\n <li><a href=\"products.html\">Products<\/a><\/li>\n <li><a href=\"blog.html\">Blog<\/a><\/li>\n <li><a href=\"contact.html\">Contact us<\/a><\/li>\n <li><a href=\"contact.html\" class=\"nav-cta\">Get a quote<\/a><\/li>\n <\/ul>\n <button class=\"hamburger\" aria-label=\"Open menu\" aria-expanded=\"false\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/div>\n<\/nav>\n\n\n<section class=\"hero\" aria-label=\"Hero section\">\n <div class=\"hero-bg-pattern\" aria-hidden=\"true\"><\/div>\n <div class=\"hero-fabric-lines\" aria-hidden=\"true\"><\/div>\n <div class=\"hero-inner\">\n <div>\n <div class=\"hero-eyebrow\">Custom Fabric Printing<\/div>\n <h1>Your vision,<br>printed on <em>every thread<\/em><\/h1>\n <p class=\"hero-desc\">\n From a single custom tee to bulk uniform orders \u2014 we print directly on your fabric or supply premium cloth. Your design, your cloth, your <em style=\"color:var(--gold);font-style:normal;\">Sukoon<\/em>.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"contact.html\" class=\"btn-primary\">\n Start your order\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/a>\n <a href=\"services.html\" class=\"btn-outline\">Explore services<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual\" aria-hidden=\"true\">\n <div class=\"hero-card-stack\">\n <div class=\"hcard hcard-back\"><\/div>\n <div class=\"hcard hcard-front\">\n <div class=\"hcard-img-area\">\n <div class=\"print-icon\">\ud83d\udda8\ufe0f<\/div>\n <\/div>\n <div class=\"hcard-info\">\n <div class=\"hcard-info-label\">Ready to print<\/div>\n <div class=\"hcard-info-title\">Custom T-shirt Print<\/div>\n <div class=\"hcard-info-sub\">Digital \u00b7 Fabric-safe ink<\/div>\n <\/div>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat-num\">500+<\/div>\n <div class=\"stat-label\">Happy clients<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"trust-bar\" role=\"complementary\" aria-label=\"Key features\">\n <div class=\"trust-inner\">\n <div class=\"trust-item\"><div class=\"trust-icon\" aria-hidden=\"true\">\u2705<\/div> Single piece orders accepted<\/div>\n <div class=\"trust-item\"><div class=\"trust-icon\" aria-hidden=\"true\">\ud83d\udc55<\/div> We supply fabric or print on yours<\/div>\n <div class=\"trust-item\"><div class=\"trust-icon\" aria-hidden=\"true\">\ud83d\udce6<\/div> Bulk & wholesale pricing<\/div>\n <div class=\"trust-item\"><div class=\"trust-icon\" aria-hidden=\"true\">\u26a1<\/div> Fast turnaround<\/div>\n <div class=\"trust-item\"><div class=\"trust-icon\" aria-hidden=\"true\">\ud83c\udfa8<\/div> Full custom design support<\/div>\n <\/div>\n<\/div>\n\n\n<section id=\"services\" aria-labelledby=\"services-title\">\n <div class=\"section-inner\">\n <div class=\"section-eyebrow\">What we do<\/div>\n <h2 class=\"section-title\" id=\"services-title\">Print services built<br>around your needs<\/h2>\n <p class=\"section-subtitle\">Whether it’s one piece or a thousand, we handle every print with the same care.<\/p>\n <div class=\"services-grid\">\n <div class=\"service-card featured\">\n <div class=\"service-icon\" aria-hidden=\"true\">\ud83d\udda8\ufe0f<\/div>\n <h3>Custom Digital Printing<\/h3>\n <p>Bring any design to life with vibrant, durable digital prints on fabric. You provide the design, we do the rest \u2014 or we design from scratch together.<\/p>\n <div class=\"service-tag-list\">\n <span class=\"service-tag\">DTF Printing<\/span>\n <span class=\"service-tag\">DTG Printing<\/span>\n <span class=\"service-tag\">All fabrics<\/span>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\" aria-hidden=\"true\">\ud83d\udc55<\/div>\n <h3>Client Fabric Printing<\/h3>\n <p>Already have your cloth? Send it to us. We’ll print your desired designs directly on your fabric with precision and care.<\/p>\n <div class=\"service-tag-list\">\n <span class=\"service-tag\">Your cloth<\/span>\n <span class=\"service-tag\">Any design<\/span>\n <span class=\"service-tag\">Careful handling<\/span>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\" aria-hidden=\"true\">\ud83c\udfed<\/div>\n <h3>Bulk & Uniform Orders<\/h3>\n <p>Corporate uniforms, event merchandise, team jerseys \u2014 we scale effortlessly for bulk orders with consistent quality across every piece.<\/p>\n <div class=\"service-tag-list\">\n <span class=\"service-tag\">50+ pieces<\/span>\n <span class=\"service-tag\">Wholesale rates<\/span>\n <span class=\"service-tag\">Consistent quality<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"text-align:center; margin-top:36px;\">\n <a href=\"services.html\" class=\"btn-primary\" style=\"display:inline-flex;\">\n View all services\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"how\" aria-labelledby=\"how-title\">\n <div class=\"section-inner\">\n <div style=\"text-align:center;\">\n <div class=\"section-eyebrow\" style=\"justify-content:center;\">How it works<\/div>\n <h2 class=\"section-title\" id=\"how-title\" style=\"text-align:center; margin: 0 auto 12px;\">From idea to your hands<br>in 4 simple steps<\/h2>\n <p class=\"section-subtitle\" style=\"text-align:center; margin: 0 auto;\">No complicated process. Just share your vision and we take it from there.<\/p>\n <\/div>\n <div class=\"how-grid\">\n <div class=\"how-step\">\n <div class=\"step-num\"><span class=\"step-num-inner\">01<\/span><\/div>\n <h4>Share your design<\/h4>\n <p>Send us your artwork, logo, or idea. Our team will review and confirm print readiness.<\/p>\n <\/div>\n <div class=\"how-step\">\n <div class=\"step-num\"><span class=\"step-num-inner\">02<\/span><\/div>\n <h4>Choose fabric & quantity<\/h4>\n <p>Select from our fabric catalog or send your own cloth. Single piece or bulk \u2014 both are welcome.<\/p>\n <\/div>\n <div class=\"how-step\">\n <div class=\"step-num\"><span class=\"step-num-inner\">03<\/span><\/div>\n <h4>We print & quality check<\/h4>\n <p>Your order goes into production. Every piece is inspected before it leaves our floor.<\/p>\n <\/div>\n <div class=\"how-step\">\n <div class=\"step-num\"><span class=\"step-num-inner\">04<\/span><\/div>\n <h4>Delivered to you<\/h4>\n <p>Securely packed and dispatched. We handle shipping right to your doorstep.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"products-preview\" aria-labelledby=\"products-title\">\n <div class=\"section-inner\">\n <div class=\"products-header\">\n <div>\n <div class=\"section-eyebrow\">Ready to buy<\/div>\n <h2 class=\"section-title\" id=\"products-title\">Our ready-made collection<\/h2>\n <p class=\"section-subtitle\">Explore our in-stock printed pieces \u2014 available for immediate purchase.<\/p>\n <\/div>\n <a href=\"products.html\" class=\"see-all\">View full catalog \u2192<\/a>\n <\/div>\n <div class=\"products-grid\">\n <div class=\"product-card\" tabindex=\"0\" role=\"article\">\n <div class=\"product-img product-img-3\">\n <span aria-hidden=\"true\">\ud83d\udecd\ufe0f<\/span>\n <span class=\"product-badge badge-popular\">Popular<\/span>\n <\/div>\n <div class=\"product-body\">\n <h4>Tote Bags<\/h4>\n <p>Eco canvas, custom print on both sides<\/p>\n <div class=\"product-price\">Get in touch for pricing<\/div>\n <\/div>\n <\/div>\n <div class=\"product-card\" tabindex=\"0\" role=\"article\">\n <div class=\"product-img product-img-2\">\n <span aria-hidden=\"true\">\ud83e\uddf4<\/span>\n <span class=\"product-badge badge-new\">New<\/span>\n <\/div>\n <div class=\"product-body\">\n <h4>Wash Bags<\/h4>\n <p>Printed travel & toiletry pouches<\/p>\n <div class=\"product-price\">Get in touch for pricing<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"margin-top: 40px; border: 1.5px dashed rgba(0,139,139,0.35); border-radius: 14px; padding: 32px 36px; background: var(--teal-light); display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;\">\n <div>\n <div style=\"display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--teal-primary); margin-bottom:8px;\">\n <span style=\"display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 3px rgba(255,215,0,0.25);\" aria-hidden=\"true\"><\/span>\n Coming soon\n <\/div>\n <p style=\"font-family:var(--font-display); font-size:20px; font-weight:600; color:var(--teal-deep); margin:0 0 6px;\">More products on the way<\/p>\n <p style=\"font-size:14px; color:var(--text-mid); margin:0; line-height:1.6;\">We’re expanding our ready-made catalog \u2014 printed tees, caps, scarves, and more are launching soon. Stay tuned!<\/p>\n <\/div>\n <a href=\"contact.html\" class=\"btn-primary\" style=\"white-space:nowrap; flex-shrink:0;\">\n Notify me\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"why\" aria-labelledby=\"why-title\">\n <div class=\"section-inner\" style=\"position:relative;z-index:1;\">\n <div class=\"why-grid\">\n <div>\n <div class=\"section-eyebrow\">Why Sukoon<\/div>\n <h2 class=\"section-title\" id=\"why-title\">Printing you can trust,<br>every single time<\/h2>\n <p class=\"section-subtitle\">We’re not a factory \u2014 we’re your printing partner. Every order gets personal attention.<\/p>\n <div class=\"why-features\" style=\"margin-top:40px;\">\n <div class=\"why-feat\">\n <span class=\"feat-icon\" aria-hidden=\"true\">\ud83c\udfaf<\/span>\n <h4>Pixel-perfect prints<\/h4>\n <p>Color accuracy from screen to fabric \u2014 what you design is what you get.<\/p>\n <\/div>\n <div class=\"why-feat\">\n <span class=\"feat-icon\" aria-hidden=\"true\">\ud83d\udce6<\/span>\n <h4>Single or bulk<\/h4>\n <p>No minimum order. One piece is as welcome as ten thousand.<\/p>\n <\/div>\n <div class=\"why-feat\">\n <span class=\"feat-icon\" aria-hidden=\"true\">\ud83e\uddf5<\/span>\n <h4>Fabric flexibility<\/h4>\n <p>Use ours or bring your own \u2014 cotton, polyester, silk, canvas and more.<\/p>\n <\/div>\n <div class=\"why-feat\">\n <span class=\"feat-icon\" aria-hidden=\"true\">\u23f1\ufe0f<\/span>\n <h4>On-time delivery<\/h4>\n <p>We quote a timeline and stick to it. Bulk orders planned in advance.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"why-showcase\">\n <div class=\"showcase-main\">\n <div class=\"showcase-rings\" aria-hidden=\"true\">\n <div class=\"ring ring-1\"><\/div>\n <div class=\"ring ring-2\"><\/div>\n <div class=\"ring ring-3\"><\/div>\n <div class=\"ring-center\">\ud83d\udda8\ufe0f<\/div>\n <\/div>\n <h3>The Sukoon Promise<\/h3>\n <p>Premium ink, premium fabric, premium care. Every print is a reflection of our reputation \u2014 and yours.<\/p>\n <div class=\"showcase-stats\">\n <div class=\"s-stat\">\n <span class=\"s-num\">500+<\/span>\n <div class=\"s-label\">Clients served<\/div>\n <\/div>\n <div class=\"s-stat\">\n <span class=\"s-num\">10K+<\/span>\n <div class=\"s-label\">Pieces printed<\/div>\n <\/div>\n <div class=\"s-stat\">\n <span class=\"s-num\">4.9\u2605<\/span>\n <div class=\"s-label\">Avg. rating<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"testimonials\" aria-labelledby=\"testi-title\">\n <div class=\"section-inner\">\n <div style=\"text-align:center; margin-bottom:0;\">\n <div class=\"section-eyebrow\" style=\"justify-content:center;\">What clients say<\/div>\n <h2 class=\"section-title\" id=\"testi-title\" style=\"text-align:center; margin: 0 auto 12px;\">Real prints, real praise<\/h2>\n <\/div>\n <div class=\"testi-grid\">\n <div class=\"testi-card\">\n <div class=\"testi-stars\" aria-label=\"5 stars\">\n <span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span>\n <\/div>\n <p>Ordered 200 event tees for our college fest \u2014 every single piece was perfect. The colours matched our design exactly and delivery was two days early!<\/p>\n <div class=\"testi-author\">\n <div class=\"author-avatar\" aria-hidden=\"true\">RP<\/div>\n <div>\n <div class=\"author-name\">Rahul Patel<\/div>\n <div class=\"author-role\">Event Organiser, Jaipur<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"testi-stars\" aria-label=\"5 stars\">\n <span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span>\n <\/div>\n <p>I sent my own silk fabric for a saree border print \u2014 they handled it with such care. The detail was incredible. Sukoon is now my go-to for all custom work.<\/p>\n <div class=\"testi-author\">\n <div class=\"author-avatar\" style=\"background:var(--teal-bright); color:var(--teal-deep);\" aria-hidden=\"true\">SM<\/div>\n <div>\n <div class=\"author-name\">Sunita Mehta<\/div>\n <div class=\"author-role\">Fashion Designer, Delhi<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"testi-stars\" aria-label=\"5 stars\">\n <span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span><span class=\"star\" aria-hidden=\"true\">\u2605<\/span>\n <\/div>\n <p>We get our restaurant staff uniforms printed here every season. Consistent quality, great pricing on bulk, and the team is always super responsive on WhatsApp.<\/p>\n <div class=\"testi-author\">\n <div class=\"author-avatar\" style=\"background:var(--gold); color:var(--teal-deep);\" aria-hidden=\"true\">AK<\/div>\n <div>\n <div class=\"author-name\">Anil Kumar<\/div>\n <div class=\"author-role\">Restaurant Owner, Jaipur<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"cta-banner\" role=\"complementary\" aria-label=\"Call to action\">\n <div class=\"cta-banner-inner\">\n <h2>Ready to print something<br>you’ll be proud of?<\/h2>\n <p>Tell us your idea \u2014 one piece or a full bulk run. We’ll get back to you within 24 hours with a quote and timeline.<\/p>\n <div style=\"display:flex; gap:16px; justify-content:center; flex-wrap:wrap;\">\n <a href=\"contact.html\" class=\"btn-primary\">Get a free quote<\/a>\n <a href=\"services.html\" class=\"btn-outline\">See all services<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n\n<footer>\n <div class=\"footer-inner\">\n <div class=\"footer-top\">\n <div class=\"footer-brand\">\n <a href=\"\/\" class=\"nav-logo\" style=\"margin-bottom:4px;\" aria-label=\"Sukoon DigiPrints home\">\n <div class=\"logo-mark\" aria-hidden=\"true\">S<\/div>\n <div class=\"logo-text\">\n <strong>Sukoon<\/strong>\n <span>DigiPrints<\/span>\n <\/div>\n <\/a>\n <p>Your trusted partner for custom fabric printing. Single orders, bulk runs, and ready-made pieces \u2014 all under one roof.<\/p>\n <div class=\"footer-social\" aria-label=\"Social media links\">\n <a href=\"#\" class=\"soc-btn\" aria-label=\"Instagram\">\ud83d\udcf7<\/a>\n <a href=\"#\" class=\"soc-btn\" aria-label=\"WhatsApp\">\ud83d\udcac<\/a>\n <a href=\"#\" class=\"soc-btn\" aria-label=\"Facebook\">\ud83d\udcd8<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-col\">\n <h5>Pages<\/h5>\n <ul>\n <li><a href=\"#\">Home<\/a><\/li>\n <li><a href=\"services.html\">Services<\/a><\/li>\n <li><a href=\"products.html\">Products<\/a><\/li>\n <li><a href=\"blog.html\">Blog<\/a><\/li>\n <li><a href=\"contact.html\">Contact us<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>Services<\/h5>\n <ul>\n <li><a href=\"services.html\">Digital printing<\/a><\/li>\n <li><a href=\"services.html\">Bulk orders<\/a><\/li>\n <li><a href=\"services.html\">Client fabric printing<\/a><\/li>\n <li><a href=\"services.html\">Uniform printing<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>Contact<\/h5>\n <ul>\n <li><a href=\"mailto:hello@sukoondigiprints.com\">hello@sukoondigiprints.com<\/a><\/li>\n <li><a href=\"tel:+91XXXXXXXXXX\">+91 XXXX XXX XXX<\/a><\/li>\n <li><a href=\"contact.html\">Send enquiry<\/a><\/li>\n <li><a href=\"#\">sukoondigiprints.com<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2024 Sukoon DigiPrints. All rights reserved.<\/p>\n <p><a href=\"#\">Privacy policy<\/a> \u00b7 <a href=\"#\">Terms of use<\/a><\/p>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n const hamburger = document.querySelector('.hamburger');\n const navLinks = document.querySelector('.nav-links');\n hamburger && hamburger.addEventListener('click', () => {\n const open = navLinks.style.display === 'flex';\n navLinks.style.display = open ? 'none' : 'flex';\n navLinks.style.flexDirection = 'column';\n navLinks.style.position = 'absolute';\n navLinks.style.top = '68px';\n navLinks.style.left = '0';\n navLinks.style.right = '0';\n navLinks.style.background = 'rgba(13,59,59,0.98)';\n navLinks.style.padding = '16px 32px 24px';\n navLinks.style.gap = '20px';\n hamburger.setAttribute('aria-expanded', open ? 'false' : 'true');\n });\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n const target = document.querySelector(a.getAttribute('href'));\n if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth' }); }\n });\n });\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.service-card, .product-card, .testi-card, .why-feat, .how-step').forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(20px)';\n el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n observer.observe(el);\n });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Sukoon DigiPrints \u2014 Custom Fabric Printing S Sukoon DigiPrints Home Services Products Blog Contact us Get a quote Custom Fabric…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":4,"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/sukoondigiprints.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}