{"product_id":"form","title":"form","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026display=swap');\n\n  .kog-page *, .kog-page *::before, .kog-page *::after { margin:0; padding:0; box-sizing:border-box; }\n  .kog-page { font-family:'Inter',system-ui,-apple-system,sans-serif; background:#0A1628; color:#fff; overflow-x:hidden; -webkit-font-smoothing:antialiased; }\n  .kog-page img { max-width:100%; display:block; }\n  .kog-page a { text-decoration:none; color:inherit; }\n  .kog-page button { border:none; background:none; cursor:pointer; font-family:inherit; }\n\n  :root { --b:#1565C0; --bd:#0D47A1; --m:#E91E63; --md:#C2185B; --g:#FFD700; --dk:#0A1628; --dkl:#0f1d35; --cr:#F8F9FA; --w:#ffffff; --gy:#6B7280; --br:rgba(255,255,255,0.08); }\n\n  @keyframes kf { from{opacity:0;transform:translateY(30px);} to{opacity:1;transform:translateY(0);} }\n  @keyframes kp { 0%,100%{box-shadow:0 0 0 0 rgba(233,30,99,0.4);} 50%{box-shadow:0 0 20px 4px rgba(233,30,99,0.2);} }\n  @keyframes ks { 0%{background-position:-200% center;}100%{background-position:200% center;} }\n\n  .kog-section { width:100%; padding:60px 16px; }\n  .kog-container { max-width:480px; margin:0 auto; }\n\n  \/* NAV *\/\n  .kog-nav { position:fixed; top:0; left:0; right:0; z-index:9999; background:rgba(13,71,161,0.95); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid rgba(255,255,255,0.06); padding:12px 16px; display:flex; align-items:center; justify-content:space-between; }\n  .kog-nav-logo { display:flex; align-items:center; gap:6px; font-weight:800; font-size:13px; letter-spacing:0.08em; color:#fff; }\n  .kog-nav-logo svg { width:22px; height:22px; }\n  .kog-nav-logo .x { color:var(--g); font-style:italic; font-family:Georgia,serif; }\n  .kog-nav-cta { background:var(--m); color:#fff; font-size:12px; font-weight:700; padding:8px 18px; border-radius:100px; letter-spacing:0.03em; animation:kp 2s ease-in-out infinite; }\n\n  \/* HERO VIDEO *\/\n  .kog-hero-video { position:relative; width:100%; aspect-ratio:16\/9; background:#000; overflow:hidden; border-radius:0 0 20px 20px; }\n  .kog-hero-video iframe { width:100%; height:100%; border:none; }\n  .kog-video-overlay { position:absolute; inset:0; background:linear-gradient(to bottom,transparent 40%,rgba(10,22,40,0.9) 100%); pointer-events:none; }\n\n  \/* HERO CONTENT *\/\n  .kog-hero { padding:32px 16px 48px; text-align:center; position:relative; }\n  .kog-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at center top,rgba(21,101,192,0.15) 0%,transparent 70%); pointer-events:none; }\n  .kog-hero-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(255,215,0,0.1); border:1px solid rgba(255,215,0,0.25); color:var(--g); font-size:10px; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; padding:6px 14px; border-radius:100px; margin-bottom:20px; opacity:0; animation:kf 0.7s ease forwards 0.3s; }\n  .kog-hero h1 { font-size:32px; font-weight:800; line-height:1.1; letter-spacing:-0.03em; margin-bottom:16px; opacity:0; animation:kf 0.8s ease forwards 0.5s; }\n  .kog-hero h1 .hi { background:linear-gradient(90deg,var(--g),#fff,var(--g)); background-size:200% auto; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; animation:ks 3s linear infinite; }\n  .kog-hero p { font-size:15px; color:rgba(255,255,255,0.6); line-height:1.65; max-width:360px; margin:0 auto 24px; opacity:0; animation:kf 0.8s ease forwards 0.7s; }\n  .kog-btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--m); color:#fff; font-size:14px; font-weight:700; padding:16px 32px; border-radius:100px; width:100%; max-width:340px; opacity:0; animation:kf 0.8s ease forwards 0.9s, kp 2.5s ease-in-out infinite 1.5s; }\n  .kog-btn-secondary { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1.5px solid rgba(255,255,255,0.15); color:rgba(255,255,255,0.7); font-size:14px; font-weight:600; padding:14px 32px; border-radius:100px; width:100%; max-width:340px; margin-top:12px; transition:all 0.3s; opacity:0; animation:kf 0.8s ease forwards 1.1s; }\n  .kog-btn-secondary:hover { border-color:rgba(255,255,255,0.4); color:#fff; }\n  .kog-trust { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:28px; opacity:0; animation:kf 0.8s ease forwards 1.3s; }\n  .kog-trust-item { display:flex; align-items:center; gap:4px; font-size:11px; color:rgba(255,255,255,0.4); font-weight:500; }\n  .kog-trust-item svg { width:13px; height:13px; }\n\n  \/* LABELS *\/\n  .kog-label { font-size:11px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--g); margin-bottom:10px; display:block; }\n  .kog-section h2 { font-size:28px; font-weight:800; line-height:1.15; letter-spacing:-0.02em; margin-bottom:10px; }\n  .kog-section .kog-container \u003e p { font-size:14px; color:var(--gy); line-height:1.6; margin-bottom:28px; }\n\n  \/* SERVICES *\/\n  .kog-services { background:var(--w); color:#1a1a1a; }\n  .kog-services h2 { color:#111; }\n  .kog-service-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }\n  .kog-service-card { background:#fff; border:1.5px solid #e5e7eb; border-radius:14px; padding:16px; text-align:left; position:relative; transition:all 0.3s ease; opacity:0; transform:translateY(20px); }\n  .kog-service-card.vis { opacity:1; transform:translateY(0); }\n  .kog-service-card:active { transform:scale(0.97); }\n  .kog-service-icon { width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:10px; }\n  .kog-service-icon svg { width:20px; height:20px; }\n  .kog-service-card h3 { font-size:13px; font-weight:700; color:#111; margin-bottom:4px; }\n  .kog-service-card p { font-size:11px; color:var(--gy); line-height:1.5; }\n  .kog-check { position:absolute; top:10px; right:10px; width:20px; height:20px; border-radius:50%; border:2px solid #d1d5db; display:flex; align-items:center; justify-content:center; transition:all 0.2s; }\n  .kog-check svg { width:10px; height:10px; opacity:0; transition:opacity 0.2s; }\n  .kog-service-card.sel { border-color:var(--b); background:rgba(21,101,192,0.04); box-shadow:0 0 0 1px var(--b), 0 4px 12px rgba(21,101,192,0.1); }\n  .kog-service-card.sel .kog-check { background:var(--b); border-color:var(--b); }\n  .kog-service-card.sel .kog-check svg { opacity:1; }\n\n  \/* VIDEO REEL *\/\n  .kog-reel { background:var(--dk); padding:48px 16px; }\n  .kog-reel-box { position:relative; width:100%; aspect-ratio:16\/9; border-radius:16px; overflow:hidden; border:1px solid rgba(255,215,0,0.15); box-shadow:0 20px 60px rgba(0,0,0,0.5); }\n  .kog-reel-box iframe { width:100%; height:100%; border:none; }\n\n  \/* PORTFOLIO *\/\n  .kog-portfolio { background:var(--cr); color:#111; }\n  .kog-portfolio h2 { color:#111; }\n  .kog-portfolio-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }\n  .kog-port-card { aspect-ratio:1; border-radius:14px; position:relative; overflow:hidden; opacity:0; transform:scale(0.95) translateY(20px); transition:all 0.5s ease; }\n  .kog-port-card.vis { opacity:1; transform:scale(1) translateY(0); }\n  .kog-port-card .l { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:80px; font-weight:900; color:rgba(255,255,255,0.12); font-family:Georgia,serif; }\n  .kog-port-card .c { position:absolute; top:12px; left:12px; font-size:9px; font-weight:700; letter-spacing:0.08em; color:rgba(255,255,255,0.65); text-transform:uppercase; }\n  .kog-port-card .n { position:absolute; bottom:12px; left:12px; right:12px; font-size:13px; font-weight:700; color:#fff; line-height:1.3; }\n\n  \/* TESTIMONIALS *\/\n  .kog-testis { background:var(--cr); color:#111; padding-bottom:48px; }\n  .kog-testis h2 { color:#111; text-align:center; }\n  .kog-testi-label { text-align:center; }\n  .kog-testi-label .kog-label { display:inline-block; }\n  .kog-stars { display:flex; justify-content:center; gap:2px; margin:8px 0 24px; }\n  .kog-star { color:var(--g); font-size:16px; }\n  .kog-testi-card { background:#fff; border-radius:16px; padding:24px; margin-bottom:12px; box-shadow:0 2px 12px rgba(0,0,0,0.04); border:1px solid #e5e7eb; opacity:0; transform:translateY(20px); transition:all 0.5s ease; }\n  .kog-testi-card.vis { opacity:1; transform:translateY(0); }\n  .kog-testi-quote { font-size:28px; line-height:1; color:var(--b); opacity:0.2; margin-bottom:4px; }\n  .kog-testi-stars { display:flex; gap:2px; margin-bottom:10px; }\n  .kog-testi-stars span { color:var(--g); font-size:12px; }\n  .kog-testi-text { font-size:14px; color:#374151; line-height:1.65; margin-bottom:16px; font-style:italic; }\n  .kog-testi-author { display:flex; align-items:center; gap:10px; }\n  .kog-testi-avatar { width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:14px; }\n  .kog-testi-name { font-size:14px; font-weight:700; color:#111; }\n  .kog-testi-role { font-size:12px; color:var(--gy); }\n  .kog-stats { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; margin-top:32px; padding-top:24px; border-top:1px solid #e5e7eb; text-align:center; }\n  .kog-stat-value { font-size:24px; font-weight:800; color:#111; line-height:1; }\n  .kog-stat-label { font-size:10px; color:var(--gy); text-transform:uppercase; letter-spacing:0.06em; margin-top:4px; font-weight:600; }\n\n  \/* CALENDLY *\/\n  .kog-cal { background:var(--dk); text-align:center; position:relative; }\n  .kog-cal::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at center,rgba(21,101,192,0.1) 0%,transparent 70%); pointer-events:none; }\n  .kog-urgency { display:inline-block; background:rgba(233,30,99,0.12); border:1px solid rgba(233,30,99,0.25); color:var(--m); font-size:12px; font-weight:600; padding:8px 18px; border-radius:100px; margin:12px 0 24px; }\n  .kog-cal-box { background:#fff; border-radius:16px; padding:32px 24px; position:relative; z-index:1; }\n  .kog-cal-box h3 { font-size:18px; font-weight:700; color:#111; margin-bottom:6px; }\n  .kog-cal-box p { font-size:13px; color:var(--gy); margin-bottom:20px; line-height:1.5; }\n  .kog-cal-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--m); color:#fff; font-size:14px; font-weight:700; padding:16px 32px; border-radius:100px; width:100%; animation:kp 2.5s ease-in-out infinite; }\n  .kog-cal-trust { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; margin-top:24px; }\n  .kog-cal-trust span { font-size:11px; color:rgba(255,255,255,0.45); display:flex; align-items:center; gap:5px; }\n\n  \/* FAQ *\/\n  .kog-faq { background:#fff; color:#111; }\n  .kog-faq h2 { color:#111; }\n  .kog-faq-item { border-bottom:1px solid #e5e7eb; opacity:0; transform:translateY(12px); transition:all 0.4s ease; }\n  .kog-faq-item.vis { opacity:1; transform:translateY(0); }\n  .kog-faq-q { display:flex; align-items:center; justify-content:space-between; padding:16px 0; font-size:14px; font-weight:600; color:#111; text-align:left; width:100%; gap:12px; }\n  .kog-faq-icon { width:20px; height:20px; flex-shrink:0; transition:transform 0.3s ease; color:var(--gy); }\n  .kog-faq-item.open .kog-faq-icon { transform:rotate(45deg); }\n  .kog-faq-a { max-height:0; overflow:hidden; transition:max-height 0.35s ease, padding 0.35s ease; }\n  .kog-faq-item.open .kog-faq-a { max-height:200px; padding-bottom:16px; }\n  .kog-faq-a p { font-size:13px; color:var(--gy); line-height:1.65; }\n\n  \/* FOOTER *\/\n  .kog-footer { background:var(--dk); padding:40px 16px 24px; border-top:1px solid var(--br); }\n  .kog-footer-logo { display:flex; align-items:center; gap:6px; font-weight:800; font-size:13px; letter-spacing:0.08em; color:#fff; margin-bottom:6px; }\n  .kog-footer-logo .x { color:var(--g); font-style:italic; font-family:Georgia,serif; }\n  .kog-footer-tag { font-size:12px; color:rgba(255,255,255,0.4); margin-bottom:20px; }\n  .kog-footer-links { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:24px; }\n  .kog-footer-links a { font-size:13px; color:rgba(255,255,255,0.5); padding:4px 0; transition:color 0.2s; }\n  .kog-footer-links a:hover { color:var(--g); }\n  .kog-footer-bottom { border-top:1px solid var(--br); padding-top:16px; text-align:center; }\n  .kog-footer-bottom p { font-size:11px; color:rgba(255,255,255,0.3); }\n  .kog-db { margin-top:8px; font-size:10px; color:rgba(255,255,255,0.25); }\n\u003c\/style\u003e\n\n\u003cdiv class=\"kog-page\"\u003e\n\n  \u003c!-- NAV --\u003e\n  \u003cnav class=\"kog-nav\"\u003e\n    \u003cdiv class=\"kog-nav-logo\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M5 16L9 5L12 11L15 5L19 16\" stroke=\"#FFD700\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"4\" r=\"2\" fill=\"#FFD700\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n      KING OF GRAPH\u003cspan class=\"x\"\u003eX\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003ca href=\"#book\" class=\"kog-nav-cta\"\u003eBook a Call\u003c\/a\u003e\n  \u003c\/nav\u003e\n\n  \u003c!-- HERO VIDEO (AUTPLAY) --\u003e\n  \u003cdiv style=\"height:52px;\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"kog-hero-video\"\u003e\n    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ?autoplay=1\u0026amp;mute=1\u0026amp;loop=1\u0026amp;playlist=dQw4w9WgXcQ\u0026amp;controls=0\u0026amp;modestbranding=1\u0026amp;playsinline=1\u0026amp;rel=0\" title=\"King of Graphx Reel\" allow=\"autoplay; encrypted-media; picture-in-picture\" loading=\"eager\"\u003e\u003c\/iframe\u003e\n    \u003cdiv class=\"kog-video-overlay\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- HERO CONTENT --\u003e\n  \u003csection class=\"kog-hero\"\u003e\n    \u003cdiv class=\"kog-hero-badge\"\u003e\n      \u003csvg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M5 16L9 5L12 11L15 5L19 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"4\" r=\"2\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n      Creative Design Studio\n    \u003c\/div\u003e\n    \u003ch1\u003eDesign That Makes Your Brand \u003cspan class=\"hi\"\u003eUnforgettable\u003c\/span\u003e\n\u003c\/h1\u003e\n    \u003cp\u003eWe create visual identities, social media content, and brand assets that stop the scroll and drive conversions.\u003c\/p\u003e\n    \u003ca href=\"#book\" class=\"kog-btn-primary\"\u003e\n      Book a Free Call\n      \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 12h14M12 5l7 7-7 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/a\u003e\n    \u003ca href=\"#work\" class=\"kog-btn-secondary\"\u003eSee Our Work\u003c\/a\u003e\n    \u003cdiv class=\"kog-trust\"\u003e\n      \u003cdiv class=\"kog-trust-item\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        100+ Brands Launched\n      \u003c\/div\u003e\n      \u003cdiv class=\"kog-trust-item\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        Workstream Featured\n      \u003c\/div\u003e\n      \u003cdiv class=\"kog-trust-item\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M5 16L9 5L12 11L15 5L19 16\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        5 Star Rated Studio\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SERVICES --\u003e\n  \u003csection class=\"kog-section kog-services\" id=\"services\"\u003e\n    \u003cdiv class=\"kog-container\"\u003e\n      \u003cspan class=\"kog-label\"\u003eSelect Your Services\u003c\/span\u003e\n      \u003ch2\u003eWhat We Create\u003c\/h2\u003e\n      \u003cp\u003eChoose one or more services you need. Mix and match to create your perfect package.\u003c\/p\u003e\n      \u003cdiv class=\"kog-service-grid\"\u003e\n        \u003cdiv class=\"kog-service-card\" data-svc=\"motion\"\u003e\n          \u003cdiv class=\"kog-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 12l5 5L20 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cdiv class=\"kog-service-icon\" style=\"background:#E3F2FD;\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#1565C0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003ch3\u003eAI Motion Flyer\u003c\/h3\u003e\n          \u003cp\u003eAnimated event promos that hit different\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"kog-service-card\" data-svc=\"music\"\u003e\n          \u003cdiv class=\"kog-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 12l5 5L20 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cdiv class=\"kog-service-icon\" style=\"background:#FCE4EC;\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#E91E63\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M9 18V5l12-2v13\"\u003e\u003c\/path\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"3\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"16\" r=\"3\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003ch3\u003eAI Music Video\u003c\/h3\u003e\n          \u003cp\u003eFull visuals for your sound\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"kog-service-card\" data-svc=\"promo\"\u003e\n          \u003cdiv class=\"kog-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 12l5 5L20 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cdiv class=\"kog-service-icon\" style=\"background:#FFF3E0;\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF9800\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolygon points=\"5 3 19 12 5 21 5 3\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003ch3\u003eAI Promo Video\u003c\/h3\u003e\n          \u003cp\u003eProduct ads built to sell\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"kog-service-card\" data-svc=\"web\"\u003e\n          \u003cdiv class=\"kog-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 12l5 5L20 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cdiv class=\"kog-service-icon\" style=\"background:#E8F5E9;\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#4CAF50\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\u003e\u003c\/line\u003e\u003cpath 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\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003ch3\u003eWeb Design\u003c\/h3\u003e\n          \u003cp\u003ePremium sites that convert\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"kog-service-card\" data-svc=\"models\"\u003e\n          \u003cdiv class=\"kog-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 12l5 5L20 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cdiv class=\"kog-service-icon\" style=\"background:#F3E5F5;\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#9C27B0\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"7\" r=\"4\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003ch3\u003eAI Product Models\u003c\/h3\u003e\n          \u003cp\u003eAI-generated model photography\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"kog-service-card\" data-svc=\"photo\"\u003e\n          \u003cdiv class=\"kog-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 12l5 5L20 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cdiv class=\"kog-service-icon\" style=\"background:#E0F7FA;\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#00BCD4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"13\" r=\"4\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003ch3\u003ePhotography\u003c\/h3\u003e\n          \u003cp\u003eProfessional shoots \u0026amp; editing\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"kog-service-card\" data-svc=\"logo\"\u003e\n          \u003cdiv class=\"kog-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 12l5 5L20 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cdiv class=\"kog-service-icon\" style=\"background:#FFEBEE;\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#F44336\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 19l7-7 3 3-7 7-3-3z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 2l7.586 7.586\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003ch3\u003eLogo Design\u003c\/h3\u003e\n          \u003cp\u003eCustom logos \u0026amp; brand marks\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"kog-service-card\" data-svc=\"motion2\"\u003e\n          \u003cdiv class=\"kog-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 12l5 5L20 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cdiv class=\"kog-service-icon\" style=\"background:#FFF8E1;\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8F00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2.18\" ry=\"2.18\"\u003e\u003c\/rect\u003e\u003cline x1=\"7\" y1=\"2\" x2=\"7\" y2=\"22\"\u003e\u003c\/line\u003e\u003cline x1=\"17\" y1=\"2\" x2=\"17\" y2=\"22\"\u003e\u003c\/line\u003e\u003cline x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"2\" y1=\"7\" x2=\"7\" y2=\"7\"\u003e\u003c\/line\u003e\u003cline x1=\"2\" y1=\"17\" x2=\"7\" y2=\"17\"\u003e\u003c\/line\u003e\u003cline x1=\"17\" y1=\"17\" x2=\"22\" y2=\"17\"\u003e\u003c\/line\u003e\u003cline x1=\"17\" y1=\"7\" x2=\"22\" y2=\"7\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003ch3\u003eMotion Graphics\u003c\/h3\u003e\n          \u003cp\u003eAnimations \u0026amp; video content\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"kog-service-card\" data-svc=\"aicontent\" style=\"grid-column: 1 \/ -1;\"\u003e\n          \u003cdiv class=\"kog-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M5 12l5 5L20 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003cdiv class=\"kog-service-icon\" style=\"background:#ECEFF1;\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#607D8B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\u003c\/div\u003e\n          \u003ch3\u003eAI Content Bundle\u003c\/h3\u003e\n          \u003cp\u003eAI flyers, promo videos \u0026amp; social content - all-in-one package\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- VIDEO REEL --\u003e\n  \u003csection class=\"kog-reel\" id=\"video\"\u003e\n    \u003cdiv class=\"kog-container\"\u003e\n      \u003cspan class=\"kog-label\" style=\"text-align:center;display:block;\"\u003eStudio Reel\u003c\/span\u003e\n      \u003ch2 style=\"text-align:center;margin-bottom:20px;\"\u003eWatch Our Work\u003c\/h2\u003e\n      \u003cdiv class=\"kog-reel-box\"\u003e\n        \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ?autoplay=1\u0026amp;mute=1\u0026amp;loop=1\u0026amp;playlist=dQw4w9WgXcQ\u0026amp;controls=0\u0026amp;modestbranding=1\u0026amp;playsinline=1\u0026amp;rel=0\" title=\"Studio Reel\" allow=\"autoplay; encrypted-media; picture-in-picture\" loading=\"lazy\"\u003e\u003c\/iframe\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PORTFOLIO --\u003e\n  \u003csection class=\"kog-section kog-portfolio\" id=\"work\"\u003e\n    \u003cdiv class=\"kog-container\"\u003e\n      \u003cspan class=\"kog-label\"\u003eSelected Work\u003c\/span\u003e\n      \u003ch2\u003eOur Work Speaks for Itself\u003c\/h2\u003e\n      \u003cp\u003eBrands we've reshaped, products we've launched, and stories we've helped tell.\u003c\/p\u003e\n      \u003cdiv class=\"kog-portfolio-grid\"\u003e\n        \u003cdiv class=\"kog-port-card\" style=\"background:#1565C0;\"\u003e\n\u003cdiv class=\"l\"\u003eB\u003c\/div\u003e\n\u003cdiv class=\"c\"\u003eBrand Identity\u003c\/div\u003e\n\u003cdiv class=\"n\"\u003eBloom Co. Rebrand\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"kog-port-card\" style=\"background:#E91E63;\"\u003e\n\u003cdiv class=\"l\"\u003eP\u003c\/div\u003e\n\u003cdiv class=\"c\"\u003eSocial Media\u003c\/div\u003e\n\u003cdiv class=\"n\"\u003ePulse Agency Campaign\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"kog-port-card\" style=\"background:#4CAF50;\"\u003e\n\u003cdiv class=\"l\"\u003eN\u003c\/div\u003e\n\u003cdiv class=\"c\"\u003ePackaging\u003c\/div\u003e\n\u003cdiv class=\"n\"\u003eNori Packaging\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"kog-port-card\" style=\"background:#FF9800;\"\u003e\n\u003cdiv class=\"l\"\u003eA\u003c\/div\u003e\n\u003cdiv class=\"c\"\u003ePitch Deck\u003c\/div\u003e\n\u003cdiv class=\"n\"\u003eAurora Investor Deck\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"kog-port-card\" style=\"background:#9C27B0;\"\u003e\n\u003cdiv class=\"l\"\u003eE\u003c\/div\u003e\n\u003cdiv class=\"c\"\u003eWeb \u0026amp; UI\u003c\/div\u003e\n\u003cdiv class=\"n\"\u003eEcho Studio Website\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"kog-port-card\" style=\"background:#00BCD4;\"\u003e\n\u003cdiv class=\"l\"\u003eV\u003c\/div\u003e\n\u003cdiv class=\"c\"\u003ePrint\u003c\/div\u003e\n\u003cdiv class=\"n\"\u003eVerdant Print Series\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- TESTIMONIALS --\u003e\n  \u003csection class=\"kog-section kog-testis\"\u003e\n    \u003cdiv class=\"kog-container\"\u003e\n      \u003cdiv class=\"kog-testi-label\"\u003e\n        \u003cspan class=\"kog-label\"\u003eClient Stories\u003c\/span\u003e\n        \u003ch2\u003eWhat Our Clients Say\u003c\/h2\u003e\n        \u003cdiv class=\"kog-stars\"\u003e\n\u003cspan class=\"kog-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"kog-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"kog-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"kog-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"kog-star\"\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"kog-testi-card\"\u003e\n        \u003cdiv class=\"kog-testi-quote\"\u003e“\u003c\/div\u003e\n        \u003cdiv class=\"kog-testi-stars\"\u003e\n\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cp class=\"kog-testi-text\"\u003eWorking with this team transformed our brand completely. Our engagement doubled after the rebrand - I couldn't be happier.\u003c\/p\u003e\n        \u003cdiv class=\"kog-testi-author\"\u003e\n\u003cdiv class=\"kog-testi-avatar\" style=\"background:#1565C0;\"\u003eS\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"kog-testi-name\"\u003eSarah M.\u003c\/div\u003e\n\u003cdiv class=\"kog-testi-role\"\u003eFounder, Bloom \u0026amp; Co.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"kog-testi-card\"\u003e\n        \u003cdiv class=\"kog-testi-quote\"\u003e“\u003c\/div\u003e\n        \u003cdiv class=\"kog-testi-stars\"\u003e\n\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cp class=\"kog-testi-text\"\u003eHands down the most thoughtful design partner we've ever worked with. They made us look at our business in a whole new light.\u003c\/p\u003e\n        \u003cdiv class=\"kog-testi-author\"\u003e\n\u003cdiv class=\"kog-testi-avatar\" style=\"background:#E91E63;\"\u003eM\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"kog-testi-name\"\u003eMarcus T.\u003c\/div\u003e\n\u003cdiv class=\"kog-testi-role\"\u003eCEO, Pulse Agency\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"kog-testi-card\"\u003e\n        \u003cdiv class=\"kog-testi-quote\"\u003e“\u003c\/div\u003e\n        \u003cdiv class=\"kog-testi-stars\"\u003e\n\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\u003cspan\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cp class=\"kog-testi-text\"\u003eOur packaging launch was the smoothest project we've run in five years. Every detail was considered, every deadline hit.\u003c\/p\u003e\n        \u003cdiv class=\"kog-testi-author\"\u003e\n\u003cdiv class=\"kog-testi-avatar\" style=\"background:#4CAF50;\"\u003eA\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"kog-testi-name\"\u003eAiko N.\u003c\/div\u003e\n\u003cdiv class=\"kog-testi-role\"\u003eBrand Director, Nori\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"kog-stats\"\u003e\n        \u003cdiv\u003e\n\u003cdiv class=\"kog-stat-value\" data-count=\"4.9\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"kog-stat-label\"\u003eRating\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdiv class=\"kog-stat-value\" data-count=\"200\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"kog-stat-label\"\u003eProjects\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cdiv class=\"kog-stat-value\" data-count=\"98\"\u003e0\u003c\/div\u003e\n\u003cdiv class=\"kog-stat-label\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CALENDLY --\u003e\n  \u003csection class=\"kog-section kog-cal\" id=\"book\"\u003e\n    \u003cdiv class=\"kog-container\"\u003e\n      \u003cspan class=\"kog-label\"\u003eBook a Discovery Call\u003c\/span\u003e\n      \u003ch2\u003eBook Your Free Design Call\u003c\/h2\u003e\n      \u003cp style=\"color:rgba(255,255,255,0.55);\"\u003eSchedule a 30-minute discovery call. Tell us about your project and let's see how we can bring your vision to life.\u003c\/p\u003e\n      \u003cdiv class=\"kog-urgency\"\u003e⚡ Only a few spots available this week\u003c\/div\u003e\n      \u003cdiv class=\"kog-cal-box\"\u003e\n        \u003ch3\u003e30 Minute Discovery Call\u003c\/h3\u003e\n        \u003cp\u003eSchedule a time that works for you. We'll discuss your project and how we can help.\u003c\/p\u003e\n        \u003ca href=\"https:\/\/calendly.com\/kingofgraphx\/30min\" target=\"_blank\" class=\"kog-cal-btn\"\u003e\n          \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003crect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n          Schedule on Calendly\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kog-cal-trust\"\u003e\n        \u003cspan\u003e🕑 30-minute call\u003c\/span\u003e\n        \u003cspan\u003e✅ 100% free\u003c\/span\u003e\n        \u003cspan\u003e🔒 Secure booking\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FAQ --\u003e\n  \u003csection class=\"kog-section kog-faq\" id=\"faq\"\u003e\n    \u003cdiv class=\"kog-container\"\u003e\n      \u003cspan class=\"kog-label\"\u003eFAQ\u003c\/span\u003e\n      \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n      \u003cp\u003eEverything you need to know about working with us.\u003c\/p\u003e\n\n      \u003cdiv class=\"kog-faq-item open\"\u003e\n        \u003cbutton class=\"kog-faq-q\"\u003eHow does the booking process work?\n          \u003csvg class=\"kog-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"kog-faq-a\"\u003e\u003cp\u003eBook a free 30-minute call via Calendly. We'll discuss your project, timeline, and budget, then send a tailored proposal within 24 hours.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kog-faq-item\"\u003e\n        \u003cbutton class=\"kog-faq-q\"\u003eWhat information do I need before booking?\n          \u003csvg class=\"kog-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"kog-faq-a\"\u003e\u003cp\u003eJust a rough idea of what you're looking for and your timeline. We'll guide you through everything else on the call.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kog-faq-item\"\u003e\n        \u003cbutton class=\"kog-faq-q\"\u003eHow long does a project take?\n          \u003csvg class=\"kog-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"kog-faq-a\"\u003e\u003cp\u003eMost projects are delivered within 5-10 business days. Rush delivery is available for an additional fee.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kog-faq-item\"\u003e\n        \u003cbutton class=\"kog-faq-q\"\u003eDo you offer revisions?\n          \u003csvg class=\"kog-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"kog-faq-a\"\u003e\u003cp\u003eYes, every project includes 2 rounds of revisions. Additional revisions can be added to your package.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kog-faq-item\"\u003e\n        \u003cbutton class=\"kog-faq-q\"\u003eWhat are your rates?\n          \u003csvg class=\"kog-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"kog-faq-a\"\u003e\u003cp\u003eOur packages start at just $15 for logos and scale based on project complexity. We offer custom quotes for larger projects.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kog-faq-item\"\u003e\n        \u003cbutton class=\"kog-faq-q\"\u003eCan I see more portfolio work?\n          \u003csvg class=\"kog-faq-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"kog-faq-a\"\u003e\u003cp\u003eAbsolutely! During our discovery call, we'll share relevant case studies based on your project needs.\u003c\/p\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FOOTER --\u003e\n  \u003cfooter class=\"kog-footer\" id=\"contact\"\u003e\n    \u003cdiv class=\"kog-container\"\u003e\n      \u003cdiv class=\"kog-footer-logo\"\u003e\n        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpath d=\"M5 16L9 5L12 11L15 5L19 16\" stroke=\"#FFD700\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"4\" r=\"2\" fill=\"#FFD700\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n        KING OF GRAPH\u003cspan class=\"x\"\u003eX\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"kog-footer-tag\"\u003ePremium creative agency. Design that commands attention.\u003c\/p\u003e\n      \u003cdiv class=\"kog-footer-links\"\u003e\n        \u003ca href=\"#services\"\u003eServices\u003c\/a\u003e\n        \u003ca href=\"#work\"\u003ePortfolio\u003c\/a\u003e\n        \u003ca href=\"#book\"\u003eBook a Call\u003c\/a\u003e\n        \u003ca href=\"#faq\"\u003eFAQ\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kog-footer-bottom\"\u003e\n        \u003cp\u003e© 2025 King of Graphx. All rights reserved.\u003c\/p\u003e\n        \u003cp class=\"kog-db\"\u003eMade with Digital Brandz - Leaders in Web Design \u0026amp; Instagram Marketing\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/footer\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  'use strict';\n\n  \/\/ Scroll reveal\n  var revealEls = document.querySelectorAll('.kog-service-card, .kog-port-card, .kog-testi-card, .kog-faq-item');\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if(entry.isIntersecting){ entry.target.classList.add('vis'); obs.unobserve(entry.target); }\n    });\n  }, {threshold: 0.1, rootMargin: '0px 0px -30px 0px'});\n  revealEls.forEach(function(el){ obs.observe(el); });\n\n  \/\/ Stagger\n  document.querySelectorAll('.kog-service-card').forEach(function(c,i){ c.style.transitionDelay = (i*0.05)+'s'; });\n  document.querySelectorAll('.kog-port-card').forEach(function(c,i){ c.style.transitionDelay = (i*0.08)+'s'; });\n\n  \/\/ Service selection\n  document.querySelectorAll('.kog-service-card').forEach(function(card){\n    card.addEventListener('click', function(){ this.classList.toggle('sel'); });\n  });\n\n  \/\/ FAQ\n  document.querySelectorAll('.kog-faq-q').forEach(function(btn){\n    btn.addEventListener('click', function(){\n      var item = this.closest('.kog-faq-item');\n      var wasOpen = item.classList.contains('open');\n      document.querySelectorAll('.kog-faq-item').forEach(function(f){ f.classList.remove('open'); });\n      if(!wasOpen) item.classList.add('open');\n    });\n  });\n\n  \/\/ Counters\n  var counters = document.querySelectorAll('.kog-stat-value');\n  var cobs = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if(entry.isIntersecting){\n        var el = entry.target, target = parseFloat(el.dataset.count), isDec = target%1!==0;\n        var current = 0, step = target\/40;\n        var timer = setInterval(function(){\n          current += step;\n          if(current \u003e= target){ current = target; clearInterval(timer); }\n          el.textContent = isDec ? current.toFixed(1) : Math.round(current);\n        }, 40);\n        cobs.unobserve(el);\n      }\n    });\n  }, {threshold: 0.5});\n  counters.forEach(function(c){ cobs.observe(c); });\n\n  \/\/ Smooth scroll\n  document.querySelectorAll('a[href^=\"#\"]').forEach(function(link){\n    link.addEventListener('click', function(e){\n      var id = this.getAttribute('href');\n      if(id === '#') return;\n      var target = document.querySelector(id);\n      if(target){ e.preventDefault(); target.scrollIntoView({behavior:'smooth', block:'start'}); }\n    });\n  });\n\n  \/\/ Nav scroll\n  var nav = document.querySelector('.kog-nav');\n  window.addEventListener('scroll', function(){\n    nav.style.background = window.scrollY \u003e 100 ? 'rgba(10,22,40,0.98)' : 'rgba(13,71,161,0.95)';\n  }, {passive: true});\n})();\n\u003c\/script\u003e","brand":"KingOfGraphx","offers":[{"title":"Default Title","offer_id":45495094607926,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/kingofgraphx.com\/products\/form","provider":"KingOfGraphx","version":"1.0","type":"link"}