1<!DOCTYPE html><!--9NhHZ_spTInatPwpUxGtc--><html lang="en" class="mondwest_9fb25bcf-module__PSSEla__variable sohne_9281e297-module__V__b0q__variable sohnemono_3ec4f9f6-module__Fp9n4G__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/Mondwest_Bold-s.p.28fa6fca.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Mondwest_Regular-s.p.f125b64c.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/soehne_buch-s.p.0ed4b2a9.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/soehne_buch_kursiv-s.p.f21dc890.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/soehne_halbfett-s.p.26acbf4c.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/soehne_mono_buch-s.p.54162402.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/fonts/soehne-buch.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="/fonts/TiemposText-Regular.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="/fonts/Mondwest-Regular.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/2becb7c2ca8294f9.css?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/305bfb3311b10e81.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/>
1<script src="/_next/static/chunks/814e1f49e2fe1f68.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS" async=""></script>
1<script src="/_next/static/chunks/8717b2b5d730232b.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS" async=""></script>
1<script src="/_next/static/chunks/7aa29514708b57e7.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS" async=""></script>
1<script src="/_next/static/chunks/turbopack-7387da45d96ffa89.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS" async=""></script>
1<script src="/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS" async=""></script>
1<script src="/_next/static/chunks/0753f09c302e9460.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS" async=""></script>
1<script src="/_next/static/chunks/f2e3cd9afc1f1cab.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS" async=""></script>
1<script src="/_next/static/chunks/2fe242ee9de3ca67.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS" async=""></script>
1<script src="/_next/static/chunks/bb5b2a0ab3034413.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS" async=""></script>
1<script async="" src="https://app.humblytics.com/hmbl.min.js?id=7b53c5a"></script>
1<link rel="preload" href="/fonts/soehne-buch.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/fonts/TiemposText-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/fonts/Mondwest-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><meta name="next-size-adjust" content=""/><title>Oratory | Web Design Sprints for B2B Tech Startups</title><meta name="description" content="A specialized design studio helping B2B software startups look and feel like established players. Fixed pricing, delivered in 3-4 weeks."/><meta property="og:title" content="Oratory | Web Design for B2B Tech Startups"/><meta property="og:description" content="A specialized design studio helping B2B software startups look and feel like established players. Fixed pricing, delivered in 3-4 weeks."/><meta property="og:image" content="https://oratory.co/og-image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="627"/><meta property="og:image:alt" content="Oratory - Web design for B2B tech startups"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Oratory | Web Design for B2B Tech Startups"/><meta name="twitter:description" content="A specialized design studio helping B2B software startups look and feel like established players. Fixed pricing, delivered in 3-4 weeks."/><meta name="twitter:image" content="https://oratory.co/og-image.png"/><link rel="icon" href="/favicon.png"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS" noModule=""></script>
1</head><body class="grid-background overflow-x-clip"><div hidden=""><!--$--><!--/$--></div><a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-[10010] focus:px-4 focus:py-2 focus:bg-brand-blue focus:text-white focus:rounded-lg">Skip to main content</a><a href="https://www.moment.so/news/oratory-is-now-moment" target="_blank" rel="noopener noreferrer" class="block bg-gradient-to-b from-brand-blue-light to-brand-blue text-white text-center py-2.5 px-5 text-sm font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_1px_3px_rgba(16,65,214,0.3)] hover:opacity-90 transition-opacity" style="text-shadow:0 1px 1px rgba(10, 40, 140, 0.3)">Oratory is now MOMENT. Learn more â</a><nav class="px-[5%] top-0 left-0 right-0 z-[10002] transition-all duration-200 sticky py-5" style="background-color:transparent"><div class="max-w-container mx-auto flex justify-between items-center relative z-[10002]"><a class="flex items-center" aria-label="Oratory home" href="/"><svg width="120" height="32" viewBox="0 0 186 44" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.84375 15.5273C0.84375 14.7539 1.47055 14.1269 2.24375 14.1269H9.44374C10.2169 14.1269 10.8437 13.5 10.8437 12.7266V8.02536C10.8437 7.25196 11.4706 6.625 12.2437 6.625H29.4437C30.2169 6.625 30.8437 7.25196 30.8437 8.02536V12.7266C30.8437 13.5 31.4706 14.1269 32.2437 14.1269H39.4438C40.2169 14.1269 40.8438 14.7539 40.8438 15.5273V27.7305C40.8438 28.5039 40.2169 29.1308 39.4438 29.1308H32.2437C31.4706 29.1308 30.8437 29.7578 30.8437 30.5312V35.2324C30.8437 36.0058 30.2169 36.6328 29.4437 36.6328H12.2437C11.4706 36.6328 10.8437 36.0058 10.8437 35.2324V30.5312C10.8437 29.7578 10.2169 29.1308 9.44374 29.1308H2.24375C1.47055 29.1308 0.84375 28.5039 0.84375 27.7305V15.5273ZM10.8437 15.5273C10.8437 14.7539 11.4706 14.1269 12.2437 14.1269H29.4437C30.2169 14.1269 30.8437 14.7539 30.8437 15.5273V27.7305C30.8437 28.5039 30.2169 29.1308 29.4437 29.1308H12.2437C11.4706 29.1308 10.8437 28.5039 10.8437 27.7305V15.5273Z" fill="#111111"></path><path d="M176.996 38.0518C175.84 41.1334 174.067 43.252 169.867 43.252C168.904 43.252 168.634 43.2135 167.979 43.1364V39.2459C168.595 39.323 168.942 39.3615 169.52 39.3615C171.061 39.3615 171.794 38.9378 172.449 37.3199L173.219 35.4325L165.859 15.9414H170.715L175.685 30.1167L180.541 15.9414H185.319L176.996 38.0518Z" fill="#111111"></path><path d="M165.022 15.909V20.5314C164.444 20.4544 163.982 20.4159 163.327 20.4159C160.398 20.4159 158.163 22.3034 158.163 25.539V36.1705H153.539V15.9476H158.163V18.9521C159.049 17.0646 161.13 15.832 163.712 15.832C164.251 15.832 164.675 15.8705 165.022 15.909Z" fill="#111111"></path><path d="M150.326 26.0276C150.326 32.3064 146.28 36.5436 140.577 36.5436C134.874 36.5436 130.828 32.3064 130.828 26.0276C130.828 19.7489 134.874 15.5117 140.577 15.5117C146.28 15.5117 150.326 19.7489 150.326 26.0276ZM135.491 26.0276C135.491 30.1493 137.456 32.6531 140.577 32.6531C143.698 32.6531 145.664 30.1493 145.664 26.0276C145.664 21.906 143.698 19.4022 140.577 19.4022C137.456 19.4022 135.491 21.906 135.491 26.0276Z" fill="#111111"></path><path d="M120.079 31.0665V19.8572H117.266V15.9281H120.079V9.99607H124.626V15.9281H128.864V19.8572H124.626V30.3346C124.626 32.145 125.666 32.3376 127.323 32.3376C128.094 32.3376 128.517 32.2991 129.211 32.2221V36.1126C128.363 36.2667 127.207 36.3822 126.013 36.3822C122.159 36.3822 120.079 35.1881 120.079 31.0665Z" fill="#111111"></path><path d="M104.922 36.4665C101.069 36.4665 98.1016 34.1168 98.1016 30.4959C98.1016 26.644 100.992 24.9491 104.883 24.1402L110.471 22.9846V22.6379C110.471 20.7119 109.469 19.5178 107.003 19.5178C104.806 19.5178 103.65 20.5193 103.111 22.4838L98.7566 21.4823C99.7585 18.1311 102.726 15.5117 107.196 15.5117C112.051 15.5117 114.979 17.8229 114.979 22.4838V31.1893C114.979 32.3449 115.48 32.6916 116.752 32.5375V36.1199C113.399 36.5051 111.627 35.8502 110.933 34.1939C109.662 35.6191 107.542 36.4665 104.922 36.4665ZM110.471 28.9937V26.5284L106.117 27.4529C104.151 27.8766 102.687 28.4929 102.687 30.3033C102.687 31.8827 103.843 32.7686 105.616 32.7686C108.082 32.7686 110.471 31.4589 110.471 28.9937Z" fill="#111111"></path><path d="M97.3268 15.909V20.5314C96.7488 20.4544 96.2864 20.4159 95.6313 20.4159C92.7028 20.4159 90.4678 22.3034 90.4678 25.539V36.1705H85.8438V15.9476H90.4678V18.9521C91.3541 17.0646 93.4349 15.832 96.0167 15.832C96.5561 15.832 96.98 15.8705 97.3268 15.909Z" fill="#111111"></path><path d="M56.8438 22.3188C56.8438 13.9214 62.2385 8.06638 69.714 8.06638C77.1896 8.06638 82.5843 13.9214 82.5843 22.3188C82.5843 30.7161 77.1896 36.5711 69.714 36.5711C62.2385 36.5711 56.8438 30.7161 56.8438 22.3188ZM77.652 22.3188C77.652 16.3096 74.3766 12.4191 69.714 12.4191C65.0514 12.4191 61.7761 16.3096 61.7761 22.3188C61.7761 28.3279 65.0514 32.2184 69.714 32.2184C74.3766 32.2184 77.652 28.3279 77.652 22.3188Z" fill="#111111"></path></svg></a><div class="hidden md:flex items-center gap-8 absolute left-1/2 -translate-x-1/2"><a class="text-sm font-medium text-text-primary hover:opacity-60 transition-opacity" href="/work">Work</a><a class="text-sm font-medium text-text-primary hover:opacity-60 transition-opacity" href="/about">About</a><a class="text-sm font-medium text-text-primary hover:opacity-60 transition-opacity" href="/careers">Careers</a><a class="text-sm font-medium text-text-primary hover:opacity-60 transition-opacity" href="/pricing">Pricing</a><a href="/docs" target="_blank" rel="noopener noreferrer" class="text-sm font-medium text-text-primary hover:opacity-60 transition-opacity">Docs</a></div><a class="btn-primary !hidden md:!inline-flex" style="padding:0.375rem 0.75rem;font-size:14px" href="/meeting">
1Book a Call</a><div class="flex items-center gap-2 md:hidden"><a class="btn-primary transition-opacity duration-300 opacity-0 pointer-events-none" style="padding:0.375rem 0.75rem;font-size:13px" href="/meeting">Book a Call</a><button class="p-2 relative z-[10003] w-11 h-11 flex flex-col items-center justify-center gap-[5px] text-text-primary" aria-label="Toggle menu" type="button"><span class="block w-5 h-[2px] bg-current transition-all duration-300 ease-out origin-center "></span><span class="block w-5 h-[2px] bg-current transition-all duration-300 ease-out "></span><span class="block w-5 h-[2px] bg-current transition-all duration-300 ease-out origin-center "></span></button></div></div></nav><main id="main-content" class="overflow-x-clip"><section class="pt-10 md:pt-16 pb-0 px-[5%] overflow-x-clip overflow-y-visible grid-background-section"><div class="max-w-container mx-auto"><div class="grid grid-cols-1 lg:grid-cols-[500px_1fr] gap-8 lg:gap-16 items-end min-h-0 lg:min-h-[540px]"><div class="max-w-[500px] pb-0 self-center"><span class="label text-brand-blue mb-4 block">Web Design Sprints</span><div class="relative"><div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[540px] h-[130px] pointer-events-none z-[1]" style="background:radial-gradient(ellipse 100% 100% at 50% 50%, #FFFFFF 0%, transparent 70%);filter:blur(30px)"></div><h1 class="relative z-[2] font-serif text-[clamp(40px,5vw,54px)] font-normal leading-[1.08] tracking-[-0.02em] mb-6">We help B2B tech startups look like market leaders</h1></div><p class="text-[17px] leading-relaxed text-text-secondary mb-8">Refresh your website to tell a better story through a standout visual theme, strategic structure, and purpose-driven imagery. End with a polished homepage that truly reflects your productâand doesn't hold you back.</p><div class="flex flex-col sm:flex-row gap-3 mb-6"><a class="btn-primary w-full sm:w-auto justify-center" href="/meeting">Book a Call<span class="opacity-50">â</span></a><a class="btn-secondary w-full sm:w-auto justify-center" href="/work">See Work</a></div><div class="flex flex-col gap-2 pb-0 lg:pb-8"><div class=" flex items-center gap-2.5 text-sm text-text-secondary"><svg class="w-4 h-4 flex-shrink-0 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Fixed pricing from $12,000</span></div><div class=" flex items-center gap-2.5 text-sm text-text-secondary"><svg class="w-4 h-4 flex-shrink-0 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Launch in 3-4 weeks, not months</span></div><div class=" flex items-center gap-2.5 text-sm text-text-secondary"><svg class="w-4 h-4 flex-shrink-0 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Built for B2B SaaS companies</span></div></div></div><div class="relative h-[280px] sm:h-[380px] md:h-[450px] lg:h-auto self-end overflow-visible"><div class="absolute z-0 pointer-events-none hidden lg:block transition-opacity duration-1000 opacity-0" style="top:320px;left:-176px;width:350px;height:280px;opacity:0;transform:rotate(0deg);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blurOrig1' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blurOrig1)' fill='black' d='M35,70 Q20,35 60,20 Q110,0 150,40 Q175,70 165,105 Q155,140 110,145 Q60,150 35,115 Q15,90 35,70 Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blurOrig1' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blurOrig1)' fill='black' d='M35,70 Q20,35 60,20 Q110,0 150,40 Q175,70 165,105 Q155,140 110,145 Q60,150 35,115 Q15,90 35,70 Z'/%3E%3C/svg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div><div class="absolute z-0 pointer-events-none hidden lg:block transition-opacity duration-1000 opacity-0" style="bottom:50px;left:347px;width:500px;height:350px;opacity:0;transform:rotate(0deg);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blurOrig2' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blurOrig2)' fill='black' d='M30,75 Q10,40 50,25 Q100,5 140,30 Q180,55 190,90 Q195,120 160,130 Q120,145 80,125 Q40,105 30,75 Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blurOrig2' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blurOrig2)' fill='black' d='M30,75 Q10,40 50,25 Q100,5 140,30 Q180,55 190,90 Q195,120 160,130 Q120,145 80,125 Q40,105 30,75 Z'/%3E%3C/svg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div><div class="absolute z-0 pointer-events-none hidden lg:block transition-opacity duration-1000 opacity-0" style="top:95px;right:6px;width:239px;
1height:352px;opacity:0;transform:rotate(0deg);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blurOrig3' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blurOrig3)' fill='black' d='M25,80 Q15,45 55,25 Q105,0 155,35 Q185,60 180,100 Q175,135 130,140 Q80,145 45,115 Q20,95 25,80 Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blurOrig3' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blurOrig3)' fill='black' d='M25,80 Q15,45 55,25 Q105,0 155,35 Q185,60 180,100 Q175,135 130,140 Q80,145 45,115 Q20,95 25,80 Z'/%3E%3C/svg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div><div class="absolute z-[15] pointer-events-none hidden lg:block transition-opacity duration-1000 opacity-0" style="bottom:-115px;left:-283px;width:320px;height:250px;opacity:0;transform:rotate(0deg);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blur1' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blur1)' fill='black' d='M35,70 Q20,35 60,20 Q110,0 150,40 Q175,70 165,105 Q155,140 110,145 Q60,150 35,115 Q15,90 35,70 Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blur1' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blur1)' fill='black' d='M35,70 Q20,35 60,20 Q110,0 150,40 Q175,70 165,105 Q155,140 110,145 Q60,150 35,115 Q15,90 35,70 Z'/%3E%3C/svg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div><div class="absolute z-[15] pointer-events-none hidden lg:block transition-opacity duration-1000 opacity-0" style="bottom:-60px;left:80px;width:280px;height:220px;opacity:0;transform:rotate(0deg);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blur2' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blur2)' fill='black' d='M30,75 Q10,40 50,25 Q100,5 140,30 Q180,55 190,90 Q195,120 160,130 Q120,145 80,125 Q40,105 30,75 Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blur2' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blur2)' fill='black' d='M30,75 Q10,40 50,25 Q100,5 140,30 Q180,55 190,90 Q195,120 160,130 Q120,145 80,125 Q40,105 30,75 Z'/%3E%3C/svg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div><div class="absolute z-[15] pointer-events-none hidden lg:block transition-opacity duration-1000 opacity-0" style="bottom:-70px;left:320px;width:350px;height:260px;opacity:0;transform:rotate(0deg);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blur3' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blur3)' fill='black' d='M25,80 Q15,45 55,25 Q105,0 155,35 Q185,60 180,100 Q175,135 130,140 Q80,145 45,115 Q20,95 25,80 Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blur3' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blur3)' fill='black' d='M25,80 Q15,45 55,25 Q105,0 155,35 Q185,60 180,100 Q175,135 130,140 Q80,145 45,115 Q20,95 25,80 Z'/%3E%3C/svg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div><div class="absolute z-[15] pointer-events-none hidden lg:block transition-opacity duration-1000 opacity-0" style="bottom:-50px;right:150px;width:300px;height:230px;opacity:0;transform:rotate(0deg);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blur4' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blur4)' fill='black' d='M40,70 Q25,35 70,20 Q120,5 160,40 Q185,70 170,110 Q155,145 105,145 Q55,145 35,110 Q20,85 40,70 Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blur4' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blur4)' fill='black' d='M40,70 Q25,35 70,20 Q120,5 160,40 Q185,70 170,110 Q155,145 105,145 Q55,145 35,110 Q20,85 40,70 Z'/%3E%3C/svg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div><div class="absolute z-[15] pointer-events-none hidden lg:block transition-opacity duration-1000 opacity-0" style="bottom:-90px;right:-120px;width:340px;height:270px;opacity:0;transform:rotate(0deg);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blur5' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blur5)' fill='black' d='M30,80 Q15,45 60,25 Q110,5 155,40 Q185,70 175,110 Q165,145 115,145 Q60,145 35,110 Q15,85 30,80 Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='blur5' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23blur5)' fill='black' d='M30,80 Q15,45 60,25 Q110,5 155,40 Q185,70 175,110 Q165,145 115,145 Q60,145 35,110 Q15,85 30,80 Z'/%3E%3C/svg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div><div class="flex relative pt-0 lg:pt-8 justify-center lg:justify-start origin-top scale-50 sm:scale-75 md:scale-90 lg:scale-100 lg:[clip-path:inset(-200px_-500px_0_-500px)] z-[5]" style="perspective:1200px;perspective-origin:left center"><div class="relative flex-1 min-h-[420px]" style="perspective:1200px"><div class="absolute -bottom-[60px] sm:-bottom-[15px] md:bottom-0 lg:bottom-0 -left-32 right-0 lg:right-[-360px] h-[180px] pointer-events-none z-10" style="background:linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0.7) 60%, white 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(to bottom, transparent 0%, black 40%, black 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 40%, black 100%);opacity:1"></div><div class="absolute z-30 pointer-events-none scale-[2] lg:scale-100 origin-top-left" style="top:206px;
1left:441px;will-change:transform"><div class="" aria-hidden="true"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" style="transform:rotate(-25deg);filter:drop-shadow(0 1px 2px rgba(16, 65, 214, 0.4)) drop-shadow(0 2px 4px rgba(16, 65, 214, 0.2))"><defs><linearGradient id="blueGradient" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="#2255e8"></stop><stop offset="100%" stop-color="#1041d6"></stop></linearGradient></defs><path d="M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87c.48 0 .72-.58.38-.92L5.94 2.47a.5.5 0 0 0-.44.74Z" fill="url(#blueGradient)" stroke="white" stroke-width="1.5"></path></svg><span class="absolute left-4 top-3 px-1.5 py-0.5 text-white text-[11px] font-medium rounded whitespace-nowrap" style="background:linear-gradient(to bottom, #2255e8 0%, #1041d6 100%);box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(16, 65, 214, 0.8), 0 0 0 2px rgba(255, 255, 255, 0.4), 0 2px 4px rgba(16, 65, 214, 0.2), 0 4px 12px rgba(16, 65, 214, 0.25);text-shadow:0 1px 1px rgba(10, 40, 140, 0.3)">Designer</span></div></div><div class="absolute z-30 pointer-events-none scale-[2] lg:scale-100 origin-top-left" style="top:95px;left:200px;will-change:transform"><div class="" aria-hidden="true"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" style="transform:rotate(-25deg);filter:drop-shadow(0 1px 2px rgba(15, 23, 42, 0.15)) drop-shadow(0 2px 4px rgba(15, 23, 42, 0.1))"><defs><linearGradient id="whiteGradient" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="#ffffff"></stop><stop offset="100%" stop-color="#EFF2FA"></stop></linearGradient></defs><path d="M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87c.48 0 .72-.58.38-.92L5.94 2.47a.5.5 0 0 0-.44.74Z" fill="url(#whiteGradient)" stroke="#94A3B8" stroke-width="1"></path></svg><span class="absolute left-4 top-3 px-1.5 py-0.5 text-slate-700 text-[11px] font-medium rounded whitespace-nowrap" style="background:linear-gradient(to bottom, #ffffff 0%, #EFF2FA 100%);box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 0 0 0 1px rgba(148, 163, 184, 0.5), 0 0 0 2px rgba(255, 255, 255, 0.4), 0 2px 4px rgba(15, 23, 42, 0.08), 0 4px 12px rgba(15, 23, 42, 0.1)">Founder</span></div></div><div class="absolute z-30 pointer-events-none scale-[2] lg:scale-100 origin-top-left" style="top:247px;left:112px;will-change:transform"><div class="" aria-hidden="true"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" style="transform:rotate(-25deg);filter:drop-shadow(0 1px 2px rgba(15, 23, 42, 0.4)) drop-shadow(0 2px 4px rgba(15, 23, 42, 0.2))"><defs><linearGradient id="blackGradient" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="#334155"></stop><stop offset="100%" stop-color="#0F172A"></stop></linearGradient></defs><path d="M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87c.48 0 .72-.58.38-.92L5.94 2.47a.5.5 0 0 0-.44.74Z" fill="url(#blackGradient)" stroke="white" stroke-width="1.5"></path></svg><span class="absolute left-4 top-3 px-1.5 py-0.5 text-white text-[11px] font-medium rounded whitespace-nowrap" style="background:linear-gradient(to bottom, #334155 0%, #0F172A 100%);box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(15, 23, 42, 0.8), 0 0 0 2px rgba(255, 255, 255, 0.4), 0 2px 4px rgba(15, 23, 42, 0.2), 0 4px 12px rgba(15, 23, 42, 0.25);text-shadow:0 1px 1px rgba(0, 0, 0, 0.3)">Developer</span></div></div><div class="absolute bottom-[30px] left-[360px] -translate-x-1/2 pointer-events-none z-50 scale-[2] lg:hidden origin-bottom" style="width:280px;height:80px;background:radial-gradient(ellipse 100% 100% at 50% 0%, rgba(255, 255, 255, 0.16) 0%, transparent 70%);filter:blur(16px)"></div><div class="absolute bottom-[60px] left-[360px] -translate-x-1/2 z-40 flex lg:hidden items-center gap-1 px-2 py-1.5 rounded-lg scale-[2] origin-bottom" style="background:linear-gradient(to bottom, #334155 0%, #1e293b 100%);box-shadow:0 0 0 1px rgba(255, 255, 255, 0.08), 0 4px 12px rgba(15, 23, 42, 0.3), inset 0 1px 0 rgba(255,255,255,0.1)"><button type="button" aria-label="Move tool" class="w-7 h-7 flex items-center justify-center rounded-md cursor-pointer transition-colors hover:bg-white/10"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" style="transform:rotate(-25deg) translateY(-2px)" aria-hidden="true"><path d="M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87c.48 0 .72-.58.38-.92L5.94 2.47a.5.5 0 0 0-.44.74Z" fill="#94a3b8"></path></svg></button><button type="button" aria-label="Frame tool" class="w-7 h-7 flex items-center justify-center rounded-md cursor-pointer transition-colors hover:bg-white/10">
1<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.5" aria-hidden="true"><path d="M3 9V3h6M3 15v6h6M15 3h6v6M15 21h6v-6M9 3v18M15 3v18M3 9h18M3 15h18"></path></svg></button><button type="button" aria-label="Rectangle tool" class="w-7 h-7 flex items-center justify-center rounded-md cursor-pointer transition-colors hover:bg-white/10"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.5" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"></rect></svg></button><button type="button" aria-label="Pen tool" class="w-7 h-7 flex items-center justify-center rounded-md cursor-pointer transition-colors hover:bg-white/10"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.5" aria-hidden="true"><path d="M12 19l7-7 3 3-7 7-3-3z"></path><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path></svg></button><button type="button" aria-label="Text tool" class="w-7 h-7 flex items-center justify-center rounded-md cursor-pointer transition-colors hover:bg-white/10"><span class="text-sm font-semibold text-[#94a3b8]" aria-hidden="true">T</span></button><button type="button" aria-label="Comment tool" class="w-7 h-7 flex items-center justify-center rounded-md cursor-pointer transition-colors bg-brand-blue"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" aria-hidden="true"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z" stroke-linejoin="round"></path></svg></button><button type="button" aria-label="Components tool" class="w-7 h-7 flex items-center justify-center rounded-md cursor-pointer transition-colors hover:bg-white/10"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.5" aria-hidden="true"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect></svg></button></div><div class="absolute inset-0 pointer-events-none z-20"><div class="absolute left-1/2 -translate-x-1/2 pointer-events-none" style="top:-16px;width:128%;height:126%;background:radial-gradient(ellipse 100% 100% at 50% 0%, rgba(255, 255, 255, 0.5) 0%, transparent 70%);filter:blur(20px)"></div><div class="absolute bottom-0 left-1/2 -translate-x-1/2 pointer-events-none" style="width:119%;height:63%;background:radial-gradient(ellipse 100% 100% at 50% 100%, rgba(16, 65, 213, 0.5) 0%, transparent 70%);filter:blur(40px)"></div><div class="absolute left-1/2 -translate-x-1/2 pointer-events-none" style="bottom:-30%;width:97%;height:63%;background:radial-gradient(ellipse 100% 100% at 50% 100%, rgba(16, 65, 213, 0.5) 0%, transparent 70%);filter:blur(20px)"></div></div><div class="relative bg-white rounded-[16px] p-3 border border-[rgba(16,65,213,0.06)] w-[720px] flex flex-col" style="background-clip:padding-box;transition:transform 1s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 1s cubic-bezier(0.16, 1, 0.3, 1);transform:scale(1) rotateX(0deg) rotateY(0deg) translateY(0px);box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 2 0 0 0 1px rgba(16, 65, 213, 0.04), 3 0 8px 16px -4px rgba(16, 65, 213, 0.08), 4 0 24px 48px -12px rgba(16, 65, 213, 0.10), 5 0 48px 100px -20px rgba(16, 65, 213, 0.12), 6 0 80px 160px -40px rgba(16, 65, 213, 0.15), 7 0 140px 220px -60px rgba(16, 65, 213, 0.30)"><div class="absolute inset-0 rounded-[16px] pointer-events-none z-0" style="opacity:0;box-shadow:0 0 40px rgba(16, 65, 214, 0.08);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1)"></div><div class="flex items-center gap-3 mb-1.5"><div class="flex gap-1.5 group/dots"><div class="w-2 h-2 rounded-full bg-[#E0E5F1] transition-colors duration-200 group-hover/dots:bg-[#ff5f57] cursor-pointer"></div><div class="w-2 h-2 rounded-full bg-[#E0E5F1] transition-colors duration-200 group-hover/dots:bg-[#febc2e] cursor-pointer"></div><div class="w-2 h-2 rounded-full bg-[#E0E5F1] transition-colors duration-200 group-hover/dots:bg-[#28c840] curs
7or-pointer"></div></div><div class="flex-1 flex justify-center"><div class="flex items-center gap-1.5"><span class="text-[10px] text-[#94A3B8] font-medium tracking-wide">Oratory <> Your Startup</span><span class="text-[9px] text-[#94A3B8] font-medium px-1.5 py-px bg-[#EFF2FA] rounded-full">Design</span></div></div><div class="flex -space-x-0.5"><div class="w-2.5 h-2.5 rounded-full bg-[#E0E5F1] border border-white"></div><div class="w-2.5 h-2.5 rounded-full bg-[#E0E5F1] border border-white"></div><div class="w-2.5 h-2.5 rounded-full bg-[#E0E5F1] border border-white"></div></div></div><div class="bg-[#F9FCFF] rounded-xl p-6 flex-1 flex flex-col gap-4 border border-[rgba(16,65,213,0.06)]"><div class="flex items-center justify-between pb-4 border-b border-[#E0E5F1]"><div class="w-6 h-6 bg-[#EFF2FA] border border-[#E0E5F1] rounded"></div><div class="flex gap-3"><div class="w-10 h-2 bg-[#EFF2FA] rounded"></div><div class="w-10 h-2 bg-[#EFF2FA] rounded"></div><div class="w-10 h-2 bg-[#EFF2FA] rounded"></div></div><div class="w-16 h-6 bg-[#EFF2FA] border border-[#E0E5F1] rounded-md"></div></div><div class="grid grid-cols-2 gap-6 py-6"><div class="flex flex-col gap-3"><div class="w-[80%] h-3.5 bg-[#C8D3EA] rounded"></div><div class="w-[70%] h-3.5 bg-[#C8D3EA] rounded"></div><div class="w-[60%] h-3 bg-[#E0E5F1] rounded mt-1"></div><div class="w-[80%] h-3 bg-[#E0E5F1] rounded"></div><div class="relative w-[100px] h-7 mt-2"><div class="absolute -inset-1 pointer-events-none" style="border:1px solid rgba(51, 65, 85, 0.4)"><div class="absolute w-[4px] h-[4px]" style="border:1px solid rgba(51, 65, 85, 0.5);background:white;top:-2px;left:-2px"></div><div class="absolute w-[4px] h-[4px]" style="border:1px solid rgba(51, 65, 85, 0.5);background:white;top:-2px;right:-2px"></div><div class="absolute w-[4px] h-[4px]" style="border:1px solid rgba(51, 65, 85, 0.5);background:white;bottom:-2px;left:-2px"></div><div class="absolute w-[4px] h-[4px]" style="border:1px solid rgba(51, 65, 85, 0.5);background:white;bottom:-2px;right:-2px"></div></div><div class="w-full h-full bg-[#EFF2FA] border border-[#C8D3EA] rounded-md"></div></div></div><div class="relative bg-[#EFF2FA] rounded-lg min-h-[120px] flex items-center justify-center"><div class="absolute -inset-1 pointer-events-none" style="border:1px solid rgba(16, 65, 214, 0.4)"><div class="absolute w-[4px] h-[4px]" style="border:1px solid rgba(16, 65, 214, 0.5);background:white;top:-2px;left:-2px"></div><div class="absolute w-[4px] h-[4px]" style="border:1px solid rgba(16, 65, 214, 0.5);background:white;top:-2px;right:-2px"></div><div class="absolute w-[4px] h-[4px]" style="border:1px solid rgba(16, 65, 214, 0.5);background:white;bottom:-2px;left:-2px"></div><div class="absolute w-[4px] h-[4px]" style="border:1px solid rgba(16, 65, 214, 0.5);background:white;bottom:-2px;right:-2px"></div></div><div class="w-[60%] h-16 bg-[#F9FCFF] border border-[#E0E5F1] rounded-lg"></div></div></div><div class="pt-5 border-t border-[#E0E5F1]"><div class="w-[100px] h-2.5 bg-[#C8D3EA] rounded mb-4"></div><div class="grid grid-cols-3 gap-3"><div class="bg-[#EFF2FA] rounded-lg p-4 flex flex-col gap-2"><div class="w-6 h-6 bg-[#F9FCFF] border border-[#E0E5F1] rounded"></div><div class="w-[70%] h-2 bg-[#C8D3EA] rounded"></div><div class="w-[90%] h-1.5 bg-[#E0E5F1] rounded"></div><div class="w-[60%] h-1.5 bg-[#E0E5F1] rounded"></div></div><div class="bg-[#EFF2FA] rounded-lg p-4 flex flex-col gap-2"><div class="w-6 h-6 bg-[#F9FCFF] border border-[#E0E5F1] rounded"></div><div class="w-[70%] h-2 bg-[#C8D3EA] rounded"></div><div class="w-[90%] h-1.5 bg-[#E0E5F1] rounded"></div><div class="w-[60%] h-1.5 bg-[#E0E5F1] rounded"></div></div><div class="bg-[#EFF2FA] rounded-lg p-4 flex flex-col gap-2"><div class="w-6 h-6 bg-[#F9FCFF] border border-[#E0E5F1] rounded"></div><div class="w-[70%] h-2 bg-[#C8D3EA] rounded"></div><div class="w-[90%] h-1.5 bg-[#E0E5F1] rounded"></div><div class="w-[60%] h-1.5 bg-[#E0E5F1] rounded"></div></div></div></div></div></div></div></div><div class="absolute bottom-[60px] left-[360px] -translate-x-1/2 z-[25] hidden lg:flex items-center gap-1 px-2 py-1.5 rounded-lg" style="background:linear-gradient(to bottom, #334155 0%, #1e293b 100%);box-shadow:0 0 0 1px rgba(255, 255, 255, 0.08), 0 4px 12px rgba(15, 23, 42, 0.3), inset 0 1px 0 rgba(255,255,255,0.1)"><div class="w-7 h-7 flex items-center justify-center rounded-md hover:bg-white/10"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" style="transform:rotate(-25deg) translateY(-2px)"><path d="M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87c.48 0 .72-.58.38-.92L5.94 2.47a.5.5 0 0 0-.44.74Z" fill="#94a3b8"></path></svg></div><div class="w-7 h-7 flex items-center justify-center rounded-md hover:bg-white/10">
7<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.5"><path d="M3 9V3h6M3 15v6h6M15 3h6v6M15 21h6v-6M9 3v18M15 3v18M3 9h18M3 15h18"></path></svg></div><div class="w-7 h-7 flex items-center justify-center rounded-md hover:bg-white/10"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"></rect></svg></div><div class="w-7 h-7 flex items-center justify-center rounded-md hover:bg-white/10"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.5"><path d="M12 19l7-7 3 3-7 7-3-3z"></path><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path></svg></div><div class="w-7 h-7 flex items-center justify-center rounded-md hover:bg-white/10"><span class="text-sm font-semibold text-[#94a3b8]">T</span></div><div class="w-7 h-7 flex items-center justify-center rounded-md bg-brand-blue"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z" stroke-linejoin="round"></path></svg></div><div class="w-7 h-7 flex items-center justify-center rounded-md hover:bg-white/10"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.5"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect></svg></div></div></div></div></div></section><section class="py-10 px-[5%] border-t border-[rgba(255,255,255,0.06)] bg-[#0f172a] relative z-10"><div class="absolute inset-0 pointer-events-none" style="--line:rgba(255, 255, 255, 0.04);--container:min(1200px, 90%);--gap:24px;--card:calc((var(--container) - 48px) / 3);--start:calc(50% - var(--container) / 2);background-image:linear-gradient(to right, var(--line) 1px, transparent 1px), 8 linear-gradient(to right, var(--line) 1px, transparent 1px), 9 linear-gradient(to right, var(--line) 1px, transparent 1px), 10 linear-gradient(to right, var(--line) 1px, transparent 1px), 11 linear-gradient(to right, var(--line) 1px, transparent 1px), 12 linear-gradient(to right, var(--line) 1px, transparent 1px);background-size:1px 100%;background-position:var(--start) 0, 13 calc(var(--start) + var(--card)) 0, 14 calc(var(--start) + var(--card) + var(--gap)) 0, 15 calc(var(--start) + var(--card) * 2 + var(--gap)) 0, 16 calc(var(--start) + var(--card) * 2 + var(--gap) * 2) 0, 17 calc(var(--start) + var(--container)) 0;background-repeat:no-repeat"></div><div class="max-w-container mx-auto relative"><p class="text-center text-[13px] text-[#94a3b8] mb-5">Trusted by 75+ B2B tech startups</p><div class="grid grid-cols-2 sm:grid-cols-4 md:grid-cols-8 gap-px bg-[rgba(255,255,255,0.08)] border border-[rgba(255,255,255,0.08)] rounded-lg"><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 18 rounded-tl-lg 19 20 21 22 23 24 25 26 27 cursor-pointer hover:bg-[#1e293b] 28 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">Peec AI</span><span class="text-[9px] font-medium text-[#60a5fa] uppercase tracking-wider">Case study</span><div class="absolute bottom-full left-1/2 -translate-x-1/2 w-[260px] bg-[#1e293b] rounded-lg border border-[rgba(255,255,255,0.1)] shadow-[0_4px_20px_rgba(0,0,0,0.3)] p-4 pb-6 z-[100] transition-all 29 opacity-0 invisible translate-y-2 pointer-events-none 30 "><div class="absolute -bottom-6 left-0 right-0 h-8"></div><p class="text-[13px] leading-relaxed text-[#94a3b8] mb-3.5 italic">â<!-- -->The team did an amazing job, they iterated quickly and were fantastic at incorporating our feedback.<!-- -->â</p><div class="flex items-center gap-2.5 pt-3 border-t border-[rgba(255,255,255,0.1)]"><img alt="Marius Meiners" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2FoyVv20LZ_400x400.jpg&w=32&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2FoyVv20LZ_400x400.jpg&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2FoyVv20LZ_400x400.jpg&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div class="flex-1"><div class="text-xs font-medium text-white">Marius Meiners</div><div class="text-[11px] text-[#64748b]">Cofounder, Peec AI</div></div></div><a class="text-[11px] text-[#60a5fa] mt-3 inline-flex items-center gap-1 hover:underline" href="/work
30/peec-ai">View case study â</a></div></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 31 32 rounded-tr-lg sm:rounded-none 33 34 35 36 37 38 39 40 41 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">FletchPMM</span></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 42 43 44 45 46 47 48 49 50 51 cursor-pointer hover:bg-[#1e293b] 52 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">Karumi</span><span class="text-[9px] font-medium text-[#60a5fa] uppercase tracking-wider">Case study</span><div class="absolute bottom-full left-1/2 -translate-x-1/2 w-[260px] bg-[#1e293b] rounded-lg border border-[rgba(255,255,255,0.1)] shadow-[0_4px_20px_rgba(0,0,0,0.3)] p-4 pb-6 z-[100] transition-all 53 opacity-0 invisible translate-y-2 pointer-events-none 54 "><div class="absolute -bottom-6 left-0 right-0 h-8"></div><p class="text-[13px] leading-relaxed text-[#94a3b8] mb-3.5 italic">â<!-- -->We had just a few weeks before Demo Day and needed our website to match the level of polish investors expect. Riley and the Oratory team jumped in and immediately got what we were trying to do.<!-- -->â</p><div class="flex items-center gap-2.5 pt-3 border-t border-[rgba(255,255,255,0.1)]"><img alt="Toni Lopez" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftoni-lopez.jpg&w=32&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Ftoni-lopez.jpg&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Ftoni-lopez.jpg&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div class="flex-1"><div class="text-xs font-medium text-white">Toni Lopez</div><div class="text-[11px] text-[#64748b]">Cofounder, Karumi AI</div></div></div><a class="text-[11px] text-[#60a5fa] mt-3 inline-flex items-center gap-1 hover:underline" href="/work/karumi">View case study â</a></div></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 55 56 57 sm:rounded-tr-lg md:rounded-none 58 59 60 61 62 63 64 cursor-pointer hover:bg-[#1e293b] 65 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">dataroomHQ</span><span class="text-[9px] font-medium text-[#60a5fa] uppercase tracking-wider">Quote</span><div class="absolute bottom-full left-1/2 -translate-x-1/2 w-[260px] bg-[#1e293b] rounded-lg border border-[rgba(255,255,255,0.1)] shadow-[0_4px_20px_rgba(0,0,0,0.3)] p-4 pb-6 z-[100] transition-all 66 opacity-0 invisible translate-y-2 pointer-events-none 67 "><div class="absolute -bottom-6 left-0 right-0 h-8"></div><p class="text-[13px] leading-relaxed text-[#94a3b8] mb-3.5 italic">â<!-- -->Working with Oratory on our homepage refresh was a game-changer. They made the site feel more intentional and aligned with who we are.<!-- -->â</p><div class="flex items-center gap-2.5 "><img alt="Andrew Harrison" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fandrew-harrison.avif&w=32&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Fandrew-harrison.avif&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Fandrew-harrison.avif&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div class="flex-1"><div class="text-xs font-medium text-white">Andrew Harrison</div><div class="text-[11px] text-[#64748b]">CRO, dataroomHQ</div></div></div></div></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 68 69 70 71 72 73 74 75 76 77 78 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">Lemonado</span></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 79 80 81 82 83 84 85 86 87 88 cursor-pointer hover:bg-[#1e293b] 89 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">
89Tahoe</span><span class="text-[9px] font-medium text-[#60a5fa] uppercase tracking-wider">Case study</span><div class="absolute bottom-full left-1/2 -translate-x-1/2 w-[260px] bg-[#1e293b] rounded-lg border border-[rgba(255,255,255,0.1)] shadow-[0_4px_20px_rgba(0,0,0,0.3)] p-4 pb-6 z-[100] transition-all 90 opacity-0 invisible translate-y-2 pointer-events-none 91 "><div class="absolute -bottom-6 left-0 right-0 h-8"></div><p class="text-[13px] leading-relaxed text-[#94a3b8] mb-3.5 italic">â<!-- -->We've worked with multiple agencies over the years, but this is the first time I felt like what we had envisioned actually made it onto the screen.<!-- -->â</p><div class="flex items-center gap-2.5 pt-3 border-t border-[rgba(255,255,255,0.1)]"><img alt="Yasmin Sameni" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fyasmin-sameni.jpg&w=32&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Fyasmin-sameni.jpg&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Fyasmin-sameni.jpg&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div class="flex-1"><div class="text-xs font-medium text-white">Yasmin Sameni</div><div class="text-[11px] text-[#64748b]">Head of Operations, Tahoe Therapeutics</div></div></div><a class="text-[11px] text-[#60a5fa] mt-3 inline-flex items-center gap-1 hover:underline" href="/work/tahoe-therapeutics">View case study â</a></div></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 92 93 94 95 96 97 98 99 100 101 102 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">Feedbucket</span></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 103 104 105 106 md:rounded-tr-lg 107 108 109 110 111 112 113 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">Qurrent</span></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 114 115 116 117 118 119 120 md:rounded-bl-lg 121 122 123 124 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">Neurawork</span></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 125 126 127 128 129 130 131 132 133 134 cursor-pointer hover:bg-[#1e293b] 135 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">Rampmetrics</span><span class="text-[9px] font-medium text-[#60a5fa] uppercase tracking-wider">Quote</span><div class="absolute bottom-full left-1/2 -translate-x-1/2 w-[260px] bg-[#1e293b] rounded-lg border border-[rgba(255,255,255,0.1)] shadow-[0_4px_20px_rgba(0,0,0,0.3)] p-4 pb-6 z-[100] transition-all 136 opacity-0 invisible translate-y-2 pointer-events-none 137 "><div class="absolute -bottom-6 left-0 right-0 h-8"></div><p class="text-[13px] leading-relaxed text-[#94a3b8] mb-3.5 italic">â<!-- -->We started with a website and ended up with a creative partner we trust. The team at Oratory really listens, challenges where needed, and always makes the work stronger.<!-- -->â</p><div class="flex items-center gap-2.5 "><img alt="Jeff King" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fjeff-king.avif&w=32&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Fjeff-king.avif&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Fjeff-king.avif&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div class="flex-1"><div class="text-xs font-medium text-white">Jeff King</div><div class="text-[11px] text-[#64748b]">Founder + CEO, Rampmetrics</div></div></div></div></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 138 139 140 141 142 143 144 145 146 147 148 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">Tenzo AI</span></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 149 150 151 152 153 154 155 156 157 158 159 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">
159Enhanced</span></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 160 161 162 163 164 165 sm:rounded-bl-lg md:rounded-none 166 167 168 169 cursor-pointer hover:bg-[#1e293b] 170 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">Orcaforce</span><span class="text-[9px] font-medium text-[#60a5fa] uppercase tracking-wider">Quote</span><div class="absolute bottom-full left-1/2 -translate-x-1/2 w-[260px] bg-[#1e293b] rounded-lg border border-[rgba(255,255,255,0.1)] shadow-[0_4px_20px_rgba(0,0,0,0.3)] p-4 pb-6 z-[100] transition-all 171 opacity-0 invisible translate-y-2 pointer-events-none 172 "><div class="absolute -bottom-6 left-0 right-0 h-8"></div><p class="text-[13px] leading-relaxed text-[#94a3b8] mb-3.5 italic">â<!-- -->We needed a site that looked great and worked for us long-term. Oratory delivered a refreshed brand, standout homepage, and an easy-to-update Webflow build. We're proud of it.<!-- -->â</p><div class="flex items-center gap-2.5 "><img alt="Scott Grimes" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fscott-grimes.jpg&w=32&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Fscott-grimes.jpg&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Fscott-grimes.jpg&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div class="flex-1"><div class="text-xs font-medium text-white">Scott Grimes</div><div class="text-[11px] text-[#64748b]">Founder, Orcaforce</div></div></div></div></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 173 174 175 176 177 178 179 180 181 182 183 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">Vector</span></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 184 185 186 187 188 rounded-bl-lg sm:rounded-none 189 190 191 192 193 cursor-pointer hover:bg-[#1e293b] 194 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">Wing VC</span><span class="text-[9px] font-medium text-[#60a5fa] uppercase tracking-wider">Quote</span><div class="absolute bottom-full left-1/2 -translate-x-1/2 w-[260px] bg-[#1e293b] rounded-lg border border-[rgba(255,255,255,0.1)] shadow-[0_4px_20px_rgba(0,0,0,0.3)] p-4 pb-6 z-[100] transition-all 195 opacity-0 invisible translate-y-2 pointer-events-none 196 "><div class="absolute -bottom-6 left-0 right-0 h-8"></div><p class="text-[13px] leading-relaxed text-[#94a3b8] mb-3.5 italic">â<!-- -->We brought Oratory in to refresh one of our most visible properties, and honestly, I didn't have to babysit a thing. Riley just handled it â I trusted him completely, and that let me focus on other parts of the launch.<!-- -->â</p><div class="flex items-center gap-2.5 "><img alt="Kayleigh Karutis" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fkayleigh-karutis.avif&w=32&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Fkayleigh-karutis.avif&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Fkayleigh-karutis.avif&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div class="flex-1"><div class="text-xs font-medium text-white">Kayleigh Karutis</div><div class="text-[11px] text-[#64748b]">Head of Marketing, Wing VC</div></div></div></div></div><div class="relative flex flex-col items-center justify-center gap-1 py-5 px-3 min-w-0 transition-colors bg-[#0f172a] 197 198 199 200 201 202 203 204 rounded-br-lg 205 206 cursor-pointer hover:bg-[#1e293b] 207 "><span class="text-sm font-medium whitespace-nowrap transition-colors text-[#64748b]">
207Wavmaker</span><span class="text-[9px] font-medium text-[#60a5fa] uppercase tracking-wider">Case study</span><div class="absolute bottom-full left-1/2 -translate-x-1/2 w-[260px] bg-[#1e293b] rounded-lg border border-[rgba(255,255,255,0.1)] shadow-[0_4px_20px_rgba(0,0,0,0.3)] p-4 pb-6 z-[100] transition-all 208 opacity-0 invisible translate-y-2 pointer-events-none 209 "><div class="absolute -bottom-6 left-0 right-0 h-8"></div><p class="text-[13px] leading-relaxed text-[#94a3b8] mb-3.5 italic">â<!-- -->From start to finish, this is one of the quickest redesigns I've been part of. Oratory helped us create a homepage that clearly explains what we do.<!-- -->â</p><div class="flex items-center gap-2.5 pt-3 border-t border-[rgba(255,255,255,0.1)]"><img alt="Jack Whitis" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fjack-whitis.jpg&w=32&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Fjack-whitis.jpg&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Fjack-whitis.jpg&w=64&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div class="flex-1"><div class="text-xs font-medium text-white">Jack Whitis</div><div class="text-[11px] text-[#64748b]">CEO, Wavmaker</div></div></div><a class="text-[11px] text-[#60a5fa] mt-3 inline-flex items-center gap-1 hover:underline" href="/work/wavmaker">View case study â</a></div></div></div></div></section><section class="py-16 md:py-24 px-[5%] relative grid-background-section"><div class="grid-background-section grid-background-section-light" style="position:absolute;left:0;right:0;bottom:0;height:50%;background-color:#F9FCFF;box-shadow:inset 0 1px 0 0 rgba(16,65,213,0.06)"></div><div class="max-w-container mx-auto relative z-10"><div class="relative"><div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[648px] h-[130px] pointer-events-none z-[1]" style="background:radial-gradient(ellipse 100% 100% at 50% 50%, #FFFFFF 0%, transparent 70%);filter:blur(30px)"></div><h2 class="relative z-[2] font-serif text-[clamp(32px,4vw,40px)] font-normal tracking-[-0.02em] text-center mb-4 max-w-[720px] mx-auto text-balance">Get a professional website in less than a month</h2></div><p class="relative z-[2] text-[17px] text-text-secondary text-center max-w-[600px] mx-auto mb-10">Our sprint-based process is designed for startups that need to move fast. Here's exactly what happens and when.</p><div class="glass-card p-6 md:p-12 relative"><div class="absolute top-16 left-12 right-12 h-0.5 bg-[rgba(16,65,213,0.06)] z-0 hidden md:block"></div><div class="grid grid-cols-1 md:grid-cols-3 gap-10 relative z-10"><div><div class="flex items-center gap-3 mb-5"><div class="w-8 h-8 rounded-full bg-gradient-to-b from-brand-blue-light to-brand-blue flex items-center justify-center text-white font-mono text-sm font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.2),0_0_0_1px_rgba(16,65,214,0.8),0_2px_4px_rgba(16,65,214,0.2),0_4px_8px_rgba(16,65,214,0.2)]">1</div></div><h3 class="text-lg font-medium mb-4">Phase 1: Design Direction</h3><ul class="space-y-2.5"><li class="flex items-start gap-2.5 text-sm text-text-secondary"><span class="w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]"></span>Visual direction concepts</li><li class="flex items-start gap-2.5 text-sm text-text-secondary"><span class="w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]"></span>Wireframe workshop</li><li class="flex items-start gap-2.5 text-sm text-text-secondary"><span class="w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]"></span>Design approval</li><li class="flex items-start gap-2.5 text-sm text-text-secondary"><span class="w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]"></span>Style alignment</li></ul></div><div><div class="flex items-center gap-3 mb-5"><div class="w-8 h-8 rounded-full bg-gradient-to-b from-brand-blue-light to-brand-blue flex items-center justify-center text-white font-mono text-sm font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.2),0_0_0_1px_rgba(16,65,214,0.8),0_2px_4px_rgba(16,65,214,0.2),0_4px_8px_rgba(16,65,214,0.2)]">2</div></div><h3 class="text-lg font-medium mb-4">Phase 2: High-fidelity Design</h3><ul class="space-y-2.5"><li class="flex items-start gap-2.5 text-sm text-text-secondary"><span class="w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]"></span>Homepage design</li><li class="flex items-start gap-2.5 text-sm text-text-secondary"><span class="w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]"></span>Custom imagery</li><li class="flex items-start gap-2.5 text-sm text-text-secondary"><span class="w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]"></span>Additional pages</li><li class="flex items-start gap-2.5 text-sm text-text-secondary"><span class="w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]"></span>Design refinements</li></ul></div><div><div class="flex items-center gap-3 mb-5"><div class="w-8 h-8 rounded-full bg-gradient-to-b from-brand-blue-light to-brand-blue flex items-center justify-center text-white font-mono text-sm font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.2),0_0_0_1px_rgba(16,65,214,0.8),0_2px_4px_rgba(16,65,214,0.2),0_4px_8px_rgba(16,65,214,0.2)]">3</div></div><h3 class="text-lg font-medium mb-4">Phase 3: Development</h3><ul class="space-y-2.5"><li class="flex items-start gap-2.5 text-sm text-text-secondary"><span class="w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]"></span>Platform build</li><li class="flex items-start gap-2.5 text-sm text-text-secondary"><span class="w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]"></span>CMS setup</li><li class="flex items-start gap-2.5 text-sm text-text-secondary"><span class="w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]"></span>CMS training</li><li class="flex items-start gap-2.5 text-sm text-text-secondary"><span class="w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]"></span>Launch</li></ul></div></div></div></div></section><section class="bg-[#0f172a] text-white py-16 md:py-24 px-[5%] grid-background-light"><div class="max-w-container mx-auto"><div class="grid grid-cols-1 lg:grid-cols-2 gap-20 items-center"><div><span class="text-xs font-mono uppercase tracking-wider text-[#94a3b8] mb
209-4 block">The Problem</span><h2 class="font-serif text-[clamp(32px,4vw,40px)] font-normal tracking-[-0.02em] mb-8 leading-[1.1]">Traditional design agencies weren't built with early-stage B2B tech startups in mind</h2><ul class="space-y-4"><li class="flex items-start gap-3 text-[15px] text-[#94a3b8]"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-white/10 border border-[#334155] rounded-full text-[#64748b]" viewBox="0 0 12 12" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="M3 3l6 6M9 3l-6 6"></path></svg>Agencies burn weeks in workshops before you see anything tangible</li><li class="flex items-start gap-3 text-[15px] text-[#94a3b8]"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-white/10 border border-[#334155] rounded-full text-[#64748b]" viewBox="0 0 12 12" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="M3 3l6 6M9 3l-6 6"></path></svg>Bloated teams add meetings, slow decisions, and inflate project costs</li><li class="flex items-start gap-3 text-[15px] text-[#94a3b8]"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-white/10 border border-[#334155] rounded-full text-[#64748b]" viewBox="0 0 12 12" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="M3 3l6 6M9 3l-6 6"></path></svg>Pricing is hidden with vague scopes that grow larger mid-project</li></ul></div><div class="grid grid-cols-2 gap-4"><div class="rounded-xl p-5 bg-[#1e293b] border border-[#334155]"><p class="text-[11px] font-mono uppercase tracking-wider mb-2 text-[#64748b]">Typical agency engagement</p><p class="text-[28px] md:text-[32px] font-medium leading-none tabular-nums text-white">3-6 months</p></div><div class="rounded-xl p-5 bg-brand-blue"><p class="text-[11px] font-mono uppercase tracking-wider mb-2 text-white/70">Our sprint timeline</p><p class="text-[28px] md:text-[32px] font-medium leading-none tabular-nums text-white">3-4 weeks</p></div><div class="rounded-xl p-5 bg-[#1e293b] border border-[#334155]"><p class="text-[11px] font-mono uppercase tracking-wider mb-2 text-[#64748b]">Avg. agency project cost</p><p class="text-[28px] md:text-[32px] font-medium leading-none tabular-nums text-white">$50-150k</p></div><div class="rounded-xl p-5 bg-brand-blue"><p class="text-[11px] font-mono uppercase tracking-wider mb-2 text-white/70">Our pricing</p><p class="text-[28px] md:text-[32px] font-medium leading-none tabular-nums text-white">$12-24k</p></div></div></div></div></section><section class="py-16 md:py-24 px-[5%] grid-background-section"><div class="max-w-container mx-auto"><div class="text-center mb-10"><div class="relative"><div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[540px] h-[130px] pointer-events-none z-[1]" style="background:radial-gradient(ellipse 100% 100% at 50% 50%, #FFFFFF 0%, transparent 70%);filter:blur(30px)"></div><h2 class="relative z-[2] font-serif text-[clamp(32px,5vw,40px)] font-normal leading-[1.1] tracking-[-0.02em] mb-4">Why startups choose Oratory</h2></div><p class="relative z-[2] text-[17px] text-text-secondary max-w-[640px] mx-auto">Built from the ground up for the reality that early-stage B2B software startups live inâwhere you shouldn't have to choose between fast, affordable, and good.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-8 md:gap-y-12"><div><div class="group h-[140px] bg-[#F9FCFF] rounded-xl mb-6 flex items-center justify-center border border-[rgba(16,65,213,0.06)] p-5 " style="background-clip:padding-box;box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 210 0 0 0 1px rgba(16, 65, 213, 0.04), 211 0 2px 4px -1px rgba(16, 65, 213, 0.06), 212 0 4px 8px -1px rgba(16, 65, 213, 0.04)"><svg viewBox="0 0 140 80" fill="none" class="w-auto h-full max-h-[80px]" aria-hidden="true"><defs><filter id="subtleShadow" x="-10%" y="-10%" width="120%" height="130%"><feDropShadow dx="0" dy="2" stdDeviation="2" flood-color="rgba(16,65,213,0.06)"></feDropShadow></filter></defs><rect x="25" y="5" width="90" height="70" rx="8" fill="white" stroke="#E0E5F1" stroke-width="1.5" filter="url
212(#subtleShadow)"></rect><rect x="32" y="12" width="76" height="22" rx="4" fill="#0F172A"></rect><text class="transition-all duration-500 ease-out group-hover:opacity-0" x="100" y="28" font-size="14" fill="#94A3B8" font-weight="500" text-anchor="end" font-family="monospace">???</text><text class="transition-all duration-500 ease-out opacity-0 group-hover:opacity-100" x="100" y="28" font-size="14" fill="#22c55e" font-weight="500" text-anchor="end" font-family="monospace">$12,000</text><rect x="32" y="40" width="16" height="8" rx="2" fill="#EFF2FA" fill-opacity="1"></rect><rect x="52" y="40" width="16" height="8" rx="2" fill="#EFF2FA" fill-opacity="1"></rect><rect x="72" y="40" width="16" height="8" rx="2" fill="#EFF2FA" fill-opacity="1"></rect><rect x="92" y="40" width="16" height="8" rx="2" fill="#1041d6" fill-opacity="0.2"></rect><rect x="32" y="51" width="16" height="8" rx="2" fill="#EFF2FA" fill-opacity="1"></rect><rect x="52" y="51" width="16" height="8" rx="2" fill="#EFF2FA" fill-opacity="1"></rect><rect x="72" y="51" width="16" height="8" rx="2" fill="#EFF2FA" fill-opacity="1"></rect><rect x="92" y="51" width="16" height="8" rx="2" fill="#1041d6" fill-opacity="0.2"></rect><rect x="32" y="62" width="16" height="8" rx="2" fill="#EFF2FA" fill-opacity="1"></rect><rect x="52" y="62" width="16" height="8" rx="2" fill="#EFF2FA" fill-opacity="1"></rect><rect x="72" y="62" width="16" height="8" rx="2" fill="#EFF2FA" fill-opacity="1"></rect><rect x="92" y="62" width="16" height="8" rx="2" fill="#1041d6" fill-opacity="0.2"></rect></svg></div><h3 class="text-lg font-medium mb-3">Transparent pricing</h3><p class="text-sm leading-relaxed text-text-secondary">Upfront pricing, no hourly billing, no surprises. Know exactly what you'll pay before we start.</p></div><div><div class="group h-[140px] bg-[#F9FCFF] rounded-xl mb-6 flex items-center justify-center border border-[rgba(16,65,213,0.06)] p-5 " style="background-clip:padding-box;box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 213 0 0 0 1px rgba(16, 65, 213, 0.04), 214 0 2px 4px -1px rgba(16, 65, 213, 0.06), 215 0 4px 8px -1px rgba(16, 65, 213, 0.04)"><svg viewBox="0 0 160 50" fill="none" class="w-auto h-full max-h-[50px]" aria-hidden="true"><circle cx="20" cy="25" r="14" fill="white" stroke="rgba(16,65,213,0.1)" stroke-width="1"></circle><circle cx="20" cy="25" r="8" fill="#1041d6"></circle><path d="M16 25l3 3 5-5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><line x1="34" y1="25" x2="56" y2="25" stroke="#1041d6" stroke-width="2"></line><circle cx="70" cy="25" r="14" fill="white" stroke="rgba(16,65,213,0.1)" stroke-width="1"></circle><circle cx="70" cy="25" r="8" fill="#1041d6"></circle><path d="M66 25l3 3 5-5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><line x1="84" y1="25" x2="106" y2="25" stroke="#1041d6" stroke-width="2"></line><g class="transition-transform duration-300 ease-out origin-center group-hover:scale-110" style="transform-origin:120px 25px"><circle cx="120" cy="25" r="14" fill="white" stroke="rgba(16,65,213,0.1)" stroke-width="1"></circle><circle class="transition-all duration-300 ease-out group-hover:fill-[#1041d6]" cx="120" cy="25" r="8" fill="#E0E5F1"></circle><path class="transition-all duration-300 ease-out opacity-0 group-hover:opacity-100" d="M116 25l3 3 5-5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g><line x1="134" y1="25" x2="156" y2="25" stroke="#E0E5F1" stroke-width="2"></line></svg></div><h3 class="text-lg font-medium mb-3">Sprint-based delivery</h3><p class="text-sm leading-relaxed text-text-secondary">10-15 days for homepage, 20-25 days for full website. Predictable timelines with clear milestones at every stage.</p></div><div><div class="group h-[140px] bg-[#F9FCFF] rounded-xl mb-6 flex items-center justify-center border border-[rgba(16,65,213,0.06)] p-5 " style="background-clip:padding-box;box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 216 0 0 0 1px rgba(16, 65, 213, 0.04), 217 0 2px 4px -1px rgba(16, 65, 213, 0.06), 218 0 4px 8px -1px rgba(16, 65, 213, 0.04)"><svg viewBox="0 0 140 80" fill="none" class="w-auto h-full max-h-[80px] dashboard-icon" aria-hidden="true"><defs><filter id="subtleShadow2" x="-10%" y="-10%" width="120%" height="130%"><feDropShadow dx="0" dy="2" stdDeviation="2" flood-color="rgba(16,65,213,0.06)"></feDropShadow></filter><clipPath id="contentClip"><rect x="32" y="16" width="108" height="64"></rect></clipPath></defs><rect x="0" y="0" width="140" height="80" rx="6" fill="white" stroke="rgba(16,65,213,0.08)" stroke-width="1" filter="url
218(#subtleShadow2)"></rect><circle cx="10" cy="8" r="2" fill="#E0E5F1"></circle><circle cx="18" cy="8" r="2" fill="#E0E5F1"></circle><circle cx="26" cy="8" r="2" fill="#E0E5F1"></circle><line x1="0" y1="16" x2="140" y2="16" stroke="rgba(16,65,213,0.06)" stroke-width="1"></line><rect class="transition-[fill] duration-300 ease-out group-hover:[fill:rgba(16,65,213,0.08)]" x="0" y="16" width="32" height="64" fill="#EFF2FA"></rect><rect class="transition-[fill] duration-300 ease-out" x="8" y="24" width="16" height="3" rx="1" fill="#1041d6"></rect><rect class="transition-[fill] duration-300 ease-out group-hover:[fill:#1041d6]" x="8" y="32" width="12" height="2" rx="1" fill="#E0E5F1"></rect><rect class="transition-[fill] duration-300 ease-out group-hover:[fill:rgba(16,65,213,0.5)]" x="8" y="38" width="14" height="2" rx="1" fill="#E0E5F1"></rect><g clip-path="url(#contentClip)"><g class="transition-transform duration-500 ease-out group-hover:-translate-y-[28px]"><rect class="transition-[fill] duration-300 ease-out group-hover:[fill:rgba(16,65,213,0.06)]" x="40" y="24" width="60" height="24" rx="4" fill="white" stroke="rgba(16,65,213,0.06)" stroke-width="1"></rect><rect class="transition-[fill] duration-300 ease-out group-hover:[fill:rgba(16,65,213,0.1)]" x="104" y="24" width="28" height="24" rx="4" fill="white" stroke="rgba(16,65,213,0.06)" stroke-width="1"></rect><rect class="transition-[fill] duration-300 ease-out group-hover:[fill:rgba(16,65,213,0.1)]" x="40" y="54" width="44" height="18" rx="4" fill="white" stroke="rgba(16,65,213,0.06)" stroke-width="1"></rect><rect class="transition-[fill] duration-300 ease-out group-hover:[fill:rgba(16,65,213,0.06)]" x="88" y="54" width="44" height="18" rx="4" fill="white" stroke="rgba(16,65,213,0.06)" stroke-width="1"></rect><rect x="40" y="80" width="92" height="40" rx="4" fill="white" stroke="rgba(16,65,213,0.06)" stroke-width="1"></rect><rect x="44" y="84" width="20" height="3" rx="1" fill="#C8D3EA"></rect><rect x="70" y="84" width="16" height="3" rx="1" fill="#C8D3EA"></rect><rect x="92" y="84" width="16" height="3" rx="1" fill="#C8D3EA"></rect><rect x="114" y="84" width="14" height="3" rx="1" fill="#C8D3EA"></rect><line x1="40" y1="91" x2="132" y2="91" stroke="rgba(16,65,213,0.06)" stroke-width="1"></line><rect x="44" y="95" width="18" height="2" rx="1" fill="#E0E5F1"></rect><rect x="70" y="95" width="14" height="2" rx="1" fill="#E0E5F1"></rect><rect x="92" y="95" width="12" height="2" rx="1" fill="#1041d6"></rect><rect x="114" y="95" width="10" height="2" rx="1" fill="#E0E5F1"></rect><line x1="40" y1="101" x2="132" y2="101" stroke="rgba(16,65,213,0.06)" stroke-width="1"></line><rect x="44" y="105" width="16" height="2" rx="1" fill="#E0E5F1"></rect><rect x="70" y="105" width="12" height="2" rx="1" fill="#E0E5F1"></rect><rect x="92" y="105" width="14" height="2" rx="1" fill="#1041d6"></rect><rect x="114" y="105" width="12" height="2" rx="1" fill="#E0E5F1"></rect><line x1="40" y1="111" x2="132" y2="111" stroke="rgba(16,65,213,0.06)" stroke-width="1"></line></g></g></svg></div><h3 class="text-lg font-medium mb-3">B2B SaaS expertise</h3><p class="text-sm leading-relaxed text-text-secondary">We only work with software companies. Our entire portfolio, expertise, and process is built for your market.</p></div><div><div class="group h-[140px] bg-[#F9FCFF] rounded-xl mb-6 flex items-center justify-center border border-[rgba(16,65,213,0.06)] p-5 " style="background-clip:padding-box;box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 219 0 0 0 1px rgba(16, 65, 213, 0.04), 220 0 2px 4px -1px rgba(16, 65, 213, 0.06), 221 0 4px 8px -1px rgba(16, 65, 213, 0.04)"><svg viewBox="0 0 140 80" fill="none" class="w-auto h-full max-h-[80px]" aria-hidden="true"><defs><filter id="subtleShadow3" x="-10%" y="-10%" width="120%" height="130%"><feDropShadow dx="0" dy="2" stdDeviation="2" flood-color="rgba(16,65,213,0.06)"></feDropShadow></filter></defs><rect x="0" y="0" width="140" height="80" rx="6" fill="white" stroke="rgba(16,65,213,0.08)" stroke-width="1" filter="url(#subtleShadow3)"></rect><circle cx="10" cy="8" r="2" fill="#E0E5F1"></circle><circle cx="18" cy="8" r="2" fill="#E0E5F1"></circle><circle cx="26" cy="8" r="2" fill="#E0E5F1"></circle><line x1="0" y1="16" x2="140" y2="16" stroke="rgba(16,65,213,0.06)" stroke-width="1"></line>
221<rect class="group-hover:[fill:var(--edit-hover)]" style="transition:fill 300ms ease-out;fill:#E0E5F1;--edit-hover:#1041d6" x="110" y="4" width="24" height="8" rx="2"></rect><rect x="10" y="24" width="80" height="8" rx="2" fill="#C8D3EA"></rect><rect x="10" y="36" width="120" height="4" rx="1" fill="#E0E5F1"></rect><rect x="10" y="44" width="100" height="4" rx="1" fill="#E0E5F1"></rect><rect style="transition:opacity 300ms ease-out" class="opacity-0 group-hover:opacity-100" x="8" y="22" width="84" height="12" rx="2" fill="none" stroke="rgba(16,65,214,0.4)" stroke-width="1" stroke-dasharray="5 3"></rect><rect style="transition:opacity 300ms ease-out" class="opacity-0 group-hover:opacity-100" x="8" y="34" width="124" height="16" rx="2" fill="none" stroke="rgba(16,65,214,0.4)" stroke-width="1" stroke-dasharray="5 3"></rect><rect style="transition:opacity 300ms ease-out" class="opacity-0 group-hover:opacity-100" x="90" y="24" width="1" height="8" fill="#1041d6"></rect><rect x="10" y="56" width="40" height="18" rx="2" fill="#EFF2FA" stroke="rgba(16,65,213,0.06)" stroke-width="1"></rect><rect style="transition:opacity 300ms ease-out" class="opacity-0 group-hover:opacity-100" x="8" y="54" width="44" height="22" rx="2" fill="none" stroke="rgba(16,65,214,0.4)" stroke-width="1" stroke-dasharray="5 3"></rect><g style="transition:opacity 300ms ease-out" class="opacity-0 group-hover:opacity-100"><rect x="56" y="62" width="8" height="6" rx="1" fill="#1041d6"></rect><circle cx="58" cy="65" r="0.75" fill="white"></circle><circle cx="62" cy="65" r="0.75" fill="white"></circle></g></svg></div><h3 class="text-lg font-medium mb-3">Post-launch independence</h3><p class="text-sm leading-relaxed text-text-secondary">Built for client self-management. CMS training included. Templates for future expansion. No ongoing retainer required.</p></div><div><div class="group h-[140px] bg-[#F9FCFF] rounded-xl mb-6 flex items-center justify-center border border-[rgba(16,65,213,0.06)] p-5 " style="background-clip:padding-box;box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 222 0 0 0 1px rgba(16, 65, 213, 0.04), 223 0 2px 4px -1px rgba(16, 65, 213, 0.06), 224 0 4px 8px -1px rgba(16, 65, 213, 0.04)"><svg viewBox="0 0 160 70" fill="none" class="w-auto h-full max-h-[70px]" aria-hidden="true"><defs><filter id="subtleShadow4" x="-10%" y="-10%" width="120%" height="130%"><feDropShadow dx="0" dy="2" stdDeviation="2" flood-color="rgba(16,65,213,0.06)"></feDropShadow></filter></defs><g class="transition-all duration-500 ease-out group-hover:translate-x-[20px]"><rect x="10" y="5" width="70" height="60" rx="6" fill="#0F172A" filter="url(#subtleShadow4)"></rect><circle cx="20" cy="13" r="2" fill="#334155"></circle><circle cx="28" cy="13" r="2" fill="#334155"></circle><circle cx="36" cy="13" r="2" fill="#334155"></circle><line x1="10" y1="21" x2="80" y2="21" stroke="#1e293b" stroke-width="1"></line><rect x="18" y="29" width="30" height="3" rx="1" fill="#475569"></rect><rect x="18" y="36" width="45" height="3" rx="1" fill="#3b82f6"></rect><rect x="18" y="43" width="38" height="3" rx="1" fill="#334155"></rect><rect x="18" y="50" width="25" height="3" rx="1" fill="#475569"></rect></g><g class="transition-all duration-500 ease-out group-hover:translate-x-[-25px]"><rect x="90" y="5" width="70" height="60" rx="6" fill="white" stroke="rgba(16,65,213,0.08)" stroke-width="1" filter="url(#subtleShadow4)" class="transition-all duration-500 ease-out group-hover:[stroke:#1041d6] group-hover:[stroke-width:1.5px]"></rect><circle cx="100" cy="13" r="2" fill="#E0E5F1"></circle><circle cx="108" cy="13" r="2" fill="#E0E5F1"></circle><circle cx="116" cy="13" r="2" fill="#E0E5F1"></circle><line x1="90" y1="21" x2="160" y2="21" stroke="rgba(16,65,213,0.06)" stroke-width="1"></line><rect x="100" y="29" width="50" height="28" rx="3" fill="#F9FCFF" stroke="rgba(16,65,213,0.06)" stroke-width="1"></rect><rect x="106" y="35" width="22" height="4" rx="1" fill="#1041d6"></rect><rect x="106" y="43" width="38" height="3" rx="1" fill="#C8D3EA"></rect></g><g class="transition-all duration-300 origin-center scale-0 group-hover:scale-100" style="transition-delay:250ms;transition-timing-function:cubic-bezier(0.16, 1, 0.3, 1);transform-origin:100px 35px"><circle cx="100" cy="35" r="12" fill="white" stroke="#1041d6" stroke-width="1.5"></circle><path d="M94 35 L98 39 L106 31" stroke="#1041d6" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></g></svg></div><h3 class="text-lg font-medium mb-3">Design AND development</h3><p class="text-sm leading-relaxed text-text-secondary">Framer, Webflow, or custom-built. We'll help you choose the right platform and deliver a fully functional site.</p></div><div><div class="group h-[140px] bg-[#F9FCFF] rounded-xl mb-6 flex items-center justify-center border border-[rgba(16,65,213,0.06)] p-5 " style="background-clip:padding-box;box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.8),
225 0 0 0 1px rgba(16, 65, 213, 0.04), 226 0 2px 4px -1px rgba(16, 65, 213, 0.06), 227 0 4px 8px -1px rgba(16, 65, 213, 0.04)"><svg viewBox="0 0 140 70" fill="none" class="w-auto h-full max-h-[91px]" aria-hidden="true"><defs><filter id="subtleShadow5" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="2" stdDeviation="2" flood-color="rgba(16,65,213,0.06)"></feDropShadow></filter></defs><rect x="55" y="20" width="30" height="30" rx="6" fill="white" stroke="#E0E5F1" stroke-width="1.5" filter="url(#subtleShadow5)"></rect><rect x="60" y="26" width="20" height="4" rx="1" fill="#E0E5F1"></rect><rect x="60" y="34" width="14" height="3" rx="1" fill="#EFF2FA"></rect><rect x="90" y="20" width="30" height="30" rx="6" fill="white" stroke="#E0E5F1" stroke-width="1.5" filter="url(#subtleShadow5)"></rect><rect x="95" y="26" width="20" height="4" rx="1" fill="#E0E5F1"></rect><rect x="95" y="34" width="16" height="3" rx="1" fill="#EFF2FA"></rect><rect class="transition-all duration-300 ease-out group-hover:opacity-0" x="20" y="20" width="30" height="30" rx="6" fill="none" stroke="#E0E5F1" stroke-width="1.5" stroke-dasharray="4 3"></rect><g class="transition-all duration-500 ease-out translate-y-[-20px] opacity-0 group-hover:translate-y-0 group-hover:opacity-100"><rect x="20" y="20" width="30" height="30" rx="6" fill="white" stroke="#1041d6" stroke-width="1.5" filter="url(#subtleShadow5)"></rect><rect x="25" y="26" width="20" height="4" rx="1" fill="#1041d6"></rect><rect x="25" y="34" width="12" height="3" rx="1" fill="#1041d6" fill-opacity="0.3"></rect></g></svg></div><h3 class="text-lg font-medium mb-3">A familiar process</h3><p class="text-sm leading-relaxed text-text-secondary">We use the tools you already knowâFigma, Slack, Loom. No learning curve, just fast feedback.</p></div></div></div></section><section class="py-16 md:py-24 px-[5%] relative grid-background-section border-t border-[rgba(16,65,213,0.06)]" id="pricing"><div class="grid-background-section grid-background-section-light" style="position:absolute;left:0;right:0;bottom:0;height:50%;background-color:#F9FCFF;box-shadow:inset 0 1px 0 0 rgba(16,65,213,0.06)"></div><div class="max-w-container mx-auto relative z-10"><div class="text-center mb-10"><div class="relative"><div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[540px] h-[130px] pointer-events-none z-[1]" style="background:radial-gradient(ellipse 100% 100% at 50% 50%, #FFFFFF 0%, transparent 70%);filter:blur(30px)"></div><h2 class="relative z-[2] font-serif text-[clamp(32px,5vw,40px)] font-normal leading-[1.1] tracking-[-0.02em] mb-4">Simple, <span class="relative inline-block" style="transform:translateX(-1px) translateY(-2px) rotate(-1deg)"><span class="relative z-10" style="mask-image:linear-gradient(186deg, black 0%, black 40%, transparent 100%);-webkit-mask-image:linear-gradient(186deg, black 0%, black 40%, transparent 100%)">transparent</span><span class="absolute inset-0" style="filter:blur(2px);mask-image:linear-gradient(186deg, transparent 0%, black 60%, black 100%);-webkit-mask-image:linear-gradient(186deg, transparent 0%, black 60%, black 100%)">transparent</span><span class="absolute pointer-events-none" style="inset:-3px -6px;background:linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.15) 40%, rgba(255,255,255,0.2) 100%);border:1px solid rgba(0,0,0,0.06);border-top-color:rgba(255,255,255,0.6);border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 3px rgba(255,255,255,0.12), inset 0 0 0 4px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.06), 0 3px 8px rgba(0,0,0,0.05)"></span></span> pricing</h2></div><p class="relative z-[2] text-base text-text-secondary max-w-[640px] mx-auto">We've built these sprints based on what startups actually need, from years of experience doing things the hard wayâso we can do it the right way today.</p></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="glass-card"><div class="p-6 md:p-10"><p class="label mb-3">Polished Homepage + Refreshed Visual</p><h3 class="font-serif text-[24px] md:text-[28px] font-normal mb-2">Homepage Refresh</h3><p class="text-[clamp(40px,10vw,64px)] font-normal leading-none mb-1 mt-4 tabular-nums">$12k</p><p class="text-sm text-text-muted mb-6">one-time payment</p><a class="btn-primary w-full justify-center mb-8" href="/meeting">Book a free intro call<svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a><p class="text-[15px] leading-relaxed text-text-secondary mb-6">A fifteen day sprint to refresh your homepage and help you tell a better story through a standout visual theme and purpose-driven imagery. Walk away with a polished homepage that reflects your productâand doesn't hold you back.</p><ul class="space-y-3.5 pt-6 border-t border-[rgba(16,65,213,0.06)]"><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewB
227ox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>A 60-minute workshop to align on direction</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>A completely refreshed, fully responsive homepage design</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>A refreshed visual direction for the site (color, type, patterns)</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Custom product visuals and a system to implement more in the future</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Social media banners and other supporting assets</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Interactions and high level of polish</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Direct access to our team in Slack</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Figma file with all of the assets we made</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Development included (Webflow, Framer, or custom codebase)</span></li></ul></div></div><div class="glass-card"><div class="p-6 md:p-10"><p class="label mb-3">Best for Teams That Are Growing Fast</p><h3 class="font-serif text-[24px] md:text-[28px] font-normal mb-2">Growth-Ready Website</h3><p class="text-[clamp(40px,10vw,64px)] font-normal leading-none mb-1 mt-4 tabular-nums">$24k</p><p class="text-sm text-text-muted mb-6">one-time payment</p><a class="btn-primary w-full justify-center mb-8" href="/meeting">Book a free intro call<svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a><p class="text-[15px] leading-relaxed text-text-secondary mb-6">A twenty day sprint to refresh your homepage and deliver a flexible kit of reusable, high-impact website sectionsâstrategically selected for B2B software startups. Built so your team can easily expand, remix, and ship pages fast.</p><ul class="space-y-3.5 pt-6 border-t border-[rgba(16,65,213,0.06)]"><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewB
227ox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>A 60-minute workshop to align on direction</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>A completely new homepage design</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Five additional high-impact pages (like Pricing, Product, or About)</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>CMS set up for ease-of-use</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Updated typography, color palette, and imagery</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>We'll show you how to use your new system to create any new page</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Direct access to our team in Slack</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Figma file with all of the assets we made</span></li><li class="flex items-start gap-3 text-sm leading-relaxed"><svg class="w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6l2.5 2.5 4.5-5"></path></svg><span>Development included (Webflow, Framer, or custom codebase)</span></li></ul></div></div></div></div></section><section class="py-16 md:py-24 px-[5%] bg-bg-light grid-background-section grid-background-section-light" style="border-top:1px solid #E8EDF8;transform:translateZ(0)"><div class="max-w-container mx-auto"><div class="text-center mb-10"><div class="relative"><div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[648px] h-[130px] pointer-events-none z-[1]" style="background:radial-gradient(ellipse 100% 100% at 50% 50%, #F9FCFF 0%, transparent 70%);filter:blur(30px)"></div>
227<h2 class="relative z-[2] font-serif text-[clamp(32px,5vw,40px)] font-normal leading-[1.1] tracking-[-0.02em] mb-4 max-w-[640px] mx-auto">What founders and operators have said about working with Oratory</h2></div></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 items-start"><div class="flex flex-col gap-6"><div class="glass-card p-6"><p class="text-[15px] leading-relaxed text-text-secondary mb-5">â<!-- -->We've worked with multiple agencies over the years, but this is the first time I felt like what we had envisioned actually made it onto the screen.<!-- -->â</p><div class="flex items-center gap-3"><img alt="Yasmin Sameni" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fyasmin-sameni.jpg&w=48&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Fyasmin-sameni.jpg&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Fyasmin-sameni.jpg&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div><p class="text-sm font-medium">Yasmin Sameni</p><p class="text-xs text-text-muted">Head of Operations, Tahoe Therapeutics</p></div></div></div><div class="glass-card p-6"><p class="text-[15px] leading-relaxed text-text-secondary mb-5">â<!-- -->We brought Oratory in to refresh one of our most visible properties, and honestly, I didn't have to babysit a thing. Riley just handled it â I trusted him completely.<!-- -->â</p><div class="flex items-center gap-3"><img alt="Kayleigh Karutis" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fkayleigh-karutis.avif&w=48&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Fkayleigh-karutis.avif&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Fkayleigh-karutis.avif&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div><p class="text-sm font-medium">Kayleigh Karutis</p><p class="text-xs text-text-muted">Partner + CMO, Wing VC</p></div></div></div><div class="glass-card p-6"><p class="text-[15px] leading-relaxed text-text-secondary mb-5">â<!-- -->From start to finish, this is one of the quickest redesigns I've been part of. Oratory helped us create a homepage that clearly explains what we do.<!-- -->â</p><div class="flex items-center gap-3"><img alt="Jack Whitis" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fjack-whitis.jpg&w=48&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Fjack-whitis.jpg&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Fjack-whitis.jpg&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div><p class="text-sm font-medium">Jack Whitis</p><p class="text-xs text-text-muted">CEO, Wavmaker</p></div></div></div></div><div class="flex flex-col gap-6"><div class="glass-card p-6"><p class="text-[15px] leading-relaxed text-text-secondary mb-5">â<!-- -->We had just a few weeks before Demo Day and needed our website to match the level of polish and clarity investors expect. Riley and the Oratory team jumped in and immediately got what we were trying to do.<!-- -->â</p><div class="flex items-center gap-3"><img alt="Toni Lopez" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftoni-lopez.jpg&w=48&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Ftoni-lopez.jpg&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Ftoni-lopez.jpg&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div><p class="text-sm font-medium">Toni Lopez</p><p class="text-xs text-text-muted">Cofounder, Karumi AI</p></div></div></div><div class="glass-card p-6"><p class="text-[15px] leading-relaxed text-text-secondary mb-5">â<!-- -->The team did an amazing job, they iterated quickly and were fantastic at incorporating our feedback. We're super excited about the results, and we hear from customers and investors daily that they love the design.<!-- -->â</p><div class="flex items-center gap-3"><img alt="Marius Meiners" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2FoyVv20LZ_400x400.jpg&w=48&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2FoyVv20LZ_400x400.jpg&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2FoyVv20LZ_400x400.jpg&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div><p class="text-sm font-medium">Marius Meiners</p><p class="text-xs text-text-muted">Cofounder, Peec AI</p></div></div></div><div class="glass-card p-6"><p class="text-[15px] leading-relaxed text-text-secondary mb-5">â<!-- -->The team at Oratory delivered exactly what we needed: a brand and website that made Settel feel like an established company from day one. They went the extra mile on the imageryâworking with us to define what images to use to convey complex information.<!-- -->â</p><div class="flex items-center gap-3"><img alt="Derek Elley" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fderek-elley.avif&w=48&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Fderek-elley.avif&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Fderek-elley.avif&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div><p class="text-sm font-medium">Derek Elley</p><p class="text-xs text-text-muted">
227Co-founder + CEO, Settel</p></div></div></div></div><div class="flex flex-col gap-6"><div class="glass-card p-6"><p class="text-[15px] leading-relaxed text-text-secondary mb-5">â<!-- -->Working with Oratory on our homepage refresh was a game-changer. They made the site feel more intentional and aligned with who we are.<!-- -->â</p><div class="flex items-center gap-3"><img alt="Andrew Harrison" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fandrew-harrison.avif&w=48&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Fandrew-harrison.avif&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Fandrew-harrison.avif&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div><p class="text-sm font-medium">Andrew Harrison</p><p class="text-xs text-text-muted">CRO, dataroomHQ</p></div></div></div><div class="glass-card p-6"><p class="text-[15px] leading-relaxed text-text-secondary mb-5">â<!-- -->The team at Oratory not only designed a site that looks sharp and works well, but also created custom product visuals that made our product much easier to understand at a glance.<!-- -->â</p><div class="flex items-center gap-3"><img alt="Nick Droege" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fnick-droege.jpg&w=48&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Fnick-droege.jpg&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Fnick-droege.jpg&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div><p class="text-sm font-medium">Nick Droege</p><p class="text-xs text-text-muted">Founder, Toro TMS</p></div></div></div><div class="glass-card p-6"><p class="text-[15px] leading-relaxed text-text-secondary mb-5">â<!-- -->We started with a website and ended up with a creative partner we trust. The team at Oratory really listens, challenges where needed, and always makes the work stronger.<!-- -->â</p><div class="flex items-center gap-3"><img alt="Jeff King" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" class="rounded-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fjeff-king.avif&w=48&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1x, /_next/image?url=%2Fimages%2Fjeff-king.avif&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2x" src="/_next/image?url=%2Fimages%2Fjeff-king.avif&w=96&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/><div><p class="text-sm font-medium">Jeff King</p><p class="text-xs text-text-muted">Founder + CEO, Rampmetrics</p></div></div></div></div></div></div></section><section class="py-16 md:py-24 bg-bg-light grid-background-section grid-background-section-light" style="border-top:1px solid #E8EDF8"><div class="w-full px-4"><div class="text-center mb-10"><h2 class="font-serif text-[clamp(32px,5vw,40px)] font-normal leading-[1.1] tracking-[-0.02em]">Selected work</h2></div><div class="grid grid-cols-1 md:grid-cols-2 gap-2"><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Tahoe Therapeutics â Brand refresh" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc1faa301c66f042f1f9ba_tahoe-case-16x9-1.jpg&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc1faa301c66f042f1f9ba_tahoe-case-16x9-1.jpg&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc1faa301c66f042f1f9ba_tahoe-case-16x9-1.jpg&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc1faa301c66f042f1f9ba_tahoe-case-16x9-1.jpg&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc1faa301c66f042f1f9ba_tahoe-case-16x9-1.jpg&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc1faa301c66f042f1f9ba_tahoe-case-16x9-1.jpg&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc1faa301c66f042f1f9ba_tahoe-case-16x9-1.jpg&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc1faa301c66f042f1f9ba_tahoe-case-16x9-1.jpg&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc1faa301c66f042f1f9ba_tahoe-case-16x9-1.jpg&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc1faa301c66f042f1f9ba_tahoe-case-16x9-1.jpg&w=3840&q=75"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Tahoe Therapeutics â Digital design" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc25a34aac42e702d89845_tahoe-case-16x9-4.jpg&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc25a34aac42e702d89845_tahoe-case-16x9-4.jpg&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc25a34aac42e702d89845_tahoe-case-16x9-4.jpg&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc25a34aac42e702d89845_tahoe-case-16x9-4.jpg&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc25a34aac42e702d89845_tahoe-case-16x9-4.jpg&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc25a34aac42e702d89845_tahoe-case-16x9-4.jpg&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc25a34aac42e702d89845_tahoe-case-16x9-4.jpg&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc25a34aac42e702d89845_tahoe-case-16x9-4.jpg&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc25a34aac42e702d89845_tahoe-case-16x9-4.jpg&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc25a34aac42e702d89845_tahoe-case-16x9-4.jpg&w=3840&q=75"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Tahoe Therapeutics â Website" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc279a75fcb6601f47851a_tahoe-case-16x9-2.jpg&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc279a75fcb6601f47851a_tahoe-case-16x9-2.jpg&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc279a75fcb6601f47851a_tahoe-case-16x9-2.jpg&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc279a75fcb6601f47851a_tahoe-case-16x9-2.jpg&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc279a75fcb6601f47851a_tahoe-case-16x9-2.jpg&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc279a75fcb6601f47851a_tahoe-case-16x9-2.jpg&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc279a75fcb6601f47851a_tahoe-case-16x9-2.jpg&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc279a75fcb6601f47851a_tahoe-case-16x9-2.jpg&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc279a75fcb6601f47851a_tahoe-case-16x9-2.jpg&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc279a75fcb6601f47851a_tahoe-case-16x9-2.jpg&w=3840&q=75"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Tahoe Therapeutics â Brand system" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc26a85789d87bbacecaf9_tahoe-case-16x9-3.jpg&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc26a85789d87bbacecaf9_tahoe-case-16x9-3.jpg&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc26a85789d87bbacecaf9_tahoe-case-16x9-3.jpg&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc26a85789d87bbacecaf9_tahoe-case-16x9-3.jpg&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc26a85789d87bbacecaf9_tahoe-case-16x9-3.jpg&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc26a85789d87bbacecaf9_tahoe-case-16x9-3.jpg&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc26a85789d87bbacecaf9_tahoe-case-16x9-3.jpg&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc26a85789d87bbacecaf9_tahoe-case-16x9-3.jpg&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc26a85789d87bbacecaf9_tahoe-case-16x9-3.jpg&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68cc26a85789d87bbacecaf9_tahoe-case-16x9-3.jpg&w=3840&q=75"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Karumi â Homepage design" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9b7707aaaa015e9e43f_2%2520(16x9).jpg&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9b7707aaaa015e9e43f_2%2520(16x9).jpg&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9b7707aaaa015e9e43f_2%2520(16x9).jpg&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9b7707aaaa015e9e43f_2%2520(16x9).jpg&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9b7707aaaa015e9e43f_2%2520(16x9).jpg&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9b7707aaaa015e9e43f_2%2520(16x9).jpg&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9b7707aaaa015e9e43f_2%2520(16x9).jpg&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9b7707aaaa015e9e43f_2%2520(16x9).jpg&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9b7707aaaa015e9e43f_2%2520(16x9).jpg&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9b7707aaaa015e9e43f_2%2520(16x9).jpg&w=3840&q=75"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Karumi â Product illustrations" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b988d720e7df5a339468_1%2520(16x9).jpg&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b988d720e7df5a339468_1%2520(16x9).jpg&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b988d720e7df5a339468_1%2520(16x9).jpg&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b988d720e7df5a339468_1%2520(16x9).jpg&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b988d720e7df5a339468_1%2520(16x9).jpg&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b988d720e7df5a339468_1%2520(16x9).jpg&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b988d720e7df5a339468_1%2520(16x9).jpg&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b988d720e7df5a339468_1%2520(16x9).jpg&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b988d720e7df5a339468_1%2520(16x9).jpg&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b988d720e7df5a339468_1%2520(16x9).jpg&w=3840&q=75"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Karumi â Brand system" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9e9361fb89736583b76_3%2520(16x9).jpg&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9e9361fb89736583b76_3%2520(16x9).jpg&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9e9361fb89736583b76_3%2520(16x9).jpg&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9e9361fb89736583b76_3%2520(16x9).jpg&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9e9361fb89736583b76_3%2520(16x9).jpg&am
227p;w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9e9361fb89736583b76_3%2520(16x9).jpg&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9e9361fb89736583b76_3%2520(16x9).jpg&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9e9361fb89736583b76_3%2520(16x9).jpg&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9e9361fb89736583b76_3%2520(16x9).jpg&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9e9361fb89736583b76_3%2520(16x9).jpg&w=3840&q=75"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Karumi â Detail pages" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9fa0a63a2303e1da164_4%2520(16x9).jpg&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9fa0a63a2303e1da164_4%2520(16x9).jpg&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9fa0a63a2303e1da164_4%2520(16x9).jpg&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9fa0a63a2303e1da164_4%2520(16x9).jpg&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9fa0a63a2303e1da164_4%2520(16x9).jpg&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9fa0a63a2303e1da164_4%2520(16x9).jpg&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9fa0a63a2303e1da164_4%2520(16x9).jpg&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9fa0a63a2303e1da164_4%2520(16x9).jpg&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9fa0a63a2303e1da164_4%2520(16x9).jpg&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F6939b9fa0a63a2303e1da164_4%2520(16x9).jpg&w=3840&q=75"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Peec AI â Brand system" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49cdbe312a6e2386ccbab_peec-grid.png&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49cdbe312a6e2386ccbab_peec-grid.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49cdbe312a6e2386ccbab_peec-grid.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49cdbe312a6e2386ccbab_peec-grid.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49cdbe312a6e2386ccbab_peec-grid.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49cdbe312a6e2386ccbab_peec-grid.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49cdbe312a6e2386ccbab_peec-gri
227d.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49cdbe312a6e2386ccbab_peec-grid.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49cdbe312a6e2386ccbab_peec-grid.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49cdbe312a6e2386ccbab_peec-grid.png&w=3840&q=75"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Peec AI â LinkedIn" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b141992c6b0b7cbe7f2_peec-linkedin.png&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b141992c6b0b7cbe7f2_peec-linkedin.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b141992c6b0b7cbe7f2_peec-linkedin.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b141992c6b0b7cbe7f2_peec-linkedin.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b141992c6b0b7cbe7f2_peec-linkedin.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b141992c6b0b7cbe7f2_peec-linkedin.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b141992c6b0b7cbe7f2_peec-linkedin.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b141992c6b0b7cbe7f2_peec-linkedin.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b141992c6b0b7cbe7f2_peec-linkedin.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b141992c6b0b7cbe7f2_peec-linkedin.png&w=3840&q=75"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Peec AI â About page" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b1decd4e24822090b78_peec-about.png&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b1decd4e24822090b78_peec-about.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b1decd4e24822090b78_peec-about.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b1decd4e24822090b78_peec-about.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b1decd4e24822090b78_peec-about.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b1decd4e24822090b78_peec-about.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b1decd4e24822090b78_peec-about.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b1decd4e24822090b78_peec-about.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b1decd4e24822090b78_peec-about.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49b1decd4e24822090b78_peec-about.png&w=3840&q=75"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Peec AI â CTA" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49e8269563d82a59063e5_peec-cta-1.png&w=384&q=75 384w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49e8269563d82a59063e5_peec-cta-1.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49e8269563d82a59063e5_peec-cta-1.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49e8269563d82a59063e5_peec-cta-1.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49e8269563d82a59063e5_peec-cta-1.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49e8269563d82a59063e5_peec-cta-1.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49e8269563d82a59063e5_peec-cta-1.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49e8269563d82a59063e5_peec-cta-1.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49e8269563d82a59063e5_peec-cta-1.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.prod.website-files.com%2F65a03a295ee929d226a94e4c%2F68e49e8269563d82a59063e5_peec-cta-1.png&w=3840&q=75"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Pencil Spaces â Homepage" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-10.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-10.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-10.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-10.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-10.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-10.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-10.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-10.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-10.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-10.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Pencil Spaces â Product imagery" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-04.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-04.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-04.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-04.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-04.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-04.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-04.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-04.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Pencil Spaces â Features" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-05.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-05.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-05.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-05.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-05.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-05.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-05.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-05.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Pencil Spaces â Brand" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-01.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-01.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-01.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-01.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-01.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-01.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-01.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-01.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-01.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fpencil-spaces-01.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="BPAG â Homepage" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-07.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-07.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-07.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-07.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-07.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-07.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-07.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-07.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-07.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-07.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="BPAG â Service cards" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-03.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-03.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-03.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-03.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-03.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-03.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-03.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-03.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-03.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fb
227pag-03.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="BPAG â Brand system" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-04.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-04.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-04.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-04.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-04.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-04.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-04.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-04.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="BPAG â Product pages" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-05.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-05.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-05.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-05.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-05.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-05.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-05.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-05.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fbpag-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Onwish â Logo design" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-03.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-03.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-03.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-03.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-03.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-03.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-03.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-03.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-03.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-03.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Onwish â Landing page" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-04.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-04.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-04.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-04.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-04.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-04.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-04.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-04.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Onwish â Product" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-07.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-07.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-07.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-07.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-07.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-07.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-07.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-07.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-07.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-07.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Onwish â Brand" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-02.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-02.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-02.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-02.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-02.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-02.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-02.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-02.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-02.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fonwish-02.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="SaleSqueze â Homepage" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-04.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-04.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-04.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-04.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-04.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-04.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-04.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-04.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="SaleSqueze â Product imagery" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-07.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-07.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-07.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-07.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-07.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-07.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-07.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-07.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-07.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-07.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="SaleSqueze â Brand refresh" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-01.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-01.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-01.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-01.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-01.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-01.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-01.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-01.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-01.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-01.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="SaleSqueze â Components" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-05.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-05.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-05.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-05.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-05.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-05.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-05.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-05.jpg&w=2048
227&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fsalesqueze-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Gruntwork â Homepage" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-12.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-12.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-12.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-12.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-12.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-12.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-12.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-12.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-12.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-12.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Gruntwork â Product pages" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-04.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-04.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-04.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-04.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-04.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-04.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-04.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-04.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Gruntwork â Brand system" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-05.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-05.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-05.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-05.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-05.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-05.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-05.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-05.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Gruntwork â Website" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-03.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-03.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-03.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-03.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-03.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-03.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-03.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-03.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-03.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fgruntwork-03.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Rhetorich â Homepage" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-04.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-04.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-04.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-04.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-04.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-04.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-04.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-04.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Rhetorich â Product imagery" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-02.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-02.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-02.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-02.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-02.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-02.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-02.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-02.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-02.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-02.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Rhetorich â Interactions" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-03.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-03.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-03.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-03.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-03.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-03.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-03.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-03.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-03.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-03.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Rhetorich â Brand" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-05.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-05.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-05.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-05.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-05.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-05.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-05.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-05.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Frhetorich-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Enhanced.io â Homepage" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-04.
227jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-04.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-04.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-04.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-04.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-04.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-04.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-04.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Enhanced.io â Brand" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-02.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-02.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-02.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-02.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-02.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-02.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-02.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-02.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-02.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-02.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Enhanced.io â Product pages" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-03.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-03.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-03.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-03.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-03.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-03.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-03.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-03.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-03.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-03.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Enhanced.io â Components" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-05.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-05.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-05.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-05.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-05.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-05.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-05.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-05.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fenhanced-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Vector â Homepage" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fvector-03.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-03.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-03.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-03.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-03.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-03.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-03.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-03.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-03.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fvector-03.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Vector â Brand system" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fvector-01.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-01.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-01.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-01.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-01.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-01.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-01.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-01.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-01.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fvector-01.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Vector â Product imagery" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fvector-04.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-04.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-04.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-04.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-04.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-04.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-04.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-04.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fvector-04.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div><div class="rounded-2xl bg-white border border-[rgba(16,65,213,0.06)] p-6 md:p-12 lg:p-20 aspect-square flex items-center justify-center"><img alt="Vector â Website" loading="lazy" width="700" height="394" decoding="async" data-nimg="1" class="w-full rounded-lg object-cover border border-[rgba(16,65,213,0.06)]" style="color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimages%2Fcase-studies%2Fvector-05.jpg&w=384&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 384w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-05.jpg&w=640&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 640w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-05.jpg&w=750&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 750w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-05.jpg&w=828&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 828w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-05.jpg&w=1080&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1080w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-05.jpg&w=1200&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1200w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-05.jpg&w=1920&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 1920w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-05.jpg&w=2048&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 2048w, /_next/image?url=%2Fimages%2Fcase-studies%2Fvector-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS 3840w" src="/_next/image?url=%2Fimages%2Fcase-studies%2Fvector-05.jpg&w=3840&q=75&dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS"/></div></div></div></section><a href="#pricing" class="fixed bottom-6 left-1/2 z-50 px-5 py-2.5 bg-white/90 backdrop-blur-md border border-[rgba(16,65,213,0.1)] rounded-full shadow-[0_4px_20px_rgba(0,0,0,0.08)] text-sm font-medium text-text-primary transition-all duration-300 hover:shadow-[0_6px_24px_rgba(16,65,213,0.12)]" style="opacity:0;pointer-events:none;transform:translate(-50%, 12px)"><span class="inline-flex items-center gap-2"><span class="text-brand-blue">â</span> Return to pricing</span></a><section class="pt-4 md:pt-6 pb-16 md:pb-24 px-[5%] bg-bg-light grid-background-section grid-background-section-light"><div class="max-w-[800px] mx-auto"><div class="text-center mb-10">
227<h2 class="font-serif text-[clamp(32px,5vw,40px)] font-normal leading-[1.1] tracking-[-0.02em]">Frequently asked questions</h2></div><div class="space-y-3"><div class="bg-white rounded-xl ring-1 ring-[rgba(16,65,213,0.06)] overflow-hidden"><button class="w-full flex items-center justify-between px-5 md:px-6 py-4 md:py-5 cursor-pointer text-left"><span class="text-[16px] md:text-[17px] font-medium text-text-primary pr-4">How long does a typical project take?</span><span class="text-text-muted text-lg shrink-0 transition-transform duration-300 ease-out" style="transform:rotate(0deg)">+</span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows:0fr"><div class="overflow-hidden"><div class="px-5 md:px-6 pb-5 text-[15px] text-text-secondary leading-relaxed">A homepage sprint typically takes 3 to 4 weeks, while a multi-page site is closer to 4 to 5 weeks. Final timelines depend on the amount of revisions and timely feedback from your team.</div></div></div></div><div class="bg-white rounded-xl ring-1 ring-[rgba(16,65,213,0.06)] overflow-hidden"><button class="w-full flex items-center justify-between px-5 md:px-6 py-4 md:py-5 cursor-pointer text-left"><span class="text-[16px] md:text-[17px] font-medium text-text-primary pr-4">What do we get at the end?</span><span class="text-text-muted text-lg shrink-0 transition-transform duration-300 ease-out" style="transform:rotate(0deg)">+</span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows:0fr"><div class="overflow-hidden"><div class="px-5 md:px-6 pb-5 text-[15px] text-text-secondary leading-relaxed">You get a live, production-ready website along with all design files, assets, and a system flexible enough for your team to build on independently.</div></div></div></div><div class="bg-white rounded-xl ring-1 ring-[rgba(16,65,213,0.06)] overflow-hidden"><button class="w-full flex items-center justify-between px-5 md:px-6 py-4 md:py-5 cursor-pointer text-left"><span class="text-[16px] md:text-[17px] font-medium text-text-primary pr-4">Do you work with early-stage startups?</span><span class="text-text-muted text-lg shrink-0 transition-transform duration-300 ease-out" style="transform:rotate(0deg)">+</span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows:0fr"><div class="overflow-hidden"><div class="px-5 md:px-6 pb-5 text-[15px] text-text-secondary leading-relaxed">Yes, most of our clients are seed to Series B. We're built for teams that need to move fast and look credible without the overhead of a full-time design hire.</div></div></div></div><div class="bg-white rounded-xl ring-1 ring-[rgba(16,65,213,0.06)] overflow-hidden"><button class="w-full flex items-center justify-between px-5 md:px-6 py-4 md:py-5 cursor-pointer text-left"><span class="text-[16px] md:text-[17px] font-medium text-text-primary pr-4">What platforms do you build on?</span><span class="text-text-muted text-lg shrink-0 transition-transform duration-300 ease-out" style="transform:rotate(0deg)">+</span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows:0fr"><div class="overflow-hidden"><div class="px-5 md:px-6 pb-5 text-[15px] text-text-secondary leading-relaxed">We work in Webflow, Framer, or a custom codebase, choosing the best fit based on your team's needs and technical requirements. All three give you full ownership and the ability to evolve the site on your terms.</div></div></div></div><div class="bg-white rounded-xl ring-1 ring-[rgba(16,65,213,0.06)] overflow-hidden"><button class="w-full flex items-center justify-between px-5 md:px-6 py-4 md:py-5 cursor-pointer text-left"><span class="text-[16px] md:text-[17px] font-medium text-text-primary pr-4">What if we need more pages later?</span><span class="text-text-muted text-lg shrink-0 transition-transform duration-300 ease-out" style="transform:rotate(0deg)">+</span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows:0fr"><div class="overflow-hidden"><div class="px-5 md:px-6 pb-5 text-[15px] text-text-secondary leading-relaxed">Every project is built with scalability in mind. We deliver reusable components and templates so you can add pages confidently, or we can handle additional pages as a follow-up engagement.</div></div></div></div><div class="bg-white rounded-xl ring-1 ring-[rgba(16,65,213,0.06)] overflow-hidden"><button class="w-full flex items-center justify-between px-5 md:px-6 py-4 md:py-5 cursor-pointer text-left"><span class="text-[16px] md:text-[17px] font-medium text-text-primary pr-4">
227How does pricing work?</span><span class="text-text-muted text-lg shrink-0 transition-transform duration-300 ease-out" style="transform:rotate(0deg)">+</span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows:0fr"><div class="overflow-hidden"><div class="px-5 md:px-6 pb-5 text-[15px] text-text-secondary leading-relaxed">We offer fixed-price packages based on scope. No hourly billing, no surprises. You'll know exactly what you're getting and what it costs before we start.</div></div></div></div><div class="bg-white rounded-xl ring-1 ring-[rgba(16,65,213,0.06)] overflow-hidden"><button class="w-full flex items-center justify-between px-5 md:px-6 py-4 md:py-5 cursor-pointer text-left"><span class="text-[16px] md:text-[17px] font-medium text-text-primary pr-4">Can we update the site ourselves after launch?</span><span class="text-text-muted text-lg shrink-0 transition-transform duration-300 ease-out" style="transform:rotate(0deg)">+</span></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows:0fr"><div class="overflow-hidden"><div class="px-5 md:px-6 pb-5 text-[15px] text-text-secondary leading-relaxed">Yes. Every site we deliver is built so your team can make content updates, add pages, and manage the site without needing a designer or developer on call.</div></div></div></div></div></div></section><section class="pt-16 md:pt-24 pb-24 md:pb-32 px-[5%] bg-white grid-background-section" style="box-shadow:inset 0 1px 0 0 rgba(16,65,213,0.06)"><div class="max-w-container mx-auto flex justify-center"><div class="max-w-[600px] flex flex-col items-center text-center"><div class="w-full max-w-[208px] -mt-8 overflow-hidden" style="aspect-ratio:1 / 1"><video muted="" playsInline="" preload="none" aria-label="Oratory design showreel" class="w-full h-full block rounded-2xl transition-all duration-700 ease-out" style="opacity:0;filter:blur(10px);transform:translateY(10px)"><source src="/videos/showreel.mp4" type="video/mp4"/></video></div><div class="relative"><div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[540px] h-[130px] pointer-events-none z-[1]" style="background:radial-gradient(ellipse 100% 100% at 50% 50%, #FFFFFF 0%, transparent 70%);filter:blur(30px)"></div><h2 class="relative z-[2] animate-blur-in blur-stagger-1 font-serif text-[clamp(32px,4vw,40px)] font-normal mb-4">Ready to look and feel like an established player?</h2></div><p class="relative z-[2] animate-blur-in blur-stagger-2 text-[17px] text-text-secondary mb-8 leading-relaxed">Book a 30-minute call to discuss your project, goals, and timeline. No sales pitchâjust a direct conversation about whether we're a good fit.</p><a class="relative z-[2] animate-blur-in blur-stagger-3 btn-primary" href="/meeting">Book a Call with Riley<span class="opacity-50">â</span></a></div></div></section><!--$--><!--/$--></main><footer class="bg-[#0f172a] border-t border-[#1e293b] grid-background-light-outer"><div class="py-16 px-[5%]"><div class="max-w-container mx-auto"><div class="grid grid-cols-1 md:grid-cols-[1fr_auto] gap-12 md:gap-16 items-start"><div class="flex flex-col sm:flex-row gap-8 sm:gap-16"><div class="flex flex-col gap-6"><a aria-label="Oratory home" href="/"><svg width="120" height="32" viewBox="0 0 186 44" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.84375 15.5273C0.84375 14.7539 1.47055 14.1269 2.24375 14.1269H9.44374C10.2169 14.1269 10.8437 13.5 10.8437 12.7266V8.02536C10.8437 7.25196 11.4706 6.625 12.2437 6.625H29.4437C30.2169 6.625 30.8437 7.25196 30.8437 8.02536V12.7266C30.8437 13.5 31.4706 14.1269 32.2437 14.1269H39.4438C40.2169 14.1269 40.8438 14.7539 40.8438 15.5273V27.7305C40.8438 28.5039 40.2169 29.1308 39.4438 29.1308H32.2437C31.4706 29.1308 30.8437 29.7578 30.8437 30.5312V35.2324C30.8437 36.0058 30.2169 36.6328 29.4437 36.6328H12.2437C11.4706 36.6328 10.8437 36.0058 10.8437 35.2324V30.5312C10.8437 29.7578 10.2169 29.1308 9.44374 29.1308H2.24375C1.47055 29.1308 0.84375 28.5039 0.84375 27.7305V1
2275.5273ZM10.8437 15.5273C10.8437 14.7539 11.4706 14.1269 12.2437 14.1269H29.4437C30.2169 14.1269 30.8437 14.7539 30.8437 15.5273V27.7305C30.8437 28.5039 30.2169 29.1308 29.4437 29.1308H12.2437C11.4706 29.1308 10.8437 28.5039 10.8437 27.7305V15.5273Z" fill="white"></path><path d="M176.996 38.0518C175.84 41.1334 174.067 43.252 169.867 43.252C168.904 43.252 168.634 43.2135 167.979 43.1364V39.2459C168.595 39.323 168.942 39.3615 169.52 39.3615C171.061 39.3615 171.794 38.9378 172.449 37.3199L173.219 35.4325L165.859 15.9414H170.715L175.685 30.1167L180.541 15.9414H185.319L176.996 38.0518Z" fill="white"></path><path d="M165.022 15.909V20.5314C164.444 20.4544 163.982 20.4159 163.327 20.4159C160.398 20.4159 158.163 22.3034 158.163 25.539V36.1705H153.539V15.9476H158.163V18.9521C159.049 17.0646 161.13 15.832 163.712 15.832C164.251 15.832 164.675 15.8705 165.022 15.909Z" fill="white"></path><path d="M150.326 26.0276C150.326 32.3064 146.28 36.5436 140.577 36.5436C134.874 36.5436 130.828 32.3064 130.828 26.0276C130.828 19.7489 134.874 15.5117 140.577 15.5117C146.28 15.5117 150.326 19.7489 150.326 26.0276ZM135.491 26.0276C135.491 30.1493 137.456 32.6531 140.577 32.6531C143.698 32.6531 145.664 30.1493 145.664 26.0276C145.664 21.906 143.698 19.4022 140.577 19.4022C137.456 19.4022 135.491 21.906 135.491 26.0276Z" fill="white"></path><path d="M120.079 31.0665V19.8572H117.266V15.9281H120.079V9.99607H124.626V15.9281H128.864V19.8572H124.626V30.3346C124.626 32.145 125.666 32.3376 127.323 32.3376C128.094 32.3376 128.517 32.2991 129.211 32.2221V36.1126C128.363 36.2667 127.207 36.3822 126.013 36.3822C122.159 36.3822 120.079 35.1881 120.079 31.0665Z" fill="white"></path><path d="M104.922 36.4665C101.069 36.4665 98.1016 34.1168 98.1016 30.4959C98.1016 26.644 100.992 24.9491 104.883 24.1402L110.471 22.9846V22.6379C110.471 20.7119 109.469 19.5178 107.003 19.5178C104.806 19.5178 103.65 20.5193 103.111 22.4838L98.7566 21.4823C99.7585 18.1311 102.726 15.5117 107.196 15.5117C112.051 15.5117 114.979 17.8229 114.979 22.4838V31.1893C114.979 32.3449 115.48 32.6916 116.752 32.5375V36.1199C113.399 36.5051 111.627 35.8502 110.933 34.1939C109.662 35.6191 107.542 36.4665 104.922 36.4665ZM110.471 28.9937V26.5284L106.117 27.4529C104.151 27.8766 102.687 28.4929 102.687 30.3033C102.687 31.8827 103.843 32.7686 105.616 32.7686C108.082 32.7686 110.471 31.4589 110.471 28.9937Z" fill="white"></path><path d="M97.3268 15.909V20.5314C96.7488 20.4544 96.2864 20.4159 95.6313 20.4159C92.7028 20.4159 90.4678 22.3034 90.4678 25.539V36.1705H85.8438V15.9476H90.4678V18.9521C91.3541 17.0646 93.4349 15.832 96.0167 15.832C96.5561 15.832 96.98 15.8705 97.3268 15.909Z" fill="white"></path><path d="M56.8438 22.3188C56.8438 13.9214 62.2385 8.06638 69.714 8.06638C77.1896 8.06638 82.5843 13.9214 82.5843 22.3188C82.5843 30.7161 77.1896 36.5711 69.714 36.5711C62.2385 36.5711 56.8438 30.7161 56.8438 22.3188ZM77.652 22.3188C77.652 16.3096 74.3766 12.4191 69.714 12.4191C65.0514 12.4191 61.7761 16.3096 61.7761 22.3188C61.7761 28.3279 65.0514 32.2184 69.714 32.2184C74.3766 32.2184 77.652 28.3279 77.652 22.3188Z" fill="white"></path></svg></a><div class="flex items-center gap-4"><a href="https://www.linkedin.com/company/oratory/" target="_blank" rel="noopener noreferrer" aria-label="Follow Oratory on LinkedIn" class="text-[#64748b] hover:text-white transition-colors"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a><a href="https://x.com/yourmoment" target="_blank" rel="noopener noreferrer" aria-label="Follow us on X (Twitter)" class="text-[#64748b] hover:text-white transition-colors"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a></div></div><div class="w-full sm:max-w-[320px]"><h4 class="text-xs font-mono uppercase tracking-wider text-[#64748b] mb-2">Newsletter</h4>
227<p class="text-sm text-[#94a3b8] mb-3 leading-relaxed">Solicited opinions about web design for B2B tech startups, from our founder.</p><form class="relative"><input type="email" autoComplete="email" spellCheck="false" placeholder="[email protected]" class="w-full h-10 pl-3 pr-24 bg-[#1e293b] border border-[#334155] rounded-lg text-sm text-white placeholder:text-[#475569] focus:outline-none focus:border-brand-blue focus:ring-[3px] focus:ring-brand-blue/20 transition-all" required="" name="email" value=""/><button type="submit" class="absolute right-1 top-1/2 -translate-y-1/2 h-8 px-3 bg-[#334155] text-white rounded-md text-sm font-medium hover:bg-[#475569] transition-all border border-[#475569] shadow-[0_1px_2px_rgba(0,0,0,0.3),inset_0_1px_0_rgba(255,255,255,0.05)] disabled:opacity-50">Subscribe</button></form></div></div><div class="grid grid-cols-2 sm:grid-cols-3 gap-x-8 gap-y-6 md:gap-12"><div class="min-w-[120px]"><h4 class="text-xs font-mono uppercase tracking-wider text-[#64748b] mb-4">Pages</h4><ul class="space-y-2.5"><li><a class="text-sm text-[#94a3b8] hover:text-white transition-colors" href="/work">Work</a></li><li><a class="text-sm text-[#94a3b8] hover:text-white transition-colors" href="/blog">Blog</a></li><li><a class="text-sm text-[#94a3b8] hover:text-white transition-colors" href="/about">About</a></li><li><a class="text-sm text-[#94a3b8] hover:text-white transition-colors" href="/pricing">Pricing</a></li><li><a class="text-sm text-[#94a3b8] hover:text-white transition-colors inline-flex items-center gap-1.5" href="/careers">Careers<span class="inline-flex items-center justify-center w-4 h-4 text-[10px] font-medium bg-brand-blue text-white rounded-full">2</span></a></li></ul></div><div class="min-w-[120px]"><h4 class="text-xs font-mono uppercase tracking-wider text-[#64748b] mb-4">Docs</h4><ul class="space-y-2.5"><li><a class="text-sm text-[#94a3b8] hover:text-white transition-colors" href="/docs">Getting Started</a></li><li><a class="text-sm text-[#94a3b8] hover:text-white transition-colors" href="/docs/how-it-works">How It Works</a></li><li><a class="text-sm text-[#94a3b8] hover:text-white transition-colors" href="/docs/client-sops/sprint-timeline">Process</a></li><li><a class="text-sm text-[#94a3b8] hover:text-white transition-colors" href="/docs/faq">FAQ</a></li></ul></div><div class="min-w-[120px]"><h4 class="text-xs font-mono uppercase tracking-wider text-[#64748b] mb-4">Resources</h4><ul class="space-y-2.5"><li><a class="text-sm text-[#94a3b8] hover:text-white transition-colors" href="/meeting">Book a Call</a></li><li><a class="text-sm text-[#94a3b8] hover:text-white transition-colors" href="/testimonials">Testimonials</a></li><li><a class="text-sm text-[#94a3b8] hover:text-white transition-colors" href="/ai-native">AI-Native Sites</a></li><li><a href="https://moment.so" target="_blank" rel="noopener noreferrer" class="text-sm text-[#94a3b8] hover:text-white transition-colors inline-flex items-center gap-1.5">MOMENT<svg class="w-3 h-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 17 17 7M7 7h10v10"></path></svg></a></li></ul></div></div></div></div></div><div class="border-t border-[#1e293b] px-[5%]"><div class="max-w-container mx-auto pt-5 pb-4 flex flex-col sm:flex-row justify-between items-center gap-4"><p class="text-sm text-[#64748b]">© <!-- -->2026<!-- --> Oratory. All rights reserved.</p><div class="flex items-center gap-6"><a class="text-sm text-[#64748b] hover:text-white transition-colors" href="/privacy">Privacy Policy</a><div class="flex items-center gap-2"><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-green-500"></span></span><span class="text-sm text-[#94a3b8]">Now booking for <!-- -->October</span></div></div></div></div></footer><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
227<script src="/_next/static/chunks/305bfb3311b10e81.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS" id="_R_" async=""></script>
227<script>(self.__next_f=self.__next_f||[]).push([0])</script>
227<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[29065,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"default\"]\n3:I[42724,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"default\"]\n4:I[38503,[\"/_next/static/chunks/0753f09c302e9460.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/f2e3cd9afc1f1cab.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"default\"]\n5:I[39788,[\"/_next/static/chunks/0753f09c302e9460.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/f2e3cd9afc1f1cab.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"default\"]\n6:I[17989,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/2fe242ee9de3ca67.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/bb5b2a0ab3034413.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"\"]\n7:I[56691,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"default\"]\n8:I[15643,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"Analytics\"]\n9:I[6499,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"SpeedInsights\"]\na:I[21690,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/2fe242ee9de3ca67.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/bb5b2a0ab3034413.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"default\"]\nb:I[36181,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/2fe242ee9de3ca67.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/bb5b2a0ab3034413.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"Hero\"]\nc:I[56958,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/2fe242ee9de3ca67.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/bb5b2a0ab3034413.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"LogoBar\"]\n19:I[13136,[\"/_next/static/chunks/0753f09c302e9460.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/f2e3cd9afc1f1cab.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"default\"]\n:HL[\"/_next/static/chunks/2becb7c2ca8294f9.css?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"style\"]\n:HL[\"/_next/static/media/Mondwest_Bold-s.p.28fa6fca.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Mondwest_Regular-s.p.f125b64c.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/soehne_buch-s.p.0ed4b2a9.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/soehne_buch_kursiv-s.p.f21dc890.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/soehne_halbfett-s.p.26acbf4c.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/soehne_mono_buch-s.p.54162402.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/fonts/soehne-buch.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"/fonts/TiemposText-Regular.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"/fonts/Mondwest-Regular.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n"])</script>
227<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"9NhHZ-spTInatPwpUxGtc\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2becb7c2ca8294f9.css?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"mondwest_9fb25bcf-module__PSSEla__variable sohne_9281e297-module__V__b0q__variable sohnemono_3ec4f9f6-module__Fp9n4G__variable\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"/fonts/soehne-buch.woff2\",\"as\":\"font\",\"type\":\"font/woff2\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"/fonts/TiemposText-Regular.woff2\",\"as\":\"font\",\"type\":\"font/woff2\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"/fonts/Mondwest-Regular.woff2\",\"as\":\"font\",\"type\":\"font/woff2\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"script\",null,{\"async\":true,\"src\":\"https://app.humblytics.com/hmbl.min.js?id=7b53c5a\"}]]}],[\"$\",\"body\",null,{\"className\":\"grid-background overflow-x-clip\",\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"a\",null,{\"href\":\"#main-content\",\"className\":\"sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-[10010] focu
227s:px-4 focus:py-2 focus:bg-brand-blue focus:text-white focus:rounded-lg\",\"children\":\"Skip to main content\"}],[\"$\",\"a\",null,{\"href\":\"https://www.moment.so/news/oratory-is-now-moment\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"block bg-gradient-to-b from-brand-blue-light to-brand-blue text-white text-center py-2.5 px-5 text-sm font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_1px_3px_rgba(16,65,214,0.3)] hover:opacity-90 transition-opacity\",\"style\":{\"textShadow\":\"0 1px 1px rgba(10, 40, 140, 0.3)\"},\"children\":\"Oratory is now MOMENT. Learn more â\"}],[\"$\",\"$L3\",null,{}],[\"$\",\"main\",null,{\"id\":\"main-content\",\"className\":\"overflow-x-clip\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"section\",null,{\"className\":\"py-32 px-[5%]\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-container mx-auto text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"label mb-4 block\",\"children\":\"404 Error\"}],[\"$\",\"h1\",null,{\"className\":\"font-serif text-[clamp(48px,8vw,80px)] font-normal leading-[1.08] tracking-[-0.02em] mb-6\",\"children\":\"Page not found\"}],[\"$\",\"p\",null,{\"className\":\"text-lg text-text-secondary max-w-md mx-auto mb-10\",\"children\":\"Sorry, we couldn't find the page you're looking for. It may have been moved or no longer exists.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row gap-4 justify-center\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"btn-primary\",\"children\":\"Back to Home\"}],[\"$\",\"$L6\",null,{\"href\":\"/work\",\"className\":\"btn-secondary\",\"children\":\"View Our Work\"}]]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{}],null]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{}],[\"$\",\"$Lc\",null,{}],[\"$\",\"section\",null,{\"className\":\"py-16 md:py-24 px-[5%] relative grid-background-section\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid-background-section grid-background-section-light\",\"style\":{\"position\":\"absolute\",\"left\":0,\"right\":0,\"bottom\":0,\"height\":\"50%\",\"backgroundColor\":\"#F9FCFF\",\"boxShadow\":\"inset 0 1px 0 0 rgba(16,65,213,0.06)\"}}],[\"$\",\"div\",null,{\"className\":\"max-w-container mx-auto relative z-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[648px] h-[130px] pointer-events-none z-[1]\",\"style\":{\"background\":\"radial-gradient(ellipse 100% 100% at 50% 50%, #FFFFFF 0%, transparent 70%)\",\"filter\":\"blur(30px)\"}}],[\"$\",\"h2\",null,{\"className\":\"relative z-[2] font-serif text-[clamp(32px,4vw,40px)] font-normal tracking-[-0.02em] text-center mb-4 max-w-[720px] mx-auto text-balance\",\"children\":\"Get a professional website in less than a month\"}]]}],[\"$\",\"p\",null,{\"className\":\"relative z-[2] text-[17px] text-text-secondary text-center max-w-[600px] mx-auto mb-10\",\"children\":\"Our sprint-based process is designed for startups that need to move fast. Here's exactly what happens and when.\"}],\"$Ld\"]}]]}],\"$Le\",\"$Lf\",\"$L10\",\"$L11\",\"$L12\",\"$L13\",\"$L14\"],[\"$L15\",\"$L16\"],\"$L17\"]}],{},null,false,false]},null,false,false],\"$L18\",false]],\"m\":\"$undefined\",\"G\":[\"$19\",[]],\"S\":true}\n"])</script>
227<script>self.__next_f.push([1,"1d:I[12229,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/2fe242ee9de3ca67.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/bb5b2a0ab3034413.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"BenefitCard\"]\n29:I[34601,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/2fe242ee9de3ca67.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/bb5b2a0ab3034413.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"Image\"]\n2e:I[78702,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/2fe242ee9de3ca67.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/bb5b2a0ab3034413.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"Work\"]\n2f:I[30338,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/2fe242ee9de3ca67.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/bb5b2a0ab3034413.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"FAQ\"]\n30:I[64394,[\"/_next/static/chunks/088e5487353c3154.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/2fe242ee9de3ca67.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/bb5b2a0ab3034413.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"default\"]\n31:I[3557,[\"/_next/static/chunks/0753f09c302e9460.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/f2e3cd9afc1f1cab.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"OutletBoundary\"]\n32:\"$Sreact.suspense\"\n34:I[3557,[\"/_next/static/chunks/0753f09c302e9460.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/f2e3cd9afc1f1cab.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"ViewportBoundary\"]\n36:I[3557,[\"/_next/static/chunks/0753f09c302e9460.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/f2e3cd9afc1f1cab.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"MetadataBoundary\"]\n"])</script>
227<script>self.__next_f.push([1,"d:[\"$\",\"div\",null,{\"className\":\"glass-card p-6 md:p-12 relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-16 left-12 right-12 h-0.5 bg-[rgba(16,65,213,0.06)] z-0 hidden md:block\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-3 gap-10 relative z-10\",\"children\":[[\"$\",\"div\",\"1\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-8 h-8 rounded-full bg-gradient-to-b from-brand-blue-light to-brand-blue flex items-center justify-center text-white font-mono text-sm font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.2),0_0_0_1px_rgba(16,65,214,0.8),0_2px_4px_rgba(16,65,214,0.2),0_4px_8px_rgba(16,65,214,0.2)]\",\"children\":1}]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-medium mb-4\",\"children\":\"Phase 1: Design Direction\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5\",\"children\":[[\"$\",\"li\",\"Visual direction concepts\",{\"className\":\"flex items-start gap-2.5 text-sm text-text-secondary\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]\"}],\"Visual direction concepts\"]}],[\"$\",\"li\",\"Wireframe workshop\",{\"className\":\"flex items-start gap-2.5 text-sm text-text-secondary\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]\"}],\"Wireframe workshop\"]}],[\"$\",\"li\",\"Design approval\",{\"className\":\"flex items-start gap-2.5 text-sm text-text-secondary\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]\"}],\"Design approval\"]}],[\"$\",\"li\",\"Style alignment\",{\"className\":\"flex items-start gap-2.5 text-sm text-text-secondary\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]\"}],\"Style alignment\"]}]]}]]}],[\"$\",\"div\",\"2\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-8 h-8 rounded-full bg-gradient-to-b from-brand-blue-light to-brand-blue flex items-center justify-center text-white font-mono text-sm font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.2),0_0_0_1px_rgba(16,65,214,0.8),0_2px_4px_rgba(16,65,214,0.2),0_4px_8px_rgba(16,65,214,0.2)]\",\"children\":2}]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-medium mb-4\",\"children\":\"Phase 2: High-fidelity Design\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5\",\"children\":[[\"$\",\"li\",\"Homepage design\",{\"className\":\"flex items-start gap-2.5 text-sm text-text-secondary\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]\"}],\"Homepage design\"]}],[\"$\",\"li\",\"Custom imagery\",{\"className\":\"flex items-start gap-2.5 text-sm text-text-secondary\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]\"}],\"Custom imagery\"]}],[\"$\",\"li\",\"Additional pages\",{\"className\":\"flex items-start gap-2.5 text-sm text-text-secondary\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]\"}],\"Additional pages\"]}],[\"$\",\"li\",\"Design refinements\",{\"className\":\"flex items-start gap-2.5 text-sm text-text-secondary\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]\"}],\"Design refinements\"]}]]}]]}],[\"$\",\"div\",\"3\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-5\",\"children\":\"$L1a\"}],\"$L1b\",\"$L1c\"]}]]}]]}]\n"])</script>
227<script>self.__next_f.push([1,"e:[\"$\",\"section\",null,{\"className\":\"bg-[#0f172a] text-white py-16 md:py-24 px-[5%] grid-background-light\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-container mx-auto\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 lg:grid-cols-2 gap-20 items-center\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs font-mono uppercase tracking-wider text-[#94a3b8] mb-4 block\",\"children\":\"The Problem\"}],[\"$\",\"h2\",null,{\"className\":\"font-serif text-[clamp(32px,4vw,40px)] font-normal tracking-[-0.02em] mb-8 leading-[1.1]\",\"children\":\"Traditional design agencies weren't built with early-stage B2B tech startups in mind\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"li\",\"Agencies burn weeks in workshops before you see anything tangible\",{\"className\":\"flex items-start gap-3 text-[15px] text-[#94a3b8]\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-white/10 border border-[#334155] rounded-full text-[#64748b]\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M3 3l6 6M9 3l-6 6\"}]}],\"Agencies burn weeks in workshops before you see anything tangible\"]}],[\"$\",\"li\",\"Bloated teams add meetings, slow decisions, and inflate project costs\",{\"className\":\"flex items-start gap-3 text-[15px] text-[#94a3b8]\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-white/10 border border-[#334155] rounded-full text-[#64748b]\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M3 3l6 6M9 3l-6 6\"}]}],\"Bloated teams add meetings, slow decisions, and inflate project costs\"]}],[\"$\",\"li\",\"Pricing is hidden with vague scopes that grow larger mid-project\",{\"className\":\"flex items-start gap-3 text-[15px] text-[#94a3b8]\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-white/10 border border-[#334155] rounded-full text-[#64748b]\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M3 3l6 6M9 3l-6 6\"}]}],\"Pricing is hidden with vague scopes that grow larger mid-project\"]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"rounded-xl p-5 bg-[#1e293b] border border-[#334155]\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-mono uppercase tracking-wider mb-2 text-[#64748b]\",\"children\":\"Typical agency engagement\"}],[\"$\",\"p\",null,{\"className\":\"text-[28px] md:text-[32px] font-medium leading-none tabular-nums text-white\",\"children\":\"3-6 months\"}]]}],[\"$\",\"div\",null,{\"className\":\"rounded-xl p-5 bg-brand-blue\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-mono uppercase tracking-wider mb-2 text-white/70\",\"children\":\"Our sprint timeline\"}],[\"$\",\"p\",null,{\"className\":\"text-[28px] md:text-[32px] font-medium leading-none tabular-nums text-white\",\"children\":\"3-4 weeks\"}]]}],[\"$\",\"div\",null,{\"className\":\"rounded-xl p-5 bg-[#1e293b] border border-[#334155]\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-mono uppercase tracking-wider mb-2 text-[#64748b]\",\"children\":\"Avg. agency project cost\"}],[\"$\",\"p\",null,{\"className\":\"text-[28px] md:text-[32px] font-medium leading-none tabular-nums text-white\",\"children\":\"$$50-150k\"}]]}],[\"$\",\"div\",null,{\"className\":\"rounded-xl p-5 bg-brand-blue\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-mono uppercase tracking-wider mb-2 text-white/70\",\"children\":\"Our pricing\"}],[\"$\",\"p\",null,{\"className\":\"text-[28px] md:text-[32px] font-medium leading-none tabular-nums text-white\",\"children\":\"$$12-24k\"}]]}]]}]]}]}]}]\n"])</script>
227<script>self.__next_f.push([1,"f:[\"$\",\"section\",null,{\"className\":\"py-16 md:py-24 px-[5%] grid-background-section\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-container mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center mb-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[540px] h-[130px] pointer-events-none z-[1]\",\"style\":{\"background\":\"radial-gradient(ellipse 100% 100% at 50% 50%, #FFFFFF 0%, transparent 70%)\",\"filter\":\"blur(30px)\"}}],[\"$\",\"h2\",null,{\"className\":\"relative z-[2] font-serif text-[clamp(32px,5vw,40px)] font-normal leading-[1.1] tracking-[-0.02em] mb-4\",\"children\":\"Why startups choose Oratory\"}]]}],[\"$\",\"p\",null,{\"className\":\"relative z-[2] text-[17px] text-text-secondary max-w-[640px] mx-auto\",\"children\":\"Built from the ground up for the reality that early-stage B2B software startups live inâwhere you shouldn't have to choose between fast, affordable, and good.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-8 md:gap-y-12\",\"children\":[[\"$\",\"$L1d\",\"Transparent pricing\",{\"title\":\"Transparent pricing\",\"text\":\"Upfront pricing, no hourly billing, no surprises. Know exactly what you'll pay before we start.\",\"icon\":\"pricing\"}],[\"$\",\"$L1d\",\"Sprint-based delivery\",{\"title\":\"Sprint-based delivery\",\"text\":\"10-15 days for homepage, 20-25 days for full website. Predictable timelines with clear milestones at every stage.\",\"icon\":\"timeline\"}],[\"$\",\"$L1d\",\"B2B SaaS expertise\",{\"title\":\"B2B SaaS expertise\",\"text\":\"We only work with software companies. Our entire portfolio, expertise, and process is built for your market.\",\"icon\":\"dashboard\"}],[\"$\",\"$L1d\",\"Post-launch independence\",{\"title\":\"Post-launch independence\",\"text\":\"Built for client self-management. CMS training included. Templates for future expansion. No ongoing retainer required.\",\"icon\":\"unlock\"}],[\"$\",\"$L1d\",\"Design AND development\",{\"title\":\"Design AND development\",\"text\":\"Framer, Webflow, or custom-built. We'll help you choose the right platform and deliver a fully functional site.\",\"icon\":\"design-dev\"}],[\"$\",\"$L1d\",\"A familiar process\",{\"title\":\"A familiar process\",\"text\":\"We use the tools you already knowâFigma, Slack, Loom. No learning curve, just fast feedback.\",\"icon\":\"team\"}]]}]]}]}]\n"])</script>
227<script>self.__next_f.push([1,"10:[\"$\",\"section\",null,{\"className\":\"py-16 md:py-24 px-[5%] relative grid-background-section border-t border-[rgba(16,65,213,0.06)]\",\"id\":\"pricing\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid-background-section grid-background-section-light\",\"style\":{\"position\":\"absolute\",\"left\":0,\"right\":0,\"bottom\":0,\"height\":\"50%\",\"backgroundColor\":\"#F9FCFF\",\"boxShadow\":\"inset 0 1px 0 0 rgba(16,65,213,0.06)\"}}],[\"$\",\"div\",null,{\"className\":\"max-w-container mx-auto relative z-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center mb-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[540px] h-[130px] pointer-events-none z-[1]\",\"style\":{\"background\":\"radial-gradient(ellipse 100% 100% at 50% 50%, #FFFFFF 0%, transparent 70%)\",\"filter\":\"blur(30px)\"}}],[\"$\",\"h2\",null,{\"className\":\"relative z-[2] font-serif text-[clamp(32px,5vw,40px)] font-normal leading-[1.1] tracking-[-0.02em] mb-4\",\"children\":[\"Simple, \",[\"$\",\"span\",null,{\"className\":\"relative inline-block\",\"style\":{\"transform\":\"translateX(-1px) translateY(-2px) rotate(-1deg)\"},\"children\":[[\"$\",\"span\",null,{\"className\":\"relative z-10\",\"style\":{\"maskImage\":\"linear-gradient(186deg, black 0%, black 40%, transparent 100%)\",\"WebkitMaskImage\":\"linear-gradient(186deg, black 0%, black 40%, transparent 100%)\"},\"children\":\"transparent\"}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0\",\"style\":{\"filter\":\"blur(2px)\",\"maskImage\":\"linear-gradient(186deg, transparent 0%, black 60%, black 100%)\",\"WebkitMaskImage\":\"linear-gradient(186deg, transparent 0%, black 60%, black 100%)\"},\"children\":\"transparent\"}],[\"$\",\"span\",null,{\"className\":\"absolute pointer-events-none\",\"style\":{\"inset\":\"-3px -6px\",\"background\":\"linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.15) 40%, rgba(255,255,255,0.2) 100%)\",\"border\":\"1px solid rgba(0,0,0,0.06)\",\"borderTopColor\":\"rgba(255,255,255,0.6)\",\"borderRadius\":\"8px\",\"boxShadow\":\"inset 0 1px 0 rgba(255,255,255,0.4), inset 0 0 0 3px rgba(255,255,255,0.12), inset 0 0 0 4px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.06), 0 3px 8px rgba(0,0,0,0.05)\"}}]]}],\" pricing\"]}]]}],[\"$\",\"p\",null,{\"className\":\"relative z-[2] text-base text-text-secondary max-w-[640px] mx-auto\",\"children\":\"We've built these sprints based on what startups actually need, from years of experience doing things the hard wayâso we can do it the right way today.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2 gap-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"glass-card\",\"children\":[\"$\",\"div\",null,{\"className\":\"p-6 md:p-10\",\"children\":[[\"$\",\"p\",null,{\"className\":\"label mb-3\",\"children\":\"Polished Homepage + Refreshed Visual\"}],[\"$\",\"h3\",null,{\"className\":\"font-serif text-[24px] md:text-[28px] font-normal mb-2\",\"children\":\"Homepage Refresh\"}],[\"$\",\"p\",null,{\"className\":\"text-[clamp(40px,10vw,64px)] font-normal leading-none mb-1 mt-4 tabular-nums\",\"children\":\"$$12k\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-text-muted mb-6\",\"children\":\"one-time payment\"}],[\"$\",\"$L6\",null,{\"href\":\"/meeting\",\"className\":\"btn-primary w-full justify-center mb-8\",\"children\":[\"Book a free intro call\",[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M5 12h14M12 5l7 7-7 7\"}]}]]}],[\"$\",\"p\",null,{\"className\":\"text-[15px] leading-relaxed text-text-secondary mb-6\",\"children\":[\"A fifteen day sprint to refresh your homepage and help you tell a better story through a standout visual theme and purpose-driven imagery. Walk away with a polished homepage that reflects your productâand doesn't hold you back.\"]}],[\"$\",\"ul\",null,{\"className\":\"space-y-3.5 pt-6 border-t border-[rgba(16,65,213,0.06)]\",\"children\":[[[\"$\",\"li\",\"A 60-minute workshop to align on direction\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[\"$L1e\",\"$L1f\"]}],\"$L20\",\"$L21\",\"$L22\",\"$L23\",\"$L24\",\"$L25\",\"$L26\",\"$L27\"],\"$undefined\"]}]]}]}],\"$L28\"]}]]}]]}]\n"])</script>
227<script>self.__next_f.push([1,"11:[\"$\",\"section\",null,{\"className\":\"py-16 md:py-24 px-[5%] bg-bg-light grid-background-section grid-background-section-light\",\"style\":{\"borderTop\":\"1px solid #E8EDF8\",\"transform\":\"translateZ(0)\"},\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-container mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center mb-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[648px] h-[130px] pointer-events-none z-[1]\",\"style\":{\"background\":\"radial-gradient(ellipse 100% 100% at 50% 50%, #F9FCFF 0%, transparent 70%)\",\"filter\":\"blur(30px)\"}}],[\"$\",\"h2\",null,{\"className\":\"relative z-[2] font-serif text-[clamp(32px,5vw,40px)] font-normal leading-[1.1] tracking-[-0.02em] mb-4 max-w-[640px] mx-auto\",\"children\":\"What founders and operators have said about working with Oratory\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-6\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"glass-card p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[15px] leading-relaxed text-text-secondary mb-5\",\"children\":[\"â\",\"We've worked with multiple agencies over the years, but this is the first time I felt like what we had envisioned actually made it onto the screen.\",\"â\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"$L29\",null,{\"src\":\"/images/yasmin-sameni.jpg\",\"alt\":\"Yasmin Sameni\",\"width\":40,\"height\":40,\"className\":\"rounded-full object-cover\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Yasmin Sameni\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"Head of Operations, Tahoe Therapeutics\"}]]}]]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"glass-card p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[15px] leading-relaxed text-text-secondary mb-5\",\"children\":[\"â\",\"We brought Oratory in to refresh one of our most visible properties, and honestly, I didn't have to babysit a thing. Riley just handled it â I trusted him completely.\",\"â\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"$L29\",null,{\"src\":\"/images/kayleigh-karutis.avif\",\"alt\":\"Kayleigh Karutis\",\"width\":40,\"height\":40,\"className\":\"rounded-full object-cover\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Kayleigh Karutis\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"Partner + CMO, Wing VC\"}]]}]]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"glass-card p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[15px] leading-relaxed text-text-secondary mb-5\",\"children\":[\"â\",\"From start to finish, this is one of the quickest redesigns I've been part of. Oratory helped us create a homepage that clearly explains what we do.\",\"â\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"$L29\",null,{\"src\":\"/images/jack-whitis.jpg\",\"alt\":\"Jack Whitis\",\"width\":40,\"height\":40,\"className\":\"rounded-full object-cover\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Jack Whitis\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"CEO, Wavmaker\"}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-6\",\"children\":[[\"$\",\"div\",\"3\",{\"className\":\"glass-card p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[15px] leading-relaxed text-text-secondary mb-5\",\"children\":[\"â\",\"We had just a few weeks before Demo Day and needed our website to match the level of polish and clarity investors expect. Riley and the Oratory team jumped in and immediately got what we were trying to do.\",\"â\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"$L29\",null,{\"src\":\"/images/toni-lopez.jpg\",\"alt\":\"Toni Lopez\",\"width\":40,\"height\"
227:40,\"className\":\"rounded-full object-cover\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Toni Lopez\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"Cofounder, Karumi AI\"}]]}]]}]]}],[\"$\",\"div\",\"4\",{\"className\":\"glass-card p-6\",\"children\":[\"$L2a\",\"$L2b\"]}],\"$L2c\"]}],\"$L2d\"]}]]}]}]\n"])</script>
227<script>self.__next_f.push([1,"12:[\"$\",\"$L2e\",null,{}]\n13:[\"$\",\"$L2f\",null,{}]\n14:[\"$\",\"$L30\",null,{}]\n15:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2fe242ee9de3ca67.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"async\":true,\"nonce\":\"$undefined\"}]\n16:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/bb5b2a0ab3034413.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"async\":true,\"nonce\":\"$undefined\"}]\n17:[\"$\",\"$L31\",null,{\"children\":[\"$\",\"$32\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@33\"}]}]\n18:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L34\",null,{\"children\":\"$L35\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L36\",null,{\"children\":[\"$\",\"$32\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L37\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
227<script>self.__next_f.push([1,"1a:[\"$\",\"div\",null,{\"className\":\"w-8 h-8 rounded-full bg-gradient-to-b from-brand-blue-light to-brand-blue flex items-center justify-center text-white font-mono text-sm font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.2),0_0_0_1px_rgba(16,65,214,0.8),0_2px_4px_rgba(16,65,214,0.2),0_4px_8px_rgba(16,65,214,0.2)]\",\"children\":3}]\n1b:[\"$\",\"h3\",null,{\"className\":\"text-lg font-medium mb-4\",\"children\":\"Phase 3: Development\"}]\n1c:[\"$\",\"ul\",null,{\"className\":\"space-y-2.5\",\"children\":[[\"$\",\"li\",\"Platform build\",{\"className\":\"flex items-start gap-2.5 text-sm text-text-secondary\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]\"}],\"Platform build\"]}],[\"$\",\"li\",\"CMS setup\",{\"className\":\"flex items-start gap-2.5 text-sm text-text-secondary\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]\"}],\"CMS setup\"]}],[\"$\",\"li\",\"CMS training\",{\"className\":\"flex items-start gap-2.5 text-sm text-text-secondary\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]\"}],\"CMS training\"]}],[\"$\",\"li\",\"Launch\",{\"className\":\"flex items-start gap-2.5 text-sm text-text-secondary\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2 h-2 mt-1.5 bg-[#F9FCFF] border border-[#DFE4F0] rounded-sm flex-shrink-0 shadow-[0_1px_2px_rgba(16,65,213,0.04)]\"}],\"Launch\"]}]]}]\n1e:[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}]\n1f:[\"$\",\"span\",null,{\"children\":\"A 60-minute workshop to align on direction\"}]\n20:[\"$\",\"li\",\"A completely refreshed, fully responsive homepage design\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"A completely refreshed, fully responsive homepage design\"}]]}]\n21:[\"$\",\"li\",\"A refreshed visual direction for the site (color, type, patterns)\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"A refreshed visual direction for the site (color, type, patterns)\"}]]}]\n22:[\"$\",\"li\",\"Custom product visuals and a system to implement more in the future\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"Custom product visuals and a system to implement more in the future\"}]]}]\n23:[\"$\",\"li\",\"Social media banners and other supporting assets\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\""])</script>
227<script>self.__next_f.push([1,":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"Social media banners and other supporting assets\"}]]}]\n24:[\"$\",\"li\",\"Interactions and high level of polish\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"Interactions and high level of polish\"}]]}]\n25:[\"$\",\"li\",\"Direct access to our team in Slack\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"Direct access to our team in Slack\"}]]}]\n26:[\"$\",\"li\",\"Figma file with all of the assets we made\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"Figma file with all of the assets we made\"}]]}]\n27:[\"$\",\"li\",\"Development included (Webflow, Framer, or custom codebase)\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"Development included (Webflow, Framer, or custom codebase)\"}]]}]\n"])</script>
227<script>self.__next_f.push([1,"28:[\"$\",\"div\",null,{\"className\":\"glass-card\",\"children\":[\"$\",\"div\",null,{\"className\":\"p-6 md:p-10\",\"children\":[[\"$\",\"p\",null,{\"className\":\"label mb-3\",\"children\":\"Best for Teams That Are Growing Fast\"}],[\"$\",\"h3\",null,{\"className\":\"font-serif text-[24px] md:text-[28px] font-normal mb-2\",\"children\":\"Growth-Ready Website\"}],[\"$\",\"p\",null,{\"className\":\"text-[clamp(40px,10vw,64px)] font-normal leading-none mb-1 mt-4 tabular-nums\",\"children\":\"$$24k\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-text-muted mb-6\",\"children\":\"one-time payment\"}],[\"$\",\"$L6\",null,{\"href\":\"/meeting\",\"className\":\"btn-primary w-full justify-center mb-8\",\"children\":[\"Book a free intro call\",[\"$\",\"svg\",null,{\"className\":\"w-4 h-4\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M5 12h14M12 5l7 7-7 7\"}]}]]}],[\"$\",\"p\",null,{\"className\":\"text-[15px] leading-relaxed text-text-secondary mb-6\",\"children\":[\"A twenty day sprint to refresh your homepage and deliver a flexible kit of reusable, high-impact website sectionsâstrategically selected for B2B software startups. Built so your team can easily expand, remix, and ship pages fast.\"]}],[\"$\",\"ul\",null,{\"className\":\"space-y-3.5 pt-6 border-t border-[rgba(16,65,213,0.06)]\",\"children\":[[[\"$\",\"li\",\"A 60-minute workshop to align on direction\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"A 60-minute workshop to align on direction\"}]]}],[\"$\",\"li\",\"A completely new homepage design\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"A completely new homepage design\"}]]}],[\"$\",\"li\",\"Five additional high-impact pages (like Pricing, Product, or About)\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"Five additional high-impact pages (like Pricing, Product, or About)\"}]]}],[\"$\",\"li\",\"CMS set up for ease-of-use\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"CMS set up for ease-of-use\"}]]}],[\"$\",\"li\",\"Updated typography, color palette, and imagery\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"Updated typography, color palette, and imagery\"}]]}],[\"$\",\"li\",\"We'll show you how to use your new system to create any new page\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[\"$L38\",\"$L39\"]}],\"$L3a\",\"$L3b\",\"$L3c\"],\"$undefined\"]}]]}]}]\n"])</script>
227<script>self.__next_f.push([1,"2a:[\"$\",\"p\",null,{\"className\":\"text-[15px] leading-relaxed text-text-secondary mb-5\",\"children\":[\"â\",\"The team did an amazing job, they iterated quickly and were fantastic at incorporating our feedback. We're super excited about the results, and we hear from customers and investors daily that they love the design.\",\"â\"]}]\n2b:[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"$L29\",null,{\"src\":\"/images/oyVv20LZ_400x400.jpg\",\"alt\":\"Marius Meiners\",\"width\":40,\"height\":40,\"className\":\"rounded-full object-cover\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Marius Meiners\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"Cofounder, Peec AI\"}]]}]]}]\n2c:[\"$\",\"div\",\"5\",{\"className\":\"glass-card p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[15px] leading-relaxed text-text-secondary mb-5\",\"children\":[\"â\",\"The team at Oratory delivered exactly what we needed: a brand and website that made Settel feel like an established company from day one. They went the extra mile on the imageryâworking with us to define what images to use to convey complex information.\",\"â\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"$L29\",null,{\"src\":\"/images/derek-elley.avif\",\"alt\":\"Derek Elley\",\"width\":40,\"height\":40,\"className\":\"rounded-full object-cover\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Derek Elley\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"Co-founder + CEO, Settel\"}]]}]]}]]}]\n"])</script>
227<script>self.__next_f.push([1,"2d:[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-6\",\"children\":[[\"$\",\"div\",\"6\",{\"className\":\"glass-card p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[15px] leading-relaxed text-text-secondary mb-5\",\"children\":[\"â\",\"Working with Oratory on our homepage refresh was a game-changer. They made the site feel more intentional and aligned with who we are.\",\"â\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"$L29\",null,{\"src\":\"/images/andrew-harrison.avif\",\"alt\":\"Andrew Harrison\",\"width\":40,\"height\":40,\"className\":\"rounded-full object-cover\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Andrew Harrison\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"CRO, dataroomHQ\"}]]}]]}]]}],[\"$\",\"div\",\"7\",{\"className\":\"glass-card p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[15px] leading-relaxed text-text-secondary mb-5\",\"children\":[\"â\",\"The team at Oratory not only designed a site that looks sharp and works well, but also created custom product visuals that made our product much easier to understand at a glance.\",\"â\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"$L29\",null,{\"src\":\"/images/nick-droege.jpg\",\"alt\":\"Nick Droege\",\"width\":40,\"height\":40,\"className\":\"rounded-full object-cover\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Nick Droege\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"Founder, Toro TMS\"}]]}]]}]]}],[\"$\",\"div\",\"8\",{\"className\":\"glass-card p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[15px] leading-relaxed text-text-secondary mb-5\",\"children\":[\"â\",\"We started with a website and ended up with a creative partner we trust. The team at Oratory really listens, challenges where needed, and always makes the work stronger.\",\"â\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"$L29\",null,{\"src\":\"/images/jeff-king.avif\",\"alt\":\"Jeff King\",\"width\":40,\"height\":40,\"className\":\"rounded-full object-cover\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-medium\",\"children\":\"Jeff King\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"Founder + CEO, Rampmetrics\"}]]}]]}]]}]]}]\n"])</script>
227<script>self.__next_f.push([1,"38:[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}]\n39:[\"$\",\"span\",null,{\"children\":\"We'll show you how to use your new system to create any new page\"}]\n3a:[\"$\",\"li\",\"Direct access to our team in Slack\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"Direct access to our team in Slack\"}]]}]\n3b:[\"$\",\"li\",\"Figma file with all of the assets we made\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"Figma file with all of the assets we made\"}]]}]\n3c:[\"$\",\"li\",\"Development included (Webflow, Framer, or custom codebase)\",{\"className\":\"flex items-start gap-3 text-sm leading-relaxed\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-4 h-4 flex-shrink-0 mt-0.5 p-0.5 bg-bg-light border border-[rgba(16,65,213,0.10)] rounded-full text-text-muted\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 6l2.5 2.5 4.5-5\"}]}],[\"$\",\"span\",null,{\"children\":\"Development included (Webflow, Framer, or custom codebase)\"}]]}]\n"])</script>
227<script>self.__next_f.push([1,"35:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
227<script>self.__next_f.push([1,"3d:I[92389,[\"/_next/static/chunks/0753f09c302e9460.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\",\"/_next/static/chunks/f2e3cd9afc1f1cab.js?dpl=dpl_7rf3RWXfcvdSaJ7mbSKJBminCmSS\"],\"IconMark\"]\n33:null\n"])</script>
227<script>self.__next_f.push([1,"37:[[\"$\",\"title\",\"0\",{\"children\":\"Oratory | Web Design Sprints for B2B Tech Startups\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"A specialized design studio helping B2B software startups look and feel like established players. Fixed pricing, delivered in 3-4 weeks.\"}],[\"$\",\"meta\",\"2\",{\"property\":\"og:title\",\"content\":\"Oratory | Web Design for B2B Tech Startups\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:description\",\"content\":\"A specialized design studio helping B2B software startups look and feel like established players. Fixed pricing, delivered in 3-4 weeks.\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:image\",\"content\":\"https://oratory.co/og-image.png\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image:height\",\"content\":\"627\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image:alt\",\"content\":\"Oratory - Web design for B2B tech startups\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\"Oratory | Web Design for B2B Tech Startups\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:description\",\"content\":\"A specialized design studio helping B2B software startups look and feel like established players. Fixed pricing, delivered in 3-4 weeks.\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:image\",\"content\":\"https://oratory.co/og-image.png\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"/favicon.png\"}],[\"$\",\"$L3d\",\"14\",{}]]\n"])</script>
227</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.